:root{--ink: #0c1220;--panel: #162033;--cream: #f4ead5;--gold: #e4c15a;--crimson: #c43c3c;--black-piece: #1b1b1d;--dark-sq: #5b3a24;--light-sq: #e6d3a8;--cyan: #7ee0d6;--ok: #7dcf7a;--warn: #f0a35a;--focus: #ffe27a;--text: #f6f1e6;--muted: #b7c0ce;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--ink);color:var(--text)}body{overflow:auto}#ad-slot-bait{position:absolute;left:0;top:0;width:2px;height:2px;opacity:.01;pointer-events:none}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 20% 0%,#2a1c4a88,transparent 40%),linear-gradient(180deg,#10182a,#0c1220 40%,#1a1020)}.topbar,.bottombar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0a0f1acc;border-bottom:2px solid #e4c15a44}.bottombar{border-bottom:0;border-top:2px solid #e4c15a44;flex-wrap:wrap}.brand{display:flex;flex-direction:column;letter-spacing:.12em;font-weight:800;color:var(--gold)}.brand small{color:var(--cyan);letter-spacing:.18em;font-size:10px}.clocks{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.clock{font-variant-numeric:tabular-nums;color:var(--gold);border:2px solid var(--gold);padding:6px 10px;background:#041018cc}.status-chip{padding:6px 12px;border:2px solid var(--cyan);color:var(--cyan);background:#041018cc;font-weight:700}.stage{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,640px) minmax(180px,1fr);gap:16px;padding:16px;align-items:start}.stage.single{grid-template-columns:1fr}.panel{background:var(--panel);border:2px solid #e4c15a55;padding:16px;box-shadow:0 0 0 2px #c43c3c22,0 12px 40px #0008}.panel h1,.panel h2{margin:0 0 8px;color:var(--gold)}.kicker{color:var(--cyan);letter-spacing:.2em;font-size:11px;text-transform:uppercase}.muted{color:var(--muted);line-height:1.45}.slogan{font-size:13px;line-height:1.5;color:var(--cream)}.menu-grid,.list{display:grid;gap:10px;margin-top:14px}.menu-grid{grid-template-columns:1fr 1fr}.btn,button.btn{background:linear-gradient(180deg,#f4f0e4,#c9b48a);color:#1a1208;border:3px solid #fff8e8;padding:10px 14px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px #5b3a24}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:#10182a;color:var(--cyan);border-color:var(--cyan);box-shadow:none}.btn.danger{background:var(--crimson);color:#fff;border-color:#ffd0d0}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.board-wrap{display:grid;justify-items:center;gap:10px}.board-frame{width:min(92vw,640px)}.files,.ranks{display:grid;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.files{grid-template-columns:repeat(8,1fr);padding-left:18px;text-align:center;margin-bottom:4px}.board-row{display:grid;grid-template-columns:18px 1fr}.ranks{grid-template-rows:repeat(8,1fr);align-items:center;text-align:center}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:8px solid #2a1a12;box-shadow:0 0 0 4px var(--gold),0 16px 40px #000a}.sq{border:0;padding:0;position:relative;cursor:pointer}.sq.light{background:var(--light-sq)}.sq.dark{background:var(--dark-sq)}.sq.legal{box-shadow:inset 0 0 0 4px var(--ok)}.sq.hi{box-shadow:inset 0 0 0 4px var(--gold)}.sq.selected{box-shadow:inset 0 0 0 4px var(--cyan)}.sq.focused{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.sq:focus-visible{z-index:1}.piece{width:72%;height:72%;margin:14%;border-radius:50%;border:3px solid #fff8;box-shadow:0 6px #0006,inset 0 6px 8px #fff4}.piece.red{background:radial-gradient(circle at 35% 30%,#ff8a7a,var(--crimson) 55%,#6a1010)}.piece.black{background:radial-gradient(circle at 35% 30%,#5a5a62,var(--black-piece) 55%,#000)}.piece.king{box-shadow:0 0 0 3px var(--gold),0 6px #0006,inset 0 6px 8px #fff4}.piece .crown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1rem,4vw,1.6rem);color:var(--gold);text-shadow:0 2px 0 #000;pointer-events:none}.sq{display:grid;place-items:center}.sq .piece{margin:0;width:72%;height:72%;position:relative}.dot{width:18%;height:18%;border-radius:50%;background:var(--ok);opacity:.85}.hud-side .stat{display:flex;justify-content:space-between;margin:6px 0}.history{max-height:220px;overflow:auto;font-family:ui-monospace,monospace;font-size:13px}.banner{min-height:44px;display:grid;place-items:center;text-align:center;color:var(--gold);font-weight:800}.thinking{color:var(--cyan);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.piece.pop{animation:pop .28s ease-out}.overlay{position:fixed;inset:0;z-index:40;background:#070b12ee;display:grid;place-items:center;padding:24px}.overlay .panel{width:min(560px,94vw)}.ad-label{letter-spacing:.2em;font-size:11px;color:#888}.stars{color:var(--gold);letter-spacing:.2em}.high-contrast{--dark-sq: #1a1a1a;--light-sq: #f3f3f3;--crimson: #ff2d2d;--gold: #ffe14a;--text: #fff}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.field{display:grid;gap:4px;margin:10px 0}.field input,.field select{padding:8px 10px;background:#0b1324;color:var(--cream);border:2px solid var(--cyan)}a{color:var(--cyan)}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}@media(max-width:900px){.stage,.menu-grid{grid-template-columns:1fr}.hud-side{order:2}.topbar{flex-wrap:wrap}.board-frame{width:min(96vw,520px)}}@media(max-width:520px){.topbar,.bottombar{padding:8px}.status-chip{width:100%;text-align:center}}