:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--accent:#16a34a;--bg:#091018;--panel:#111827;--panel-2:#0f172a;--text:#f8fafc;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#132238 0%,#091018 60%);color:var(--text);min-height:100vh}.app-shell{width:min(1080px,calc(100% - 24px));margin:0 auto;padding:24px 0 40px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:12px 0 24px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}h1{margin:0 0 10px;font-size:clamp(32px,5vw,56px);line-height:1.02}p{margin:0;color:var(--muted);line-height:1.6;max-width:56ch}.score-panel{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:12px;min-width:min(100%,280px)}.score-panel>div,.score-panel button{border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.88);border-radius:8px;padding:14px 16px}.score-panel span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.score-panel strong{display:block;margin-top:6px;font-size:28px}.score-panel button{color:var(--text);font:inherit;font-weight:700;cursor:pointer}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:start}.board-wrap{position:relative;border:1px solid rgba(148,163,184,.18);border-radius:8px;padding:16px;background:rgba(15,23,42,.92)}canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:4px;background:#020617}.overlay{position:absolute;inset:16px;display:grid;place-items:center;background:rgba(2,6,23,.72);text-align:center;border-radius:4px}.overlay.hidden{display:none}.overlay h2{margin:0 0 8px;font-size:28px}.controls{display:grid;gap:12px}.controls button{border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.88);color:var(--text);border-radius:8px;padding:14px 16px;font:inherit;font-weight:700;cursor:pointer;min-height:54px}.middle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:900px){.hero,.game-layout{grid-template-columns:1fr;display:grid}.score-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}