@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #0a0a0a;--bg-card: rgba(255, 255, 255, .03);--text-main: #ffffff;--text-muted: #a7a7a7;--spotify-green: #1DB954;--accent-magenta: #ff007f;--border-color: rgba(255, 255, 255, .1);--correct: #1DB954;--incorrect: #ff3333}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark);color:var(--text-main)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;transition:all .2s ease;outline:none;background:transparent;color:var(--text-main);border:2px solid var(--text-main);border-radius:0;text-transform:uppercase;letter-spacing:1px}button:hover{background-color:var(--spotify-green);border-color:var(--spotify-green);color:var(--bg-dark);box-shadow:0 0 20px #1db95466;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.results-cinematic{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;position:relative}.results-cinematic:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px);pointer-events:none;z-index:50}.results-cinematic:before{content:"";position:absolute;top:80px;left:50%;transform:translate(-50%);width:500px;height:300px;background:radial-gradient(circle,#1db9541f,#0000 70%);pointer-events:none}.glass-card{background:#14141499!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 20px 40px #00000080}.cinematic-title{text-transform:uppercase;letter-spacing:6px;font-weight:900!important}.winner-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:#1db954;pointer-events:none;z-index:200;animation:flash-out 1.4s ease-out forwards}@keyframes flash-out{0%{opacity:.85}30%{opacity:.75}to{opacity:0}}.winner-pulse{animation:winner-pulse 2s ease-in-out infinite}@keyframes winner-pulse{0%,to{box-shadow:0 0 8px #1db95466}50%{box-shadow:0 0 30px #1db954,0 0 60px #1db95466}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal-title{opacity:0;animation:reveal-up .5s ease-out .8s forwards}.reveal-header{opacity:0;animation:reveal-up .6s ease-out 1.1s forwards}.reveal-winner{opacity:0;animation:reveal-up .6s ease-out 1.5s forwards}.reveal-scores{opacity:0;animation:reveal-up .5s ease-out 1.8s forwards}.reveal-score-row{opacity:0;animation:reveal-up .4s ease-out forwards}.reveal-stats{opacity:0;animation:reveal-up .5s ease-out 2.8s forwards}