@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0e0f14;--bg-soft: #171a21;--bg-card: #1b1f2a;--accent: #f6c453;--accent-2: #5bd5ff;--text: #f3f5f7;--muted: #a8b0c2;--danger: #ff7a7a;--win: #7dffb6}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#2d3140,#0f1117 45%,#0b0c11);min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;padding:32px clamp(18px,4vw,48px) 28px;gap:18px;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%)}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:0 0 4px;font-weight:700;letter-spacing:.5px}.topbar p{margin:0;color:var(--muted)}.mode-switch{display:flex;gap:10px;background:var(--bg-soft);padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.mode-switch button{border:none;padding:10px 16px;border-radius:12px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-switch button.active{background:linear-gradient(135deg,#2f75ff,#55e3ff);color:#0b0d12;box-shadow:0 10px 24px #3075ff4d}.status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0f1117b3;border-radius:14px;border:1px solid rgba(255,255,255,.08)}.status-right{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#ffffff1f;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.tag.warn{background:#f6c45333;color:var(--accent)}.tag.win{background:#7dffb633;color:var(--win)}.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch;flex:1}.arena.snake{grid-template-columns:1fr}.divider{width:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}.player{background:var(--bg-card);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006}.player header{display:flex;align-items:center;justify-content:space-between}.player h2{margin:0;font-size:20px}.player span{color:var(--muted);font-size:12px}.score{font-family:JetBrains Mono,monospace;font-size:16px;color:var(--accent-2)}.player-status{text-align:center;font-weight:600;color:var(--danger)}.board-2048{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#10131b;padding:12px;border-radius:16px;width:min(360px,100%);margin:0 auto;box-shadow:inset 0 0 0 1px #ffffff0d}.tile{display:grid;place-items:center;border-radius:12px;font-weight:700;font-size:22px;background:#ffffff14;color:#111;aspect-ratio:1 / 1;min-height:0;transition:transform .1s ease}.tile.t0{background:#ffffff14;color:transparent}.tile.t2{background:#d9e4f2}.tile.t4{background:#cdd3ff}.tile.t8{background:#f1c06a}.tile.t16{background:#e59845}.tile.t32{background:#e26c5a}.tile.t64{background:#dd4b6e;color:#fff}.tile.t128{background:#c8f266}.tile.t256{background:#7bde7c}.tile.t512{background:#4bc1c8}.tile.t1024{background:#5a7bff;color:#fff}.tile.t2048{background:#f6c453}.board-tetris{background:#0c0f16;border-radius:16px;padding:10px;display:grid;gap:2px;width:min(280px,100%);margin:0 auto}.board-tetris .row{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.cell{width:100%;aspect-ratio:1 / 1;border-radius:4px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0a}.snake-wrap{background:var(--bg-card);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0006}.snake-wrap header{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-snake{background:#0c0f16;border-radius:16px;padding:10px;display:grid;gap:2px;width:min(420px,100%);margin:0 auto}.board-snake .row{display:grid;grid-template-columns:repeat(18,1fr);gap:2px}.board-snake .cell{display:grid;place-items:center;font-size:14px;border-radius:4px;background:#ffffff0d}.board-snake .cell.p1{background:linear-gradient(135deg,#5fffb7,#2dd5ff)}.board-snake .cell.p2{background:linear-gradient(135deg,#ffd36f,#ff7a59)}.board-snake .cell.head{box-shadow:0 0 12px #ffffff80}.board-snake .cell.food{background:#ffffff14}.c-ice{background:linear-gradient(135deg,#3ef1ff,#6f9dff)}.c-gold{background:linear-gradient(135deg,#ffe06f,#ff9f3f)}.c-amber{background:linear-gradient(135deg,#f5c16c,#f26565)}.c-jade{background:linear-gradient(135deg,#5affb5,#12a87a)}.c-rose{background:linear-gradient(135deg,#ff6d6d,#ff9ad1)}.c-sky{background:linear-gradient(135deg,#5fc1ff,#3c7cff)}.c-orange{background:linear-gradient(135deg,#ffbf6b,#ff6b4a)}.rules{font-size:14px;color:var(--muted);text-align:center}@media (max-width: 960px){.arena{grid-template-columns:1fr}.divider{display:none}}