:root{--bg: #070712;--bg-elev: #10101c;--bg-card: #16162a;--bg-card-hover: #1d1d36;--line: rgba(255, 255, 255, .08);--text: #f4f4ff;--muted: #9aa0c3;--accent: #7b61ff;--cyan: #00e5ff;--pink: #ff4ecd;--gold: #ffd166;--green: #39ff14;--danger: #ff3d6e;--radius: 18px;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--font: "Outfit", system-ui, sans-serif;--display: "Orbitron", sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(123,97,255,.25),transparent 50%),radial-gradient(900px 500px at 110% 0%,rgba(255,78,205,.18),transparent 45%),radial-gradient(800px 400px at 50% 120%,rgba(0,229,255,.12),transparent 40%),var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font-family:inherit}button{cursor:pointer}img{max-width:100%}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070712b8;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:20px;padding:14px 0}.logo{font-family:var(--display);font-weight:800;letter-spacing:.08em;font-size:1.15rem;background:linear-gradient(90deg,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.nav-links{display:flex;gap:6px;flex:1;flex-wrap:wrap}.nav-links a{padding:8px 12px;border-radius:999px;color:var(--muted);font-weight:500;font-size:.92rem}.nav-links a.active,.nav-links a:hover{color:var(--text);background:#ffffff0f}.search-wrap{position:relative;flex:1;max-width:280px}.search-wrap input{width:100%;background:var(--bg-card);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 14px 10px 38px;outline:none}.search-wrap input:focus{border-color:var(--accent)}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.6}.guest-chip{font-size:.8rem;color:var(--muted);border:1px dashed var(--line);padding:6px 10px;border-radius:999px;white-space:nowrap}.site-footer{margin-top:auto;border-top:1px solid var(--line);padding:28px 0 36px;color:var(--muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}main{padding:28px 0 64px;flex:1}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,#7b61ff2e,#00e5ff14);border:1px solid var(--line);overflow:hidden;position:relative}.hero h1{font-family:var(--display);font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;margin-bottom:12px}.hero p{color:var(--muted);max-width:52ch;margin-bottom:22px}.hero-art{height:220px;border-radius:24px;background:radial-gradient(circle at 30% 30%,rgba(0,229,255,.5),transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,78,205,.5),transparent 42%),linear-gradient(160deg,#1a1233,#0b1024);box-shadow:var(--shadow);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:11px 18px;font-weight:600;color:#070712;background:linear-gradient(90deg,var(--cyan),#7b61ff);transition:transform .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger);color:#fff}.section{margin-top:40px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.section-head h2{font-family:var(--display);font-size:1.15rem;letter-spacing:.04em}.section-head p{color:var(--muted);font-size:.92rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.game-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;min-height:190px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,background .18s ease,border-color .18s ease;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:color-mix(in srgb,var(--card-accent, var(--accent)) 50%,transparent)}.card-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent, var(--accent)) 18%,transparent);color:var(--card-accent, var(--accent));font-weight:800}.game-card h3{font-size:1.05rem}.game-card p{color:var(--muted);font-size:.88rem;flex:1}.badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:#ffffff0f;color:var(--muted)}.badge.playable{color:var(--green);background:#39ff141a}.badge.soon,.badge.backend{color:var(--gold);background:#ffd1661f}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}.filter-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 14px}.filter-chip.active{color:#070712;background:var(--text);border-color:var(--text)}.empty{color:var(--muted);padding:28px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}.placeholder-banner{border:1px dashed color-mix(in srgb,var(--gold) 50%,transparent);background:#ffd16614;color:var(--gold);border-radius:14px;padding:12px 14px;font-size:.9rem;margin-bottom:16px}.game-page{display:grid;gap:20px}.game-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:20px;align-items:start}.panel{background:var(--bg-card);border:1px solid var(--line);border-radius:22px;padding:20px}.panel h2,.panel h3{font-family:var(--display);margin-bottom:8px}.status-line{min-height:1.5em;font-weight:600;margin:10px 0 16px}.board-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:0 auto}.cell{aspect-ratio:1;border:0;border-radius:14px;background:var(--bg);color:var(--text);font-family:var(--display);font-size:2rem;box-shadow:inset 0 0 0 1px var(--line)}.cell:disabled{cursor:default}.cell.win{background:#39ff1429;color:var(--green)}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mem-card{aspect-ratio:1;border:0;border-radius:14px;background:linear-gradient(160deg,#224,#12122a);color:transparent;font-size:1.6rem;transition:transform .25s ease;transform-style:preserve-3d}.mem-card.flipped,.mem-card.matched{background:var(--bg);color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.mem-card.matched{opacity:.7}.rps-choices{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.rps-btn{width:100px;height:100px;border-radius:22px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:2rem}.rps-btn:hover,.rps-btn.picked{border-color:var(--pink);transform:translateY(-3px)}.score-row{display:flex;justify-content:space-around;margin:16px 0;text-align:center}.score-row strong{display:block;font-family:var(--display);font-size:1.4rem}.snake-wrap{display:grid;justify-content:center;gap:12px}.snake-grid{display:grid;background:#050510;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.snake-cell{width:min(18px,5.2vw);height:min(18px,5.2vw)}.snake-cell.s{background:var(--green)}.snake-cell.f{background:var(--pink);border-radius:50%}.controls{display:grid;grid-template-columns:56px 56px 56px;gap:6px;justify-content:center}.controls button{height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:420px;margin:0 auto;width:100%}.connect-col{display:grid;gap:6px;border:0;background:transparent;padding:0;cursor:pointer}.connect-slot{aspect-ratio:1;border-radius:50%;background:#0a0a16;box-shadow:inset 0 0 0 2px var(--line)}.connect-slot.p1{background:#ff3d6e}.connect-slot.p2{background:#ffd166}.math-q{font-family:var(--display);font-size:2.2rem;text-align:center;margin:16px 0}.answer-input{width:100%;max-width:220px;display:block;margin:0 auto 16px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);text-align:center;font-size:1.2rem}.word-slots{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:16px 0;font-family:var(--display);font-size:1.6rem}.letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.letters button{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.letters button:disabled{opacity:.35}.guess-hint{text-align:center;color:var(--muted);min-height:1.4em}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.stat-list{display:grid;gap:8px;color:var(--muted)}.stat-list b{color:var(--text)}.category-page h1,.game-page h1{font-family:var(--display);margin-bottom:8px}.muted{color:var(--muted)}.menu-btn{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 10px;margin-left:auto}button:disabled{cursor:default;opacity:.7}@media (max-width: 860px){.hero,.game-layout{grid-template-columns:1fr}.hero{padding:20px}.search-wrap{max-width:none;width:100%;order:5}.header-inner{flex-wrap:wrap}.menu-btn{display:inline-flex}.nav-links{display:none;order:4;width:100%;flex-direction:column}.nav-links.open{display:flex}.guest-chip{display:none}}@media (max-width: 560px){.container{width:min(1120px,calc(100% - 20px))}.grid{grid-template-columns:1fr}.memory-board{gap:6px}.rps-btn{width:88px;height:88px}.connect-board{gap:4px}}