:root{--bg0: #e8eaf8;--bg1: #f4f5fc;--lilac: #999ce1;--lilac-deep: #7b7fc9;--panel: #ffffff;--ink: #3a3d6b;--muted: #7a7eab;--accent: #ff8a4c;--select: #ffe08a;--shadow: rgba(90, 95, 160, .18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none;background:radial-gradient(900px 520px at 12% -8%,#ffffff 0%,transparent 55%),radial-gradient(800px 480px at 100% 8%,#d5d8f5 0%,transparent 50%),radial-gradient(700px 400px at 50% 110%,#c8cbed 0%,transparent 45%),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(255,255,255,.7)}.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;color:var(--ink)}main{display:grid;place-items:center;align-content:center;gap:14px}#board{width:min(92vw,720px);height:auto;aspect-ratio:1;border-radius:3.5%;background:var(--panel);box-shadow:0 16px 40px var(--shadow),0 2px #ffffffe6;touch-action:none;cursor:pointer}.hint{margin:0;color:var(--muted);font-size:.95rem;text-align:center;max-width:28rem}