:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111312;color:#f3f1e8}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:linear-gradient(180deg,rgba(91,121,88,.18),transparent 340px),#111312}button,input,select,textarea{font:inherit}button{border:1px solid rgba(243,241,232,.16);background:#20251f;color:#f3f1e8;min-height:38px;border-radius:6px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}button:hover:not(:disabled){background:#2b322a}button:disabled{opacity:.45;cursor:not-allowed}.shell{width:min(1760px,calc(100vw - 28px));margin:0 auto;padding:14px 0 4px;min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}h1{margin:0;font-size:28px;letter-spacing:0}p{margin:0}.topbar p,footer,.lineBox span,.slider span{color:#b8b6aa}.enginePill,.notice,.importRow{border:1px solid rgba(243,241,232,.14);background:#171b16db;border-radius:6px}.enginePill{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#d8d4c7;max-width:520px}.importRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;margin-bottom:12px}.importRow textarea{width:100%;border:0;outline:0;background:transparent;color:#f3f1e8;min-height:38px;max-height:78px;resize:vertical}.notice{display:flex;align-items:center;gap:9px;padding:10px 12px;color:#ffd8a8;margin-bottom:10px}.workspace{display:grid;grid-template-columns:minmax(520px,1fr) minmax(330px,460px);gap:16px;align-items:stretch;min-height:0;height:calc(100vh - 194px)}.panel{border:1px solid rgba(243,241,232,.12);background:#131713eb;border-radius:8px;min-height:0;overflow:hidden}.gameTitle{min-height:54px;padding:12px;border-bottom:1px solid rgba(243,241,232,.1);display:flex;align-items:center;justify-content:space-between;gap:8px}.gameTitle.compact{min-height:46px;border:1px solid rgba(243,241,232,.12);border-radius:8px;background:#131713eb}.gameTitle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reviewFocus{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(243,241,232,.1);color:#b8b6aa;font-size:13px}.reviewFocus.compact{border:1px solid rgba(243,241,232,.12);border-radius:8px;background:#131713eb}.reviewFocus label{display:flex;align-items:center;gap:8px}.reviewFocus select{min-width:0;max-width:145px;border:1px solid rgba(243,241,232,.14);border-radius:6px;color:#f3f1e8;background:#20251f;padding:6px 8px}.moveList{max-height:650px;overflow:auto;padding:8px;display:grid;gap:5px}.moveItem{width:100%;display:grid;grid-template-columns:36px 1fr auto;text-align:left;justify-content:stretch;min-height:36px}.moveItem span{color:#98978e}.moveItem em{color:#b8b6aa;font-style:normal;font-size:12px}.moveItem.active{outline:2px solid #e8c96a;background:#2b2d24}.moveItem.blunder em,.badge.blunder{color:#ff9b8d}.moveItem.bad em,.badge.bad{color:#ffbd7a}.moveItem.warn em,.badge.warn{color:#f2df86}.moveItem.best em,.badge.best{color:#93dfa6}.boardColumn{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;gap:8px;min-height:0}.matchupBar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.playerLabel{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d8d4c7;padding:0 4px}.playerLabel span{color:#9c9a91;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.playerLabel strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardFrame{position:relative;width:min(100%,calc(100vh - 350px),820px);min-width:0;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid rgba(243,241,232,.16);background:#1d211c;justify-self:center;align-self:center}.moveQualityMarker{position:absolute;width:28px;height:28px;border-radius:999px;transform:translate(-50%,-10%);z-index:5;display:grid;place-items:center;font-weight:900;font-size:16px;line-height:1;color:#0f130f;box-shadow:0 2px 10px #00000073;border:2px solid rgba(255,255,255,.9);pointer-events:none}.moveQualityMarker.perfect,.stripMove.perfect i{background:#5fb7ff}.moveQualityMarker.acceptable,.stripMove.acceptable i{background:#7ee08f}.moveQualityMarker.confused,.stripMove.confused i{background:#f1d36d}.moveQualityMarker.blunder,.stripMove.blunder i{background:#ff6b5d}.moveQualityMarker.pending{display:none}.moveOriginMarker{position:absolute;width:clamp(17px,3.5%,28px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);z-index:5;border:3px solid rgba(255,255,255,.96);background:#1c231d6b;box-shadow:0 0 0 2px #19201a99;pointer-events:none}.emptyBoard{height:100%;display:grid;place-items:center;color:#b8b6aa;padding:20px;text-align:center}.transport{display:grid;grid-template-columns:44px 44px 1fr 44px 44px;gap:8px;align-items:center}.transport span{text-align:center;color:#d6d2c5}.moveStrip{min-height:54px;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:thin}.branchResumeStrip{min-height:54px;display:flex;align-items:center}.branchResumeStrip button{width:100%}.stripMove{flex:0 0 auto;min-width:88px;min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;text-align:left;padding:0 10px}.stripMove span{color:#98978e}.stripMove strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.stripMove i{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;color:#0f130f;font-style:normal;font-size:12px;font-weight:900}.stripMove.pending i{display:none}.stripMove.active{outline:2px solid #e8c96a;background:#2b2d24}.rightPanel{padding:14px;display:grid;align-content:start;gap:14px;max-height:100%;overflow:auto;overscroll-behavior:contain}.badge{width:fit-content;min-height:26px;padding:4px 8px;border-radius:999px;background:#f3f1e817;font-size:12px;font-weight:700}.judgmentBanner{min-height:62px;border:1px solid rgba(243,241,232,.12);background:#2a2927;border-bottom:4px solid #779954;border-radius:8px 8px 3px 3px;overflow:hidden;display:grid;grid-template-columns:58px 1fr auto;align-items:center}.judgmentIcon{height:100%;display:grid;place-items:center;color:#fff;font-size:30px;font-weight:900;line-height:1}.judgmentBanner.perfect .judgmentIcon{background:#4aa7f2}.judgmentBanner.acceptable .judgmentIcon{background:#5ca85e}.judgmentBanner.confused .judgmentIcon{background:#d7b23d;color:#171b16}.judgmentBanner.blunder .judgmentIcon{background:#e94242}.judgmentBanner.pending .judgmentIcon{background:#454842}.judgmentCopy{min-width:0;padding:0 14px;display:flex;align-items:baseline;gap:12px}.judgmentCopy strong{font-size:25px;line-height:1}.judgmentCopy span{min-width:0;color:#b9b6ad;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.judgmentCopy span b{color:#55aaf4;font-weight:600}.badge.play{color:#94cdf8}.eval{min-width:110px;display:grid;gap:8px;text-align:right;padding-right:12px}.eval div{height:8px;background:#2c302b;border-radius:999px;overflow:hidden}.eval i{display:block;height:100%;background:#ece6d0}.coachText,.lineBox{border:1px solid rgba(243,241,232,.11);background:#171b16;border-radius:8px;padding:13px;line-height:1.48}.lineBox{display:grid;gap:7px}.hintBox{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;border:1px solid rgba(243,241,232,.11);background:#171b16;border-radius:8px;padding:10px}.hintBox>div{display:grid;gap:3px;min-width:0}.hintBox span{color:#b8b6aa;font-size:12px}.hintBox strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidateList,.mistakeList{display:grid;gap:6px}.candidateList button,.mistakeList button{width:100%;display:grid;grid-template-columns:auto 1fr auto;justify-content:stretch;text-align:left}.candidateList button strong,.mistakeList button strong{justify-self:start}.candidateList button em,.mistakeList button em{color:#b8b6aa;font-style:normal;font-size:12px}.mistakeList button.blunder strong{color:#ff9b8d}.mistakeList button.bad strong{color:#ffbd7a}.mistakeList button.warn strong{color:#f2df86}.practiceControls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slider{display:grid;gap:8px}.slider input{width:100%}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:6px}@media(max-width:1180px){.workspace{grid-template-columns:1fr;height:auto}.panel{min-height:auto}.moveList{max-height:240px}.boardFrame{margin:0 auto;width:min(100%,76vh,720px)}}@media(max-width:640px){.shell{width:min(100vw - 16px,1500px);padding-top:10px}.topbar,footer{display:grid}.importRow{grid-template-columns:auto 1fr}.importRow button{grid-column:1 / -1}h1{font-size:24px}.practiceControls,.matchupBar,.reviewFocus{grid-template-columns:1fr}.workspace{height:auto}.boardFrame{width:min(100%,calc(100vw - 16px))}}