:root{--bg:#262421;--panel:#302e2b;--panel2:#3b3936;--text:#e8e6e3;--dim:#aaa7a2;--light:#f0d9b5;--dark:#b58863;--accent:#81b64c;--accent2:#5d9948;--danger:#b94c4c;--sel:rgba(255,255,80,.45);--last:rgba(155,199,0,.41);--chk:rgba(255,60,60,.6);--bs:min(94vw,calc(100vh - 64px),680px)}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:16px;gap:18px;flex-wrap:wrap}#boardWrap{position:relative}#board{width:var(--bs);height:var(--bs);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:6px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.5);user-select:none}.cell{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.cell.light{background:var(--light)}.cell.dark{background:var(--dark)}.cell.sel{box-shadow:inset 0 0 0 999px var(--sel)}.cell.last{box-shadow:inset 0 0 0 999px var(--last)}.cell.check.light{background:radial-gradient(circle,var(--chk) 25%,transparent 80%),var(--light)}.cell.check.dark{background:radial-gradient(circle,var(--chk) 25%,transparent 80%),var(--dark)}.cell.hint::after{content:'';position:absolute;width:30%;height:30%;border-radius:50%;background:rgba(20,20,20,.25)}.cell.caphint::after{content:'';position:absolute;inset:4%;border-radius:50%;border:calc(var(--bs)/90) solid rgba(20,20,20,.28)}.pc{font-size:calc(var(--bs)/8*.76);line-height:1;pointer-events:none;z-index:1}.wp{color:#f9f9f9;text-shadow:0 0 2px #444,0 2px 3px rgba(0,0,0,.45)}.bp{color:#211f1c;text-shadow:0 0 2px rgba(255,255,255,.25),0 2px 3px rgba(0,0,0,.35)}.coord{position:absolute;font-size:calc(var(--bs)/48);font-weight:700;pointer-events:none;opacity:.85}.coord.rank{top:3%;left:5%}.coord.file{bottom:2%;right:6%}.light .coord{color:var(--dark)}.dark .coord{color:var(--light)}#panel{width:330px;max-width:94vw;background:var(--panel);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 24px rgba(0,0,0,.4)}.titleRow{display:flex;justify-content:space-between;align-items:center}h1{font-size:20px;letter-spacing:.5px}.version{font-size:12px;color:var(--dim)}.row{display:flex;gap:8px;align-items:center}.row label{width:52px;color:var(--dim);font-size:13px}select{flex:1;background:var(--panel2);color:var(--text);border:1px solid #4a4844;border-radius:6px;padding:7px 8px;font-size:14px;cursor:pointer}button{background:var(--panel2);color:var(--text);border:none;border-radius:6px;padding:9px 10px;font-size:14px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.15)}button:focus-visible,select:focus-visible,.cell:focus-visible{outline:3px solid #fff;outline-offset:2px}button.primary{background:var(--accent);color:#fff;box-shadow:0 3px 0 var(--accent2)}.btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}#newBtn,.wide{grid-column:1/-1}.compact button{padding:7px}.clocks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clocks div{background:#211f1c;padding:8px;border-radius:6px;text-align:center;font:700 20px ui-monospace,Consolas,monospace}.clocks .active{box-shadow:inset 0 0 0 2px var(--accent)}.clocks .low{background:#6d3030}#status{background:var(--panel2);border-radius:6px;padding:10px 12px;font-size:15px;font-weight:600;min-height:42px;display:flex;align-items:center;gap:8px}#status.over{background:var(--accent);color:#fff}.spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--text);border-radius:50%;animation:sp .8s linear infinite;flex:none}@keyframes sp{to{transform:rotate(360deg)}}.capRow{font-size:13px;color:var(--dim);display:flex;align-items:center;gap:6px;min-height:20px}.capLabel{width:44px}.capRow .pcs{font-size:18px;color:var(--text);letter-spacing:1px}.capRow .adv{color:var(--accent);font-weight:700}.scoreHead,#moves .moveRow{display:grid;grid-template-columns:38px 1fr 1fr;gap:4px}.scoreHead{font-size:11px;color:var(--dim);padding:0 8px}#moves{background:var(--panel2);border-radius:6px;padding:6px;height:180px;overflow-y:auto;font-size:13.5px;font-family:ui-monospace,Consolas,monospace}.moveRow{align-items:center}.moveRow .num{color:var(--dim);padding-left:4px}.moveBtn{background:transparent;text-align:left;padding:5px 6px;font:inherit}.moveBtn:hover,.moveBtn.reviewed{background:rgba(255,255,255,.1)}.navBtns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.navBtns button{padding:7px}.hintTxt{font-size:12px;color:var(--dim)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:30;padding:20px}.modal.show{display:flex}#promo{position:absolute;border-radius:6px}.modal .box,.dialog{background:var(--panel);border-radius:12px;padding:18px;box-shadow:0 12px 40px rgba(0,0,0,.55)}#promo .box{display:flex;gap:10px}#promo button{font-size:calc(var(--bs)/10);width:calc(var(--bs)/7);height:calc(var(--bs)/7);display:flex;align-items:center;justify-content:center}.dialog{width:min(420px,92vw);text-align:center}.dialog h2{margin-bottom:10px}.dialog p{color:var(--dim);margin-bottom:16px}.dialogBtns{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#151412;color:white;padding:9px 14px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:700px){:root{--bs:min(96vw,620px)}body{padding:8px}#panel{width:var(--bs)}}

.setupSummary{background:var(--panel2);border-radius:6px;padding:8px 10px;color:var(--dim);font-size:12px;line-height:1.45}.setupSummary strong{color:var(--text)}.setupDialog{text-align:left}.setupDialog h2,.setupDialog>p{text-align:center}.setupGrid{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;margin:14px 0 18px}.setupGrid label{color:var(--dim);font-size:13px}.reviewLock{opacity:.45;pointer-events:none}
button:disabled{opacity:.45;cursor:not-allowed;filter:none}.reviewLock{pointer-events:auto}.navBtns button{font-size:12px;white-space:nowrap}

/* v1.2.0 feature UI */
.openingBar,.aiInfo{background:var(--panel2);border-radius:6px;padding:7px 10px;font-size:12px;color:var(--dim)}.openingBar strong{color:var(--text)}.aiInfo:empty{display:none}.toolsDialog,.libraryDialog{width:min(620px,94vw);text-align:left}.toolSection{margin:12px 0;padding:12px;background:var(--panel2);border-radius:8px}.toolSection label{display:block;font-weight:700;margin-bottom:6px}.toolSection textarea{width:100%;resize:vertical;background:#211f1c;color:var(--text);border:1px solid #555;border-radius:6px;padding:9px;font:12px ui-monospace,Consolas,monospace;margin-bottom:8px}.resultStats,.statsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}.resultStats div,.statsGrid div{background:var(--panel2);border-radius:7px;padding:9px;display:flex;justify-content:space-between;gap:12px}.resultStats span,.statsGrid span{color:var(--dim);font-size:12px}.span2{grid-column:1/-1}.themeChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.themeChoice{display:flex;align-items:center;gap:10px;text-align:left}.themeChoice.selected{outline:2px solid var(--accent)}.swatch{width:42px;height:24px;border-radius:4px;display:inline-block;background:linear-gradient(90deg,#f0d9b5 50%,#b58863 50%)}.swatch.walnut{background:linear-gradient(90deg,#d8b98b 50%,#7b4f2d 50%)}.swatch.tournament{background:linear-gradient(90deg,#eee 50%,#769656 50%)}.swatch.blue{background:linear-gradient(90deg,#dee3e6 50%,#6b8fb3 50%)}.swatch.contrast{background:linear-gradient(90deg,#fff 50%,#222 50%)}.libraryList{max-height:55vh;overflow:auto;margin:12px 0}.libraryItem{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--panel2);border-radius:8px;padding:10px;margin-bottom:8px}.libraryItem small{display:block;color:var(--dim);margin-top:3px;line-height:1.4}.libraryItem>div:last-child{display:flex;gap:5px}.libraryItem button{padding:6px 8px}.empty{color:var(--dim);text-align:center;padding:18px}
body[data-theme="walnut"]{--light:#d8b98b;--dark:#7b4f2d;--accent:#b57a43;--accent2:#8a5b31}body[data-theme="tournament"]{--light:#eeeed2;--dark:#769656;--accent:#88b44e;--accent2:#638b36}body[data-theme="blue"]{--light:#dee3e6;--dark:#6b8fb3;--accent:#4e87b8;--accent2:#37678f}body[data-theme="contrast"]{--light:#fff;--dark:#222;--accent:#ffca28;--accent2:#ba8b00}.pc{transition:transform .12s ease}.cell:hover .pc{transform:scale(1.03)}
@media(max-width:700px){.themeChoices{grid-template-columns:1fr}.resultStats,.statsGrid{grid-template-columns:1fr}.span2{grid-column:auto}.libraryItem{align-items:flex-start;flex-direction:column}}