:root{--bg:#12141a;--panel:#1b1e26;--line:#2a2f3a;--fg:#e6e8ee;--dim:#8b93a7;--accent:#6ea8fe;--ok:#3fb950;--warn:#d29922;--err:#f85149}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.5 ui-sans-serif,system-ui,Noto Sans KR,sans-serif}.app{max-width:1400px;margin:0 auto;padding:16px}header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}h1{margin:0;font-size:20px}h1 .sub{color:var(--dim);margin-left:8px;font-size:13px;font-weight:400}.status{align-items:center;gap:8px;margin-left:auto;display:flex}.status code{color:var(--dim);font-size:12px}.badge{border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px}.badge.ok{color:var(--ok);border-color:#1f4d2a}.badge.warn{color:var(--warn);border-color:#4d3f1f}.layout{grid-template-columns:300px minmax(320px,1fr) 320px;align-items:start;gap:16px;display:grid}@media (width<=1100px){.layout{grid-template-columns:1fr}}section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px}textarea{width:100%;color:var(--fg);border:1px solid var(--line);resize:vertical;background:#0e1015;border-radius:6px;padding:8px;font:12px/1.5 ui-monospace,monospace}button{color:var(--fg);border:1px solid var(--line);cursor:pointer;background:#252a35;border-radius:6px;padding:6px 12px;font-size:13px}button:hover:not(:disabled){background:#2f3542}button:disabled{opacity:.4;cursor:default}.left button{width:100%;margin-top:8px}.error{color:var(--err);font-size:13px}.meta{margin-top:12px;font-size:13px}.dim{color:var(--dim);font-size:12px}.board-row{align-items:stretch;gap:10px;display:flex}.board{flex:1;min-width:0;max-width:560px}.evalbar{border:1px solid var(--line);background:#0a0c10;border-radius:4px;flex-direction:column;justify-content:flex-end;width:22px;display:flex;position:relative;overflow:hidden}.evalbar-fill{background:#e9edf5;width:100%;transition:height .25s}.evalbar-label{text-align:center;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;position:absolute;left:0;right:0}.evalbar-label.bottom{color:#11131a;bottom:2px}.evalbar-label.top{color:#e9edf5;top:2px}.controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.plyno{font-variant-numeric:tabular-nums;color:var(--dim);text-align:center;min-width:62px}.hint{color:var(--dim);margin:8px 0 0;font-size:12px}.engine-panel{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}.engine-head{align-items:baseline;gap:10px;display:flex}.score{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.lines{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.lines li{white-space:nowrap;text-overflow:ellipsis;padding:2px 0;overflow:hidden}.pv{color:var(--dim);font-family:ui-monospace,monospace}.movelist{max-height:420px;margin:0;padding:0;font-family:ui-monospace,monospace;font-size:13px;list-style:none;overflow-y:auto}.movelist li{grid-template-columns:34px 1fr 1fr;align-items:center;gap:4px;display:grid}.movelist .no{color:var(--dim);text-align:right;font-size:12px}.move{text-align:left;background:0 0;border:none;border-radius:4px;padding:3px 6px}.move:hover{background:#2a3040}.move.active{background:var(--accent);color:#0b0d12;font-weight:700}.move.empty{display:block}.status select{color:var(--fg);border:1px solid var(--line);background:#252a35;border-radius:6px;padding:3px 6px;font-size:12px}.import-row{gap:6px;margin-bottom:8px;display:flex}.import-row input{min-width:0;color:var(--fg);border:1px solid var(--line);background:#0e1015;border-radius:6px;flex:1;padding:6px 8px;font-size:13px}.import-row button{white-space:nowrap}.left .import-row button{width:auto;margin-top:0}.seg{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.seg button{background:#1b1e26;border:none;border-radius:0;flex:1;padding:5px 0;font-size:12px}.seg button.on{background:var(--accent);color:#0b0d12;font-weight:700}.games{max-height:260px;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.games li{margin-bottom:3px}.game{text-align:left;border:1px solid var(--line);background:#0e1015;border-radius:6px;width:100%;padding:6px 8px;line-height:1.35;display:block}.game:hover{background:#1a1f2b}.game.on{border-color:var(--accent);background:#16202f}.g-players{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.g-meta{color:var(--dim);font-size:11px;display:block}.g-res{font-family:ui-monospace,monospace;font-weight:700}.r10{color:#e9edf5}.r01{color:#8b93a7}.rd,.r12121{color:var(--warn)}.divider{text-align:center;margin:14px 0 8px;position:relative}.divider:before{content:"";border-top:1px solid var(--line);position:absolute;top:50%;left:0;right:0}.divider span{background:var(--panel);color:var(--dim);padding:0 8px;font-size:11px;position:relative}.more{text-align:center;margin-top:8px}.left .more button{width:100%;margin-top:0;font-size:12px}.cls-brilliant{--cls:#1baca6}.cls-great{--cls:#5c8bb0}.cls-best{--cls:#81b64c}.cls-excellent{--cls:#96bc4b}.cls-good{--cls:#97af8b}.cls-miss{--cls:#ff7769}.cls-inaccuracy{--cls:#f7c045}.cls-mistake{--cls:#e58f2a}.cls-blunder{--cls:#ca3431}.cls{color:var(--cls);margin-left:4px;font-size:12px;font-weight:700}.move.active .cls{color:#0b0d12}.sq{width:100%;height:100%;position:relative}.sq-badge{background:var(--cls);color:#fff;z-index:5;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:38%;height:38%;font:700 clamp(9px,1.4vw,14px)/1 ui-sans-serif,system-ui;display:flex;position:absolute;top:-6%;right:-6%;box-shadow:0 1px 3px #0008}.verdict{margin:8px 0 0}.review-progress{margin:8px 0 4px;font-size:12px}.graph{margin:10px 0 6px}.graph-svg{cursor:pointer;border:1px solid var(--line);border-radius:6px;width:100%;height:84px;display:block}.g-bg{fill:#0a0c10}.g-area{fill:#e9edf5;fill-opacity:.92}.g-mid{stroke:#6b7280;stroke-width:.5px;stroke-dasharray:3 3}.g-cursor{stroke:var(--accent);stroke-width:1.2px}.g-dot{stroke:#0a0c10;stroke-width:.8px}.g-dot.cls-blunder{fill:#f85149}.g-dot.cls-mistake{fill:#f0883e}.g-dot.cls-miss{fill:#db6d28}.g-dot.cls-brilliant{fill:#2dd4bf}.g-dot.cls-great{fill:#58a6ff}.graph-label{min-height:15px;margin-top:3px;font-size:11px}.summary{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}.acc-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.acc{border:1px solid var(--line);text-align:center;background:#0e1015;border-radius:8px;min-width:0;padding:7px 6px}.acc-side{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.acc-num{font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;line-height:1.25}.acc-num small{color:var(--dim);font-size:12px;font-weight:400}.counts{border-collapse:collapse;width:100%;font-size:12px}.counts td{padding:1px 4px}.counts td.lbl{color:var(--dim)}.counts td.n{text-align:right;font-variant-numeric:tabular-nums;width:28px}.counts td.cls{text-align:center;width:24px}.moments{margin-top:8px}.moments-title{margin-bottom:3px;font-size:11px}.moment{text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:3px 5px;font-size:12px;display:flex}.moment:hover{background:#2a3040}.moment-move{flex:1;font-family:ui-monospace,monospace}.explain{border-top:1px solid var(--line);background:0 0;border-bottom:none;border-left:none;border-right:none;border-radius:0;margin-top:12px;padding-top:12px}.explain-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.explain-head button{margin-left:auto;padding:4px 10px;font-size:12px}.opening{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:11px;overflow:hidden}.summary-box{border:1px solid var(--line);background:#0e1015;border-radius:8px;margin-bottom:10px;padding:10px}.summary-box p{margin:0;font-size:13px;line-height:1.6}.themes{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.theme{color:var(--accent);background:#1f2633;border-radius:999px;padding:2px 7px;font-size:11px}.warn-line{color:var(--warn);margin:0 0 8px;font-size:11px;line-height:1.5}.card{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden}.card-head{text-align:left;border:none;border-bottom:1px solid var(--line);background:#161a22;align-items:baseline;gap:6px;width:100%;padding:7px 9px;display:flex}.card-head:hover{background:#1d232e}.card-move{font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.card-title{color:var(--fg);text-align:right;margin-left:auto;font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:0;display:flex}.tabs button{color:var(--dim);background:#12151c;border:none;border-radius:0;flex:1;padding:5px 0;font-size:11px}.tabs button.on{background:var(--panel);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent);font-weight:700}.card-board{max-width:260px;margin:0 auto;padding:8px 8px 0}.card-text{margin:8px 9px;font-size:12.5px;line-height:1.6}.tip{color:var(--dim);margin:0 9px 9px;font-size:12px;line-height:1.5}