body,html{font-family:Dancing Script,cursive;height:100%;margin:0}header{background-attachment:fixed;background-size:cover;border-radius:0 0 85% 85%/30%;color:#cd7862;height:auto;margin-bottom:40px;margin-top:-150px;overflow:hidden;position:relative;text-align:center;width:100%}h1{font-family:Dancing Script,cursive;font-size:60px;margin-bottom:20px;margin-top:0;text-shadow:2px 3px 5px rgba(0,0,0,.5)}h3,p{color:#fff;font-family:Open Sans,sans-serif;margin-bottom:30px}.welcome{align-items:center;display:flex;height:100%;justify-content:center;margin:0;width:100%}.hidden-section,.hide{display:none}.welcome-img{background-image:url(/images/eric-nopanen-8e0EHPUx3Mo-unsplash.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%}::placeholder{color:#fff;opacity:.7}.category-container{border:2px solid #cd7862;height:max-content;padding:10px;width:max-content}.category-row{display:flex;flex-direction:row}.category:hover{background-color:hsla(0,1%,67%,.2);color:#fff;cursor:pointer;opacity:1;transform:scale(1.05);transition:all .3s ease}.category{align-items:center;background-color:hsla(0,0%,8%,.6);border:1px solid #cd7862;box-shadow:0 0 0 60px #000;color:#fff;display:flex;font-size:20px;font-weight:600;height:90px;justify-content:center;line-height:198px;margin:65px;opacity:.7;text-align:center;width:90px}#outer-circle,.category{border-radius:50%;position:relative}#outer-circle{background:#385a94;box-shadow:0 0 0 100px #000;height:300px;margin:100px;width:300px}:root{--disco-pink:#ff006e;--disco-purple:#8b00ff;--disco-gold:gold;--disco-cyan:#00f5ff;--disco-green:#0f8;--disco-orange:#ff6b35;--dark-floor:#1a1a1a;--mirror-silver:silver}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#fff;font-family:Righteous,cursive;overflow-x:hidden}.disco-wrapper{background:radial-gradient(ellipse at center,#2a0845 0,#000 100%);contain:layout style paint;display:flex;flex-direction:column;min-height:100vh;position:relative}.disco-ball-container{contain:layout style paint;left:50%;position:fixed;top:50px;transform:translateX(-50%);z-index:100}.disco-ball{height:150px;opacity:.9;position:relative;transform:skewY(-15deg);width:150px}.mirror-tile{background:linear-gradient(45deg,var(--mirror-silver) 30%,#fff 50%,var(--mirror-silver) 70%);border:1px solid #999;height:20px;position:absolute;width:20px}.mirror-tile:first-child{left:30%;top:30%;transform:rotateY(45deg)}.mirror-tile:nth-child(2){right:30%;top:30%;transform:rotateY(-45deg)}.mirror-tile:nth-child(3){bottom:30%;left:30%;transform:rotateX(45deg)}.mirror-tile:nth-child(4){bottom:30%;right:30%;transform:rotateX(-45deg)}.room-selection-view{flex:1;padding:150px 2rem 2rem;position:relative}.disco-header{margin-bottom:3rem;text-align:center}.main-title{display:flex;flex-wrap:wrap;font-family:Righteous,cursive;font-size:5rem;gap:1rem;justify-content:center;margin-bottom:1rem}.groovy{color:var(--disco-pink);text-shadow:0 0 10px var(--disco-pink);transition:transform .3s ease;will-change:transform}.groovy:hover{transform:scale(1.1)}.music{color:var(--disco-gold);text-shadow:0 0 10px var(--disco-gold);transition:transform .3s ease;will-change:transform}.music:hover{transform:scale(1.1)}.quiz{color:var(--disco-cyan);text-shadow:0 0 10px var(--disco-cyan);transition:transform .3s ease;will-change:transform}.quiz:hover{transform:scale(1.1)}.subtitle{color:var(--disco-orange);font-family:Pacifico,cursive;font-size:1.5rem}.dance-floor{background:rgba(0,0,0,.5);border-radius:20px;contain:layout style paint;margin:0 auto 2rem;max-width:1200px;min-height:auto;overflow:hidden;padding:2rem;position:relative}.floor-tiles{border-radius:20px;bottom:0;contain:strict;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(3,1fr);left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.tile{background:var(--dark-floor);transform:translateZ(0);transition:all .3s ease;will-change:background-color,box-shadow}.room-cards{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}@media (max-width:1200px){.room-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.room-cards{gap:1rem;grid-template-columns:1fr}.disco-header{margin-bottom:1.5rem}.main-title{flex-wrap:nowrap;gap:.5rem;margin-bottom:.5rem;white-space:nowrap}.subtitle{font-size:1.1rem}.room-selection-view{padding:80px 1rem 1rem}.dance-floor{margin-bottom:1rem;padding:1rem}.disco-room-card{padding:1.2rem}.vinyl-record{height:120px;margin:0 auto 1rem;width:120px}.record-label{height:50px;width:50px}.record-label h3{font-size:.6rem}.room-info{margin-bottom:1rem}.room-desc{font-size:.9rem;margin-bottom:.5rem}.join-dance-btn{font-size:1rem;letter-spacing:1px;padding:.8rem}.game-view{min-height:100vh;padding:.5rem}.back-to-rooms-container{margin-bottom:.2rem;padding:0 .3rem}.back-to-rooms-link{border-radius:15px!important;font-size:.75rem!important;gap:.25rem!important;padding:0!important}.back-arrow{font-size:.85rem}.back-text{display:inline;font-size:.75rem}.game-header{align-items:stretch;flex-direction:column;gap:.5rem;margin-bottom:.3rem;max-width:100%;padding:.3rem;width:100%}.room-title{margin-bottom:0;text-align:center;width:100%}.neon-sign{display:none}.nickname-toggle-container{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}#nickname{flex:1 1 auto;justify-content:flex-start;min-width:150px;padding-left:.3rem}#nickname,.input-mode-toggle{align-items:center;display:flex}.input-mode-toggle{flex:0 0 auto;justify-content:flex-end;padding-right:.3rem}#welcome{font-size:1.2rem!important}#changeNick,#welcome{margin:0!important;padding:.2rem!important}#changeNick{display:inline-block;text-align:left}.game-content{display:flex!important;flex-direction:column;gap:1rem;max-width:100%;padding:0;width:100%}.jukebox-column{order:1}.jukebox-column,.leaderboard-column{grid-column:unset!important;max-width:100%;width:100%}.leaderboard-column{order:2}.ad-container{display:none!important}.jukebox{padding:.5rem}.groovy-input{font-size:1.2rem;padding:.5rem}}@media (max-width:768px){.groovy-input::placeholder{font-size:.9rem}#answer-input::placeholder{font-size:.9rem}.leaderboard-disco{padding:.5rem}.board-title{font-size:1.3rem;margin-bottom:1rem}.champion-card{margin-bottom:.2rem;padding:.3rem}.champion-card .name{font-size:1rem}.champion-card .points{font-size:1.2rem}.player-progress-bar{padding:.3rem}.progress-title{font-size:1rem}.player-progress-bar .game-stats .label{font-size:.7rem}.player-progress-bar .game-stats .value{font-size:1.2rem}.progress-round{height:30px;width:30px}.round-wrapper{height:35px;width:30px}.player-time-bonus{top:-6px!important}.track-history{margin:0;padding:.5rem!important}.history-title{font-size:1.1rem;margin:.5rem 0;padding:0 .5rem}.track-item{background:rgba(0,0,0,.2)!important;margin:0 0 .3rem!important;padding:.3rem!important}.album-art{height:40px;width:40px}}@media (max-width:480px){.back-to-rooms-container{margin-bottom:.15rem;padding:0 .2rem}.back-to-rooms-link{border-radius:12px!important;font-size:.7rem!important;gap:.2rem!important;padding:0 .2rem!important}.back-arrow{font-size:.75rem}.back-text{font-size:.7rem}.main-title{flex-direction:row;flex-wrap:nowrap;font-size:2.5rem;gap:.3rem;white-space:nowrap}.groovy,.music,.quiz{font-size:inherit}.subtitle{font-size:1rem}.room-selection-view{padding:60px .5rem .5rem}.vinyl-record{height:100px;width:100px}.disco-room-card{padding:1rem}.game-stats .value{font-size:1.2rem}.groovy-input{font-size:1rem}#answer-input::placeholder,.groovy-input::placeholder{font-size:.8rem}.board-title{font-size:1.1rem}.progress-round{font-size:.7rem;height:25px;width:25px}.round-wrapper{height:30px;width:25px}.player-time-bonus{top:-6px!important}.track-history{margin:0;padding:.3rem!important}.history-title{font-size:1rem;margin:.3rem 0}.track-item{margin:0 0 .2rem!important;padding:.2rem!important}.album-art{height:35px;width:35px}.disco-room-card{min-height:75px!important;padding:8px!important}.room-cards .game-over-title{font-size:1.3rem;margin:0 8px 0 0}.room-info .room-desc,.room-info .winner-subtitle{font-size:1.3rem}.free-badge{font-size:.75rem;padding:2px 8px}}.disco-room-card{background:linear-gradient(135deg,rgba(139,0,255,.7),rgba(255,0,110,.7));border:2px solid var(--disco-purple);border-radius:20px;contain:layout style paint;max-width:100%;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.disco-room-card:before{background:linear-gradient(45deg,transparent 40%,hsla(0,0%,100%,.1) 50%,transparent 60%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s ease;width:200%}.disco-room-card:hover:before{animation:shine .5s ease;opacity:1}.disco-room-card:hover{box-shadow:0 5px 20px rgba(255,0,110,.3);transform:scale(1.05)}.vinyl-record{background:radial-gradient(circle at center,#222 30%,#000 0,#000 40%,#222 0,#222 50%,#000 0);border-radius:50%;height:200px;position:relative;transform:translateZ(0);transition:transform .5s ease;width:200px;will-change:transform}.disco-room-card:hover .vinyl-record{transform:translateZ(0) rotate(1turn)}.record-label{align-items:center;background:var(--disco-gold);border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px}.record-label h3{color:#000;font-size:.8rem;margin-top:25px}.room-info{text-align:center}.room-desc{color:#ddd;margin-bottom:1rem}.dancers-count{align-items:center;color:var(--disco-cyan);display:flex;font-size:1.1rem;gap:.5rem;justify-content:center}.join-dance-btn{background:linear-gradient(45deg,var(--disco-pink) 0,var(--disco-purple) 100%);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:2px;overflow:hidden;padding:1rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.join-dance-btn:hover{box-shadow:0 3px 15px rgba(255,0,110,.4);transform:scale(1.05)}.sparkles{margin-left:.5rem}.lava-lamp{background:linear-gradient(to bottom,var(--disco-orange) 0,var(--disco-pink) 100%);border-radius:50px;bottom:50px;height:400px;opacity:.3;position:fixed;width:100px}.lava-lamp.left{left:50px}.lava-lamp.right{right:50px}.game-view{min-height:100vh;padding:1rem}.game-top-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto .5rem;max-width:1000px;padding:0 .5rem}.back-to-rooms-container{flex:0 0 auto}.back-to-rooms-link{align-items:center;background:rgba(0,0,0,.7);border:1px solid var(--disco-cyan);border-radius:25px;color:var(--disco-cyan);display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.back-to-rooms-link:hover{background:var(--disco-cyan);box-shadow:0 0 15px var(--disco-cyan);color:#000;transform:translateX(-5px)}.back-arrow{display:inline-block;font-size:1.2rem;transition:transform .3s ease}.back-to-rooms-link:hover .back-arrow{transform:translateX(-3px)}.back-text{font-weight:500}.toggle-switch{align-items:center;background:rgba(0,0,0,.7);border:1px solid var(--disco-purple);border-radius:25px;cursor:pointer;display:flex;gap:.5rem;padding:.3rem .6rem;position:relative}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:hsla(0,0%,100%,.2);border:1px solid var(--disco-gold);border-radius:20px;height:26px;position:relative;transition:background .3s ease;width:50px}.toggle-slider:before{background:var(--disco-gold);border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.3);content:"";height:22px;left:2px;position:absolute;top:1px;transition:transform .3s ease;width:22px}.toggle-input:checked+.toggle-slider{background:linear-gradient(145deg,var(--disco-pink),var(--disco-purple))}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-label{font-size:1.2rem;user-select:none}.keyboard-label{color:var(--disco-cyan)}.mic-label{color:var(--disco-pink)}.game-header{background:rgba(0,0,0,.7);border:2px solid var(--disco-purple);border-radius:20px;contain:layout style paint;justify-content:space-between;margin:0 auto .5rem;max-width:1000px;padding:.5rem}.game-header,.room-title{align-items:center;display:flex}.room-title{flex:0 0 auto;gap:2rem}.room-title h2{color:var(--disco-gold);display:inline-block;font-size:2.5rem;margin:0;text-shadow:0 0 20px var(--disco-gold)}.neon-sign{background:var(--disco-pink);border-radius:30px;box-shadow:0 0 5px var(--disco-pink);font-size:1rem;padding:.5rem 1.5rem}.nickname-toggle-container{gap:1rem;justify-content:space-between}#nickname,.nickname-toggle-container{align-items:center;display:flex;flex:1 1 auto}#nickname{justify-content:center}.input-mode-toggle{flex:0 0 auto}.ranking-total{font-size:1.2rem;font-weight:400}.countdown-ring{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.countdown-svg{height:100%;position:absolute;transform:rotate(-90deg);width:100%}.countdown-circle-bg{fill:none;stroke:var(--disco-purple);stroke-width:5;opacity:.3}.countdown-circle{fill:none;stroke:var(--disco-cyan);stroke-width:5;stroke-dasharray:283;stroke-dashoffset:0;filter:drop-shadow(0 0 5px var(--disco-cyan));transition:stroke-dashoffset 1s linear}.countdown-ring .time{color:#fff;font-size:2rem;font-weight:700;position:relative;text-shadow:0 0 5px var(--disco-cyan)}.countdown-ring.active .countdown-circle{animation:countdown 30s linear forwards}.timer{align-items:center;display:flex;justify-content:center}.box-shadow{box-shadow:0 0 10px var(--disco-purple)}.time{color:var(--disco-gold);font-size:2rem;font-weight:700}.game-content{display:grid;gap:.5rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1000px;position:relative}.jukebox-column{grid-column:1}.leaderboard-column{grid-column:2}.right-panel{height:fit-content}.jukebox{background:linear-gradient(180deg,#2a0845 0,#1a0530);border:2px solid var(--disco-gold);border-radius:20px;box-shadow:0 0 15px rgba(255,215,0,.3);contain:layout style paint;padding:1rem}.timer-control-wrapper{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;padding-right:.5rem}.timer-bar{background:hsla(0,0%,100%,.1);border:3px solid var(--disco-gold);border-radius:30px;box-shadow:inset 0 0 10px rgba(0,0,0,.5),0 0 15px rgba(255,215,0,.3);flex:1;overflow:hidden;position:relative}.mute-button,.timer-bar{align-items:center;display:flex;height:60px;padding:0}.mute-button{background:linear-gradient(145deg,var(--disco-purple),var(--disco-pink));border:3px solid var(--disco-gold);border-radius:50%;box-shadow:0 4px 15px rgba(255,215,0,.4);cursor:pointer;flex-shrink:0;justify-content:center;min-height:60px;min-width:60px;transition:all .3s ease;width:60px}.mute-button:hover{box-shadow:0 6px 20px rgba(255,215,0,.6);transform:scale(1.05)}.mute-button:active{transform:scale(.95)}.mute-button.muted{background:linear-gradient(145deg,#666,#333);opacity:.8}.mute-button svg{fill:var(--disco-gold);height:28px;width:28px}.timer-bar-fill{animation:neon-flow 3s linear infinite;background:linear-gradient(90deg,var(--disco-pink) 0,var(--disco-gold) 25%,var(--disco-cyan) 50%,var(--disco-green) 75%,var(--disco-pink) 100%);background-size:200% 100%;border-radius:18px;box-shadow:0 0 20px currentColor;display:block;height:100%;overflow:hidden;position:relative;width:100%}@keyframes neon-flow{0%{background-position:0 50%}to{background-position:200% 50%}}.timer-bar-fill[style*="width: 0"],.timer-bar-fill[style*="width: 1"],.timer-bar-fill[style*="width: 2"]{animation:neon-flow .5s linear infinite,danger-pulse .3s ease-in-out infinite;background:var(--disco-pink)}@keyframes danger-pulse{0%,to{box-shadow:0 0 20px var(--disco-pink),inset 0 0 10px var(--disco-pink)}50%{box-shadow:0 0 40px var(--disco-pink),inset 0 0 20px var(--disco-pink)}}.eq-bars{align-items:flex-end;contain:strict;display:flex;height:120px;isolation:isolate;justify-content:space-around;margin-bottom:.5rem}.bar{border-radius:10px 10px 0 0;height:100%;transform:scaleY(.1);transform:translateZ(0);transform-origin:bottom;transition:transform .1s ease;width:15px;will-change:transform}.bar-gradient{background:linear-gradient(to top,var(--disco-pink) 0,var(--disco-gold) 50%,var(--disco-cyan) 100%)}.bar-gold{background:var(--disco-gold);box-shadow:0 0 10px var(--disco-gold)}.bar-cyan{background:var(--disco-cyan);box-shadow:0 0 8px var(--disco-cyan)}.bar-pink{background:var(--disco-pink);box-shadow:0 0 6px var(--disco-pink)}.tile-hover{background:var(--hover-color)!important;box-shadow:0 0 30px var(--hover-color);transform:scale(1.1);transition:transform .2s ease}.answer-slot{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;padding-right:.5rem;position:relative}.typeahead-dropdown{background:rgba(0,0,0,.95);border:2px solid var(--disco-cyan);border-radius:10px;border-top:none;border-top-left-radius:0;border-top-right-radius:0;display:none;left:0;margin-top:-2px;max-height:200px;overflow-y:auto;position:absolute;right:60px;top:100%;z-index:1000}.typeahead-item{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:pointer;font-size:1.2rem;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease}.typeahead-item:last-child{border-bottom:none}.typeahead-item.selected,.typeahead-item:hover{background:linear-gradient(90deg,var(--disco-purple),var(--disco-pink));color:#fff;padding-left:1.5rem}.typeahead-dropdown::-webkit-scrollbar{width:8px}.typeahead-dropdown::-webkit-scrollbar-track{background:rgba(0,0,0,.3);border-radius:4px}.typeahead-dropdown::-webkit-scrollbar-thumb{background:var(--disco-cyan);border-radius:4px}.typeahead-dropdown::-webkit-scrollbar-thumb:hover{background:var(--disco-gold)}.groovy-input{background:rgba(0,0,0,.5);color:#fff;flex:1;font-size:1.5rem;letter-spacing:3px;min-width:0;padding:.5rem;text-align:center;text-transform:uppercase;transition:border-color .3s ease}.groovy-input,.groovy-input:focus{border:3px solid var(--disco-cyan);border-radius:15px}.groovy-input:focus{outline:none}.groovy-input.answer-miss:focus,.groovy-input.answer-spare:focus,.groovy-input.answer-strike:focus{border-color:inherit}.groovy-input.answer-strike{animation:pulse-success 2.5s ease;border-color:var(--disco-green)!important;box-shadow:0 0 15px var(--disco-green)}.groovy-input.answer-spare{animation:pulse-success 2.5s ease;border-color:var(--disco-gold)!important;box-shadow:0 0 15px var(--disco-gold)}.groovy-input.answer-miss{animation:shake 2.5s ease;border-color:var(--disco-pink)!important;box-shadow:0 0 15px var(--disco-pink)}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.submit-answer-btn{align-items:center;background:linear-gradient(145deg,var(--disco-cyan),var(--disco-green));border:3px solid var(--disco-cyan);border-radius:50%;box-shadow:0 4px 15px rgba(0,245,255,.4);cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;min-height:60px;min-width:60px;padding:0;transition:all .3s ease;width:60px}.submit-answer-btn:hover{box-shadow:0 6px 20px rgba(0,245,255,.6);transform:scale(1.05)}.submit-answer-btn:active{transform:scale(.95)}.submit-answer-btn .submit-icon{fill:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,.3))}.voice-input-btn{align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(145deg,#ff006e,#ff4b92);border:3px solid var(--disco-pink);border-radius:50%;box-shadow:0 4px 15px rgba(255,0,110,.4);cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;min-height:60px;min-width:60px;padding:0;position:relative;transition:all .3s ease;width:60px}.voice-input-btn:hover{box-shadow:0 6px 20px rgba(255,0,110,.6);transform:scale(1.05)}.voice-input-btn:active{transform:scale(.95)}.voice-input-btn.recording{animation:pulse-recording 1s infinite;background:linear-gradient(145deg,#0f8,#00cc6a);border-color:var(--disco-green);box-shadow:0 4px 20px rgba(0,255,136,.6)}@keyframes pulse-recording{0%{box-shadow:0 4px 20px rgba(0,255,136,.6)}50%{box-shadow:0 4px 30px rgba(0,255,136,.9)}to{box-shadow:0 4px 20px rgba(0,255,136,.6)}}.mic-icon{height:28px;width:28px;fill:#fff;pointer-events:none}@media (max-width:768px){.answer-slot,.timer-control-wrapper{padding-left:.25rem;padding-right:.25rem}.groovy-input{font-size:1.2rem;letter-spacing:1px;padding:.4rem}.typeahead-dropdown{right:50px}.typeahead-item{font-size:.8rem;padding:.5rem .75rem}.submit-answer-btn,.voice-input-btn{aspect-ratio:1/1;height:45px;min-height:45px;min-width:45px;width:45px}.submit-answer-btn .submit-icon,.voice-input-btn .mic-icon{height:20px;width:20px}.game-top-bar{flex-wrap:wrap;gap:.5rem}.input-mode-toggle{display:flex;justify-content:center;order:3}.toggle-switch{padding:.2rem .4rem}.toggle-slider{height:22px;width:40px}.toggle-slider:before{height:18px;width:18px}.toggle-input:checked+.toggle-slider:before{transform:translateX(18px)}.toggle-label{font-size:1rem}.timer-bar{height:45px}.mute-button{height:45px;min-height:45px;min-width:45px;width:45px}.mic-icon,.mute-button svg{height:22px;width:22px}}.light{background:#333;border-radius:50%;height:20px;transform:translateZ(0);transition:background-color .3s ease;width:20px;will-change:background-color}.light:first-child{animation-delay:0s}.light:nth-child(2){animation-delay:1s}.light:nth-child(3){animation-delay:2s}.text-strike{color:var(--disco-green)!important}.text-miss{color:var(--disco-pink)!important}.track-history{background:rgba(0,0,0,.5);border:2px solid var(--disco-purple);border-radius:15px;contain:layout style paint;padding:1.5rem}.history-title{color:var(--disco-gold);font-size:1.3rem;margin-bottom:.5rem;text-align:center}#song-list{overflow-x:hidden;overflow-y:auto;padding-right:.5rem}#song-list::-webkit-scrollbar{width:8px}#song-list::-webkit-scrollbar-track{background:rgba(139,0,255,.1);border-radius:10px}#song-list::-webkit-scrollbar-thumb{background:var(--disco-purple);border-radius:10px}#song-list::-webkit-scrollbar-thumb:hover{background:var(--disco-pink)}#players-list{overflow-x:hidden;overflow-y:auto;padding-right:.5rem}#players-list::-webkit-scrollbar{width:8px}#players-list::-webkit-scrollbar-track{background:rgba(139,0,255,.1);border-radius:10px}#players-list::-webkit-scrollbar-thumb{background:var(--disco-purple);border-radius:10px}#players-list::-webkit-scrollbar-thumb:hover{background:var(--disco-pink)}.track-item{background:rgba(139,0,255,.1);padding:.5rem}.track-item:hover{background:rgba(139,0,255,.2)}.track-number{align-items:center;background:var(--disco-gold);border-radius:50%;color:#000;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.track-details{flex:1}.artist{color:var(--disco-cyan);display:block;font-weight:700}.title{color:#aaa;display:block;font-size:.9rem}.leaderboard-disco{background:linear-gradient(135deg,rgba(255,0,110,.2),rgba(139,0,255,.2));border:2px solid var(--disco-gold);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:1rem;position:relative}.board-title{align-items:center;color:var(--disco-gold);display:flex;flex-shrink:0;font-size:1.8rem;gap:1rem;justify-content:center;margin-bottom:2rem;text-align:center}.champions-list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:10px;scrollbar-color:var(--disco-purple) hsla(0,0%,100%,.1);scrollbar-width:thin}.champions-list::-webkit-scrollbar{width:8px}.champions-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.champions-list::-webkit-scrollbar-thumb{background:var(--disco-purple);border-radius:4px;transition:background .3s ease}.champions-list::-webkit-scrollbar-thumb:hover{background:var(--disco-pink)}.champion-card{align-items:center;backface-visibility:hidden;background:rgba(0,0,0,.5);border:3px solid var(--disco-purple);border-radius:15px;contain:layout style;display:flex;gap:.5rem;margin-bottom:.3rem;padding:.5rem;transition:all .3s ease;will-change:auto}.champion-card.answer-miss{background:rgba(255,0,110,.1)}.champion-card.answer-spare{background:rgba(255,215,0,.1)}.champion-card.answer-strike{background:rgba(0,255,136,.1)}.current-player{color:var(--disco-cyan)!important}.champion-card.answer-miss{border-color:var(--disco-pink)}.champion-card.answer-spare{border-color:var(--disco-gold)}.champion-card.answer-strike{border-color:var(--disco-green)}.position{position:relative}.pos{color:var(--disco-pink);font-size:1.5rem;font-weight:700}.player-info{flex:1}.name{font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.score{align-items:baseline;display:flex;gap:.5rem}.points{color:var(--disco-gold);font-size:1.5rem;font-weight:700}.dance-moves{display:flex;gap:5px}.move{font-size:1.5rem;opacity:.3;transition:all .3s ease}.move.active{opacity:1;transform:translateY(-3px)}.disco-lights{border-radius:20px;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.spotlight{border-radius:50%;height:200px;opacity:.1;position:absolute;width:200px}.spot1{background:radial-gradient(circle,var(--disco-pink) 0,transparent 70%);left:-100px;top:-100px}.spot1,.spot2{opacity:.05;transform:translateZ(0);will-change:opacity}.spot2{background:radial-gradient(circle,var(--disco-cyan) 0,transparent 70%);bottom:-100px;right:-100px}.player-progress-bar{background:rgba(0,0,0,.5);border:2px solid var(--disco-purple);border-radius:15px;margin-bottom:.5rem;padding:.5rem;position:relative}.progress-title{color:var(--disco-gold);margin-bottom:1rem;text-shadow:0 0 5px var(--disco-gold)}.progress-track{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.progress-round{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);height:40px;position:relative;transition:all .3s ease;width:40px}.progress-round.answer-miss{background:var(--disco-pink);border-color:var(--disco-pink);box-shadow:0 0 8px var(--disco-pink)}.progress-round.answer-spare{background:var(--disco-gold);border-color:var(--disco-gold);box-shadow:0 0 8px var(--disco-gold)}.progress-round.answer-strike{animation:pulse 1s ease-in-out;background:var(--disco-green);border-color:var(--disco-green);box-shadow:0 0 8px var(--disco-green)}.round-num{color:#fff;font-size:.9rem;font-weight:700}.track-item{align-items:center;background:rgba(0,0,0,.3);border-radius:10px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.track-item:hover{background:rgba(0,0,0,.5);transform:translateX(5px)}.track-item.current-track{background:rgba(255,0,110,.2);border:2px solid var(--disco-pink);box-shadow:0 0 15px rgba(255,0,110,.5);transform:scale(1.02);transition:all .3s ease}.album-art{border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,.5);height:50px;overflow:hidden;width:50px}.album-img{height:100%;object-fit:cover;width:100%}.track-details .hidden{filter:blur(10px);user-select:none}.track-details .revealed{animation:reveal .5s ease-out;filter:none}.disco-ball-mini{font-size:1.5rem}.player-header{margin-bottom:.1rem}.score-icons{gap:.3rem}.time-bonus-placeholder{display:inline-block;min-width:50px;text-align:right}.time-bonus{color:var(--disco-gold);font-size:1rem;font-weight:700;text-shadow:0 0 5px var(--disco-gold)}.mini-progress{display:flex;gap:3px}.mini-round{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.mini-round.answer-miss{background:var(--disco-pink);border-color:var(--disco-pink)}.mini-round.answer-spare{background:var(--disco-gold);border-color:var(--disco-gold)}.mini-round.answer-strike{background:var(--disco-green);border-color:var(--disco-green)}.mini-icon{color:#fff;font-size:.8rem;opacity:0}.mini-round.miss .mini-icon:before{content:"✗";opacity:1}.mini-round.spare .mini-icon:before{content:"◐";opacity:1}.mini-round.strike .mini-icon:before{content:"✓";opacity:1}.dance-floor-mini{background:rgba(0,0,0,.8);bottom:0;contain:strict;display:flex;gap:2px;height:50px;left:0;padding:2px;position:fixed;right:0;z-index:1}.mini-tile{background:var(--dark-floor);flex:1;transition:all .3s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shine{0%{left:-50%;opacity:0}50%{opacity:1}to{left:150%;opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes reveal{0%{filter:blur(10px);opacity:0}to{filter:none;opacity:1}}@keyframes countdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:283}}.player-header{align-items:center;display:flex;justify-content:space-between}.name{margin-right:auto}.score-icons{align-items:center;display:flex;margin-right:8px}.progress-title{color:gold;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.player-progress-bar .game-stats{align-items:center;background:rgba(0,0,0,.5);display:flex;gap:1.5rem;justify-content:space-around}.player-progress-bar .game-stats .ranking-indicator,.player-progress-bar .game-stats .round-indicator,.player-progress-bar .game-stats .score-indicator{align-items:center;display:flex;flex:1;flex-direction:column}.player-progress-bar .game-stats .label{color:var(--disco-cyan);font-size:.8rem;margin-bottom:.2rem;text-transform:uppercase}.player-progress-bar .game-stats .value{color:var(--disco-gold);font-size:1.5rem;font-weight:700}.player-progress-bar .game-stats #player-current-score{color:var(--disco-gold)}.round-wrapper{align-items:flex-end;display:flex;height:50px;justify-content:center;position:relative;width:36px}.player-time-bonus{color:var(--disco-gold);font-size:.8rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 5px var(--disco-gold);top:-6px;transform:translateX(-50%);white-space:nowrap}.progress-round{align-items:center;border:1px solid #ccc;border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.room-cards .game-over-title{font-size:2rem;margin:10px 0}.clickable-tile{align-items:center;color:inherit!important;cursor:pointer;display:flex;flex-direction:column;height:auto!important;min-height:auto!important;padding:20px 10px!important;text-decoration:none!important;transition:all .3s ease}.clickable-tile:hover{box-shadow:0 10px 30px rgba(255,215,0,.4);text-decoration:none!important;transform:scale(1.05)}.clickable-tile:hover .game-over-title{animation:pulse-text 1s infinite}@keyframes pulse-text{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.disco-room-card{height:auto!important;min-height:250px!important;padding:15px!important}.play-section{margin-top:auto;text-align:center}.free-badge{background:linear-gradient(45deg,#00b09b,#96c93d);border-radius:20px;box-shadow:0 4px 15px rgba(0,176,155,.3);color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-top:5px;padding:5px 15px}.game-over-title{text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.disco-room-card{min-height:75px!important;padding:10px!important}.disco-room-card .vinyl-record{display:none}.room-cards .game-over-title{display:inline-block;font-size:1.5rem;margin:0 10px 0 0}.room-info{height:auto!important;margin:0!important;min-height:auto!important;padding:0!important}.room-info .room-desc,.room-info .winner-subtitle{font-size:1.5rem;line-height:1.3;margin:0!important;padding:0!important}.play-section{align-items:center;display:flex;justify-content:center;margin-top:0}.play-section .free-badge{display:inline-block;margin-left:10px;margin-top:0}.free-badge{font-size:.8rem;margin-top:3px;padding:3px 10px}.clickable-tile{padding:10px 5px!important}}