@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk.woff2) format("woff2")}:root{font-family:Space Grotesk,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.7;color:#17251f;background:#f4f1eb;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f1eee5;--surface: #fffdf8;--muted: #6d766f;--green: #194d3b;--green-pale: #edf3ed;--line: #ded8cc;--inspector-width: 340px}*{box-sizing:border-box}body{margin:0;min-width:960px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,input,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #476c7d}button{transition:background .15s,border-color .15s,box-shadow .15s}button,input,select{color:inherit}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.35}h2{font-size:21px;font-weight:600;letter-spacing:-.018em}h3{font-size:15px;font-weight:600}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.6;margin-bottom:5px}input,select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:13px;max-width:100%}input:focus,select:focus{border-color:#658a74;outline:2px solid #194d3b15}select{cursor:pointer}button svg{flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:500;white-space:nowrap;background:none}.button.primary{background:var(--green);color:#fffdf8}.button.primary:hover:not(:disabled){background:#113e2f;box-shadow:0 5px 15px #194d3b15}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--green)}.button.secondary:hover:not(:disabled){background:var(--green-pale);border-color:#afc3b3}.button.text{color:var(--green);padding-inline:2px;min-height:30px}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;color:#526157;background:transparent}.icon-button:hover:not(:disabled){background:#194d3b0b}.panel{background:#fffdf8ce;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 22px #262b2603}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;color:#7b653f;background:#eee2cc;white-space:nowrap}.pill.good{background:#dbe6dc;color:var(--green)}.live-dot{display:inline-block;width:6px;height:6px;background:#608c71;border-radius:50%;flex-shrink:0}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#faf8f1d9;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#17251f;font-size:21px;font-weight:650;letter-spacing:.04em}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:.16em;line-height:1.25}.brand-mark{display:flex;align-items:center;gap:3px}.brand-mark i{width:15px;height:15px;border-radius:50%;background:#17251f}.brand-mark i:nth-child(2){border:1px solid #526157;background:#fffdf8}.brand-mark i:nth-child(3){width:5px;height:5px;background:#839788}.app-header nav{display:flex;align-self:stretch;gap:30px}.app-header nav button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:14px;padding:0 6px;letter-spacing:.04em}.app-header nav button.active{color:var(--green);border-bottom-color:var(--green);font-weight:600}.header-actions{display:flex;align-items:center;gap:18px}.header-actions .icon-button{border-left:1px solid var(--line);border-radius:0;padding-left:12px;width:44px}.play-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding:20px 20px 24px;max-width:2000px;margin:auto;align-items:start}.play-layout.with-inspector{grid-template-columns:260px minmax(0,1fr) 1px var(--inspector-width);column-gap:16px}.sidebar{display:flex;flex-direction:column;gap:16px}.settings-panel{padding:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading svg{color:#839085}.section-heading h2{font-size:18px}.player-config{padding:22px 0;border-bottom:1px solid var(--line)}.player-config-top{display:flex;align-items:center;gap:10px}.player-config-top strong{font-size:14px;white-space:nowrap;font-weight:500}.player-config-top select{flex:1;min-width:0;margin-left:3px}.stone.swatch{width:23px;height:23px;position:static;flex-shrink:0}.player-config-fields{padding-left:0;margin-top:12px;display:flex;flex-direction:column;gap:12px}.player-config-fields label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.player-config-fields label select{min-width:118px;max-width:140px;min-height:34px;padding:5px 7px;font-size:12px}.engine-caption{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.key-status{border:0;background:none;display:flex;gap:6px;align-items:center;color:var(--green);font-size:11px;padding:0}.controls{padding-top:20px}.controls h3{margin-bottom:14px}.control-buttons{display:flex;gap:8px}.control-buttons .button{padding:8px 9px;flex:1;font-size:12px}.delay-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:13px}.delay-label select{min-height:32px;padding:4px 9px;font-size:12px}.minor-actions{display:flex;gap:22px;margin:14px 0 0}.minor-actions button{display:flex;gap:6px;align-items:center;background:none;border:0;font-size:12px;padding:0;color:var(--muted)}.view-toggles{display:flex;flex-direction:column;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.toggle-row{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;font-size:12px;color:#34433c;text-align:left}.switch{width:29px;height:17px;background:#c7ccc5;border-radius:12px;display:flex;align-items:center;padding:2px;transition:background .2s}.switch i{width:13px;height:13px;background:var(--surface);border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0002}.switch.on{background:var(--green)}.switch.on i{transform:translate(12px)}.history-summary{padding:18px 20px}.summary-heading{display:flex;justify-content:space-between;align-items:center}.summary-heading span{font-size:12px;color:var(--muted)}.history-summary .small{margin-top:8px}.summary-score{display:flex;align-items:baseline;justify-content:space-between;margin:14px 0 7px}.summary-score strong{font-size:27px;font-weight:500;color:var(--green)}.summary-score strong:last-child{color:#879c8c}.summary-score small{font-size:14px;font-weight:400}.summary-score>span{font-size:10px;color:var(--muted)}.stacked-bar{display:flex;overflow:hidden;height:6px;background:#e8e8e0;border-radius:5px}.stacked-bar i{background:#194d3b}.stacked-bar i.draw{background:#d7d7ce}.stacked-bar i.opponent{background:#a1b7a6}.history-summary .button{display:flex;margin-top:11px;margin-left:auto;font-size:11px}.empty-copy{color:var(--muted);font-size:12px;line-height:1.8;margin-top:12px}.vs{font-size:11px;opacity:.6;margin:0 3px}.help-link{background:none;border:0;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.board-workspace{width:100%;max-width:980px;justify-self:center;min-width:0}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.board-heading h1{font-size:30px;letter-spacing:-.03em}.board-heading h1>span{font-size:22px;font-weight:400;color:#98a095;margin:0 6px}.board-heading p{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:6px}.board-heading .eyebrow{font-size:9px;color:#849083}.board-heading>.pill{align-self:center}.board-frame{position:relative;width:100%;aspect-ratio:1;background:#e8ddc6;border:1px solid #d6c9af;border-radius:5px;box-shadow:0 6px 14px #534f3510;padding:6.8%;background-image:linear-gradient(100deg,#ffffff0b,#98795106)}.board{position:relative;width:100%;height:100%}.grid-line{position:absolute;background:#95866b;opacity:.6;pointer-events:none}.grid-line.horizontal{height:1px;left:0;right:0}.grid-line.vertical{width:1px;top:0;bottom:0}.star{position:absolute;width:5px;height:5px;background:#75694f;border-radius:50%;transform:translate(-50%,-50%)}.board-coords{position:absolute;display:flex;justify-content:space-between;color:#85785e;font-size:10px;font-weight:400;pointer-events:none}.board-coords.top,.board-coords.bottom{left:6.8%;right:6.8%}.board-coords.top{top:2%}.board-coords.bottom{bottom:1.7%}.board-coords.top span,.board-coords.bottom span{width:0;display:flex;justify-content:center}.board-coords.left{left:2%;top:6.8%;bottom:6.8%;flex-direction:column;align-items:center;width:15px}.board-coords.left span{height:0;display:flex;align-items:center}.intersection{position:absolute;width:6.85%;height:6.85%;padding:0;border:0;background:none;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;cursor:default;z-index:1}.interactive .intersection:not(.occupied){cursor:pointer}.intersection:focus-visible{outline:2px dashed #194d3b;outline-offset:-2px}.stone{width:88%;height:88%;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:1px 3px 4px #0003;font-size:clamp(9px,1vw,13px);line-height:1}.stone.black,.tiny-stone.black{background:radial-gradient(circle at 34% 28%,#4d5554,#1e2525 46%,#111818);color:#fff}.stone.white,.tiny-stone.white{background:radial-gradient(circle at 33% 25%,#fffefb,#eeeee7 60%,#cacdc4);border:1px solid #bac0b5;color:#34433c}.stone.winning{box-shadow:0 0 0 2px #a8793e,0 0 0 5px #a8793e28}.last-dot{width:5px;height:5px;border-radius:50%;background:#adc0ac}.white .last-dot{background:#194d3b}.stone-hover{width:84%;height:84%;border-radius:50%;opacity:0;pointer-events:none}.interactive .intersection:not(.occupied):hover .stone-hover{opacity:.35;background:#17251f}.interactive .intersection.preview-white:hover .stone-hover{background:#fffdf8;box-shadow:inset 0 0 0 1px #5a6c58}.score-badge{width:95%;height:95%;display:grid;place-items:center;border-radius:50%;font-size:clamp(8px,.85vw,12px);color:#194d3b;font-weight:500;line-height:1}.score-badge.best{outline:2px solid #194d3b;outline-offset:1px}.ghost-stone{width:83%;height:83%;border:1px dashed #194d3b80;background:#fffdf8a6;color:var(--green);display:grid;place-items:center;border-radius:50%;font-size:12px;line-height:1}.board-caption{display:flex;justify-content:space-between;gap:12px;color:#7a8479;font-size:10px;margin-top:12px}.board-caption>span:first-child{display:flex;align-items:center;gap:6px}.thinking-status{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;text-align:center;overflow:hidden}.replay-controls{display:flex;align-items:center;justify-content:center;gap:8px}.replay-controls .icon-button{border:1px solid var(--line);background:#fffdf88f;width:30px;height:30px}.replay-controls>span{font-size:12px;color:var(--muted);min-width:95px;text-align:center;font-variant-numeric:tabular-nums}.replay-controls strong{color:#34433c;font-weight:500}.move-strip{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;max-width:100%;margin-top:20px}.move-strip button{border:0;border-radius:4px;background:#fffdf885;display:flex;align-items:center;gap:4px;padding:3px 5px;font-size:10px;color:var(--muted)}.move-strip button:hover,.move-strip button.active{background:#dbe6dc;color:var(--green)}.tiny-stone{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.show-inspector{margin:15px auto;display:flex!important;font-size:12px}.panel-divider{align-self:stretch;position:relative;cursor:col-resize;touch-action:none}.panel-divider:after{content:"";position:absolute;top:0;right:-8px;bottom:0;left:-8px}.panel-divider:hover{background:#a3b4a4}.inspector{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf8b8;min-width:0;position:relative}.inspector-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 14px}.inspector-head h2{font-size:20px}.inspector-head .eyebrow{font-size:9px}.segmented{display:flex;gap:4px;background:#194d3b07;border-radius:8px;padding:3px}.inspector>.segmented{margin:0 18px 15px}.segmented button{flex:1;border:0;border-radius:6px;padding:6px 10px;font-size:12px;color:var(--muted);background:transparent;white-space:nowrap}.segmented button.active{background:var(--surface);color:var(--green);box-shadow:0 1px 4px #00000009}.inspector .segmented button.active{background:var(--green);color:#fffdf8}.log-list{margin:0 10px}.log-row{width:100%;display:grid;grid-template-columns:45px 1fr 62px 53px;gap:3px;align-items:center;text-align:left;border:0;border-bottom:1px solid #ded8cc80;background:none;padding:9px 8px;font-size:11px}.log-row>span:first-child{display:flex;gap:4px;align-items:center}.log-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.log-label{color:var(--muted);font-size:10px;position:sticky;top:0;background:#f5f3ed}.log-row.selected{background:#e9efe6}.log-row:hover:not(.log-label){background:#edf3ed}.status-success{color:#42744d}.status-error{color:#9b4d39}.status-cancelled{color:#92998c}.status-running{color:#a8793e}.log-detail-title{padding:20px 18px 12px;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}.log-detail-title strong{font-size:13px;font-weight:600}.log-detail-title small{font-size:10px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 10px;color:var(--muted);font-size:12px;flex:1;white-space:nowrap}.tabs button.active{border-bottom-color:var(--green);color:var(--green)}.inspector-tabs{margin:0 14px}.analysis-detail{padding:18px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-metrics>div{background:#f4f1e9;border-radius:8px;padding:12px}.mini-metrics small{display:block;font-size:10px;color:var(--muted)}.mini-metrics strong{font-size:24px;font-weight:500;letter-spacing:-.04em;display:block;margin-top:2px}.mini-metrics em{font-size:12px;font-style:normal;margin-left:3px;color:var(--muted)}.analysis-detail>.small{margin-top:10px}.model-name{font-size:10px;color:#899183;overflow-wrap:anywhere;margin:6px 0 14px}.analysis-detail h3{font-size:13px;margin:18px 0 10px}.candidate-list{display:flex;flex-direction:column;gap:7px}.candidate-list button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:4px 0;font-size:11px;text-align:left}.candidate-list button>span:nth-last-child(2){font-variant-numeric:tabular-nums}.candidate-list button:hover{color:var(--green)}.candidate-rank{font-size:9px;color:#8b968b;width:8px}.candidate-list strong{width:24px;font-weight:500}.bar{flex:1;height:5px;display:block;background:#e4e6dc;border-radius:4px;overflow:hidden;min-width:20px}.bar i{height:100%;display:block;background:#4f795c;border-radius:4px}.candidate-list button>span:not(.bar):last-child{min-width:30px;text-align:right}.footnote{font-size:11px;line-height:1.85;color:var(--muted);margin-top:16px}.code-wrap{position:relative;margin:12px;background:#f5f3ed;border:1px solid #e6e1d7;border-radius:8px}.code-wrap pre{font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:40px 12px 15px;margin:0;max-height:370px;overflow:auto;color:#355c46;white-space:pre-wrap;overflow-wrap:anywhere}.copy{position:absolute;right:8px;top:8px;display:flex;align-items:center;gap:5px;background:#fffdf8d9;border:1px solid var(--line);border-radius:5px;font-size:10px;color:var(--muted);padding:3px 7px}.inspector-footer{border-top:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:6px;color:#869081;font-size:10px}.app-footer{display:flex;justify-content:space-between;padding:15px 28px;border-top:1px solid #ded8cc77;color:#8b9487;font-size:10px;letter-spacing:.03em;max-width:2000px;margin:10px auto 0}.app-footer>span:last-child{display:flex;align-items:center;gap:10px}.app-footer i{width:2px;height:2px;background:#959b8e;border-radius:50%}.app-footer button{display:grid;place-items:center;border:0;background:none;color:inherit}.global-notice{margin:14px 28px 0;padding:10px 16px;border:1px solid #bfd1c0;border-radius:9px;background:#edf3ed;display:flex;align-items:center;justify-content:space-between;font-size:13px}.global-notice.error{background:#f5e9df;border-color:#e8d3bf;color:#864e39}.inline-error{color:#9b4d39;background:#f1ded775;font-size:12px;border-radius:8px;padding:12px;margin:12px}.success-box{color:var(--green);background:#e7efe4;padding:12px 16px;border-radius:8px;font-size:12px;margin-bottom:16px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px;color:#8b9487;text-align:center;padding:30px}.empty h3{color:#34433c;font-size:18px}.empty p{font-size:13px}.empty.compact{padding:26px 14px;min-height:165px;gap:9px}.empty.compact p{font-size:12px}.empty.compact small{font-size:10px;line-height:1.8;max-width:200px}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-dialog{padding:28px;width:600px;max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 22px 80px #17251f26;color:inherit}.settings-dialog::backdrop{background:#17251f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal-head h2{font-size:25px}.modal-head p{color:var(--muted);font-size:12px;margin-top:7px}.modal-head .eyebrow{font-size:10px}.local-engine{display:flex;gap:13px;align-items:center;padding:17px;background:#edf3ed;border:1px solid #dce5d8;border-radius:10px;margin:24px 0}.engine-icon{width:36px;height:36px;display:grid;place-items:center;color:#fffdf8;background:#194d3b;border-radius:9px;font-size:22px}.local-engine strong{font-size:14px;font-weight:600}.local-engine p{color:var(--muted);font-size:11px;margin-top:3px}.local-engine>svg{margin-left:auto;color:var(--green)}.local-engine .pill{font-size:10px;margin-left:6px}.provider-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 20px}.provider-tabs button{font-size:12px;border:1px solid var(--line);background:transparent;border-radius:8px;padding:8px}.provider-tabs button.active{border-color:#194d3b;color:var(--green);background:#edf3ed}.settings-form{display:grid;gap:15px}.settings-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.settings-form label>span{display:flex;justify-content:space-between}.settings-form a{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:11px}.settings-form input{width:100%;font-size:14px}.endpoint{display:grid;gap:4px}.endpoint small{font-size:10px;color:var(--muted)}.endpoint code{font-size:10px;word-break:break-all;background:#f4f1eb;padding:8px;border-radius:6px;color:#687c68}.setting-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}.setting-actions .button{font-size:12px}.danger-text{color:#9b4d39!important}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17251f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.confirm-dialog{width:430px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:28px;box-shadow:0 22px 80px #17251f26}.confirm-dialog>p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.help-dialog{width:540px;max-height:90vh;overflow:auto}.help-dialog h3{margin-top:20px}.help-dialog .footnote{font-size:11px}.data-page{max-width:1400px;margin:0 auto;padding:45px 45px 70px;min-height:calc(100vh - 138px)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:32px}.page-header p{color:var(--muted);font-size:14px;margin-top:10px}.page-header h1{font-size:30px}.page-actions{display:flex;align-items:center;gap:10px;padding-top:24px}.page-actions select{max-width:220px}.history-panel{padding:22px}.filter-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.search-field{display:flex;align-items:center;position:relative;flex:1;min-width:230px}.search-field svg{position:absolute;left:12px;color:#899081}.search-field input{padding-left:36px;width:100%}.filter-toolbar>select{min-width:120px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;color:var(--muted);font-weight:400;background:#f6f3ec;border-bottom:1px solid var(--line);padding:13px 16px;white-space:nowrap}td{font-size:13px;padding:20px 16px;border-bottom:1px solid #ded8cc80;white-space:nowrap}td strong{font-weight:500;font-size:13px}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.player-inline{display:inline-flex;gap:8px;align-items:center}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;font-size:11px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:14px}.pagination .button{min-height:32px;font-size:11px;padding:5px 10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px}.metric-card{background:#fffdf8aa;border:1px solid var(--line);border-radius:12px;padding:22px}.metric-card>span{font-size:12px;color:var(--muted)}.metric-card strong{display:block;font-size:34px;font-weight:500;letter-spacing:-.04em;margin:14px 0 6px}.metric-card em{font-size:12px;font-weight:400;font-style:normal;letter-spacing:0;color:var(--muted);margin-left:8px}.metric-card small{font-size:11px;color:#869081}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-header .segmented{background:#eae7de}.matchup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.matchup-card{padding:24px}.matchup-title{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:500}.matchup-title small{font-size:10px;letter-spacing:.1em;color:#a0a69b}.matchup-values{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 14px}.matchup-values strong{font-size:32px;color:var(--green);font-weight:500;letter-spacing:-.03em}.matchup-values strong:last-child{color:#93aa99}.matchup-values small{font-size:11px;color:var(--muted)}.matchup-legend{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;color:var(--muted)}.stats-notes{margin-top:28px;display:flex;align-items:flex-start;gap:16px;padding:23px;background:#edf1e9}.stats-notes>svg{flex-shrink:0;color:var(--green)}.stats-notes h3{font-size:14px;margin-bottom:7px}.stats-notes p{font-size:12px;color:var(--muted);line-height:1.9}.stats-notes p+p{margin-top:5px}.replay-toolbar{display:flex;justify-content:space-between;margin:-8px 0 12px}.replay-toolbar .button{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1650px){.play-layout{grid-template-columns:280px minmax(0,1fr);gap:32px;padding:24px}.play-layout.with-inspector{grid-template-columns:270px minmax(0,1fr) 1px var(--inspector-width);column-gap:18px}:root{--inspector-width: 380px}.settings-panel{padding:24px}.board-workspace{max-width:980px}.board-heading{margin-bottom:24px}.player-config{padding:24px 0}.toggle-row{font-size:13px}.log-row,.code-wrap pre,.board-coords{font-size:12px}}@media(max-width:1200px){.play-layout{padding:22px 18px;gap:16px;grid-template-columns:215px minmax(0,1fr)}.play-layout.with-inspector{grid-template-columns:210px minmax(0,1fr) 1px 290px;gap:12px}.settings-panel{padding:16px}.section-heading h2{font-size:17px}.player-config-top{gap:7px}.player-config-top strong{font-size:13px}.player-config-fields label{font-size:11px}.player-config-fields label select{min-width:100px;max-width:110px;font-size:11px}.control-buttons .button{gap:5px;padding:7px;font-size:11px}.board-heading h1{font-size:25px}.inspector-head{padding:16px}.board-heading{margin-bottom:18px}.board-caption{font-size:9px;gap:5px}.history-summary{padding:15px}.data-page{padding:32px 24px}.page-header h1{font-size:26px}.matchup-card{padding:20px}.app-header{padding:0 20px}.app-header nav{gap:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.analysis-link,.export-current{display:flex;margin:10px auto 0;font-size:11px;min-height:24px}.export-current{color:var(--muted)}.play-layout{min-height:calc(100dvh - 108px)}.sidebar{padding-bottom:4px}.player-config{padding:16px 0}.player-config-fields{gap:8px;margin-top:10px}.controls{padding-top:16px}.controls h3{margin-bottom:10px}.view-toggles{gap:10px;margin-top:16px;padding-top:16px}.history-summary{padding:14px 18px}.history-summary .eyebrow{font-size:9px}.thinking-status{height:30px}.move-strip{margin-top:12px;gap:4px}.analysis-link,.export-current{display:inline-flex;margin:8px 12px 0 0;font-size:10px}.app-footer{margin-top:0;padding-block:12px}.board-heading{margin-bottom:16px}.board-coords,.board-caption{font-size:11px}.score-badge{font-size:clamp(9px,.9vw,13px)}.button,input,select,.player-config-top strong{font-size:14px}.player-config-fields label,.delay-label{font-size:13px}.player-config-fields label select{font-size:12px}.toggle-row{font-size:13px}.engine-caption,.key-status,.log-row{font-size:12px}.log-label{font-size:11px}.log-detail-title strong{font-size:14px}.tabs button,.candidate-list button,.footnote{font-size:12px}.board-heading p{font-size:13px}.board-caption{font-size:11px}.thinking-status,.control-buttons .button,.code-wrap pre{font-size:12px}.inspector-footer,.analysis-link,.export-current{font-size:11px}.player-config-fields select{max-width:130px}.summary-heading h3{font-size:16px}.move-strip:not(.replay-moves){display:none}.confirm-dialog::backdrop{background:#17251f55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog{color:#17251f}.provider-notice{padding:12px 14px;margin-bottom:16px;border:1px solid #ddcba9;border-radius:9px;background:#f5ecd8;color:#7a613e;font-size:12px;line-height:1.8}.board-heading .eyebrow,.inspector-head .eyebrow{display:none}.board-heading{min-height:62px;align-items:center;margin-bottom:16px}.board-heading h1{font-size:30px}.board-heading h1>span{font-size:24px}.board-heading p{font-size:13px;margin-top:5px}.inspector-head{padding:20px 20px 16px}.inspector-head h2,.section-heading h2{font-size:21px}.player-config{padding:18px 0}.player-config-fields label select{max-width:148px;min-width:134px;font-size:13px}.control-buttons .button{font-size:13px;min-height:42px}.board-caption{font-size:12px;margin-top:12px}.board-coords{font-size:12px}.replay-controls{margin-top:4px}.log-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 18px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.log-pagination>div{display:flex;align-items:center;gap:6px}.log-pagination .icon-button{width:26px;height:26px;border:1px solid var(--line);background:var(--surface)}.code-wrap pre{overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#aabbad #ebe7de}.panel-divider:before{content:"";position:absolute;top:220px;height:40px;width:3px;left:-1px;background:#cecfc3;border-radius:3px;opacity:.65}.panel-divider:hover:before{background:var(--green)}@media(max-width:1200px){.player-config-fields label{align-items:flex-start;flex-direction:column;gap:6px}.player-config-fields label select{width:100%;max-width:none}.board-heading h1{font-size:26px}.section-heading h2{font-size:19px}.board-caption{font-size:11px}}.board-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:100%;max-width:none;min-height:0;position:sticky;top:16px}.board-top{min-width:0}.board-top .board-heading{margin-bottom:0}.board-top .replay-toolbar{margin:4px 0 0}.board-stage{container-type:size;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.board-stage .board-frame{flex:none;width:min(100cqw,100cqh);height:min(100cqw,100cqh);padding:min(6.8cqw,6.8cqh)}.board-bottom{min-width:0;text-align:center}.board-bottom .board-caption{margin-top:0}.board-bottom .thinking-status{height:24px}.board-bottom .replay-controls{margin-top:2px}.board-bottom .analysis-link,.board-bottom .export-current{margin-top:4px}.board-bottom .show-inspector{margin:4px auto 0;min-height:26px}.board-bottom .move-strip{margin-top:6px}@media(max-height:740px){.board-workspace{gap:6px}.board-heading{min-height:52px}.board-heading h1{font-size:25px}.board-heading p{margin-top:2px}.board-bottom .thinking-status{font-size:11px;height:21px}.board-bottom .board-caption,.board-stage .board-coords{font-size:10px}.board-stage .score-badge{font-size:min(12px,3cqh)}}.provider-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px}.provider-tabs button small{font-size:10px;color:var(--muted)}.provider-verification{display:flex;align-items:center;gap:10px;margin:-6px 0 16px;font-size:11px;color:var(--muted);flex-wrap:wrap}.gateway-required{display:block;width:100%;margin-top:12px;padding:9px;border:1px solid #ddcba9;border-radius:8px;background:#f5ecd8;color:#7a613e;font-size:12px;text-align:left}.verification-progress{display:flex;align-items:center;gap:8px;padding:12px 16px;margin:14px 0;border-radius:8px;color:var(--green);background:var(--green-pale);font-size:12px}