@font-face{font-display:swap;font-family:BigX;font-style:normal;font-weight:400;src:url(./BigX.DCGTQfSE.woff2) format("woff2"),url(./BigX.DGuyJNpq.ttf) format("truetype")}:root{--void:#f5f3f8;--surface:#fff;--surface-raised:#f0ecf5;--surface-glass:hsla(0,0%,100%,.72);--border-subtle:rgba(0,0,0,.06);--border-glow:rgba(0,0,0,.12);--neon-cyan:#2596be;--neon-magenta:#b736fa;--neon-lime:#16a34a;--neon-violet:#b736fa;--neon-amber:#d97706;--neon-coral:#dc2626;--grad-primary:linear-gradient(135deg,#b736fa,#2596be);--grad-warm:linear-gradient(135deg,#d97706,#dc2626);--grad-cool:linear-gradient(135deg,#2596be,#b736fa);--grad-surface:linear-gradient(180deg,#fff,#f5f3f8);--font-hero:"BigX","Alyamama",sans-serif;--font-display:"Alyamama",sans-serif;--font-body:"Alyamama",sans-serif;--safe-zone:5%;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-xl:48px;--shadow-card:0 2px 8px rgba(0,0,0,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--void);color:#1e1e2e;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.atmosphere{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.atmosphere:before{animation:drift 25s ease-in-out infinite;background:radial-gradient(ellipse,rgba(183,54,250,.12) 0,transparent 70%);content:"";height:80vh;left:-20%;position:absolute;top:-30%;width:80vw}.atmosphere:after{animation:drift 30s ease-in-out infinite reverse;background:radial-gradient(ellipse,rgba(37,150,190,.1) 0,transparent 70%);bottom:-20%;content:"";height:70vh;position:absolute;right:-15%;width:70vw}@keyframes drift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(5%,-3%) rotate(2deg)}66%{transform:translate(-3%,5%) rotate(-1deg)}}.grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:256px 256px;inset:0;opacity:.012;pointer-events:none;position:fixed;z-index:1}.tv-safe{min-height:100vh;padding:var(--safe-zone);position:relative;z-index:2}.glass-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.glass-card,.glass-card-sm{background:var(--surface-glass);box-shadow:var(--shadow-card)}.glass-card-sm{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.heading-mega{font-family:var(--font-display);font-size:clamp(4rem,10vw,10rem);font-weight:800;letter-spacing:-.03em;line-height:.9}.heading-xl{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.02em;line-height:1.05}.heading-lg,.heading-xl{font-family:var(--font-display);font-weight:700}.heading-lg{font-size:clamp(1.5rem,3vw,3rem);letter-spacing:-.01em;line-height:1.1}.heading-md{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,2rem);font-weight:600;line-height:1.2}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow-cyan{color:var(--neon-cyan)}.text-glow-magenta{color:var(--neon-magenta)}.btn-neon{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:1.1rem;font-weight:700;gap:.5em;justify-content:center;overflow:hidden;padding:1em 2.2em;position:relative;transition:transform .2s ease,box-shadow .3s ease}.btn-neon:active{transform:scale(.96)}.btn-primary{background:var(--grad-primary);box-shadow:0 4px 20px #b736fa33,0 4px 10px #2596be26;color:#fff}.btn-primary:hover{box-shadow:0 6px 30px #b736fa4d,0 6px 20px #2596be33;transform:translateY(-2px)}.option-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass);border:2px solid var(--border-glow);border-radius:var(--radius-md);color:#1e1e2e;cursor:pointer;font-family:var(--font-display);font-size:1.15rem;font-weight:600;overflow:hidden;padding:1.2em;position:relative;text-align:right;transition:all .2s ease;width:100%}.option-btn:before{border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.option-btn:active{transform:scale(.97)}.option-btn[data-color=A]{border-color:#2596be4d}.option-btn[data-color=A]:hover{border-color:var(--neon-cyan);box-shadow:0 2px 12px #2596be26}.option-btn[data-color=A]:before{background:linear-gradient(135deg,rgba(37,150,190,.08),transparent)}.option-btn[data-color=A]:hover:before{opacity:1}.option-btn[data-color=B]{border-color:#b736fa4d}.option-btn[data-color=B]:hover{border-color:var(--neon-magenta);box-shadow:0 2px 12px #b736fa26}.option-btn[data-color=B]:before{background:linear-gradient(135deg,rgba(183,54,250,.08),transparent)}.option-btn[data-color=B]:hover:before{opacity:1}.option-btn[data-color=C]{border-color:#16a34a4d}.option-btn[data-color=C]:hover{border-color:var(--neon-lime);box-shadow:0 2px 12px #16a34a26}.option-btn[data-color=C]:before{background:linear-gradient(135deg,rgba(22,163,74,.08),transparent)}.option-btn[data-color=C]:hover:before{opacity:1}.option-btn[data-color=D]{border-color:#d977064d}.option-btn[data-color=D]:hover{border-color:var(--neon-amber);box-shadow:0 2px 12px #d9770626}.option-btn[data-color=D]:before{background:linear-gradient(135deg,rgba(217,119,6,.08),transparent)}.option-btn[data-color=D]:hover:before{opacity:1}.option-btn.selected{transform:scale(.97)}.option-btn[data-color=A].selected{background:#2596be1a;border-color:var(--neon-cyan)}.option-btn[data-color=B].selected{background:#b736fa1a;border-color:var(--neon-magenta)}.option-btn[data-color=C].selected{background:#16a34a1a;border-color:var(--neon-lime)}.option-btn[data-color=D].selected{background:#d977061a;border-color:var(--neon-amber)}.option-btn.correct{background:#16a34a1f!important;border-color:var(--neon-lime)!important;box-shadow:0 2px 12px #16a34a26!important}.option-btn.wrong{background:#dc26261a!important;border-color:var(--neon-coral)!important;opacity:.7}.timer-ring{align-items:center;display:inline-flex;justify-content:center;position:relative}.timer-ring svg{transform:rotate(-90deg)}.timer-ring .track{fill:none;stroke:#0000000f}.timer-ring .progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s ease}.timer-ring .value{color:#1e1e2e;font-family:var(--font-display);font-weight:800;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-fade-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}.animate-fade-in{animation:fadeIn .5s ease both}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) both}.animate-float{animation:float 4s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.score-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:100px;display:inline-flex;font-family:var(--font-display);font-size:.95rem;gap:.4em;padding:.4em 1em}.player-avatar,.score-pill{align-items:center;font-weight:700}.player-avatar{border-radius:50%;display:flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.category-badge{align-items:center;background:#b736fa14;border:1px solid rgba(183,54,250,.2);border-radius:100px;color:var(--neon-violet);display:inline-flex;font-family:var(--font-display);font-size:.85rem;font-weight:600;gap:.4em;letter-spacing:.08em;padding:.35em 1em;text-transform:uppercase}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}@media(max-width:768px){.tv-safe{padding:1rem}}