@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap";body{margin:0;font-family:Inter,sans-serif;overflow:hidden;background:transparent}.screen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);background:#0006}h1{margin:0 0 1rem}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-top:1rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.runner-overlay{position:absolute;top:5%;left:0;width:100%;height:450px;z-index:10;display:flex;justify-content:center;padding-top:10px;padding-bottom:0;pointer-events:none;font-family:Inter,sans-serif}.leaderboard-container{width:90%;max-width:1200px;height:100%;position:relative;background:linear-gradient(to bottom,#0a1432d9,#14285ab3 70%,#0a143266);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;overflow:hidden;display:flex;flex-direction:column}.leaderboard-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background-image:url(/assets/super_lig_watermark-Cr0SM8Xc.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.15;mix-blend-mode:screen;pointer-events:none;z-index:0}.leaderboard-header{background:linear-gradient(90deg,#1e3c72,#2a5298);color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,215,0,.5);white-space:nowrap;flex-shrink:0;z-index:2}.leaderboard-header span:first-child{font-size:1.7rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leaderboard-list{position:relative;flex:1;margin:8px 0 0;padding:0;list-style:none;z-index:1}.leaderboard-item{position:absolute;left:2.5%;width:95%;height:82px;padding:0 15px;display:flex;align-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);border-radius:12px;box-sizing:border-box;box-shadow:0 4px 6px #0000001a}.leaderboard-item.rank-1{background:linear-gradient(90deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.3);box-shadow:0 0 15px #ffd7001a inset}.leaderboard-item.rank-2{background:linear-gradient(90deg,#c0c0c026,#c0c0c00d);border:1px solid rgba(192,192,192,.3)}.leaderboard-item.rank-3{background:linear-gradient(90deg,#cd7f3226,#cd7f320d);border:1px solid rgba(205,127,50,.3)}.leaderboard-item.rank-4{border-left:4px solid #ef4444;background:linear-gradient(90deg,rgba(239,68,68,.1) 0%,transparent 100%)}.rank{width:40px;min-width:40px;font-size:1.5rem;font-weight:700;color:#ffffff80;margin-right:20px;text-align:center}.rank.top-1{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank.top-2{color:silver}.rank.top-3{color:#cd7f32}.team-info{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-width:0;padding-right:15px}.team-name{font-size:1.9rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-keywords-container{display:flex;align-items:center;margin-top:4px;width:100%;overflow:hidden}.keywords-label{font-size:1.5rem;color:#ffffff80;margin-right:8px;white-space:nowrap;text-transform:uppercase;font-weight:600}.marquee-wrapper{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 5%,black 95%,transparent 100%)}.marquee-track{display:flex;gap:8px;width:max-content;animation:marquee-scroll 20s linear infinite;will-change:transform}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.keyword-badge{background:#ffffff26;padding:2px 8px;border-radius:4px;font-size:1rem;white-space:nowrap;color:#ffffffe6}.score-container{width:auto;min-width:60px;text-align:right;flex-shrink:0}.score{font-size:2rem;font-weight:900;background:-webkit-linear-gradient(#fff,#bbb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.leaderboard-footer{text-align:center;font-size:1.35rem;color:#fff9;padding:8px 0 10px;letter-spacing:.5px;font-weight:600;text-transform:uppercase;background:#0003}.score.pop-active{animation:score-pop .3s cubic-bezier(.175,.885,.32,1.275);color:gold;-webkit-text-fill-color:#ffd700}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}@media(max-width:768px){.runner-overlay{height:280px;min-height:auto}.leaderboard-container{width:100%;width:95%}.leaderboard-header{padding:8px 12px}.leaderboard-header span:first-child{font-size:1rem}.leaderboard-item{left:2%;width:96%;height:48px;padding:0 10px}.rank{width:25px;min-width:25px;font-size:1.2rem;margin-right:10px}.team-name{font-size:1rem}.score{font-size:1.5rem}.team-keywords-container{margin-top:1px}.keywords-label{font-size:.6rem}.keyword-badge{font-size:.6rem;padding:1px 4px}.leaderboard-footer{font-size:.6rem;padding:4px 0}}.leaderboard-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;background:#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:fadeIn .5s ease-out}.leaderboard-content{width:95%;max-width:900px;height:85%;background:linear-gradient(145deg,#141428f2,#0a0a19fa);border:3px solid rgba(255,215,0,.3);border-radius:40px;box-shadow:0 0 50px #000c,inset 0 0 100px #6464ff0d,0 0 30px #ffd7001a;display:flex;flex-direction:column;padding:40px;color:#fff;font-family:Inter,sans-serif;position:relative;overflow:hidden}.leaderboard-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.05) 0%,transparent 60%);animation:rotate-bg 20s linear infinite;z-index:0;pointer-events:none}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaderboard-title{text-align:center;font-size:3.5rem;font-weight:900;margin-bottom:50px;text-transform:uppercase;letter-spacing:5px;background:linear-gradient(to bottom,gold,#fdb931);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8));z-index:1}.podium-section{display:flex;justify-content:center;align-items:flex-end;margin-bottom:40px;gap:30px;height:320px;z-index:1;padding-bottom:20px}.podium-item{display:flex;flex-direction:column;align-items:center;width:180px;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.podium-avatar{width:90px;height:90px;border-radius:50%;background:#333;display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;margin-bottom:-15px;border:4px solid #fff;z-index:2;box-shadow:0 5px 15px #00000080;position:relative}.podium-rank-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:25px;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#ffffff1a,#ffffff05);border:2px solid rgba(255,255,255,.2);border-bottom:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.podium-item.gold{order:2;transform:scale(1.15);z-index:10}.podium-item.gold .podium-rank-box{height:220px;border-color:gold;background:linear-gradient(180deg,#ffd70033,#ffd7000d);box-shadow:0 0 30px #ffd70033}.podium-item.gold .podium-avatar{border-color:gold;background:#1a1a00;color:gold;box-shadow:0 0 25px #ffd70066}.podium-item.silver{order:1}.podium-item.silver .podium-rank-box{height:170px;border-color:silver;background:linear-gradient(180deg,#c0c0c033,#c0c0c00d)}.podium-item.silver .podium-avatar{border-color:silver;background:#1a1a1a;color:silver}.podium-item.bronze{order:3}.podium-item.bronze .podium-rank-box{height:140px;border-color:#cd7f32;background:linear-gradient(180deg,#cd7f3233,#cd7f320d)}.podium-item.bronze .podium-avatar{border-color:#cd7f32;background:#2a150a;color:#cd7f32}.podium-name{font-size:1.1rem;font-weight:700;margin-bottom:5px;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8);padding:0 5px}.podium-score{font-size:1.4rem;font-weight:800;margin-bottom:10px}.gold .podium-score{color:gold}.silver .podium-score{color:silver}.bronze .podium-score{color:#cd7f32}.podium-rank-number{font-size:4rem;font-weight:900;opacity:.2;margin-top:auto;margin-bottom:10px;line-height:1}.crown-icon{position:absolute;top:-55px;left:50%;transform:translate(-50%);font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));animation:bounce 2s infinite ease-in-out;z-index:5}.leaderboard-list-container{flex:1;overflow-y:auto;border-top:2px solid rgba(255,255,255,.1);padding-top:20px;width:100%;z-index:1;display:flex;flex-direction:column;gap:10px}.leaderboard-list-container::-webkit-scrollbar{width:10px}.leaderboard-list-container::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.leaderboard-list-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.list-row{display:flex;align-items:center;padding:15px 25px;background:#ffffff0d;border-radius:15px;transition:transform .2s,background .2s;border:1px solid rgba(255,255,255,.05)}.list-row:hover{background:#ffffff1a;transform:scale(1.01);border-color:#fff3}.rank-cell{width:60px;font-size:1.5rem;font-weight:800;color:#888;text-align:center}.name-cell{flex:1;font-size:1.2rem;font-weight:600;padding-left:20px}.name-cell span:last-child{opacity:.6;font-size:.9em;font-weight:400}.score-cell{width:100px;text-align:right;font-size:1.5rem;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.trivia-container{width:1080px;height:1920px;background-image:url(/assets/bg_trivia-W8PZNFQY.jpeg);background-size:cover;background-position:center;position:relative;overflow:hidden;font-family:Inter,Segoe UI,sans-serif;padding:120px 40px 400px;box-sizing:border-box}.instructions-container{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:60px}.instruction-text{font-size:48px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.9);font-weight:600;text-align:center;padding:20px 40px;background:linear-gradient(135deg,#667eea66,#764ba266);border-radius:25px;border:3px solid rgba(255,215,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.instruction-secondary{font-size:40px;opacity:.9;background:linear-gradient(135deg,#00bcd44d,#0096884d)}.instruction-keyword{color:gold;font-weight:800;text-shadow:0 0 20px rgba(255,215,0,.7)}.lobby-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:40px}.lobby-banner{width:850px;max-width:90%;margin-bottom:50px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.contender-count{font-size:120px;font-weight:800;color:gold;text-shadow:0 8px 40px rgba(0,0,0,.8);margin-bottom:40px}.contender-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;max-width:900px;padding:15px}.contender-item{position:relative;width:130px;height:130px}.contender-frame{width:100%;height:100%;object-fit:contain}.contender-name{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);font-size:22px;color:#fff;white-space:nowrap;text-shadow:0 4px 10px rgba(0,0,0,.9);font-weight:700}.contender-eliminated{opacity:.4;filter:grayscale(100%)}.eliminated-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.hype-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px}.hype-title{font-size:200px;font-weight:950;color:#ff4081;text-shadow:0 0 80px rgba(255,64,129,.95),0 0 160px rgba(255,64,129,.6);animation:hype-pulse .4s ease-in-out infinite alternate;letter-spacing:12px;transition:transform .15s ease-out}.hype-bounce{animation:hype-trigger-bounce .3s ease-out!important}@keyframes hype-trigger-bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes hype-pulse{0%{transform:scale(1);text-shadow:0 0 80px rgba(255,64,129,.95),0 0 160px rgba(255,64,129,.6)}to{transform:scale(1.08);text-shadow:0 0 120px rgba(255,64,129,1),0 0 240px rgba(255,64,129,.8)}}.hype-bar-container{width:90%;max-width:850px;margin-top:100px}.hype-bar-frame{width:100%;height:120px;position:relative;background:#0009;border:5px solid #FFD700;border-radius:25px;overflow:hidden}.hype-bar-fill{position:absolute;top:10px;left:10px;bottom:10px;background:linear-gradient(90deg,#ff4081,#ff9100,#ffea00);border-radius:15px;transition:width .3s ease-out;box-shadow:0 0 40px #ff4081e6}.hype-bar-bounce{animation:bar-bounce .3s ease-out}@keyframes bar-bounce{0%{transform:scaleX(1)}30%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.wheel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.wheel-wrapper{position:relative;width:1000px;height:1000px}.wheel{width:100%;height:100%;position:relative;border-radius:50%;box-shadow:0 0 80px #0009;overflow:hidden;background:radial-gradient(circle,#1a1a2e,#0f0f1a)}.wheel-segment{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:50% 50%;overflow:hidden}.wheel-segment-img{position:absolute;object-fit:cover;transform-origin:center center;pointer-events:none}.wheel-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,gold,#b8860b);box-shadow:0 0 30px #ffd70099;z-index:20}.wheel-pointer{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:120px;z-index:10;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6))}.wheel-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#14143cf2,#000000fa);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:overlay-reveal .6s cubic-bezier(.16,1,.3,1)}@keyframes overlay-reveal{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@keyframes result-pop-in{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.3) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.wheel-result-icon{width:300px;height:300px;filter:drop-shadow(0 0 60px rgba(255,215,0,1));animation:result-pop-in .8s cubic-bezier(.34,1.56,.64,1),result-icon-pulse 1.5s ease-in-out .8s infinite alternate}@keyframes result-icon-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 60px rgba(255,215,0,1))}to{transform:scale(1.08);filter:drop-shadow(0 0 100px rgba(255,215,0,1)) drop-shadow(0 0 200px rgba(255,200,0,.5))}}.wheel-result-text{margin-top:30px;font-size:70px;font-weight:900;color:gold;text-shadow:0 0 30px rgba(255,215,0,.9),0 0 60px rgba(255,215,0,.6),0 4px 15px rgba(0,0,0,.8);background:linear-gradient(135deg,#282850e6,#141432f2);padding:20px 50px;border-radius:25px;border:4px solid #FFD700;box-shadow:0 0 40px #ffd70066,inset 0 0 30px #ffd7001a;animation:text-slide-up .6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes text-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.question-container{display:flex;flex-direction:column;align-items:center;padding:20px 50px;height:100%;justify-content:flex-end;position:relative}.category-badge{display:flex;align-items:center;justify-content:center;gap:20px;background:#0006;padding:15px 40px;border-radius:50px;margin-bottom:-20px;border:4px solid #FFD700}.category-badge img{width:80px;height:80px}.category-badge span{font-size:48px;color:gold;font-weight:800}.question-card{background:linear-gradient(180deg,#141432f2,#0a0a1efa);border:4px solid rgba(255,215,0,.8);border-radius:35px;padding:40px 50px;width:100%;text-align:center;box-shadow:0 15px 60px #0009,inset 0 0 60px #667eea1a}.question-text{font-size:56px;color:#fff;margin-bottom:40px;line-height:1.3;font-weight:700;min-height:165px;display:flex;align-items:center;justify-content:center}.answers-grid{display:flex;flex-direction:column;gap:20px}.answer-box{position:relative;height:225px;width:90%;margin:0 auto;cursor:pointer;transition:transform .2s,box-shadow .2s;border-radius:20px;overflow:visible}.answer-box:hover{transform:scale(1.02)}.answer-box img{width:100%;height:100%;object-fit:fill;border-radius:50px}.answer-letter{display:none}.answer-text{position:absolute;top:50%;left:120px;right:30px;transform:translateY(-50%);color:#fff;font-size:48px;font-weight:500;text-align:center;justify-content:center;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.5);display:flex;align-items:center}.answer-correct{box-shadow:0 0 50px #00ff00f2;border:4px solid #00FF00}.answer-wrong{opacity:.35;filter:grayscale(60%)}.answer-percentage-container{position:absolute;left:50%;transform:translate(-50%);bottom:-20px;width:85%;z-index:15;animation:fade-in .15s ease-out}.percentage-bar-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:100%}.percentage-bar-svg{flex-grow:1;height:20px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.8))}.pb-track{fill:#00000080;stroke:#ffd7004d;stroke-width:1}.pb-fill{fill:url(#gradient);fill:gold}.answer-correct .pb-fill{fill:#0f0}.percentage-text{font-size:28px;font-weight:900;color:#fff;min-width:65px;text-align:right;text-shadow:0 4px 15px rgba(0,0,0,1),0 0 10px rgba(255,215,0,.5)}.answer-correct .percentage-text{text-shadow:0 4px 15px rgba(0,0,0,1),0 0 10px rgba(0,255,0,.5)}.timer-container{width:100%;margin-top:30px}.timer-bar-frame{width:100%;height:80px;position:relative;background:#000000a6;border:4px solid #FFD700;border-radius:20px;overflow:hidden}.timer-bar-fill{position:absolute;top:8px;left:8px;bottom:8px;background:linear-gradient(90deg,#00e676,#ffea00,#ff5252);border-radius:12px;transition:width .5s linear;box-shadow:0 0 30px #00e676b3}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:900;color:#fff;text-shadow:0 4px 15px rgba(0,0,0,.8)}.answer-count{position:absolute;top:20px;right:40px;color:#fff;background:linear-gradient(135deg,#141432e6,#0a0a1ef2);padding:12px 24px;border-radius:20px;border:3px solid #FFD700;z-index:10;box-shadow:0 6px 20px #0009,inset 0 0 15px #ffd70033;display:flex;align-items:center;justify-content:center}.winner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.winner-crown{width:280px;margin-bottom:50px;animation:float 2s ease-in-out infinite;filter:drop-shadow(0 0 50px rgba(255,215,0,.9))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.winner-name{font-size:120px;font-weight:900;color:gold;text-shadow:0 0 60px rgba(255,215,0,.95),0 0 140px rgba(255,215,0,.6);animation:winner-glow 1s ease-in-out infinite alternate;text-align:center;max-width:90%;word-wrap:break-word}@keyframes winner-glow{0%{text-shadow:0 0 60px rgba(255,215,0,.95),0 0 140px rgba(255,215,0,.6)}to{text-shadow:0 0 100px rgba(255,215,0,1),0 0 200px rgba(255,215,0,.8)}}.winner-subtitle{font-size:70px;color:#fff;margin-top:40px;font-weight:700;text-shadow:0 5px 25px rgba(0,0,0,.6)}.announcer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.announcer-text{font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 100px rgba(255,255,255,.7);text-align:center;padding:0 50px}.category-reveal{display:flex;flex-direction:column;align-items:center}.category-reveal img{width:280px;height:280px;margin-bottom:50px;filter:drop-shadow(0 0 60px rgba(255,215,0,.9))}.host-controls{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;background:#14141ef2;padding:15px;border-radius:14px;z-index:2000;border:2px solid rgba(255,255,255,.2);box-shadow:0 10px 40px #00000080}.host-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.host-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #667eea80}.host-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hype-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:50;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.question-card-hidden{opacity:0;transform:translateY(30px) scale(.95);transition:opacity .6s ease-out,transform .6s ease-out}.question-card-visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .6s ease-out,transform .6s ease-out}.instruction-tape{position:fixed;top:20px;left:0;width:100vw;height:70px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;z-index:1000;display:flex;align-items:center;border-top:3px solid rgba(255,215,0,.6);border-bottom:3px solid rgba(255,215,0,.6)}.instruction-tape-text{display:flex;gap:60px;white-space:nowrap;animation:scroll-tape 10s linear infinite;color:gold;font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;text-shadow:0 3px 12px rgba(0,0,0,.9)}.instruction-tape-text span{flex-shrink:0}@keyframes scroll-tape{0%{transform:translate(0)}to{transform:translate(-50%)}}.luckywheel-container{background:#000;font-family:Playfair Display,serif}.luckywheel-layer{position:absolute;pointer-events:none;display:flex;justify-content:center;align-items:center}.luckywheel-layer img{object-fit:contain;width:100%;height:100%}.luckywheel-wheel-container{position:absolute;top:1100px;left:540px;transform:translate(-50%,-50%);z-index:10;border-radius:50%;overflow:hidden}.luckywheel-canvas-wrapper{position:relative;width:100%;height:100%}.luckywheel-canvas-wrapper canvas{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.17,.67,.12,.99)}.luckywheel-frame{z-index:20;border-radius:50%;box-shadow:0 25px 45px #0009;width:1000px;height:1000px;top:1100px;left:540px;transform:translate(-50%,-50%)}.luckywheel-specular{z-index:22;position:absolute;pointer-events:none;border-radius:50%;background:conic-gradient(from 180deg at 50% 50%,#00000080,#ffffffb3,#000c,#ffffff4d,#00000080 360deg);mix-blend-mode:overlay}.luckywheel-floor-reflection{z-index:5;position:absolute;top:1560px;left:540px;transform:translate(-50%);width:600px;height:360px;background:linear-gradient(to bottom,#d4af3780,#d4af3700),radial-gradient(ellipse at top,#0a2e1bcc,#0000 70%);filter:blur(8px);border-radius:50% 50% 0 0/10% 10% 0 0;pointer-events:none}.luckywheel-glass{z-index:22;width:920px;height:920px;top:1100px;left:540px;transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:.52}.luckywheel-ornate{z-index:26;width:800px;max-height:500px;top:610px;left:540px;transform:translate(-50%,-100%)}.luckywheel-ornate img{filter:drop-shadow(0px 20px 25px rgba(0,0,0,.8))}.luckywheel-pointer{z-index:25;width:120px;height:160px;top:610px;left:540px;transform:translate(-50%)}.luckywheel-core{z-index:24;top:1100px;left:540px;transform:translate(-50%,-50%);width:140px;height:140px}.luckywheel-core .core-base{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0px 15px 20px rgba(0,0,0,.9))}.luckywheel-core .core-shine{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mix-blend-mode:overlay;background:conic-gradient(from 0deg,#ffffff1a,#ffffffe6,#ffffff1a,#ffffffe6,#ffffff1a,#ffffffe6,#ffffff1a,#ffffffe6,#ffffff1a 360deg);animation:spinShine 8s linear infinite;opacity:.7}@keyframes spinShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.luckywheel-body{z-index:5;width:1080px;height:1920px;top:50%;left:50%;transform:translate(-50%,-50%)}.luckywheel-body img{filter:drop-shadow(0px 30px 40px rgba(0,0,0,.7))}.luckywheel-bg{z-index:1;top:0;left:0;width:100%;height:100%}.luckywheel-bg img{object-fit:cover!important}.luckywheel-spin-btn{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:50;pointer-events:all;padding:16px 48px;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(145deg,#f1c40f,#e67e22);color:#1a1a2e;border:3px solid #fff;border-radius:50px;cursor:pointer;box-shadow:0 0 30px #f1c40f80,0 8px 25px #0006;transition:all .3s ease;animation:spinBtnPulse 2s ease-in-out infinite}.luckywheel-spin-btn:hover{transform:translate(-50%) scale(1.08);box-shadow:0 0 50px #f1c40fcc,0 12px 35px #00000080}.luckywheel-spin-btn:active{transform:translate(-50%) scale(.95)}.luckywheel-spin-btn:disabled{opacity:.4;cursor:not-allowed;animation:none}@keyframes spinBtnPulse{0%,to{box-shadow:0 0 30px #f1c40f80,0 8px 25px #0006}50%{box-shadow:0 0 50px #f1c40fcc,0 12px 35px #00000080}}.luckywheel-counter{position:absolute;bottom:140px;left:50%;transform:translate(-50%);z-index:40;padding:10px 32px;background:#000000b3;border:2px solid rgba(241,196,15,.5);border-radius:30px;color:#fff;font-size:18px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.luckywheel-counter .count-num{color:#f1c40f;font-size:24px;font-weight:800}.luckywheel-join-prompt{position:absolute;bottom:200px;left:50%;transform:translate(-50%);z-index:40;padding:12px 36px;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#ffffffe6;font-size:20px;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:promptPulse 3s ease-in-out infinite}.luckywheel-join-prompt .trigger-word{color:#f1c40f;font-weight:800;font-size:24px}@keyframes promptPulse{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.03)}}.phase-title-container{position:absolute;top:170px;left:50%;transform:translate(-50%);z-index:45;text-align:center;pointer-events:none;display:flex;justify-content:center;align-items:center;transition:opacity .8s ease-in-out,transform .8s cubic-bezier(.17,.67,.12,.99)}.phase-title-container.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.phase-title-container.hidden{opacity:0;transform:translate(-50%) translateY(-25px) scale(.95);pointer-events:none}.phase-title-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:44;width:900px;pointer-events:none}.phase-title-banner img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0px 20px 30px rgba(0,0,0,.8))}.phase-title{display:inline-block;position:relative;z-index:46;pointer-events:none}.phase-title img{max-height:180px;object-fit:contain;mix-blend-mode:screen}.phase-title-text{font-size:56px;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:#f1c40f;text-shadow:0 0 20px rgba(241,196,15,.6),0 0 40px rgba(241,196,15,.3),0 2px 4px rgba(0,0,0,.8)}.phase-anim-waiting{animation:waitingPulse 3s ease-in-out infinite}@keyframes waitingPulse{0%,to{transform:scale(1);opacity:.7;filter:brightness(1)}50%{transform:scale(1.06);opacity:1;filter:brightness(1.3)}}.phase-anim-joining{animation:joiningSlideIn .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes joiningSlideIn{0%{transform:translate(-120px);opacity:0}60%{transform:translate(12px);opacity:1}to{transform:translate(0);opacity:1}}.phase-anim-joining-pop{animation:joiningPop .3s ease-out}@keyframes joiningPop{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.phase-anim-spinning{animation:spinningEntry .5s cubic-bezier(.34,1.56,.64,1) forwards,spinningShake .15s ease-in-out .5s infinite}@keyframes spinningEntry{0%{transform:scale(.3) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spinningShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.phase-anim-result{animation:resultFlash .6s ease-out forwards}@keyframes resultFlash{0%{transform:scale(.5);opacity:0;filter:brightness(3)}40%{transform:scale(1.1);opacity:1;filter:brightness(2)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.phase-anim-winner{animation:winnerEntry .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes winnerEntry{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.winner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#00000080,#000000d9);animation:overlayFadeIn .5s ease-out;pointer-events:none}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.winner-label{font-size:52px;font-weight:900;text-transform:uppercase;letter-spacing:5px;color:#f1c40f;text-shadow:0 0 30px rgba(241,196,15,.8),0 0 60px rgba(241,196,15,.4),0 4px 8px rgba(0,0,0,.8);animation:winnerEntry .8s cubic-bezier(.34,1.56,.64,1);margin-bottom:20px}.winner-name{font-size:72px;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.6),0 0 80px rgba(241,196,15,.4),0 4px 12px rgba(0,0,0,.9);animation:winnerNameType 1s cubic-bezier(.34,1.56,.64,1) .4s both}@keyframes winnerNameType{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.winner-color-indicator{width:24px;height:24px;border-radius:50%;display:inline-block;margin-right:12px;vertical-align:middle;border:3px solid #fff;box-shadow:0 0 15px currentColor}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:55}.confetti-piece{position:absolute;width:10px;height:20px;top:-20px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}.luckywheel-empty-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;color:#fff6;font-size:18px;font-weight:600;text-align:center;letter-spacing:1px;text-transform:uppercase}