:root{color:#d7dae0;font-synthesis:none;text-rendering:geometricprecision;--bg:#090a0c;--chrome:#0d0f12;--panel:#15181d;--panel-deep:#101216;--line:#242830;--line-soft:#1a1d22;--text:#e5e7eb;--muted:#858c98;--faint:#555d69;--blue:#6297d3;--green:#73c991;--warning:#d6a55d;--light-square:#a9aaa7;--dark-square:#4b4f52;background:#0d0f11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:760px;height:100%;margin:0;overflow:hidden}button{color:inherit;font:inherit}[hidden]{display:none!important}.app-shell{background:var(--bg);border:1px solid #30343a;grid-template-rows:34px minmax(0,1fr) 22px;height:100%;display:grid}.app-bar,.status-bar{background:var(--chrome);align-items:center;display:flex}.app-bar{border-bottom:1px solid var(--line);justify-content:space-between;padding:0 8px}.brand-block,.toolbar,.mode-tabs{align-items:center;height:100%;display:flex}.app-mark{color:#17191c;background:#d5d8dc;border:1px solid #555b64;place-items:center;width:18px;height:18px;margin-right:8px;font-size:8px;font-weight:700;display:grid}.brand{letter-spacing:.03em;font-size:10px}.engine-state{color:var(--muted);align-items:center;margin-left:14px;font-size:8px;display:flex}.engine-state i{background:#ba744f;border-radius:50%;width:5px;height:5px;margin-right:7px}.engine-state.online i{background:var(--green)}.mode-tabs{gap:2px;margin-left:auto;margin-right:auto}.mode-tab,.tool-button{border:1px solid var(--line);color:#939aa4;letter-spacing:.035em;cursor:pointer;background:#171a1e;border-radius:0;height:23px;font-size:8px}.mode-tab{min-width:58px}.mode-tab.active,.tool-button.primary{color:#eef4fb;background:#1c3045;border-color:#4778ad}.mode-tab:disabled,.tool-button:disabled{cursor:default;opacity:.42}.toolbar{gap:5px}.worker-label{color:var(--faint);margin-right:8px;font-size:8px}.tool-button{min-width:42px;padding:0 8px}.tool-button:not(:disabled):hover,.mode-tab:not(:disabled):hover{color:#fff;border-color:#58616d}.workspace{background:var(--bg);grid-template-columns:minmax(0,calc(100vh - 56px)) minmax(330px,1fr);min-height:0;display:grid}.board-pane{background:#101214;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.board{aspect-ratio:1;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;display:grid;box-shadow:0 0 0 1px #34383d}.square{cursor:pointer;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.square.light{background:var(--light-square)}.square.dark{background:var(--dark-square)}.square.last.light{background:#92999e}.square.last.dark{background:#596168}.square:disabled{cursor:default}.square img{pointer-events:none;-webkit-user-select:none;user-select:none;width:73%;height:73%}.square.selected:after{border:max(2px, .28vmin) solid var(--blue);content:"";background:#5d9de324;position:absolute;inset:0}.square.destination:before{z-index:2;aspect-ratio:1;content:"";background:#4587cfb8;border-radius:50%;width:18%;position:absolute}.file-label,.rank-label{color:#1416189e;pointer-events:none;font-size:clamp(7px,.72vw,10px);font-weight:600;position:absolute}.file-label{bottom:2px;right:4px}.rank-label{top:3px;left:4px}.analysis-pane{border-left:1px solid var(--line);background:var(--panel-deep);flex-direction:column;min-height:0;display:flex;position:relative}.panel-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.panel-title-row{border-bottom:1px solid var(--line);color:#d5d8dd;justify-content:space-between;align-items:center;min-height:33px;padding:0 14px;font-size:9px;display:flex}.panel-state{color:var(--muted);font-size:8px}.evaluation-block{padding:17px 14px 14px}.eyebrow,.section-heading,.metrics-grid span{color:var(--faint);font-size:8px}.evaluation-row{justify-content:space-between;align-items:end;margin-top:10px;display:flex}.evaluation{color:#dde1e7;letter-spacing:-.04em;font-size:31px;font-weight:300}.turn-label{color:#8b929c;margin-bottom:5px;font-size:9px}.evaluation-track{background:#262a2f;height:2px;margin-top:13px}.evaluation-track span{background:var(--blue);width:50%;height:100%;transition:width .16s ease-out;display:block}.metrics-grid{border:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);margin:0 14px 15px;display:grid}.metrics-grid div{border-right:1px solid var(--line-soft);background:var(--panel);flex-direction:column;justify-content:space-between;min-width:0;height:54px;padding:10px 9px;display:flex}.metrics-grid div:last-child{border-right:0}.metrics-grid strong{color:#d3d7dd;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.detail-section{border-top:1px solid var(--line);margin:0 14px;padding:14px 0 18px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-action{color:#687585}.pv-line,.fen{color:#c7cbd1;overflow-wrap:anywhere;margin-top:15px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.65}.position-section{padding-bottom:14px}.move-section{padding-bottom:12px}.move-history{max-height:120px;color:var(--muted);flex-direction:column;gap:3px;margin-top:11px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:9px;display:flex;overflow:auto}.move-history div{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.move-history span{color:var(--faint)}.move-history button{color:#c8ccd2;text-align:left;background:0 0;border:0;min-width:0;padding:2px 5px}.document-controls,.play-controls{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:9px 14px;display:grid}.panel-button,.dialog-button,.segmented button{border:1px solid var(--line);background:var(--panel);color:#9299a4;letter-spacing:.03em;cursor:pointer;border-radius:0;min-height:24px;padding:0 7px;font-size:8px}.panel-button:hover:not(:disabled),.dialog-button:hover:not(:disabled),.segmented button:hover:not(:disabled){color:#fff;border-color:#58616d}.panel-button:disabled,.dialog-button:disabled,.segmented button:disabled{cursor:default;opacity:.4}.play-settings{flex-direction:column;gap:7px;padding:10px 14px;display:flex}.setting-row{color:var(--faint);justify-content:space-between;align-items:center;font-size:8px;display:flex}.segmented{gap:3px;display:flex}.segmented button{min-width:47px}.segmented button.active,.dialog-button.primary{color:#eef4fb;background:#1c3045;border-color:#4778ad}.clock-stack{border-top:1px solid var(--line);flex-direction:column;gap:5px;margin:0 14px;padding:12px 0;display:flex}.clock-card{border:1px solid var(--line-soft);background:var(--panel);grid-template-columns:1fr auto;align-items:center;min-height:52px;padding:8px 10px;display:grid}.clock-card>span,.clock-card>em{color:var(--faint);font-size:8px;font-style:normal}.clock-card strong{color:#c7cbd1;grid-area:1/2/span 2;font-family:Cascadia Code,Consolas,monospace;font-size:21px;font-weight:400}.clock-card.active{box-shadow:inset 2px 0 var(--blue);border-color:#526a84}.clock-card.active strong{color:#f2f4f7}.play-metrics{border:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);margin:0 14px 12px;display:grid}.play-metrics div{border-right:1px solid var(--line-soft);background:var(--panel);flex-direction:column;justify-content:space-between;height:43px;padding:7px 8px;display:flex}.play-metrics div:last-child{border-right:0}.play-metrics span,.play-metrics strong{font-size:8px;font-weight:500}.play-metrics span{color:var(--faint)}.play-result{border:1px solid var(--warning);color:var(--text);background:#211c14;margin:0 14px 12px;padding:9px;font-size:9px}.play-history-section{padding-bottom:12px}.play-controls{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto}.play-documents{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-overlay{z-index:10;background:#08090bbd;place-items:center;display:grid;position:absolute;inset:0}.promotion-card{background:#111418;border:1px solid #3b4149;min-width:270px;padding:13px;box-shadow:0 18px 50px #00000073}.promotion-title{color:var(--muted);margin-bottom:10px;font-size:8px}.promotion-options{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.promotion-options button{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:#a9aaa7;border-radius:0;place-items:center;padding:4px;display:grid}.promotion-options button:hover{border-color:var(--blue)}.promotion-options img{width:88%;height:88%}.promotion-card>.dialog-button{width:100%}.document-dialog{width:min(620px,100vw - 40px);color:var(--text);background:#101216;border:1px solid #343941;border-radius:0;padding:0;box-shadow:0 22px 70px #00000094}.document-dialog::backdrop{background:#050607b8}.document-dialog form{flex-direction:column;display:flex}.dialog-heading,.dialog-actions{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:9px 11px;font-size:9px;display:flex}.dialog-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:17px}.document-dialog textarea{resize:vertical;color:#d6dae0;background:#0b0d10;border:0;outline:0;width:100%;min-height:260px;padding:12px;font-family:Cascadia Code,Consolas,monospace;font-size:10px;line-height:1.55}.dialog-actions{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:5px}.position-section .section-heading span:last-child{color:#454b53;font-family:Cascadia Code,Consolas,monospace;font-size:7px}.fen{color:#737b86;font-size:8px}.panel-message{border-top:1px solid var(--line);color:#747b85;margin-top:auto;padding:11px 14px;font-size:8px}.status-bar{border-top:1px solid var(--line);color:#555c66;justify-content:space-between;padding:0 9px;font-size:8px}@media (width<=900px){html,body,#app{min-width:0;overflow:auto}.app-shell{height:auto;min-height:100%}.workspace{grid-template-columns:1fr}.board{width:100%}.analysis-pane{border-top:1px solid var(--line);border-left:0;min-height:500px}.worker-label,.mode-tabs{display:none}}