:root{--bg:#0d1117;--bg-card:#161b22;--bg-ctrl:#21262d;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--primary:#58a6ff;--primary-glow:rgba(88, 166, 255, 0.25);--success:#3fb950;--danger:#f85149;--warning:#d29922;--radius:.75rem;--font:'Inter', system-ui, sans-serif}.mem-theme{font-family:var(--font);color:var(--text);background:var(--bg);padding:1.5rem;border-radius:1rem;position:relative}.text-center{text-align:center}.text-3xl{font-size:1.875rem;font-weight:800}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.main-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width:900px){.main-layout{flex-direction:row;align-items:flex-start}.controls-panel{width:240px;flex-shrink:0}.game-area{flex:1}}.controls-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.ctrl-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.mode-buttons,.grid-buttons,.speed-buttons{display:flex;flex-direction:column;gap:.35rem}@media (max-width:900px){.mode-buttons,.grid-buttons,.speed-buttons{flex-direction:row;flex-wrap:wrap}}.mode-btn,.grid-btn,.speed-btn{padding:.4rem .75rem;border-radius:.4rem;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-ctrl);color:var(--text-muted);transition:all .15s;text-align:left}.mode-btn:hover,.grid-btn:hover,.speed-btn:hover{background:var(--border);color:var(--text)}.mode-btn.active,.grid-btn.active,.speed-btn.active{background:var(--primary)!important;color:#000!important;border:2px solid #fff!important;font-weight:800}.form-control{width:100%;padding:.5rem .75rem;border-radius:.4rem;background:var(--bg-ctrl);border:1px solid var(--border);color:var(--text);font-size:.9rem;outline:none}.score-board{display:flex;justify-content:space-around;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.score-item{text-align:center}.score-val{display:block;font-size:1.75rem;font-weight:800;color:var(--primary)}.score-lbl{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.status-banner{text-align:center;padding:.75rem 1.5rem;border-radius:var(--radius);font-size:1.1rem;font-weight:700;background:var(--bg-ctrl);border:1px solid var(--border);transition:all .2s;min-height:3rem;display:flex;align-items:center;justify-content:center}.status-banner.watching{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.status-banner.your-turn{border-color:var(--success);color:var(--success);background:rgb(63 185 80 / .15)}.status-banner.fail{border-color:var(--danger);color:var(--danger);background:rgb(248 81 73 / .15)}.status-banner.win{border-color:var(--success);color:var(--success);background:rgb(63 185 80 / .15)}.pad-grid{display:grid;gap:.75rem;width:100%;max-width:480px;margin:1.5rem auto 0;aspect-ratio:1}.pad{border-radius:.75rem;cursor:pointer;border:2px solid #fff0;transition:transform .08s,box-shadow .15s,filter .1s;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:rgb(255 255 255 / .8);user-select:none;position:relative;overflow:hidden}.pad:focus{outline:3px solid var(--primary);outline-offset:2px}.pad:active{transform:scale(.94)}.pad.spatial{background:#2d3748!important}.pad.spatial.lit{background:#718096!important}.pad-0{background:#1a6b3c}.pad-1{background:#7f1d1d}.pad-2{background:#1e3a7f}.pad-3{background:#7a5f10}.pad-4{background:#3b2278}.pad-5{background:#0f5c5c}.pad-6{background:#7a2d10}.pad-7{background:#1a4f1a}.pad-8{background:#4a1a6b}.pad-9{background:#5c3a10}.pad-10{background:#1a3a5c}.pad-11{background:#3a1a1a}.pad-12{background:#1a3a3a}.pad-13{background:#3a3a1a}.pad-14{background:#3a1a3a}.pad-15{background:#1a1a3a}.pad-0.lit{background:#22c55e;box-shadow:0 0 30px 8px rgb(34 197 94 / .6);filter:brightness(1.4)}.pad-1.lit{background:#ef4444;box-shadow:0 0 30px 8px rgb(239 68 68 / .6);filter:brightness(1.4)}.pad-2.lit{background:#3b82f6;box-shadow:0 0 30px 8px rgb(59 130 246 / .6);filter:brightness(1.4)}.pad-3.lit{background:#eab308;box-shadow:0 0 30px 8px rgb(234 179 8 / .6);filter:brightness(1.4)}.pad-4.lit{background:#a855f7;box-shadow:0 0 30px 8px rgb(168 85 247 / .6);filter:brightness(1.4)}.pad-5.lit{background:#06b6d4;box-shadow:0 0 30px 8px rgb(6 182 212 / .6);filter:brightness(1.4)}.pad-6.lit{background:#f97316;box-shadow:0 0 30px 8px rgb(249 115 22 / .6);filter:brightness(1.4)}.pad-7.lit{background:#84cc16;box-shadow:0 0 30px 8px rgb(132 204 22 / .6);filter:brightness(1.4)}.pad-8.lit,.pad-9.lit,.pad-10.lit,.pad-11.lit,.pad-12.lit,.pad-13.lit,.pad-14.lit,.pad-15.lit{filter:brightness(2.2);box-shadow:0 0 20px 6px rgb(255 255 255 / .3)}.pad.spatial.lit{filter:brightness(2.5);box-shadow:0 0 30px 10px rgb(255 255 255 / .4)}@keyframes padPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}.pad.lit{animation:padPulse .2s ease-in-out}@keyframes wrongFlash{0%,100%{background:inherit}50%{background:#f85149!important;box-shadow:0 0 30px 8px rgb(248 81 73 / .8)!important}}.pad.wrong{animation:wrongFlash .35s ease}.progress-track{height:6px;background:var(--bg-ctrl);border-radius:3px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#79c0ff);border-radius:3px;transition:width .3s ease}.action-row{text-align:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;border:none;transition:all .15s;font-size:1rem}.btn-lg{padding:.85rem 2.5rem;font-size:1.1rem;letter-spacing:.02em}.btn-primary{background:var(--primary);color:#0d1117;box-shadow:0 0 20px rgb(88 166 255 / .4)}.btn-primary:hover{background:#79c0ff;box-shadow:0 0 30px rgb(88 166 255 / .6)}.gameover-overlay{position:absolute;inset:0;background:rgb(13 17 23 / .92);display:flex;align-items:center;justify-content:center;border-radius:1rem;z-index:10;backdrop-filter:blur(6px)}.gameover-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:2.5rem;text-align:center;max-width:340px;width:90%;box-shadow:0 0 60px rgb(88 166 255 / .15)}.gameover-emoji{font-size:4rem;margin-bottom:.5rem}.gameover-card h2{font-size:1.5rem;font-weight:800;margin:0}.gameover-card p{color:var(--text-muted);margin:.5rem 0 0;font-size:1rem}.gameover-stats{display:flex;flex-direction:column;gap:.5rem}.stat-k{color:var(--text-muted);font-size:.9rem}.stat-v{font-weight:800;color:var(--primary);margin-left:.5rem;font-size:1.1rem}