:root{--bg:#07110f;--panel:#0d1917;--line:rgba(181,255,226,.14);--text:#f2fff9;--muted:#91a9a1;--green:#64f4bd}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:68px 10px 24px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,rgba(68,211,158,.18),transparent 38rem),var(--bg)}button,a{font:inherit}.back{position:fixed;top:12px;left:13px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:rgba(7,17,15,.92);text-decoration:none;font-size:11px;font-weight:850}.shell{width:min(660px,100%);margin:auto;padding:14px;border:1px solid var(--line);border-radius:19px;background:rgba(9,20,17,.94)}header{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:5px 3px 13px;border-bottom:1px solid var(--line)}.eyebrow{margin-bottom:5px;color:var(--green);font-size:9px;font-weight:900;letter-spacing:.17em}h1{font-size:clamp(27px,6vw,40px);line-height:1}.instructions{max-width:290px;color:var(--muted);font-size:11px;line-height:1.45}.hud{display:flex;justify-content:space-between;margin:9px 0;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:11px;font-weight:850}.hud strong{color:var(--green)}.board{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#030908}canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,10,8,.8);text-align:center;backdrop-filter:blur(7px)}.overlay[hidden]{display:none}.overlay h2{font-size:27px;margin-bottom:7px}.overlay p{margin-bottom:15px;color:var(--muted);font-size:12px}.primary{padding:11px 25px;border:1px solid var(--green);border-radius:9px;color:#062017;background:var(--green);font-weight:900;cursor:pointer}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.controls button{min-height:48px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--panel);font-weight:900;touch-action:none}.controls .action{color:#062017;background:var(--green)}@media(max-width:600px){body{padding:58px 5px 16px}.back{top:8px;left:7px}.shell{padding:7px;border-radius:13px}header{display:block}.instructions{margin-top:7px}}