:root{--bg: #14161b;--panel: #181b22;--panel-2: #1f232c;--line: #2b3038;--text: #e9ecf1;--dim: #98a0ae;--accent: #35a7ff;--danger: #ff5d3a;--good: #4ade80;--gold: #fbbf24;--you: #2fbf5f;--them: #d93b3b;--grip: #3d8bff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}kbd{display:inline-grid;place-items:center;min-width:1.4em;padding:.1em .35em;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:#0d0f13;font:600 11px/1.4 ui-monospace,monospace;color:var(--dim)}.app{display:grid;grid-template-columns:minmax(0,1fr) 420px;height:100%;overflow:hidden}@media (max-width: 1000px){.app{grid-template-columns:minmax(0,1fr) 360px}}@media (max-width: 760px){.app{grid-template-columns:1fr;grid-template-rows:45% minmax(0,55%)}}.stage{position:relative;min-width:0;min-height:0;overflow:hidden}.canvas{position:absolute;top:0;right:0;bottom:0;left:0}.canvas canvas{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;color:var(--dim);background:#14161be0}.overlay.error strong{color:var(--danger)}.overlay code{padding:2px 6px;border-radius:4px;background:#000;font-size:13px}.notice{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;padding:8px 14px;border-radius:6px;color:var(--fg, #e8e8ea);background:#14161beb;border:1px solid rgba(255,255,255,.14);font-size:13px;pointer-events:none}.playback{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:10px 12px;width:min(820px,calc(100% - 32px));padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#13151aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pb-buttons{display:flex;gap:3px}.pb-buttons button{min-width:28px;padding:4px 6px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--dim);font-size:12px;line-height:1}.pb-buttons button:hover{border-color:var(--line);background:#20242d;color:var(--text)}.pb-buttons .pb-play{color:var(--text);font-size:11px}.pb-scrub{width:100%;min-width:0;accent-color:var(--accent)}.pb-time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.pb-time i{margin-left:3px;font-style:normal;color:var(--dim)}.pb-speeds{display:flex;gap:3px}.pb-speeds button{padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:#14171d;font-size:10px;font-variant-numeric:tabular-nums;color:var(--dim)}.pb-speeds button:hover{border-color:var(--accent);color:var(--text)}.pb-speeds button.on{border-color:var(--accent);background:var(--accent);color:#04121f;font-weight:700}.pb-speeds .pb-all{margin-right:4px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.pb-now{grid-column:1 / -1;display:flex;align-items:baseline;gap:9px;padding:6px 9px;border-left:3px solid var(--line);border-radius:0 6px 6px 0;background:#14171d}.pb-now.you{border-left-color:var(--you)}.pb-now.them{border-left-color:var(--them)}.pb-count{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.05em;color:var(--text);white-space:nowrap}.pb-count i{font-style:normal;font-weight:400;color:var(--dim)}.pb-who{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pb-now.you .pb-who{color:var(--you)}.pb-now.them .pb-who{color:var(--them)}.pb-what{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-segments{grid-column:1 / -1;display:flex;gap:6px;max-width:100%;padding-bottom:2px;overflow-x:auto;scrollbar-width:thin}.pb-segments::-webkit-scrollbar{height:5px}.pb-segments::-webkit-scrollbar-thumb{border-radius:3px;background:#333a46}.pb-seg .num{min-width:1.2em;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--dim);text-align:right}.pb-seg.on .num{color:var(--text)}.pb-seg{display:flex;align-items:baseline;gap:6px;flex:0 0 auto;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:#14171d;font-size:11px;text-align:left}.pb-seg .who{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pb-seg.you .who{color:var(--you)}.pb-seg.them .who{color:var(--them)}.pb-seg .what{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30ch}.pb-seg:hover{border-color:var(--accent)}.pb-seg.on{background:#232936}.pb-seg.on .what{color:var(--text)}@media (max-width: 760px){.playback{grid-template-columns:auto minmax(0,1fr)}.pb-time,.pb-speeds{grid-column:span 1}}.hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);padding:6px 12px;border-radius:999px;background:#00000080;color:var(--dim);font-size:12px;text-align:center;pointer-events:none}.hint b{color:var(--text)}.stage-topleft{position:absolute;top:14px;left:16px;display:flex;flex-direction:column;gap:12px;max-width:min(340px,46%);pointer-events:none}.ai{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#13151ae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.ai h3{margin:0 0 9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--dim)}.ai-row{display:block;margin-bottom:10px}.ai-row:last-child{margin-bottom:0}.ai-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px;color:var(--dim)}.ai-label b{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.ai-row input[type=range]{width:100%;margin:4px 0 2px;accent-color:var(--accent)}.ai-row em{display:block;font-size:11px;font-style:normal;line-height:1.4;color:#7f8796}.ai-depths{display:flex;gap:5px;margin:5px 0 3px}.ai-depths button{flex:1;padding:4px 0;border:1px solid var(--line);border-radius:6px;background:#14171d;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.ai-depths button:hover:not(:disabled){border-color:var(--accent)}.ai-depths button.on{border-color:var(--accent);background:var(--accent);color:#04121f}.hud{pointer-events:none}.hud-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hud-main h2{margin:0;font-size:20px;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.85)}.role{padding:2px 9px;border-radius:999px;background:var(--you);color:#03140a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.legend{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--dim)}.legend .swatch{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%}.legend .swatch.you{background:var(--you)}.legend .swatch.them{background:var(--them)}.legend .swatch.grip{background:var(--grip)}.hud-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{padding:2px 8px;border:1px solid var(--line);border-radius:999px;background:#00000073;font-size:11px;color:var(--dim)}.hud-score{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--dim)}.hud-score b{color:var(--text);font-size:15px}.hud-message{margin-top:10px;padding:7px 11px;border-left:2px solid var(--gold);border-radius:0 6px 6px 0;background:#0009;font-size:13px}.hud-message em{color:var(--gold);font-style:normal}.panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;background:var(--panel);border-left:1px solid var(--line)}.turn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.turn strong{display:flex;align-items:center;gap:7px;font-size:15px;white-space:nowrap}.turn>span{font-size:12px;color:var(--dim);text-align:right}.turn .dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex-shrink:0}.turn.yours{border-bottom-color:#2fbf5f80;background:linear-gradient(#2fbf5f29,#2fbf5f05)}.turn.yours strong{color:var(--you)}.turn.yours .dot{animation:pulse 1.6s ease-in-out infinite}.turn.yours.urgent{border-bottom-color:#ff5d3aa6;background:linear-gradient(#ff5d3a33,#ff5d3a05)}.turn.yours.urgent strong{color:var(--danger)}.turn.theirs,.turn.busy{border-bottom-color:#d93b3b80;background:linear-gradient(#d93b3b24,#d93b3b05)}.turn.theirs strong,.turn.busy strong{color:var(--them)}.turn.busy .dot{animation:pulse .7s ease-in-out infinite}.turn.over.won strong{color:var(--good)}.turn.over.lost strong{color:var(--danger)}.turn.over.stalled strong{color:var(--dim)}.turn.study{border-bottom-color:#35a7ff80;background:linear-gradient(#35a7ff24,#35a7ff05)}.turn.study strong{color:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.turn .dot{animation:none}}.moves{min-height:0;padding:14px 16px 18px;overflow-y:auto}.moves .from{margin:0 0 12px;font-size:12px;color:var(--dim)}.moves .from b{color:var(--text);font-weight:600}.moves-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.moves-head h2{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim)}.moves-head h2 .danger{color:var(--danger)}.moves-head .count{font-size:11px;color:var(--dim);white-space:nowrap}.moves ul{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}.moves ul.dimmed{opacity:.4;pointer-events:none}button.move{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:0 11px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);text-align:left;transition:border-color .12s,background .12s}button.move:hover:not(:disabled){border-color:var(--accent);background:#232936}button.move .slot{grid-row:1 / span 3;align-self:center;justify-self:stretch;min-width:0;padding:6px 0;border-color:#3a4150;background:#0b0d11;color:var(--text);font-size:14px;font-weight:700}button.move:hover:not(:disabled) .slot{border-color:var(--accent);color:var(--accent)}button.move .name{font-weight:600;line-height:1.3}button.move .target{margin-top:3px;font-size:12.5px;line-height:1.35;color:#b6bfcd}button.move .target .arrow{margin-right:3px;color:var(--dim)}button.move .tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}button.move.sub{border-color:#fbbf2480}.badge{padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.04em}.badge.sub{background:var(--gold);color:#251a00}.badge.sweep{background:#a78bfa;color:#1b0f36}.badge.gain{background:#4ade802e;color:var(--good)}.badge.who.you{background:#2fbf5f2e;color:var(--you)}.badge.who.them{background:#d93b3b2e;color:var(--them)}button.move.by-you{border-left:3px solid rgba(47,191,95,.55)}button.move.by-them{border-left:3px solid rgba(217,59,59,.55)}.waiting{margin:0;color:var(--dim);font-size:13px}.result{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);text-align:center}.result h2{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}.result.won h2{color:var(--good)}.result.lost h2{color:var(--danger)}.result.stalled h2{color:var(--dim)}.result p{margin:0 0 14px;font-size:13px;color:var(--dim)}button.primary{padding:9px 18px;border:0;border-radius:8px;background:var(--accent);color:#04121f;font-weight:600}.history{margin-top:16px;font-size:12px}.history summary{cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--dim)}.history ol{display:flex;flex-direction:column;gap:3px;margin:8px 0 0;padding:0;list-style:none}.history li{padding:4px 8px;border-radius:5px;background:#14171d}.history .who{font-size:10px;font-weight:700;text-transform:uppercase}.history li.mine .who{color:var(--you)}.history li.theirs .who{color:var(--them)}.history .to{color:var(--dim)}.settings-pop{position:absolute;bottom:52px;left:12px;z-index:12;width:min(360px,calc(100% - 24px));max-height:min(70%,560px);padding:12px 14px 14px;border:1px solid var(--line);border-radius:10px;background:#181b22f7;box-shadow:0 14px 40px #00000080;overflow-y:auto}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-head h3{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--dim)}.settings-close{padding:2px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--dim);font-size:12px;line-height:1}.settings-close:hover{border-color:var(--line);color:var(--text)}.settings-open{position:absolute;bottom:12px;left:12px;z-index:6;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#181b22d9;color:var(--dim);font-size:12px}.settings-open:hover,.settings-open.on{border-color:var(--accent);color:var(--text)}.settings-open .gear{font-size:14px;line-height:1}.controls{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.row{display:flex;align-items:center;gap:10px}.row .label{min-width:62px;font-size:12px;color:var(--dim)}.row input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.row .value{min-width:48px;font-size:12px;color:var(--dim);text-align:right}.row.buttons button{flex:1;padding:8px;border:1px solid var(--line);border-radius:8px;background:#14171d}.row.buttons button:hover:not(:disabled){border-color:var(--accent)}.segmented{display:flex;flex:1;overflow:hidden;border:1px solid var(--line);border-radius:8px}.segmented button{flex:1;padding:7px 12px;border:0;background:#14171d;font-size:13px}.segmented button.on{background:var(--accent);color:#04121f;font-weight:600}.segmented.small button{padding:6px 8px;font-size:12px}.settings-pop .keys,.settings-pop .credit{margin:10px 0 0;font-size:11px;line-height:1.9;color:var(--dim)}.settings-pop .credit a{color:var(--dim)}.starts{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.starts .search{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#0d0f13;color:var(--text);font:inherit;font-size:13px}.starts ul{display:flex;flex-direction:column;gap:4px;max-height:240px;margin:0;padding:0;overflow-y:auto;list-style:none}.starts li button{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:6px;background:transparent;text-align:left;font-size:13px}.starts li button:hover{background:#2a3140}.starts .count{flex-shrink:0;font-size:11px;color:var(--dim)}.starts .empty{padding:8px;color:var(--dim);font-size:12px}.palette-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:6vh 16px 16px;background:#0a0b0e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.palette{width:min(640px,100%);max-height:78%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 18px 50px #0000008c;overflow:hidden}.palette-input{padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit;font-size:15px;outline:none}.palette-input::placeholder{color:var(--dim)}.palette-note{margin:0;padding:14px 16px;color:var(--dim);font-size:13px}.palette-note.error{color:var(--danger)}.palette-hits{margin:0;padding:6px;list-style:none;overflow-y:auto}.palette-hits li{display:grid;grid-template-columns:74px 1fr;gap:2px 10px;align-items:baseline;padding:7px 10px;border-radius:6px;cursor:pointer}.palette-hits li.on{background:#35a7ff24;outline:1px solid rgba(53,167,255,.35)}.palette-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.palette-where{grid-column:2;color:var(--dim);font-size:12px}.palette-where .arrow{color:var(--line)}.badge.kind{justify-self:start;background:var(--panel-2);color:var(--dim);border:1px solid var(--line)}.badge.kind.top{color:var(--them);border-color:#d93b3b66}.badge.kind.bottom{color:var(--you);border-color:#2fbf5f66}.badge.kind.pos{color:var(--accent);border-color:#35a7ff66}.palette-keys{margin:0;padding:9px 16px;border-top:1px solid var(--line);background:var(--panel-2);color:var(--dim);font-size:11px}.palette-keys kbd{margin-right:3px}.search-open{position:absolute;top:12px;right:12px;z-index:6;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;background:#181b22d9;color:var(--dim);font-size:12px;cursor:pointer}.search-open:hover{border-color:var(--accent);color:var(--text)}.search-open .magnifier{font-size:15px;line-height:1}@media (max-width: 900px){.search-open kbd{display:none}}.palette-scopes{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.palette-scopes button{padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:#14171d;color:var(--dim);font-size:11px}.palette-scopes button:hover{border-color:var(--accent);color:var(--text)}.palette-scopes button.on{border-color:var(--accent);background:var(--accent);color:#04121f;font-weight:700}.palette-scope-hint{flex:1;min-width:0;color:var(--dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.palette-scope-hint{display:none}}.badge.kind.fin{color:var(--gold);border-color:#fbbf2473}.controls .row.buttons{flex-wrap:wrap}