:root{--bg0: #1a2433;--bg1: #243447;--panel: #2c3e50;--ink: #f4f7fb;--muted: #9db0c5;--accent: #ff8a4c;--cell: rgba(255, 255, 255, .06);--cell-line: rgba(255, 255, 255, .08);--select: #ffe08a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none;background:radial-gradient(1200px 600px at 20% -10%,#3a536e 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#4a3a2a 0%,transparent 50%),linear-gradient(180deg,var(--bg1),var(--bg0));color:var(--ink);font-family:Nunito,system-ui,sans-serif}html.in-max,html.in-max body{touch-action:none;overflow:hidden;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}#app{min-height:100%;height:100%;display:grid;grid-template-rows:auto 1fr;padding:16px 16px 28px;gap:12px;overflow:hidden}.top{display:flex;align-items:end;justify-content:space-between;gap:16px;max-width:720px;width:100%;margin:0 auto}.brand{font-size:clamp(2rem,6vw,2.75rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--accent);text-shadow:0 2px 0 rgba(0,0,0,.25)}.hud{display:flex;gap:18px}.stat{text-align:right}.stat span{display:block;font-size:.75rem;color:var(--muted);text-transform:lowercase;letter-spacing:.04em}.stat strong{font-size:1.6rem;font-weight:800;line-height:1}main{display:grid;place-items:center;align-content:center;gap:14px}#board{width:min(92vw,720px);height:auto;aspect-ratio:1;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent 40%),var(--panel);box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff1f;touch-action:none;cursor:pointer}.hint{margin:0;color:var(--muted);font-size:.95rem;text-align:center;max-width:28rem}