:root{--bg:#140f24;--text:#eef1ff;--muted:#eef1ffa6;--off:#241c3d;--off-edge:#34295a;--on:#ffd978;--on-glow:#ffd9788c;--accent:#78ffd6}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #2a1f4a 0%, var(--bg) 60%) fixed;min-height:100dvh;color:var(--text);margin:0;font-family:Space Grotesk,system-ui,sans-serif}main{text-align:center;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:64px 16px 32px;display:flex}h1{margin:0;font-size:40px}.hint{color:var(--muted);margin:8px 0 4px}.stats{margin:0 0 20px;font-weight:700}.board{border:0;grid-template-columns:repeat(5,1fr);gap:10px;width:min(100%,400px);min-width:0;margin:0;padding:0;display:grid}.light{aspect-ratio:1;border:2px solid var(--off-edge);background:var(--off);cursor:pointer;border-radius:14px;transition:background .12s,box-shadow .12s,border-color .12s}.light[aria-pressed=true]{border-color:var(--on);background:var(--on);box-shadow:0 0 18px var(--on-glow)}.light:focus-visible,.actions button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.light:disabled{cursor:default}.result{min-height:1.5em;color:var(--accent);margin:18px 0 8px;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions button{border:1px solid var(--off-edge);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font:600 15px Space Grotesk,system-ui,sans-serif}.actions button.primary{border-color:var(--accent);background:var(--accent);color:#0b1026}@media (prefers-reduced-motion:reduce){.light{transition:none}}