@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--ink:#f4f5ee;--muted:#b3bbad;--lime:#d2fb63;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#344d55,#111715 65%);color:var(--ink);font:15px 'DM Sans',system-ui,sans-serif}.shell{max-width:1080px;margin:auto;padding:19px 20px 38px}.nav{display:flex;justify-content:space-between;align-items:center}.nav a{color:#dbff91;text-decoration:none;font-weight:800}.brand{font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.12em}.eyebrow{margin:26px 0 6px;color:var(--lime);font:10px 'DM Mono',monospace;letter-spacing:.15em}h1{margin:0;font:700 clamp(36px,6vw,55px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em}.subtitle{margin:9px 0 17px;color:#ccd4c5;line-height:1.55;max-width:720px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.stat{padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#19221e}.stat small{display:block;color:#abb6a5;font:10px 'DM Mono',monospace;letter-spacing:.1em}.stat strong{display:block;margin-top:3px;font-size:18px}.board{overflow:hidden;border:2px solid #c7ee76;border-radius:15px;background:#17213a;box-shadow:0 18px 45px #0006}.board canvas{display:block;width:100%;height:auto;touch-action:none}.under{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:10px}.hint{min-height:25px;margin:0;color:#e2e8d9;font-size:13px}.status{color:#ddff8c;font:11px 'DM Mono',monospace;letter-spacing:.1em}.buttons{display:flex;gap:8px;justify-content:center;margin-top:10px}.buttons button,.start,.answer-button{border:1px solid #84975e;border-radius:9px;padding:11px 16px;background:#26372d;color:#f4f5ee;font-weight:800;cursor:pointer;touch-action:manipulation}.buttons button:hover,.start:hover{background:#354c39}.start{background:var(--lime);border-color:var(--lime);color:#182017}.answer-wrap{display:flex;justify-content:center;gap:8px;margin-top:10px}.answer-wrap input{width:min(320px,62vw);padding:11px 12px;border:1px solid #ffffff45;border-radius:9px;background:#17211d;color:#fff;font-size:16px;text-transform:uppercase}.answer-wrap[hidden]{display:none}.touch-controls{display:none;gap:6px;justify-content:center;margin-top:9px}.touch-controls button{width:48px;height:42px;border:1px solid #ffffff3a;border-radius:10px;background:#273b33;color:#fff;font-size:18px}.about{margin-top:18px;color:#9da99b;font:10px 'DM Mono',monospace;text-align:center}.about a{color:#d9ff87;text-decoration:none}@media(max-width:650px){.shell{padding:15px 11px 26px}.stats{grid-template-columns:repeat(2,1fr)}.under{grid-template-columns:1fr;gap:5px}.status{text-align:left}.touch-controls{display:flex}.buttons{flex-wrap:wrap}.hint{font-size:12px}}