:root{--bg-gradient: linear-gradient(135deg, #0a0a0a 0%, #1a0a00 30%, #0d0800 50%, #1a1000 70%, #0a0500 100%);--sidebar-bg: rgba(10, 10, 15, .85);--card-bg: rgba(10, 10, 15, .65);--glass: rgba(10, 10, 15, .55);--glass-border: rgba(255, 255, 255, .08);--orange: #F7931A;--purple: #8B5CF6;--pink: #EC4899;--cyan: #06B6D4;--white: #ffffff;--text-muted: rgba(255, 255, 255, .6);--text-dim: rgba(255, 255, 255, .3);--radius: 16px;--radius-sm: 10px;--radius-pill: 50px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Space Grotesk,-apple-system,sans-serif;background:#1a0a2e;color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#1a0a2e}.animated-bg .blob{position:absolute;border-radius:50%;filter:blur(100px);mix-blend-mode:screen}.animated-bg .blob:nth-child(1){width:600px;height:600px;background:radial-gradient(circle,#f7931a,#ff6b00);top:-15%;right:-10%;opacity:.8;animation:drift1 16s ease-in-out infinite}.animated-bg .blob:nth-child(2){width:500px;height:500px;background:radial-gradient(circle,#ec4899,#be185d);top:30%;left:20%;opacity:.7;animation:drift2 20s ease-in-out infinite}.animated-bg .blob:nth-child(3){width:550px;height:550px;background:radial-gradient(circle,#3b82f6,#06b6d4);bottom:-10%;left:-10%;opacity:.7;animation:drift3 18s ease-in-out infinite}.animated-bg .blob:nth-child(4){width:400px;height:400px;background:radial-gradient(circle,#8b5cf6,#6d28d9);top:-5%;left:30%;opacity:.6;animation:drift4 22s ease-in-out infinite}.animated-bg .blob:nth-child(5){width:450px;height:450px;background:radial-gradient(circle,#f59e0b,#d97706);bottom:10%;right:15%;opacity:.6;animation:drift5 19s ease-in-out infinite}.animated-bg .sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;animation:sparkle 3s ease-in-out infinite}.animated-bg .sparkle:nth-child(6){top:12%;left:25%;animation-delay:0s}.animated-bg .sparkle:nth-child(7){top:28%;left:75%;animation-delay:.6s}.animated-bg .sparkle:nth-child(8){top:55%;left:35%;animation-delay:1.2s}.animated-bg .sparkle:nth-child(9){top:70%;left:85%;animation-delay:1.8s}.animated-bg .sparkle:nth-child(10){top:40%;left:12%;animation-delay:2.4s}.animated-bg .sparkle:nth-child(11){top:82%;left:50%;animation-delay:.3s}.animated-bg .sparkle:nth-child(12){top:8%;left:88%;animation-delay:.9s}.animated-bg .sparkle:nth-child(13){top:65%;left:60%;animation-delay:1.5s}.animated-bg .sparkle:nth-child(14){top:22%;left:45%;animation-delay:2.1s}.animated-bg .sparkle:nth-child(15){top:90%;left:20%;animation-delay:2.7s}@keyframes drift1{0%,to{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(-20px,-40px)}75%{transform:translate(30px,20px)}}@keyframes drift2{0%,to{transform:translate(0)}25%{transform:translate(50px,-30px)}50%{transform:translate(-30px,40px)}75%{transform:translate(20px,-20px)}}@keyframes drift3{0%,to{transform:translate(0)}25%{transform:translate(30px,-50px)}50%{transform:translate(50px,20px)}75%{transform:translate(-20px,-30px)}}@keyframes drift4{0%,to{transform:translate(0)}25%{transform:translate(-30px,40px)}50%{transform:translate(40px,-20px)}75%{transform:translate(-50px,-10px)}}@keyframes drift5{0%,to{transform:translate(0)}25%{transform:translate(20px,30px)}50%{transform:translate(-40px,-30px)}75%{transform:translate(30px,-40px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1);box-shadow:0 0 10px 3px #ffffff80}}.page,.lang-toggle{position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border:none;border-radius:var(--radius-pill);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;letter-spacing:1px;text-transform:uppercase}.btn-primary{background:#0a0a0fb3;color:var(--white);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-primary:hover{background:#0f0f14d9;border-color:#f7931a66;transform:translateY(-2px);box-shadow:0 8px 32px #f7931a1a}.btn-secondary{background:#0a0a0f80;color:#ffffffb3;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-secondary:hover{background:#0f0f14b3;border-color:#ffffff26;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--pink);border:2px solid var(--pink)}.btn-outline:hover{background:#ec48991a}.btn-accent{background:linear-gradient(135deg,var(--orange),#ff6b00);color:#000;border:none}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f7931a4d}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.input{width:100%;padding:16px 20px;background:#0a0a0f99;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-pill);color:var(--white);font-family:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.input:focus{border-color:var(--orange);box-shadow:0 0 20px #f7931a1a}.input::placeholder{color:var(--text-dim)}.glass-card{background:#0a0a0f8c;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.game-card{width:110px;height:155px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s ease;border:2px solid transparent;position:relative;flex-shrink:0}.game-card:hover{transform:translateY(-10px) scale(1.05);border-color:var(--orange);box-shadow:0 12px 40px #f7931a40}.game-card.selected{border-color:var(--orange);box-shadow:0 0 30px #f7931a59;transform:translateY(-8px)}.game-card img{width:100%;height:100%;object-fit:cover}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.container{width:100%;max-width:440px;display:flex;flex-direction:column;gap:14px}.divider{display:flex;align-items:center;gap:16px;color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:2px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.lang-toggle{position:fixed;top:16px;right:16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-pill);padding:8px 16px;color:var(--text-muted);font-family:inherit;font-size:13px;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s}.lang-toggle:hover{border-color:var(--orange);color:var(--orange)}.scoreboard{display:flex;flex-direction:column;gap:3px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#0a0a0f66;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.score-row.storyteller{border-left:3px solid var(--orange)}.score-name{font-weight:500;font-size:13px}.score-pts{color:var(--orange);font-weight:700}.glass-notification{background:#0a0a0f80;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:16px 20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-size:13px;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #f7931a1a}50%{box-shadow:0 0 40px #f7931a33}}.fade-in{animation:fadeIn .5s ease}.fade-in-up{animation:fadeInUp .6s ease}.pulse{animation:pulse 2s infinite}.glow{animation:glow 3s infinite}@media(max-width:480px){.game-card{width:80px;height:112px;border-radius:8px}.btn{padding:14px 24px;font-size:13px}}