:root{color-scheme:dark;--bg:#141722;--ink:#edeef5;--muted:#9da5ba;--accent:#c3f38b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#2a3145,transparent 55%),var(--bg);color:var(--ink);font-family:system-ui,sans-serif}a{color:inherit}header{max-width:1050px;margin:auto;padding:28px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff16;font-size:12px}.logo{font-weight:800;font-size:21px;text-decoration:none}main{max-width:930px;margin:50px auto;padding:0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(42px,7vw,72px);line-height:1.03;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:var(--accent)}.intro{color:var(--muted);font-size:15px;line-height:1.8}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}button{font:inherit;cursor:pointer}nav button{background:#202534;color:var(--muted);border:1px solid #3a4154;border-radius:13px;padding:20px;text-align:left;font-size:10px}nav strong{display:block;color:white;font-size:17px;margin:7px 0}nav span{font-size:11px}nav button[aria-pressed=true]{border-color:var(--accent);background:#28342a}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.play{background:#1d2232;border:1px solid #394156;border-radius:20px;padding:25px}.play-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}h2{font-size:24px;margin:0}#rules{font-size:12px;line-height:1.6;color:var(--muted);max-width:490px}#restart{background:#30384a;color:white;border:1px solid #515b71;border-radius:9px;padding:10px;font-size:11px;white-space:nowrap}.stats{display:flex;justify-content:space-between;margin:15px 0;font-size:12px;color:var(--accent)}#board{display:grid;gap:9px;max-width:470px;margin:24px auto}#board.memory{grid-template-columns:repeat(4,1fr)}#board.lights,#board.numbers{grid-template-columns:repeat(5,1fr)}.tile{aspect-ratio:1;border:1px solid #566178;border-radius:11px;background:#30394f;color:white;font-size:27px;font-weight:600;transition:transform .15s,background .2s}.tile:hover{transform:translateY(-2px)}.tile.revealed{background:#b49be5;color:#271b40}.tile.matched,.tile.passed{background:#344c3e;color:#b7e88b;border-color:#607b53}.tile.on{background:#f3ce75;color:#6b5327;box-shadow:0 0 22px #e7bf5325}.tile.off{background:#252c3d;color:#77839d}.tile:disabled{cursor:default}#status{min-height:25px;text-align:center;color:var(--accent);font-size:14px}footer{font-size:11px;color:var(--muted);text-align:center;padding:25px;line-height:1.8}@media(max-width:600px){main{margin-top:28px;padding:0 16px}header{padding:20px}nav{gap:7px}nav button{padding:12px}nav strong{font-size:13px}nav span{display:none}.play{padding:17px}.play-heading{align-items:flex-start}#board{gap:7px}.tile{font-size:23px}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.tile:hover{transform:none}}