.mce-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;z-index:100}.mce-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.mce-particle{position:absolute;width:clamp(4px,.8vmin,8px);height:clamp(4px,.8vmin,8px);background:linear-gradient(135deg,#ff9800,#ffd54f);border-radius:50%;animation:mce-float-up linear infinite;opacity:0}@keyframes mce-float-up{0%{transform:translateY(100vh);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px);opacity:0}}.mce-header{flex-shrink:0;height:clamp(50px,10vmin,100px);display:flex;align-items:center;justify-content:center;padding-top:clamp(10px,2vmin,20px)}.mce-badge{display:inline-flex;background:linear-gradient(135deg,#ff9800,#f57c00);padding:clamp(8px,1.4vmin,14px) clamp(24px,5vmin,48px);border-radius:clamp(16px,3vmin,30px);font-size:clamp(10px,1.8vmin,18px);font-weight:800;color:#fff;letter-spacing:clamp(1px,.3vmin,3px);box-shadow:0 4px 20px #ff980066}.mce-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(10px,2vmin,20px) clamp(20px,4vmin,40px)}.mce-intro{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vmin,20px);text-align:center}.mce-round-number{font-size:clamp(40px,10vmin,90px);font-weight:900;color:#ff9800;text-shadow:0 4px 30px rgba(255,152,0,.5);line-height:1}.mce-round-type{font-size:clamp(18px,4.5vmin,42px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:clamp(2px,.6vmin,6px)}.mce-demo-wrapper{width:100%;max-width:min(900px,95%);position:relative}.mce-question-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:clamp(12px,2.4vmin,24px);padding:clamp(16px,3vmin,40px) clamp(20px,4vmin,50px);width:100%;transform-origin:center center}.mce-question-text{font-size:clamp(16px,3.2vmin,32px);font-weight:700;color:#fff;text-align:center;margin-bottom:clamp(16px,3.6vmin,36px);line-height:1.3}.mce-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.6vmin,16px)}.mce-option{display:flex;align-items:center;gap:clamp(8px,1.6vmin,16px);padding:clamp(10px,1.8vmin,18px) clamp(12px,2.4vmin,24px);background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:clamp(8px,1.4vmin,14px);transition:border-color .3s,background .3s,box-shadow .3s}.mce-option.selected{border-color:#ff9800;background:#ff980026;box-shadow:0 0 20px #ff98004d}.mce-option.correct{border-color:#4caf50;background:#4caf5033;box-shadow:0 0 25px #4caf5066}.mce-option-letter{display:flex;align-items:center;justify-content:center;width:clamp(28px,4.4vmin,44px);height:clamp(28px,4.4vmin,44px);min-width:clamp(28px,4.4vmin,44px);background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:clamp(6px,1vmin,10px);font-size:clamp(12px,2vmin,20px);font-weight:800;color:#fff;transition:background .3s}.mce-option.correct .mce-option-letter{background:linear-gradient(135deg,#4caf50,#388e3c)}.mce-option-text{font-size:clamp(12px,2.2vmin,22px);font-weight:600;color:#fff}.mce-tap-hand{position:absolute;bottom:clamp(30px,7vmin,70px);left:30%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.mce-hand-icon{width:clamp(36px,6vmin,60px);height:clamp(36px,6vmin,60px);color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.mce-hand-icon svg{width:100%;height:100%}.mce-tap-ripple{position:absolute;width:clamp(50px,8vmin,80px);height:clamp(50px,8vmin,80px);border:clamp(2px,.3vmin,3px) solid rgba(255,152,0,.7);border-radius:50%}.mce-points-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.mce-points-display{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at center,rgba(0,0,0,.7) 0%,transparent 70%);padding:clamp(30px,6vmin,60px) clamp(50px,10vmin,100px);border-radius:clamp(16px,3vmin,30px)}.mce-points-plus{font-size:clamp(24px,4.8vmin,48px);font-weight:900;color:#4caf50;line-height:1}.mce-points-value{font-size:clamp(50px,12vmin,120px);font-weight:900;color:#ffd54f;text-shadow:0 4px 40px rgba(255,213,79,.6);line-height:1}.mce-points-label{font-size:clamp(16px,3.2vmin,32px);font-weight:800;color:#fff;letter-spacing:clamp(3px,.6vmin,6px);margin-top:clamp(5px,1vmin,10px)}.mce-finale-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2,#0f3460f2)}.mce-finale-main{font-size:clamp(28px,7.2vmin,72px);font-weight:900;color:#ff9800;text-shadow:0 4px 30px rgba(255,152,0,.6);text-transform:uppercase;letter-spacing:clamp(2px,.4vmin,4px);text-align:center}.mce-finale-sub{font-size:clamp(16px,3.6vmin,36px);font-weight:700;color:#fff;margin-top:clamp(8px,1.6vmin,16px);text-align:center}.mce-phone{position:absolute;bottom:clamp(16px,4vmin,40px);right:clamp(16px,5vmin,50px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vmin,12px);z-index:15}.mce-phone-frame{width:clamp(70px,12vmin,120px);height:clamp(110px,20vmin,200px);background:#1a1a2e;border-radius:clamp(12px,2vmin,20px);border:clamp(2px,.3vmin,3px) solid #444;padding:clamp(6px,1.2vmin,12px);box-shadow:0 10px 40px #00000080}.mce-phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#16213e,#1a1a2e);border-radius:clamp(8px,1.2vmin,12px);display:flex;align-items:center;justify-content:center;padding:clamp(6px,1vmin,10px)}.mce-phone-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(4px,.8vmin,8px);width:100%}.mce-phone-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:clamp(6px,1vmin,10px);font-size:clamp(10px,1.8vmin,18px);font-weight:700;color:#fff;transition:all .2s}.mce-phone-btn.active{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;box-shadow:0 0 15px #ff980099}.mce-phone-label{font-size:clamp(8px,1.4vmin,14px);font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px)}@media (max-height: 500px){.mce-options-grid{grid-template-columns:repeat(2,1fr);gap:clamp(4px,1vmin,8px)}.mce-option{padding:clamp(6px,1.2vmin,12px) clamp(8px,1.6vmin,16px)}.mce-phone{display:none}}.tfe-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;z-index:100}.tfe-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.tfe-particle{position:absolute;width:clamp(4px,.8vmin,8px);height:clamp(4px,.8vmin,8px);background:linear-gradient(135deg,#2196f3,#64b5f6);border-radius:50%;animation:tfe-float-up linear infinite;opacity:0}@keyframes tfe-float-up{0%{transform:translateY(100vh);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px);opacity:0}}.tfe-header{flex-shrink:0;height:clamp(50px,10vmin,100px);display:flex;align-items:center;justify-content:center;padding-top:clamp(10px,2vmin,20px)}.tfe-badge{display:inline-flex;background:linear-gradient(135deg,#2196f3,#1976d2);padding:clamp(8px,1.4vmin,14px) clamp(24px,5vmin,48px);border-radius:clamp(16px,3vmin,30px);font-size:clamp(10px,1.8vmin,18px);font-weight:800;color:#fff;letter-spacing:clamp(1px,.3vmin,3px);box-shadow:0 4px 20px #2196f366}.tfe-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(10px,2vmin,20px) clamp(20px,4vmin,40px)}.tfe-intro{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vmin,20px);text-align:center}.tfe-round-number{font-size:clamp(40px,10vmin,90px);font-weight:900;color:#2196f3;text-shadow:0 4px 30px rgba(33,150,243,.5);line-height:1}.tfe-round-type{font-size:clamp(18px,4.5vmin,42px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:clamp(2px,.6vmin,6px)}.tfe-demo-wrapper{width:100%;max-width:min(800px,95%);position:relative}.tfe-statement-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:clamp(12px,2.4vmin,24px);padding:clamp(16px,3vmin,40px) clamp(20px,4vmin,50px);width:100%;transform-origin:center center}.tfe-statement-label{font-size:clamp(10px,1.4vmin,14px);font-weight:700;color:#2196f3;letter-spacing:clamp(1px,.3vmin,3px);text-align:center;margin-bottom:clamp(8px,1.6vmin,16px)}.tfe-statement-text{font-size:clamp(18px,4vmin,36px);font-weight:700;color:#fff;text-align:center;margin-bottom:clamp(20px,4vmin,40px);line-height:1.3;font-style:italic}.tfe-buttons{display:flex;gap:clamp(12px,2.4vmin,24px);justify-content:center}.tfe-btn{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.2vmin,12px);padding:clamp(12px,2vmin,20px) clamp(24px,5vmin,50px);border-radius:clamp(10px,1.6vmin,16px);font-size:clamp(14px,2.4vmin,24px);font-weight:800;color:#fff;transition:all .3s;min-width:clamp(100px,18vmin,180px)}.tfe-btn-true{background:#4caf5033;border:3px solid rgba(76,175,80,.4)}.tfe-btn-true.selected{background:#4caf504d;border-color:#4caf50;box-shadow:0 0 25px #4caf5066}.tfe-btn-true.correct{background:#4caf5066;border-color:#4caf50;box-shadow:0 0 35px #4caf5099}.tfe-btn-false{background:#f4433633;border:3px solid rgba(244,67,54,.4)}.tfe-btn-false.selected{background:#f443364d;border-color:#f44336;box-shadow:0 0 25px #f4433666}.tfe-btn-icon{font-size:clamp(16px,2.8vmin,28px)}.tfe-btn-true .tfe-btn-icon{color:#4caf50}.tfe-btn-false .tfe-btn-icon{color:#f44336}.tfe-btn-text{letter-spacing:clamp(1px,.2vmin,2px)}.tfe-tap-hand{position:absolute;bottom:clamp(25px,5vmin,50px);left:28%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.tfe-hand-icon{width:clamp(36px,6vmin,60px);height:clamp(36px,6vmin,60px);color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.tfe-hand-icon svg{width:100%;height:100%}.tfe-tap-ripple{position:absolute;width:clamp(50px,8vmin,80px);height:clamp(50px,8vmin,80px);border:clamp(2px,.3vmin,3px) solid rgba(76,175,80,.7);border-radius:50%}.tfe-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.tfe-result-display{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0%,transparent 70%);padding:clamp(30px,6vmin,60px) clamp(50px,10vmin,100px);border-radius:clamp(16px,3vmin,30px)}.tfe-result-icon{font-size:clamp(40px,8vmin,80px);color:#4caf50;line-height:1;margin-bottom:clamp(5px,1vmin,10px)}.tfe-result-text{font-size:clamp(28px,5.6vmin,56px);font-weight:900;color:#4caf50;text-shadow:0 4px 30px rgba(76,175,80,.5);letter-spacing:clamp(2px,.4vmin,4px)}.tfe-result-fact{font-size:clamp(14px,2.4vmin,24px);font-weight:600;color:#fff;margin-top:clamp(8px,1.6vmin,16px);opacity:.9}.tfe-finale-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2,#0f3460f2)}.tfe-finale-main{font-size:clamp(28px,7.2vmin,72px);font-weight:900;color:#2196f3;text-shadow:0 4px 30px rgba(33,150,243,.6);text-transform:uppercase;letter-spacing:clamp(2px,.4vmin,4px);text-align:center}.tfe-finale-sub{font-size:clamp(16px,3.6vmin,36px);font-weight:700;color:#fff;margin-top:clamp(8px,1.6vmin,16px);text-align:center;opacity:.9}.tfe-phone{position:absolute;bottom:clamp(16px,4vmin,40px);right:clamp(16px,5vmin,50px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vmin,12px);z-index:15}.tfe-phone-frame{width:clamp(70px,12vmin,120px);height:clamp(110px,20vmin,200px);background:#1a1a2e;border-radius:clamp(12px,2vmin,20px);border:clamp(2px,.3vmin,3px) solid #444;padding:clamp(6px,1.2vmin,12px);box-shadow:0 10px 40px #00000080}.tfe-phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#16213e,#1a1a2e);border-radius:clamp(8px,1.2vmin,12px);display:flex;align-items:center;justify-content:center;padding:clamp(6px,1vmin,10px)}.tfe-phone-buttons{display:flex;flex-direction:column;gap:clamp(6px,1vmin,10px);width:100%}.tfe-phone-btn{display:flex;align-items:center;justify-content:center;padding:clamp(10px,1.6vmin,16px);border-radius:clamp(6px,1vmin,10px);font-size:clamp(14px,2.4vmin,24px);font-weight:700;color:#fff;transition:all .2s}.tfe-phone-true{background:#4caf5033;border:2px solid rgba(76,175,80,.4)}.tfe-phone-true.active{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#4caf50;box-shadow:0 0 15px #4caf5099}.tfe-phone-false{background:#f4433633;border:2px solid rgba(244,67,54,.4)}.tfe-phone-false.active{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336;box-shadow:0 0 15px #f4433699}.tfe-phone-label{font-size:clamp(8px,1.4vmin,14px);font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px)}@media (max-height: 500px){.tfe-buttons{gap:clamp(8px,1.6vmin,16px)}.tfe-btn{padding:clamp(8px,1.4vmin,14px) clamp(16px,3vmin,30px);min-width:clamp(80px,14vmin,140px)}.tfe-phone{display:none}}.btc-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#2d1f3d,#1a1a2e);overflow:hidden;z-index:100}.btc-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.btc-particle{position:absolute;width:clamp(4px,.8vmin,8px);height:clamp(4px,.8vmin,8px);background:linear-gradient(135deg,#e91e63,#ff5722);border-radius:50%;animation:btc-float-up linear infinite;opacity:0}@keyframes btc-float-up{0%{transform:translateY(100vh);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px);opacity:0}}.btc-header{flex-shrink:0;height:clamp(50px,10vmin,100px);display:flex;align-items:center;justify-content:center;padding-top:clamp(10px,2vmin,20px)}.btc-badge{display:inline-flex;background:linear-gradient(135deg,#e91e63,#c2185b);padding:clamp(8px,1.4vmin,14px) clamp(24px,5vmin,48px);border-radius:clamp(16px,3vmin,30px);font-size:clamp(10px,1.8vmin,18px);font-weight:800;color:#fff;letter-spacing:clamp(1px,.3vmin,3px);box-shadow:0 4px 20px #e91e6366}.btc-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(10px,2vmin,20px) clamp(20px,4vmin,40px)}.btc-intro{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vmin,20px);text-align:center}.btc-round-number{font-size:clamp(40px,10vmin,90px);font-weight:900;color:#e91e63;text-shadow:0 4px 30px rgba(233,30,99,.5);line-height:1}.btc-round-type{font-size:clamp(18px,4.5vmin,42px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:clamp(2px,.6vmin,6px)}.btc-demo-wrapper{width:100%;max-width:min(900px,95%);position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.4vmin,24px)}.btc-timer{display:flex;flex-direction:column;align-items:center;background:#e91e6326;border:clamp(2px,.3vmin,3px) solid rgba(233,30,99,.3);border-radius:clamp(12px,2vmin,20px);padding:clamp(10px,1.6vmin,16px) clamp(20px,4vmin,40px);min-width:clamp(120px,20vmin,200px)}.btc-timer.active{border-color:#e91e63;box-shadow:0 0 30px #e91e6366;animation:btc-pulse .5s ease-in-out infinite}.btc-timer.hidden{opacity:0;transform:scale(.8)}@keyframes btc-pulse{0%,to{box-shadow:0 0 30px #e91e6366}50%{box-shadow:0 0 50px #e91e6399}}.btc-timer-label{font-size:clamp(10px,1.4vmin,14px);font-weight:700;color:#e91e63;letter-spacing:clamp(1px,.3vmin,3px);margin-bottom:clamp(2px,.4vmin,4px)}.btc-timer-value{font-size:clamp(32px,5.6vmin,56px);font-weight:900;color:#fff;text-shadow:0 2px 20px rgba(255,255,255,.3);line-height:1}.btc-timer-bar{width:100%;height:clamp(4px,.6vmin,6px);background:#fff3;border-radius:clamp(2px,.3vmin,3px);margin-top:clamp(6px,1.2vmin,12px);overflow:hidden}.btc-timer-fill{height:100%;background:linear-gradient(90deg,#e91e63,#ff5722);border-radius:clamp(2px,.3vmin,3px);transition:width .3s ease-out}.btc-timer.active .btc-timer-fill{animation:btc-bar-glow .5s ease-in-out infinite}@keyframes btc-bar-glow{0%,to{box-shadow:0 0 10px #e91e6380}50%{box-shadow:0 0 20px #e91e63cc}}.btc-question-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:clamp(12px,2.4vmin,24px);padding:clamp(16px,3vmin,40px) clamp(20px,4vmin,50px);width:100%;transform-origin:center center}.btc-question-text{font-size:clamp(16px,3.2vmin,32px);font-weight:700;color:#fff;text-align:center;margin-bottom:clamp(16px,3.6vmin,36px);line-height:1.3}.btc-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.6vmin,16px)}.btc-option{display:flex;align-items:center;gap:clamp(8px,1.6vmin,16px);padding:clamp(10px,1.8vmin,18px) clamp(12px,2.4vmin,24px);background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:clamp(8px,1.4vmin,14px);transition:all .3s}.btc-option.selected{border-color:#e91e63;background:#e91e6326;box-shadow:0 0 20px #e91e634d}.btc-option.correct{border-color:#4caf50;background:#4caf5033;box-shadow:0 0 25px #4caf5066}.btc-option-letter{display:flex;align-items:center;justify-content:center;width:clamp(28px,4.4vmin,44px);height:clamp(28px,4.4vmin,44px);min-width:clamp(28px,4.4vmin,44px);background:linear-gradient(135deg,#e91e63,#c2185b);border-radius:clamp(6px,1vmin,10px);font-size:clamp(12px,2vmin,20px);font-weight:800;color:#fff;transition:background .3s}.btc-option.correct .btc-option-letter{background:linear-gradient(135deg,#4caf50,#388e3c)}.btc-option-text{font-size:clamp(12px,2.2vmin,22px);font-weight:600;color:#fff}.btc-tap-hand{position:absolute;top:55%;left:28%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}.btc-hand-icon{width:clamp(36px,6vmin,60px);height:clamp(36px,6vmin,60px);color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.btc-hand-icon svg{width:100%;height:100%}.btc-tap-ripple{position:absolute;width:clamp(50px,8vmin,80px);height:clamp(50px,8vmin,80px);border:clamp(2px,.3vmin,3px) solid rgba(233,30,99,.7);border-radius:50%}.btc-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none}.btc-result-display{display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0%,transparent 70%);padding:clamp(30px,6vmin,60px) clamp(50px,10vmin,100px);border-radius:clamp(16px,3vmin,30px)}.btc-result-plus{font-size:clamp(24px,4.8vmin,48px);font-weight:900;color:#4caf50;line-height:1}.btc-result-points{font-size:clamp(50px,10vmin,100px);font-weight:900;color:#ffd54f;text-shadow:0 4px 40px rgba(255,213,79,.6);line-height:1}.btc-result-label{font-size:clamp(16px,3.2vmin,32px);font-weight:800;color:#fff;letter-spacing:clamp(2px,.4vmin,4px);margin-top:clamp(4px,.8vmin,8px)}.btc-result-speed{font-size:clamp(12px,2vmin,20px);font-weight:600;color:#4caf50;margin-top:clamp(8px,1.6vmin,16px);letter-spacing:clamp(.5px,.1vmin,1px)}.btc-finale-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:60;background:linear-gradient(135deg,#1a1a2ef2,#2d1f3df2,#1a1a2ef2)}.btc-finale-main{font-size:clamp(28px,7.2vmin,72px);font-weight:900;color:#e91e63;text-shadow:0 4px 30px rgba(233,30,99,.6);text-transform:uppercase;letter-spacing:clamp(2px,.4vmin,4px);text-align:center}.btc-finale-sub{font-size:clamp(16px,3.6vmin,36px);font-weight:700;color:#fff;margin-top:clamp(8px,1.6vmin,16px);text-align:center}.btc-phone{position:absolute;bottom:clamp(16px,4vmin,40px);right:clamp(16px,5vmin,50px);display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vmin,12px);z-index:15}.btc-phone-frame{width:clamp(70px,12vmin,120px);height:clamp(110px,20vmin,200px);background:#1a1a2e;border-radius:clamp(12px,2vmin,20px);border:clamp(2px,.3vmin,3px) solid #444;padding:clamp(6px,1.2vmin,12px);box-shadow:0 10px 40px #00000080}.btc-phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#2d1f3d,#1a1a2e);border-radius:clamp(8px,1.2vmin,12px);display:flex;align-items:center;justify-content:center;padding:clamp(6px,1vmin,10px)}.btc-phone-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(4px,.8vmin,8px);width:100%}.btc-phone-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:clamp(6px,1vmin,10px);font-size:clamp(10px,1.8vmin,18px);font-weight:700;color:#fff;transition:all .2s}.btc-phone-btn.active{background:linear-gradient(135deg,#e91e63,#c2185b);border-color:#e91e63;box-shadow:0 0 15px #e91e6399}.btc-phone-label{font-size:clamp(8px,1.4vmin,14px);font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px)}@media (max-height: 500px){.btc-options-grid{grid-template-columns:repeat(2,1fr);gap:clamp(4px,1vmin,8px)}.btc-option{padding:clamp(6px,1.2vmin,12px) clamp(8px,1.6vmin,16px)}.btc-phone{display:none}}.ptb-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#1a0a0a,#3d1515,#1a0a0a)}.ptb-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.ptb-particle{position:absolute;width:clamp(3px,.4vmin,4px);height:clamp(3px,.4vmin,4px);background:radial-gradient(circle,rgba(255,100,50,.6),transparent);border-radius:50%;animation:ptbFloat 8s ease-in-out infinite}@keyframes ptbFloat{0%,to{transform:translateY(100vh) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-10vh) scale(.5);opacity:0}}.ptb-header{position:absolute;top:clamp(16px,3vmin,48px);left:0;width:100%;display:flex;justify-content:center;z-index:10}.ptb-badge{padding:clamp(8px,1.4vmin,14px) clamp(16px,3.5vmin,36px);background:linear-gradient(145deg,#ff64324d,#ff323233);border:2px solid rgba(255,100,50,.5);border-radius:clamp(16px,3vmin,32px);font-size:clamp(10px,1.8vmin,20px);font-weight:700;color:#f63;letter-spacing:.15em;text-transform:uppercase}.ptb-main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vmin,32px)}.ptb-intro{text-align:center}.ptb-title{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vmin,16px);font-size:clamp(24px,6vmin,64px);font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,100,50,.8)}.ptb-bomb-icon{font-size:clamp(48px,9vmin,96px);animation:bombWiggle .4s ease-in-out infinite}.ptb-passing-demo{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vmin,32px)}.ptb-players-row{display:flex;gap:clamp(24px,5vmin,64px)}.ptb-demo-player{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vmin,8px);position:relative}.ptb-demo-player.has-bomb .ptb-player-avatar{box-shadow:0 0 30px #ff6432cc;border-color:#f63}.ptb-player-avatar{width:clamp(60px,12vmin,100px);height:clamp(60px,12vmin,100px);border-radius:50%;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:clamp(2px,.3vmin,3px) solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:clamp(24px,4vmin,48px);transition:all .3s ease}.ptb-player-name{font-size:clamp(10px,1.8vmin,20px);color:#fffc;font-weight:600}.ptb-bomb{position:absolute;top:clamp(-10px,-1.5vmin,-15px);right:clamp(-10px,-1.5vmin,-15px);font-size:clamp(20px,3.5vmin,40px);animation:bombWiggle .3s ease-in-out infinite}.ptb-pass-hint{font-size:clamp(12px,2.2vmin,24px);color:#ffffffb3;font-weight:500}.ptb-question-demo{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vmin,32px);max-width:min(800px,95%)}.ptb-holder-section{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vmin,8px)}.ptb-holder-avatar{position:relative;width:clamp(50px,10vmin,80px);height:clamp(50px,10vmin,80px);border-radius:50%;background:linear-gradient(145deg,#f63,#f33);display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vmin,40px);box-shadow:0 0 30px #ff643299;animation:holderPulse .5s ease-in-out infinite}@keyframes holderPulse{0%,to{box-shadow:0 0 30px #ff643299}50%{box-shadow:0 0 50px #ff6432e6}}.ptb-holder-bomb{position:absolute;bottom:clamp(-5px,-1vmin,-8px);right:clamp(-5px,-1vmin,-8px);font-size:clamp(14px,2.5vmin,28px);animation:bombWiggle .3s ease-in-out infinite}.ptb-holder-label{font-size:clamp(10px,1.8vmin,20px);color:#f63;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.ptb-question-card{background:#0006;border-radius:clamp(12px,2vmin,24px);padding:clamp(12px,2.5vmin,32px);border:1px solid rgba(255,255,255,.1)}.ptb-question-text{font-size:clamp(14px,2.6vmin,28px);font-weight:600;color:#fff;text-align:center;margin-bottom:clamp(10px,2vmin,24px)}.ptb-options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,1.4vmin,16px)}.ptb-option{display:flex;align-items:center;gap:clamp(8px,1.4vmin,16px);padding:clamp(8px,1.4vmin,16px) clamp(12px,2vmin,24px);background:#ffffff0d;border-radius:clamp(8px,1.4vmin,16px);border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.ptb-option.selected{background:#0f83;border-color:#0f8;box-shadow:0 0 20px #00ff884d}.ptb-option-letter{width:clamp(24px,3.5vmin,36px);height:clamp(24px,3.5vmin,36px);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:clamp(4px,.7vmin,8px);font-weight:700;font-size:clamp(12px,1.8vmin,18px);color:#fff}.ptb-option-text{color:#ffffffe6;font-size:clamp(11px,1.6vmin,18px)}.ptb-pass-message{font-size:clamp(16px,3vmin,32px);font-weight:700;color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.6);margin-top:clamp(8px,1.4vmin,16px)}.ptb-explosion-demo{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vmin,32px)}.ptb-explosion{text-align:center}.ptb-explosion-icon{font-size:clamp(60px,14vmin,160px);animation:explosionPulse .15s ease-in-out infinite}@keyframes explosionPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(3deg)}}.ptb-explosion-text{font-size:clamp(28px,7vmin,80px);font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,100,50,1),0 0 80px rgba(255,50,50,.8)}.ptb-penalty{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vmin,8px)}.ptb-penalty-value{font-size:clamp(28px,7vmin,80px);font-weight:900;color:#f33;text-shadow:0 0 30px rgba(255,50,50,.8)}.ptb-penalty-label{font-size:clamp(12px,2.2vmin,24px);font-weight:700;color:#ffffffb3;letter-spacing:.2em}.ptb-finale{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vmin,32px)}.ptb-finale-text{font-size:clamp(24px,6vmin,64px);font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,100,50,.8)}.ptb-finale-bomb{font-size:clamp(48px,9vmin,96px);animation:bombWiggle .4s ease-in-out infinite}@media (max-height: 500px){.ptb-options{grid-template-columns:repeat(2,1fr);gap:clamp(4px,1vmin,8px)}.ptb-option{padding:clamp(6px,1vmin,10px) clamp(8px,1.4vmin,14px)}}.fr-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);overflow:hidden}.fr-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fr-particle{position:absolute;width:6px;height:6px;background:#ffd70066;border-radius:50%;animation:fr-float linear infinite}@keyframes fr-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) scale(1);opacity:0}}.fr-header{padding:40px;text-align:center;position:relative;z-index:10}.fr-badge{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:50px;font-size:18px;font-weight:800;color:#1a1a2e;letter-spacing:3px;text-transform:uppercase;box-shadow:0 4px 20px #ffd70066}.fr-main{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 40px;position:relative;z-index:10}.fr-intro{text-align:center}.fr-title{font-size:72px;font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(255,215,0,.5);display:flex;align-items:center;justify-content:center;gap:24px}.fr-trophy-icon{font-size:80px;animation:fr-trophy-pulse 2s ease-in-out infinite}@keyframes fr-trophy-pulse{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.fr-conversion{text-align:center;width:100%;max-width:900px}.fr-conversion-title{font-size:36px;font-weight:700;color:gold;margin-bottom:40px;text-shadow:0 2px 10px rgba(255,215,0,.3)}.fr-players-conversion{display:flex;justify-content:center;gap:30px}.fr-player-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:24px;border:3px solid;min-width:200px}.fr-player-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 12px}.fr-player-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px}.fr-points-to-position{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.fr-points{color:#fffc}.fr-arrow{color:gold;font-size:20px}.fr-position{color:#69f0ae;font-weight:700}.fr-race-display{width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;gap:40px}.fr-track{width:100%;position:relative;padding:60px 20px 20px}.fr-track-squares{display:flex;gap:4px;justify-content:center}.fr-track-square{width:70px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.fr-track-square.start-line{background:#66bb6a33;border-color:#66bb6a}.fr-track-square.finish-line{background:#ffd70033;border-color:gold;width:80px}.fr-square-num{font-size:14px;color:#fff6;font-weight:600}.fr-start-text{font-size:10px;font-weight:700;color:#66bb6a;letter-spacing:1px}.fr-finish-flag{font-size:28px}.fr-player-markers{position:absolute;top:10px;left:20px;right:20px;height:50px}.fr-player-marker{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px #0006;transform:translate(-50%);z-index:5}.fr-player-marker.highlighted{box-shadow:0 0 20px #fff9;z-index:10}.fr-move-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);padding:4px 10px;border-radius:20px;font-size:14px;font-weight:700;white-space:nowrap}.fr-move-indicator.forward{background:#69f0ae;color:#1a1a2e}.fr-move-indicator.back{background:#ff5252;color:#fff}.fr-hint{font-size:24px;font-weight:600;color:#fffc;text-align:center;min-height:40px}.fr-hint-correct{color:#69f0ae}.fr-hint-wrong{color:#ff5252}.fr-hint-winner{color:gold;text-shadow:0 0 20px rgba(255,215,0,.4)}.fr-finale{text-align:center}.fr-finale-text{font-size:72px;font-weight:900;color:#fff;text-shadow:0 4px 30px rgba(255,215,0,.5);margin-bottom:30px}.fr-finale-icons{display:flex;justify-content:center;gap:30px;font-size:60px}.fr-finale-icons span{animation:fr-icon-bounce 1s ease-in-out infinite}.fr-finale-icons span:nth-child(1){animation-delay:0s}.fr-finale-icons span:nth-child(2){animation-delay:.15s}.fr-finale-icons span:nth-child(3){animation-delay:.3s}@keyframes fr-icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 800px){.fr-title{font-size:48px}.fr-trophy-icon{font-size:56px}.fr-players-conversion{flex-direction:column;align-items:center}.fr-player-card{min-width:180px}.fr-track-square{width:50px;height:40px}.fr-track-square.finish-line{width:60px}.fr-finale-text{font-size:48px}}.pass-the-bomb-game{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#1a0a0a,#2d1515,#1a0a0a)}.pass-the-bomb-game.danger-low{background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e)}.pass-the-bomb-game.danger-medium{background:linear-gradient(135deg,#2d1a0a,#3d2515,#2d1a0a);animation:pulseWarning 2s ease-in-out infinite}.pass-the-bomb-game.danger-high{background:linear-gradient(135deg,#3d0a0a,#5d1515,#3d0a0a);animation:pulseDanger .5s ease-in-out infinite}@keyframes pulseWarning{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes pulseDanger{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.bomb-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bomb-particle{position:absolute;width:clamp(3px,.4vmin,4px);height:clamp(3px,.4vmin,4px);background:radial-gradient(circle,rgba(255,100,50,.8),transparent);border-radius:50%;animation:floatParticle 8s ease-in-out infinite}@keyframes floatParticle{0%,to{transform:translateY(100vh) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-20vh) scale(.5);opacity:0}}.bomb-cycle-indicator{position:absolute;top:clamp(10px,2vmin,32px);right:clamp(10px,2vmin,32px);display:flex;flex-direction:column;align-items:center;background:#00000080;padding:clamp(6px,1.2vmin,16px) clamp(10px,1.8vmin,24px);border-radius:clamp(8px,1.4vmin,16px);border:2px solid rgba(255,100,50,.3);z-index:10}.cycle-label{font-size:clamp(8px,1.2vmin,14px);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em}.cycle-count{font-size:clamp(14px,2.2vmin,24px);font-weight:700;color:#f63}.bomb-starting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:100}.starting-content{text-align:center}.bomb-icon-large{font-size:clamp(48px,10vmin,128px);animation:bombBounce .5s ease-in-out infinite}@keyframes bombBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.starting-content h2{font-size:clamp(20px,4vmin,48px);color:#fff;text-shadow:0 0 20px rgba(255,100,50,.8);margin-top:clamp(8px,1.4vmin,16px)}.bomb-game-layout{display:flex;flex-direction:column;height:100%;padding:clamp(8px,1.5vmin,32px);gap:clamp(8px,1.5vmin,32px)}.bomb-holder-section{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vmin,32px);flex-shrink:0}.bomb-holder-section.passing{animation:passingShake .3s ease-in-out}@keyframes passingShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.bomb-holder-card{display:flex;flex-direction:column;align-items:center;padding:clamp(12px,2vmin,32px);background:linear-gradient(145deg,#ff643233,#ff32321a);border-radius:clamp(12px,2vmin,32px);border:clamp(2px,.3vmin,3px) solid rgba(255,100,50,.5);box-shadow:0 0 40px #ff64324d}.bomb-holder-avatar{position:relative;width:clamp(60px,12vmin,150px);height:clamp(60px,12vmin,150px);border-radius:50%;background:linear-gradient(145deg,#f63,#f33);display:flex;align-items:center;justify-content:center;font-size:clamp(24px,5vmin,80px);box-shadow:0 0 30px #ff643280;animation:avatarPulse 1s ease-in-out infinite}.bomb-holder-avatar.danger-high{animation:avatarPulseFast .3s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 30px #ff643280}50%{box-shadow:0 0 50px #ff6432cc}}@keyframes avatarPulseFast{0%,to{box-shadow:0 0 30px #ff323280;transform:scale(1)}50%{box-shadow:0 0 60px #ff3232;transform:scale(1.05)}}.player-avatar-img,.bomb-holder-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.player-avatar-emoji{font-size:inherit}.queue-avatar-img,.victim-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.bomb-icon-holder{position:absolute;bottom:clamp(-6px,-1vmin,-10px);right:clamp(-6px,-1vmin,-10px);font-size:clamp(20px,3.5vmin,48px);animation:bombWiggle .5s ease-in-out infinite}@keyframes bombWiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.bomb-holder-name{font-size:clamp(14px,2.6vmin,32px);font-weight:700;color:#fff;margin-top:clamp(6px,1vmin,16px)}.bomb-holder-label{font-size:clamp(10px,1.6vmin,20px);color:#f63;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.bomb-timer{padding:clamp(8px,1.2vmin,16px) clamp(12px,2vmin,32px);background:#0009;border-radius:clamp(8px,1.4vmin,16px);border:2px solid rgba(255,255,255,.2)}.bomb-timer.timer-low{background:#3232964d;border-color:#6464ff80}.bomb-timer.timer-medium{background:#9664324d;border-color:#ff963280}.bomb-timer.timer-high{background:#9632324d;border-color:#ff323280;animation:timerPulse .3s ease-in-out infinite}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-value{font-size:clamp(18px,3.5vmin,40px);font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.bomb-question-section{flex:1;display:flex;flex-direction:column;gap:clamp(8px,1.5vmin,24px);padding:clamp(10px,1.8vmin,32px);background:#0006;border-radius:clamp(12px,2vmin,24px);border:1px solid rgba(255,255,255,.1);overflow:hidden;min-height:0}.bomb-category{font-size:clamp(9px,1.4vmin,16px);color:#fff9;text-transform:uppercase;letter-spacing:.1em;text-align:center;flex-shrink:0}.bomb-question-text{font-size:clamp(14px,2.6vmin,28px);font-weight:600;color:#fff;text-align:center;line-height:1.3;flex-shrink:0}.bomb-options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(6px,1.2vmin,16px);flex:1;min-height:0}.bomb-option{display:flex;align-items:center;gap:clamp(6px,1.2vmin,16px);padding:clamp(8px,1.4vmin,20px) clamp(10px,1.6vmin,24px);background:#ffffff14;border-radius:clamp(8px,1.4vmin,16px);border:2px solid rgba(255,255,255,.15);transition:all .2s ease}.bomb-option.option-a{border-left:clamp(3px,.4vmin,4px) solid #ff6b6b}.bomb-option.option-b{border-left:clamp(3px,.4vmin,4px) solid #4ecdc4}.bomb-option.option-c{border-left:clamp(3px,.4vmin,4px) solid #ffe66d}.bomb-option.option-d{border-left:clamp(3px,.4vmin,4px) solid #a29bfe}.bomb-option.selected{background:#fff3;border-color:#ffffff80;transform:scale(1.02)}.bomb-option .option-letter{width:clamp(24px,3.5vmin,40px);height:clamp(24px,3.5vmin,40px);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:clamp(4px,.6vmin,8px);font-weight:700;font-size:clamp(11px,1.6vmin,20px);color:#fff;flex-shrink:0}.bomb-option .option-text{flex:1;font-size:clamp(11px,1.6vmin,18px);color:#ffffffe6}.bomb-queue-section{display:flex;flex-direction:column;gap:clamp(6px,1vmin,16px);padding:clamp(8px,1.4vmin,24px);background:#0000004d;border-radius:clamp(8px,1.4vmin,16px);flex-shrink:0}.queue-label{font-size:clamp(9px,1.2vmin,16px);color:#fff9;text-transform:uppercase;letter-spacing:.1em}.player-queue{display:flex;flex-wrap:wrap;gap:clamp(6px,1vmin,16px)}.queue-player{display:flex;align-items:center;gap:clamp(4px,.8vmin,12px);padding:clamp(4px,.8vmin,12px) clamp(8px,1.2vmin,16px);background:#ffffff0d;border-radius:clamp(16px,2.5vmin,32px);border:1px solid rgba(255,255,255,.1)}.queue-player.next-player{background:#ff643233;border-color:#ff643280}.queue-avatar{width:clamp(20px,3vmin,40px);height:clamp(20px,3vmin,40px);border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,1.8vmin,24px);overflow:hidden}.queue-avatar .player-avatar-img{width:100%;height:100%}.queue-name{font-size:clamp(10px,1.4vmin,16px);color:#fffc}.next-indicator{color:#f63;font-weight:700;animation:nextArrow .5s ease-in-out infinite}@keyframes nextArrow{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.explosion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#ff6432e6,#000000f2 70%);z-index:200}.explosion-content{text-align:center}.explosion-icon{font-size:clamp(60px,14vmin,192px);animation:explosionPulse .2s ease-in-out infinite}@keyframes explosionPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.explosion-title{font-size:clamp(32px,8vmin,96px);font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,100,50,1),0 0 80px rgba(255,50,50,.8);margin:0}.explosion-victim{display:flex;flex-direction:column;align-items:center;margin-top:clamp(12px,2.5vmin,32px)}.victim-avatar{width:clamp(50px,10vmin,100px);height:clamp(50px,10vmin,100px);border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:clamp(24px,5vmin,64px);overflow:hidden}.victim-name{font-size:clamp(14px,2.6vmin,32px);font-weight:700;color:#fff;margin-top:clamp(4px,.8vmin,8px)}.explosion-penalty{font-size:clamp(24px,5vmin,64px);font-weight:900;color:#f33;text-shadow:0 0 20px rgba(255,50,50,.8);margin-top:clamp(10px,2vmin,24px)}.victim-score{font-size:clamp(12px,2vmin,24px);color:#ffffffb3;margin-top:clamp(4px,.8vmin,8px)}.answer-feedback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.answer-feedback-correct{background:radial-gradient(circle at center,rgba(0,255,136,.4) 0%,transparent 70%);animation:correctFlash .5s ease-out forwards}.answer-feedback-wrong{background:radial-gradient(circle at center,rgba(255,50,50,.4) 0%,transparent 70%);animation:wrongFlash .4s ease-out forwards}@keyframes correctFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes wrongFlash{0%{opacity:0;transform:scale(.9)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.feedback-icon{font-size:clamp(60px,12vmin,160px);animation:feedbackPop .4s ease-out}@keyframes feedbackPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}@media (max-height: 450px){.bomb-queue-section{display:none}}.avatar-select{display:flex;flex-direction:column;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));gap:16px;height:100dvh;box-sizing:border-box;overflow:hidden;position:relative}.avatar-back-btn{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;padding:8px 16px;font-size:14px;font-weight:600;color:#fff9;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;z-index:10}.avatar-back-btn:active{background:#ffffff1a;color:#fff}.avatar-header{text-align:center;flex-shrink:0}.avatar-title{font-size:24px;font-weight:800;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.avatar-subtitle{font-size:14px;color:#fff9;margin:0}.avatar-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:10px;flex:1;min-height:0;max-width:320px;margin:0 auto;width:100%}@media (min-aspect-ratio: 1/1) and (min-height: 500px){.avatar-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);max-width:500px}}.avatar-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;background:#ffffff14;border-radius:16px;border:3px solid rgba(255,255,255,.15);transition:all .2s ease;position:relative;overflow:hidden}.avatar-option:active:not(:disabled){transform:scale(.95)}.avatar-option.selected{border-color:#ff9800;background:#ff980033;box-shadow:0 0 30px #ff980080,inset 0 0 20px #ff98001a;transform:scale(1.02)}.avatar-option.taken{opacity:.4;filter:grayscale(100%);border-color:#ffffff1a;background:#0000004d}.avatar-option.taken:active{transform:none}.avatar-image-container{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.avatar-option img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .2s ease}.avatar-option.selected img{filter:drop-shadow(0 0 15px rgba(255,152,0,.6));transform:scale(1.05)}.taken-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:8px}.taken-icon{font-size:32px;color:#f44;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.avatar-label{font-size:11px;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;text-align:center;flex-shrink:0}.avatar-option.selected .avatar-label{color:#ff9800}.avatar-option.taken .avatar-label{color:#ffffff4d}.confirm-button{width:100%;padding:18px;font-size:18px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:14px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 5px #c45000,0 8px 20px #0006;transition:all .1s;flex-shrink:0;position:relative;overflow:hidden}.confirm-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2.5s infinite}.confirm-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #c45000,0 4px 12px #0006}.confirm-button:disabled{background:linear-gradient(180deg,#666,#444);box-shadow:0 5px #222,0 6px 16px #0000004d;color:#fff6;letter-spacing:1px;font-size:16px}.confirm-button:disabled:before{display:none}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #ff980080,inset 0 0 20px #ff98001a}50%{box-shadow:0 0 40px #ff9800b3,inset 0 0 30px #ff980026}}.avatar-option.selected{animation:pulse-glow 1.5s ease-in-out infinite}.qd-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;border-radius:clamp(14px,2vmin,24px)}.qd-particle{position:absolute;width:clamp(4px,.5vmin,6px);height:clamp(4px,.5vmin,6px);background:linear-gradient(135deg,#00d4ff99,#b24dff99);border-radius:50%;animation:qd-float-up linear infinite;opacity:0}@keyframes qd-float-up{0%{transform:translateY(100%);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-400px);opacity:0}}.question-display{position:absolute;top:clamp(8px,1.5vmin,20px);left:3%;right:3%;bottom:clamp(100px,18vmin,200px);width:auto;max-width:min(1600px,94%);height:auto;margin:0 auto;background:linear-gradient(180deg,#12122af2,#0a0a1af2);border-radius:clamp(14px,2vmin,24px);padding:clamp(10px,1.5vmin,25px) clamp(16px,3vmin,45px);box-shadow:0 0 50px #0009,0 0 100px #00d4ff1a,inset 0 1px #ffffff1a;border:2px solid rgba(0,212,255,.2);overflow:hidden;display:flex;flex-direction:column}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(4px,.8vmin,15px)}.question-number{font-size:clamp(10px,1.5vmin,22px);font-weight:600;color:var(--neon-blue);text-transform:uppercase;letter-spacing:clamp(.5px,.15vmin,3px);text-shadow:var(--text-glow-blue)}.timer{font-size:clamp(22px,4vmin,56px);font-weight:900;color:var(--neon-yellow);background:linear-gradient(135deg,#ffe60026,#ffe6000d);padding:clamp(4px,.8vmin,12px) clamp(12px,2.5vmin,40px);border-radius:clamp(8px,1.2vmin,16px);min-width:clamp(60px,10vmin,140px);text-align:center;text-shadow:var(--text-glow-yellow);border:clamp(2px,.3vmin,3px) solid rgba(255,230,0,.3);box-shadow:0 0 30px #ffe60033;transition:all .3s ease}.timer.timer-hidden{visibility:hidden}.timer.low-time{color:var(--color-wrong);background:linear-gradient(135deg,#f353,#ff33551a);border-color:var(--color-wrong);text-shadow:0 0 10px var(--color-wrong),0 0 20px var(--color-wrong),0 0 40px var(--color-wrong);box-shadow:0 0 40px #f356,0 0 60px #f353,inset 0 0 20px #ff33551a;animation:timerUrgent .5s ease-in-out infinite}@keyframes timerUrgent{0%,to{transform:scale(1)}25%{transform:scale(1.08) rotate(-1deg)}50%{transform:scale(1.12);box-shadow:0 0 60px #f359,0 0 100px #ff33554d,inset 0 0 30px #ff335526}75%{transform:scale(1.08) rotate(1deg)}}.timer.critical-time{color:#ff1744;background:linear-gradient(135deg,#ff17444d,#ff174426);border-color:#ff1744;border-width:4px;text-shadow:0 0 15px #ff1744,0 0 30px #ff1744,0 0 60px #ff1744;box-shadow:0 0 50px #ff174480,0 0 80px #ff17444d,0 0 120px #ff174433,inset 0 0 30px #ff174433;animation:timerCritical .3s ease-in-out infinite}@keyframes timerCritical{0%,to{transform:scale(1) translate(0)}10%{transform:scale(1.1) translate(-4px) rotate(-2deg)}30%{transform:scale(1.15) translate(4px) rotate(2deg)}50%{transform:scale(1.18);box-shadow:0 0 80px #ff1744b3,0 0 120px #ff174466,0 0 160px #ff174433,inset 0 0 40px #ff174440}70%{transform:scale(1.15) translate(-3px) rotate(-1deg)}90%{transform:scale(1.1) translate(2px) rotate(1deg)}}.question-category{font-size:clamp(10px,1.5vmin,22px);font-weight:700;color:var(--neon-purple);text-align:center;margin-bottom:clamp(4px,.8vmin,15px);text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,4px);text-shadow:var(--text-glow-purple)}.question-text{font-size:clamp(18px,3.2vmin,42px);font-weight:800;text-align:center;margin-bottom:clamp(8px,1.2vmin,20px);color:var(--color-text);text-shadow:0 4px 15px rgba(0,0,0,.5);line-height:1.2}.options-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(6px,1.1vmin,16px);flex:1;align-content:stretch;margin-top:clamp(4px,.8vmin,15px)}.tf-display{position:absolute;top:50%;left:3%;right:3%;transform:translateY(-50%);width:auto;max-width:min(1400px,94%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.5vmin,30px);padding-bottom:clamp(120px,18vmin,200px)}.tf-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:min(800px,90%)}.tf-question-number{font-size:clamp(12px,1.6vmin,20px);font-weight:600;color:var(--neon-blue);text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,3px);text-shadow:var(--text-glow-blue);animation:fadeIn .4s ease-out}.tf-timer{font-size:clamp(28px,4vmin,48px);font-weight:900;color:var(--neon-yellow);background:linear-gradient(135deg,#ffe60026,#ffe6000d);padding:clamp(6px,.8vmin,10px) clamp(18px,2.8vmin,35px);border-radius:clamp(10px,1.2vmin,14px);min-width:clamp(70px,10vmin,120px);text-align:center;text-shadow:var(--text-glow-yellow);border:3px solid rgba(255,230,0,.3);box-shadow:0 0 25px #ffe60033;transition:all .3s ease}.tf-timer.timer-hidden{visibility:hidden}.tf-timer.low-time{color:var(--color-wrong);background:linear-gradient(135deg,#f353,#ff33551a);border-color:var(--color-wrong);text-shadow:0 0 10px var(--color-wrong),0 0 20px var(--color-wrong),0 0 40px var(--color-wrong);box-shadow:0 0 40px #f356,0 0 60px #f353,inset 0 0 20px #ff33551a;animation:timerUrgent .5s ease-in-out infinite}.tf-timer.critical-time{color:#ff1744;background:linear-gradient(135deg,#ff17444d,#ff174426);border-color:#ff1744;border-width:4px;text-shadow:0 0 15px #ff1744,0 0 30px #ff1744,0 0 60px #ff1744;box-shadow:0 0 50px #ff174480,0 0 80px #ff17444d,0 0 120px #ff174433,inset 0 0 30px #ff174433;animation:timerCritical .3s ease-in-out infinite}.tf-category{font-size:clamp(14px,2vmin,24px);font-weight:700;color:var(--neon-purple);background:#b24dff26;padding:clamp(8px,1vmin,12px) clamp(20px,3vmin,40px);border-radius:clamp(18px,2.5vmin,30px);border:2px solid rgba(178,77,255,.5);box-shadow:0 0 25px #b24dff4d;text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);text-shadow:var(--text-glow-purple);animation:fadeIn .5s ease-out .1s both}.tf-question-text{font-size:clamp(28px,4.5vmin,52px);font-weight:800;text-align:center;color:var(--color-text);text-shadow:0 4px 20px rgba(0,0,0,.6);line-height:1.3;max-width:min(1100px,94%);animation:slideUpDramatic .6s ease-out .15s both}.tf-buttons{display:flex;gap:clamp(24px,5vmin,60px);margin-top:clamp(16px,2.5vmin,30px);flex-wrap:wrap;justify-content:center;min-height:clamp(90px,14vmin,160px);transition:opacity .4s ease}.tf-buttons.hidden{opacity:0;pointer-events:none}.tf-buttons.visible{opacity:1}.tf-button{width:clamp(160px,24vmin,280px);height:clamp(90px,14vmin,160px);border-radius:clamp(14px,2vmin,24px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:4px solid transparent;transition:transform .4s ease,opacity .4s ease,filter .4s ease,border-color .4s ease,box-shadow .4s ease}.tf-button.tf-true{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 10px 40px #43a04780,inset 0 2px #fff3,inset 0 -4px #0003}.tf-button.tf-false{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 10px 40px #e5393580,inset 0 2px #fff3,inset 0 -4px #0003}.tf-button:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:tfShimmer 3s ease-in-out infinite}.tf-button:nth-child(1):before{animation-delay:.5s}.tf-button:nth-child(2):before{animation-delay:1.5s}@keyframes tfShimmer{0%,to{left:-100%}50%{left:150%}}.tf-icon{font-size:clamp(24px,3.5vmin,42px);font-weight:900;color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.4);margin-right:clamp(6px,1vmin,12px)}.tf-label{font-size:clamp(24px,3.5vmin,42px);font-weight:900;color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.4);letter-spacing:clamp(3px,.5vmin,6px);text-transform:uppercase}.tf-buttons.revealing .tf-button.incorrect{opacity:.4;transform:scale(.95);filter:grayscale(.6) brightness(.6)}.tf-buttons.revealing .tf-button.correct{transform:scale(1.1);border:5px solid var(--neon-green);box-shadow:0 0 40px #00ff88b3,0 0 80px #0f86,inset 0 0 30px #00ff8826}.tf-buttons.revealing .tf-button.correct:after{content:"✓";position:absolute;top:clamp(-12px,-1.6vmin,-20px);right:clamp(-12px,-1.6vmin,-20px);width:clamp(36px,5vmin,60px);height:clamp(36px,5vmin,60px);background:var(--neon-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3vmin,36px);font-weight:700;color:#000;box-shadow:0 0 30px #0f8c;z-index:10}@keyframes slideUpDramatic{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.option{display:flex;align-items:center;gap:clamp(8px,1.4vmin,20px);padding:clamp(8px,1.3vmin,20px) clamp(12px,2vmin,30px);border-radius:clamp(10px,1.3vmin,18px);font-size:clamp(14px,2.2vmin,28px);position:relative;overflow:hidden;border:clamp(2px,.3vmin,3px) solid transparent;transition:transform .4s ease,opacity .4s ease,filter .4s ease,border-color .4s ease,box-shadow .4s ease}.option:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.option:hover:before{left:150%}.option-a{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 6px 25px #e5393566}.option-b{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 6px 25px #1e88e566}.option-c{background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 6px 25px #43a04766}.option-d{background:linear-gradient(135deg,#fdd835,#f9a825);color:#1a1a2e;box-shadow:0 6px 25px #fdd83566}.option-letter{width:clamp(26px,4vmin,55px);height:clamp(26px,4vmin,55px);border-radius:clamp(6px,1vmin,14px);background:#00000040;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(14px,2.2vmin,30px);flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.option-d .option-letter{background:#ffffff4d;border-color:#0000001a}.option-text{flex:1;font-weight:600;line-height:1.3}.correct-badge{position:absolute;top:clamp(-8px,-1vmin,-12px);right:clamp(-8px,-1vmin,-12px);width:clamp(28px,3.5vmin,40px);height:clamp(28px,3.5vmin,40px);background:var(--neon-green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2vmin,24px);font-weight:700;color:#000;box-shadow:0 0 20px #0f8c;z-index:10}.options-grid.revealing .option.incorrect{opacity:.5;transform:scale(.98);filter:brightness(.6) grayscale(.3)}.options-grid.revealing .option.correct{transform:scale(1.02);border:4px solid var(--neon-green);box-shadow:0 0 30px #0f89,0 0 60px #0f86,inset 0 0 20px #00ff881a}@keyframes shakeAndFade{0%{transform:scale(1) translate(0);opacity:1}15%{transform:scale(.98) translate(-8px)}30%{transform:scale(.96) translate(6px)}45%{transform:scale(.95) translate(-4px)}60%{transform:scale(.95) translate(2px)}to{transform:scale(.95) translate(0);opacity:.3}}@keyframes correctReveal{0%{transform:scale(1);box-shadow:0 0 #0f80}50%{transform:scale(1.08)}to{transform:scale(1.05)}}@keyframes popIn{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.points-display{display:flex;align-items:baseline;gap:clamp(6px,1vmin,12px);font-weight:900;padding:clamp(12px,1.5vmin,20px) clamp(24px,4vmin,50px);border-radius:clamp(12px,1.5vmin,20px);min-width:clamp(140px,20vmin,240px);justify-content:center;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;border:4px solid}.points-value{font-size:clamp(48px,7vmin,80px);line-height:1;text-shadow:0 0 30px currentColor,0 0 60px currentColor;font-variant-numeric:tabular-nums}.points-label{font-size:clamp(16px,2.5vmin,28px);text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,3px);opacity:.9}.points-display.points-high{color:var(--neon-green);background:linear-gradient(135deg,#00ff8826,#00ff880d);border-color:#0f86;box-shadow:0 0 30px #00ff884d}.points-display.points-medium{color:var(--neon-yellow);background:linear-gradient(135deg,#ffe60026,#ffe6000d);border-color:#ffe60066;box-shadow:0 0 30px #ffe6004d}.points-display.points-low{color:var(--color-wrong);background:linear-gradient(135deg,#ff335526,#ff33550d);border-color:#f356;box-shadow:0 0 30px #ff33554d}.points-display.low-time{animation:pointsUrgent .5s ease-in-out infinite}@keyframes pointsUrgent{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 50px #f359}}.question-display.beat-the-clock{border-color:#b24dff4d;box-shadow:0 0 50px #0009,0 0 100px #b24dff26,inset 0 1px #ffffff1a}.listening-indicator{display:flex;gap:clamp(8px,1vmin,12px);justify-content:center;align-items:center;padding:clamp(12px,1.6vmin,20px) 0;margin-top:clamp(6px,.8vmin,10px);min-height:clamp(34px,4.5vmin,56px);transition:opacity .3s ease}.listening-indicator.hidden{opacity:0;pointer-events:none}.listening-indicator.visible{opacity:1}.listening-dot{width:clamp(10px,1.3vmin,16px);height:clamp(10px,1.3vmin,16px);border-radius:50%;background:var(--neon-blue);box-shadow:0 0 15px #00d4ff99;animation:listeningPulse 1.4s ease-in-out infinite}.listening-dot:nth-child(1){animation-delay:0s}.listening-dot:nth-child(2){animation-delay:.2s}.listening-dot:nth-child(3){animation-delay:.4s}@keyframes listeningPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1;box-shadow:0 0 25px #00d4ffcc}}.screen-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;opacity:0}.screen-flash.correct{background:radial-gradient(circle at center,rgba(0,255,136,.4) 0%,transparent 70%);animation:flashCorrect .6s ease-out forwards}.screen-flash.incorrect{background:radial-gradient(circle at center,rgba(255,51,85,.3) 0%,transparent 70%);animation:flashIncorrect .5s ease-out forwards}@keyframes flashCorrect{0%{opacity:0;transform:scale(.9)}15%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes flashIncorrect{0%{opacity:0}20%{opacity:1}to{opacity:0}}.urgency-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:0;transition:opacity .3s ease}.urgency-vignette.active{opacity:1;box-shadow:inset 0 0 100px 30px #ff17444d;animation:vignetteFlicker .8s ease-in-out infinite}.urgency-vignette.critical{opacity:1;box-shadow:inset 0 0 150px 50px #ff174480;animation:vignetteCritical .4s ease-in-out infinite}@keyframes vignetteFlicker{0%,to{box-shadow:inset 0 0 100px 30px #ff17444d}50%{box-shadow:inset 0 0 120px 40px #ff174466}}@keyframes vignetteCritical{0%,to{box-shadow:inset 0 0 150px 50px #ff174480}50%{box-shadow:inset 0 0 180px 70px #ff174499}}.particle-burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none;z-index:100}.particle-burst .burst-particle{position:absolute;width:clamp(6px,1vmin,12px);height:clamp(6px,1vmin,12px);border-radius:50%;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);animation:burstOut .8s ease-out forwards}.particle-burst .burst-particle:nth-child(1){--angle: 0deg;--distance: 80px}.particle-burst .burst-particle:nth-child(2){--angle: 45deg;--distance: 90px}.particle-burst .burst-particle:nth-child(3){--angle: 90deg;--distance: 75px}.particle-burst .burst-particle:nth-child(4){--angle: 135deg;--distance: 85px}.particle-burst .burst-particle:nth-child(5){--angle: 180deg;--distance: 80px}.particle-burst .burst-particle:nth-child(6){--angle: 225deg;--distance: 90px}.particle-burst .burst-particle:nth-child(7){--angle: 270deg;--distance: 75px}.particle-burst .burst-particle:nth-child(8){--angle: 315deg;--distance: 85px}@keyframes burstOut{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0);opacity:1;scale:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance) * -1));opacity:0;scale:.3}}.options-grid.revealing .option.correct{animation:correctPulse .6s ease-out forwards}@keyframes correctPulse{0%{transform:scale(1)}30%{transform:scale(1.08);box-shadow:0 0 40px #00ff88b3,0 0 80px #00ff8880,inset 0 0 30px #0f83}60%{transform:scale(1.04)}to{transform:scale(1.02);border:4px solid var(--neon-green);box-shadow:0 0 30px #0f89,0 0 60px #0f86,inset 0 0 20px #00ff881a}}.options-grid.revealing .option.incorrect{animation:incorrectShake .5s ease-out forwards}@keyframes incorrectShake{0%{transform:scale(1) translate(0);opacity:1}10%{transform:scale(.99) translate(-4px)}20%{transform:scale(.98) translate(4px)}30%{transform:scale(.98) translate(-3px)}40%{transform:scale(.98) translate(2px)}to{transform:scale(.98) translate(0);opacity:.5;filter:brightness(.6) grayscale(.3)}}.tf-buttons.revealing .tf-button.correct{animation:tfCorrectPulse .6s ease-out forwards}@keyframes tfCorrectPulse{0%{transform:scale(1)}30%{transform:scale(1.15);box-shadow:0 0 50px #0f8c,0 0 100px #00ff8880,inset 0 0 40px #0f83}60%{transform:scale(1.08)}to{transform:scale(1.1);border:5px solid var(--neon-green);box-shadow:0 0 40px #00ff88b3,0 0 80px #0f86,inset 0 0 30px #00ff8826}}.tf-buttons.revealing .tf-button.incorrect{animation:tfIncorrectShake .5s ease-out forwards}@keyframes tfIncorrectShake{0%{transform:scale(1);opacity:1}10%{transform:scale(.98) translate(-3px)}20%{transform:scale(.97) translate(3px)}30%{transform:scale(.96) translate(-2px)}to{transform:scale(.95);opacity:.4;filter:grayscale(.6) brightness(.6)}}.player-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:clamp(8px,2vmin,30px);padding:clamp(8px,1.8vmin,30px) clamp(12px,3vmin,50px) clamp(10px,2vmin,40px);background:linear-gradient(to top,rgba(10,10,26,.98) 0%,rgba(10,10,26,.9) 60%,transparent 100%);z-index:25;flex-wrap:wrap}.player-card{display:flex;align-items:center;gap:clamp(8px,1.5vmin,24px);padding:clamp(8px,1.5vmin,24px) clamp(12px,2vmin,36px);background:linear-gradient(135deg,#12122af2,#0a0a1af2);border-radius:clamp(10px,1.5vmin,24px);border:clamp(2px,.3vmin,4px) solid rgba(0,212,255,.3);min-width:clamp(120px,20vmin,300px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.player-card.answered{border-color:var(--neon-yellow);box-shadow:0 0 25px #ffe6004d}.player-card.correct{border-color:var(--neon-green);background:linear-gradient(135deg,#00ff8826,#00ff880d);box-shadow:0 0 30px #0f86;transform:scale(1.05)}.player-card.wrong{border-color:var(--color-wrong);background:linear-gradient(135deg,#ff335526,#ff33550d);box-shadow:0 0 25px #ff33554d;opacity:.8}.player-card.no-answer{opacity:.5;filter:grayscale(.5)}.player-avatar{position:relative;width:clamp(36px,6vmin,100px);height:clamp(36px,6vmin,100px);flex-shrink:0}.player-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:clamp(2px,.3vmin,4px) solid rgba(0,212,255,.4);background:#0000004d}.player-card.correct .player-avatar img{border-color:var(--neon-green);box-shadow:0 0 20px #00ff8880}.player-card.wrong .player-avatar img{border-color:var(--color-wrong)}.player-card.answered .player-avatar img{border-color:var(--neon-yellow)}.status-badge{position:absolute;top:clamp(-3px,-.5vmin,-8px);right:clamp(-3px,-.5vmin,-8px);width:clamp(18px,3vmin,40px);height:clamp(18px,3vmin,40px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,1.5vmin,22px);font-weight:900}.status-badge.answered{background:var(--neon-yellow);color:#1a1a2e;box-shadow:0 0 15px #ffe60099}.status-badge.correct{background:var(--neon-green);color:#1a1a2e;box-shadow:0 0 15px #0f89}.status-badge.wrong{background:var(--color-wrong);color:#fff;box-shadow:0 0 15px #f359}.player-info{display:flex;flex-direction:column;gap:clamp(2px,.5vmin,6px)}.player-card .player-name{font-size:clamp(12px,2.2vmin,32px);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:clamp(.5px,.1vmin,2px)}.player-card.correct .player-name{color:var(--neon-green);text-shadow:var(--text-glow-green)}.player-card .player-score{font-size:clamp(10px,1.8vmin,26px);font-weight:600;color:var(--neon-blue);text-shadow:var(--text-glow-blue)}.score-gained{position:absolute;top:clamp(-8px,-1.2vmin,-20px);right:clamp(6px,1.2vmin,20px);font-size:clamp(14px,2.2vmin,32px);font-weight:900;color:var(--neon-green);text-shadow:var(--text-glow-green)}.score-gained.score-lost{color:var(--color-wrong);text-shadow:0 0 10px rgba(255,51,85,.8),0 0 20px rgba(255,51,85,.5)}@keyframes scoreFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.final-round-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.race-track-container{padding:20px 40px;display:flex;flex-direction:column;align-items:center;gap:20px}.race-starting-title{display:flex;align-items:center;gap:16px;font-size:36px;font-weight:800;color:#fff;text-shadow:0 2px 20px rgba(255,215,0,.4);margin-bottom:10px}.race-trophy{font-size:48px;animation:trophy-bounce 1s ease-in-out infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.race-track{position:relative;width:100%;max-width:1200px;padding:60px 20px 20px}.race-track-squares{display:flex;gap:4px;justify-content:stretch}.race-square{flex:1;height:50px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.race-square.start{background:#66bb6a26;border-color:#66bb6a66}.race-square.finish{background:#ffd70026;border-color:#ffd70080;min-width:80px;flex:1.5}.square-label{font-size:10px;font-weight:700;color:#66bb6a;letter-spacing:1px}.square-num{font-size:12px;color:#ffffff4d;font-weight:600}.finish-flag{font-size:28px}.race-player-markers{position:absolute;top:0;left:20px;right:20px;bottom:70px}.race-player-marker{position:absolute;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;box-shadow:0 4px 15px #0006;transform:translate(-50%);z-index:5;white-space:nowrap}.marker-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.marker-position{background:#0000004d;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:800;color:#fff}.race-legend{display:flex;gap:40px;justify-content:center;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:16px;color:#fffc;font-weight:600}.legend-icon{width:28px;height:28px;border-radius:50%;background:#69f0ae;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#1a1a2e}.legend-icon.wrong{background:#ff5252;color:#fff}.legend-icon.finish{background:transparent;font-size:24px}.race-question-area{flex:1;display:flex;flex-direction:column;position:relative}.race-winner-celebration{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;z-index:100}.winner-trophy{font-size:120px;filter:drop-shadow(0 0 40px rgba(255,215,0,.6))}.winner-text{text-align:center}.winner-label{font-size:36px;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:8px;text-shadow:0 0 30px rgba(255,215,0,.5);margin-bottom:16px}.winner-name{font-size:72px;font-weight:900;text-shadow:0 4px 30px rgba(0,0,0,.5)}.winner-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:12px;height:12px;top:-20px;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px}@media (max-width: 900px){.race-track-container{padding:15px 20px}.race-starting-title{font-size:24px}.race-trophy{font-size:36px}.race-square{height:40px}.race-player-marker{padding:4px 8px}.marker-name{font-size:12px}.race-legend{gap:20px;flex-wrap:wrap}.legend-item{font-size:14px}.winner-name{font-size:48px}.winner-trophy{font-size:80px}}.category-select-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden}.category-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.category-particle{position:absolute;bottom:-20px;width:10px;height:10px;background:radial-gradient(circle,rgba(255,215,0,.6),transparent);border-radius:50%;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) scale(.5);opacity:0}}.category-select-content,.category-selected-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:95%;z-index:1}.category-header{text-align:center}.category-title-badge{display:inline-block;padding:8px 24px;background:linear-gradient(135deg,gold,#fa0);color:#1a1a2e;font-size:.9rem;font-weight:800;letter-spacing:3px;border-radius:30px;margin-bottom:.75rem;box-shadow:0 4px 20px #ffd70066}.category-main-title{font-size:3.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0;text-shadow:0 4px 30px rgba(0,0,0,.5)}.picker-announcement{margin:.5rem 0}.picker-spotlight{display:flex;align-items:center;gap:1.25rem;padding:1rem 2rem;background:#ffffff1a;border:2px solid rgba(255,215,0,.3);border-radius:60px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.picker-avatar-ring{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,gold,#ff8c00);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #ffd70080;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 30px #ffd70080}50%{box-shadow:0 0 50px #ffd700cc}}.picker-emoji{font-size:2.5rem}.picker-name-display{display:flex;flex-direction:column;gap:.25rem}.picker-label{font-size:1rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:2px}.picker-name{font-size:2rem;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.category-timer-container{margin:.5rem 0}.category-timer-ring{position:relative;width:100px;height:100px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{stroke:#ffffff1a}.timer-progress{stroke:#4ade80;stroke-linecap:round;transition:stroke .3s}.category-timer-ring.urgent .timer-progress{stroke:#f87171}.category-timer-ring.urgent{animation:urgentPulse .5s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;color:#fff}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;max-width:750px}.category-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.75rem 1.25rem;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #0000004d,inset 0 1px #fff3;cursor:default;transform-style:preserve-3d;perspective:1000px}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:cardShine 3s ease-in-out infinite}@keyframes cardShine{0%{left:-100%}50%,to{left:100%}}.category-icon{font-size:4rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));z-index:1}.category-name{font-size:1.4rem;font-weight:700;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1}.category-hint{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:#fff9;margin-top:.5rem}.hint-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.category-selected-content{position:relative;gap:1.5rem}.celebration-burst{position:absolute;width:400px;height:400px;pointer-events:none}.burst-ray{position:absolute;left:50%;top:50%;width:4px;height:200px;background:linear-gradient(to top,transparent,rgba(255,215,0,.4));transform-origin:bottom center;margin-left:-2px}.selected-badge{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;color:#4ade80;text-transform:uppercase;letter-spacing:.1em;z-index:1}.badge-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4ade80;color:#fff;border-radius:50%;font-size:1.25rem}.selected-category-showcase{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 5rem;border-radius:30px;overflow:hidden;box-shadow:0 20px 60px #0006,inset 0 2px #fff3;z-index:1}.showcase-shine{position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:showcaseShine 2s ease-out .5s}@keyframes showcaseShine{0%{left:-100%}to{left:100%}}.showcase-icon{font-size:7rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));z-index:1}.showcase-name{font-size:2.5rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1}.selected-by{font-size:1.25rem;color:#fffc;z-index:1}.selected-by strong{color:gold}.get-ready-text{font-size:2rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.1em;padding:.75rem 2rem;background:#ffffff1a;border-radius:40px;border:2px solid rgba(255,255,255,.2);z-index:1}@media (min-width: 1920px){.category-select-content,.category-selected-content{gap:2rem}.category-main-title{font-size:4.5rem}.category-title-badge{font-size:1.1rem;padding:10px 30px}.picker-avatar-ring{width:90px;height:90px}.picker-emoji{font-size:3rem}.picker-name{font-size:2.5rem}.category-timer-ring{width:130px;height:130px}.timer-value{font-size:3rem}.category-grid{max-width:950px;gap:1.5rem}.category-card{padding:2.5rem 2rem;gap:1rem}.category-icon{font-size:5rem}.category-name{font-size:1.6rem}.showcase-icon{font-size:9rem}.showcase-name{font-size:3rem}.selected-category-showcase{padding:4rem 6rem}}@media (max-width: 1400px){.category-select-content,.category-selected-content{gap:1.25rem}.category-main-title{font-size:3rem}.category-grid{max-width:680px}}@media (max-width: 900px){.category-select-content,.category-selected-content{gap:1rem;padding:1.5rem}.category-title-badge{font-size:.75rem;padding:6px 18px}.category-main-title{font-size:2.25rem}.picker-spotlight{padding:.75rem 1.5rem;gap:1rem}.picker-avatar-ring{width:55px;height:55px}.picker-emoji{font-size:2rem}.picker-label{font-size:.8rem}.picker-name{font-size:1.5rem}.category-timer-ring{width:80px;height:80px}.timer-value{font-size:2rem}.category-grid{gap:1rem;max-width:550px}.category-card{padding:1.25rem 1rem;border-radius:18px}.category-icon{font-size:3rem}.category-name{font-size:1rem}.category-hint{font-size:.95rem}.showcase-icon{font-size:5rem}.showcase-name{font-size:1.75rem}.selected-category-showcase{padding:2rem 3rem;border-radius:24px}.selected-badge,.get-ready-text{font-size:1.5rem}}@media (max-width: 600px){.category-select-content,.category-selected-content{gap:.75rem;padding:1rem}.category-title-badge{font-size:.65rem;padding:5px 14px;letter-spacing:2px;margin-bottom:.5rem}.category-main-title{font-size:1.75rem}.picker-spotlight{padding:.6rem 1.25rem;gap:.75rem}.picker-avatar-ring{width:45px;height:45px}.picker-emoji{font-size:1.5rem}.picker-label{font-size:.7rem;letter-spacing:1px}.picker-name{font-size:1.25rem}.category-timer-ring{width:65px;height:65px}.timer-value{font-size:1.5rem}.category-grid{gap:.75rem;max-width:100%;padding:0 .5rem}.category-card{padding:1rem .75rem;gap:.5rem;border-radius:14px}.category-icon{font-size:2.25rem}.category-name{font-size:.8rem;letter-spacing:0}.category-hint{font-size:.85rem}.celebration-burst{width:250px;height:250px}.burst-ray{height:125px}.selected-badge{font-size:1.25rem;gap:.5rem}.badge-icon{width:32px;height:32px;font-size:1rem}.showcase-icon{font-size:4rem}.showcase-name{font-size:1.4rem}.selected-category-showcase{padding:1.5rem 2rem;border-radius:20px;gap:1rem}.selected-by{font-size:1rem}.get-ready-text{font-size:1.25rem;padding:.5rem 1.5rem}}@media (max-height: 700px){.category-select-content,.category-selected-content{gap:.75rem;padding:1rem}.category-main-title{font-size:2rem}.picker-spotlight{padding:.5rem 1.25rem}.picker-avatar-ring{width:50px;height:50px}.picker-emoji{font-size:1.75rem}.picker-name{font-size:1.25rem}.category-timer-ring{width:70px;height:70px}.timer-value{font-size:1.75rem}.category-grid{gap:.75rem}.category-card{padding:1rem .75rem}.category-icon{font-size:2.5rem}.category-name{font-size:.9rem}.category-hint{font-size:.9rem;margin-top:.25rem}.showcase-icon{font-size:4.5rem}.showcase-name{font-size:1.5rem}.selected-category-showcase{padding:1.5rem 2.5rem}.selected-badge,.get-ready-text{font-size:1.25rem}}@media (max-height: 550px){.category-select-content,.category-selected-content{gap:.5rem;padding:.75rem}.category-header{display:none}.picker-announcement,.category-timer-container{margin:0}.category-timer-ring{width:55px;height:55px}.timer-value{font-size:1.5rem}.category-card{padding:.75rem .5rem}.category-icon{font-size:2rem}.category-name{font-size:.75rem}.category-hint,.celebration-burst{display:none}.selected-badge{font-size:1rem}.showcase-icon{font-size:3.5rem}.showcase-name{font-size:1.25rem}.selected-category-showcase{padding:1rem 1.5rem;gap:.75rem}.selected-by{font-size:.9rem}.get-ready-text{font-size:1rem;padding:.4rem 1.25rem}}.winner-reveal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#2d1f3d,#1a1a2e);overflow:hidden}.winner-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.winner-particle{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,gold,#ff9500);border-radius:50%;animation:winner-particle-rise linear infinite;opacity:0}@keyframes winner-particle-rise{0%{transform:translateY(100vh) scale(.5);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) scale(1);opacity:0}}.buildup-stage{display:flex;flex-direction:column;align-items:center;gap:30px}.trophy-icon{font-size:150px;filter:drop-shadow(0 0 40px rgba(255,215,0,.5))}.buildup-text{font-size:64px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:6px;text-shadow:0 4px 30px rgba(0,0,0,.5)}.place-card{position:absolute;display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 40px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:3px solid rgba(255,255,255,.2);min-width:200px}.place-card.third-place{bottom:120px;left:100px}.place-card.second-place{bottom:160px;right:100px}.place-badge{padding:10px 30px;border-radius:20px;font-size:24px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.place-badge.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff;box-shadow:0 4px 20px #cd7f3266}.place-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#333;box-shadow:0 4px 20px #c0c0c066}.place-badge.gold{background:linear-gradient(135deg,gold,#ffb300);color:#333;box-shadow:0 4px 20px #ffd70099;font-size:28px;padding:14px 40px}.mystery{font-size:80px;font-weight:900;color:#ffffff4d;animation:mystery-pulse 1.5s ease-in-out infinite}@keyframes mystery-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.player-info{display:flex;flex-direction:column;align-items:center;gap:12px}.player-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000004d}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-name{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.player-score{font-size:22px;font-weight:600;color:#ffffffb3}.winner-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:50px 80px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:40px;border:4px solid rgba(255,215,0,.5);box-shadow:0 0 60px #ffd7004d,0 20px 80px #0006,inset 0 0 60px #ffd7001a}.winner-crown{font-size:80px;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));position:absolute;top:-50px}.winner-avatar{width:180px;height:180px;border-radius:50%;overflow:hidden;border:6px solid #ffd700;box-shadow:0 0 40px #ffd70080,0 8px 30px #0006}.winner-avatar img{width:100%;height:100%;object-fit:cover}.winner-name-text{font-size:56px;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px rgba(255,215,0,.8),0 4px 20px rgba(0,0,0,.5);margin:0}.winner-score-display{font-size:36px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti{position:absolute;border-radius:2px}@media (max-width: 1200px){.place-card.third-place{left:50px;bottom:100px}.place-card.second-place{right:50px;bottom:140px}.winner-card{padding:40px 60px}.winner-avatar{width:140px;height:140px}.winner-name-text{font-size:44px}}@media (max-width: 900px){.place-card{position:relative;bottom:auto;left:auto;right:auto}.winner-reveal{gap:20px}.buildup-text{font-size:48px}.trophy-icon{font-size:100px}}.final-scores{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:40px 60px;background:linear-gradient(135deg,#0d1b2a,#1b263b,#0d1b2a);overflow:hidden}.final-scores-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:.1}.pattern-shape{position:absolute;width:40px;height:40px;border:2px solid #ffd700;border-radius:50%;animation:pattern-pulse 3s ease-in-out infinite}@keyframes pattern-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.1}}.final-scores-title{font-size:72px;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:8px;text-shadow:0 0 30px rgba(255,215,0,.5),0 4px 20px rgba(0,0,0,.5);margin-bottom:40px;z-index:1}.standings-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:900px;z-index:1}.standing-row{display:grid;grid-template-columns:80px 80px 1fr 150px 200px;align-items:center;gap:20px;padding:16px 24px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.standing-row.hidden{opacity:0;transform:translate(-50px)}.standing-row.revealed{opacity:1;transform:translate(0)}.standing-row.rank-1{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-color:#ffd70080;box-shadow:0 0 30px #ffd70033;transform:scale(1.02)}.standing-row.rank-2{background:linear-gradient(135deg,#c0c0c026,#a9a9a91a);border-color:#c0c0c066}.standing-row.rank-3{background:linear-gradient(135deg,#cd7f3226,#a0522d1a);border-color:#cd7f3266}.standing-rank{display:flex;align-items:center;justify-content:center}.rank-medal{font-size:48px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.rank-number{font-size:32px;font-weight:900;color:#fff9}.standing-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000004d}.standing-row.rank-1 .standing-avatar{border-color:gold;box-shadow:0 0 20px #ffd70066}.standing-row.rank-2 .standing-avatar{border-color:silver}.standing-row.rank-3 .standing-avatar{border-color:#cd7f32}.standing-avatar img{width:100%;height:100%;object-fit:cover}.standing-name{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.standing-row.rank-1 .standing-name{color:gold;font-size:32px}.standing-score{display:flex;align-items:baseline;gap:8px;font-size:36px;font-weight:900;color:#fff}.standing-row.rank-1 .standing-score{color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.score-label{font-size:18px;font-weight:600;color:#ffffff80}.score-bar-container{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.score-bar{height:100%;background:linear-gradient(90deg,#4ecdc4,#45b7d1);border-radius:6px;transform-origin:left}.standing-row.rank-1 .score-bar{background:linear-gradient(90deg,gold,#ffb300)}.standing-row.rank-2 .score-bar{background:linear-gradient(90deg,silver,#a8a8a8)}.standing-row.rank-3 .score-bar{background:linear-gradient(90deg,#cd7f32,sienna)}.play-again-btn{margin-top:40px;padding:24px 70px;font-size:32px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border:none;border-radius:20px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 8px #c45000,0 12px 30px #0006;cursor:pointer;transition:transform .1s ease,filter .1s ease;position:relative;overflow:hidden;z-index:1}.play-again-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.play-again-btn:hover{filter:brightness(1.1)}.play-again-btn:active{transform:translateY(6px);box-shadow:0 2px #c45000,0 4px 15px #0006}@media (max-width: 1000px){.standing-row{grid-template-columns:60px 60px 1fr 100px;gap:12px;padding:12px 16px}.score-bar-container{display:none}.final-scores-title{font-size:56px}.standing-name{font-size:22px}.standing-score{font-size:28px}}@media (max-width: 700px){.final-scores{padding:20px}.final-scores-title{font-size:40px;letter-spacing:4px}.standing-row{grid-template-columns:50px 50px 1fr auto;gap:8px;padding:10px 12px}.standing-avatar{width:40px;height:40px}.rank-medal{font-size:36px}.standing-name{font-size:18px}.standing-score{font-size:22px}.play-again-btn{padding:18px 50px;font-size:24px}}.video-layer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-dark)}.video-layer img,.video-layer video{width:100%;height:100%;object-fit:cover}.video-layer.has-alpha{background:transparent}.video-placeholder{max-width:100%;max-height:100%}.scoreboard{display:flex;flex-direction:column;gap:clamp(10px,2vmin,20px);width:100%;max-width:min(700px,95%);position:relative}.scoreboard-entry{display:flex;align-items:center;gap:clamp(12px,2.5vmin,25px);background:linear-gradient(135deg,#12122af2,#0a0a1af2);padding:clamp(12px,2.4vmin,24px) clamp(16px,3.5vmin,35px);border-radius:clamp(12px,2vmin,20px);border:clamp(2px,.3vmin,3px) solid rgba(0,212,255,.2);transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;opacity:0;transform:translate(-50px) scale(.9)}.scoreboard-entry.hidden{opacity:0;transform:translate(-50px) scale(.9);height:0;padding:0;margin:0;border:none;overflow:hidden}.scoreboard-entry.revealed{animation:scoreRevealPop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scoreRevealPop{0%{opacity:0;transform:translate(-50px) scale(.9)}60%{opacity:1;transform:translate(10px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}.scoreboard-entry.rank-1{background:linear-gradient(135deg,gold,orange,gold);background-size:200% 200%;color:#1a1a2e;transform:scale(1.08);border:none;box-shadow:0 0 50px #ffd70099,0 0 100px #ffd7004d,0 15px 50px #ffa50066,inset 0 2px #fff6;animation:staggerFadeIn .6s ease-out .8s both,shimmer 3s ease-in-out infinite 1.4s,winnerPulse 2s ease-in-out infinite 1.4s}@keyframes winnerPulse{0%,to{transform:scale(1.08);box-shadow:0 0 50px #ffd70099,0 0 100px #ffd7004d,0 15px 50px #ffa50066}50%{transform:scale(1.1);box-shadow:0 0 70px #ffd700cc,0 0 140px #ffd70066,0 20px 60px #ffa50080}}.scoreboard-entry.rank-1:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite 1.5s}.scoreboard-entry.rank-1:after{content:"👑";position:absolute;top:clamp(-12px,-2vmin,-20px);right:clamp(10px,2vmin,20px);font-size:clamp(24px,4.2vmin,42px);animation:crownBounce 1.5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.scoreboard-entry.rank-2{background:linear-gradient(135deg,#e8e8e8,silver,#a8a8a8);color:#1a1a2e;transform:scale(1.03);border:none;box-shadow:0 0 30px #c0c0c066,0 10px 40px #0000004d,inset 0 2px #ffffff80}.scoreboard-entry.rank-2:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s ease-in-out infinite 2s}.scoreboard-entry.rank-3{background:linear-gradient(135deg,#cd7f32,#b8860b,#8b4513);color:#fff;transform:scale(1.01);border:none;box-shadow:0 0 25px #cd7f3266,0 10px 35px #0000004d,inset 0 2px #ffffff4d}.scoreboard-entry.rank-3:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s ease-in-out infinite 2.5s}.rank{font-size:clamp(24px,4.2vmin,42px);font-weight:900;min-width:clamp(40px,8vmin,80px);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.scoreboard-entry:not(.rank-1):not(.rank-2):not(.rank-3) .rank{color:var(--neon-yellow);text-shadow:var(--text-glow-yellow)}.player-info{flex:1}.player-info .name{font-size:clamp(18px,3.2vmin,32px);font-weight:800;text-transform:uppercase;letter-spacing:clamp(.5px,.1vmin,1px)}.scoreboard-entry.rank-1 .name{text-shadow:0 2px 4px rgba(0,0,0,.3)}.scoreboard-entry:not(.rank-1):not(.rank-2):not(.rank-3) .name{color:var(--color-text)}.score{font-size:clamp(22px,3.8vmin,38px);font-weight:900;letter-spacing:clamp(1px,.2vmin,2px)}.scoreboard-entry.rank-1 .score{color:#1a1a2e;text-shadow:0 2px 4px rgba(0,0,0,.2)}.scoreboard-entry.rank-2 .score,.scoreboard-entry.rank-3 .score{text-shadow:0 2px 4px rgba(0,0,0,.2)}.scoreboard-entry:not(.rank-1):not(.rank-2):not(.rank-3) .score{color:var(--neon-blue);text-shadow:var(--text-glow-blue)}.scoreboard-entry:not(.rank-1):not(.rank-2):not(.rank-3){opacity:.85}.scoreboard-entry:not(.rank-1):not(.rank-2):not(.rank-3):hover{opacity:1;transform:scale(1.02);border-color:#00d4ff66}:root{--stage-primary-orange: #ff9800;--stage-primary-orange-light: #ffb74d;--stage-primary-blue: #1565c0;--stage-primary-blue-dark: #0d47a1;--stage-accent-yellow: #ffd54f;--stage-text-white: #ffffff;--stage-text-muted: rgba(255, 255, 255, .7);--stage-glass-bg: rgba(255, 255, 255, .08);--stage-glass-border: rgba(255, 255, 255, .12)}.game-stage{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.game-stage-content{position:relative;width:100%;height:100%;overflow:hidden}.layer-background,.layer-foreground,.layer-ui{position:absolute;top:0;left:0;width:100%;height:100%}.layer-background{display:none}.layer-foreground{pointer-events:none;z-index:20}.layer-ui{z-index:30;display:flex;flex-direction:column;align-items:center;padding:clamp(16px,3vmin,40px)}.lobby-overlay{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.5vmin,30px);text-align:center;padding-top:clamp(16px,2.5vmin,30px);animation:fadeIn .8s ease-out;width:100%;max-width:100%;overflow:hidden}.game-logo{width:clamp(200px,40vmin,500px);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:logoFloatLobby 4s ease-in-out infinite}@keyframes logoFloatLobby{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.intro-logo{width:clamp(280px,50vmin,700px)}.animated-logo{animation:explosiveReveal .8s ease-out,logoBounce .6s ease-in-out infinite .8s}@keyframes logoBounce{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(255,149,0,.6)) drop-shadow(0 0 60px rgba(255,215,0,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(255,149,0,.8)) drop-shadow(0 0 100px rgba(255,215,0,.6))}}.join-info{display:flex;align-items:center;gap:clamp(20px,4vmin,60px);animation:slideUpDramatic .6s ease-out .2s both;flex-wrap:wrap;justify-content:center}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vmin,24px);background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(20px,3vmin,40px);border-radius:clamp(12px,2vmin,24px);border:2px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080}.qr-code-container svg{width:clamp(120px,18vmin,220px)!important;height:clamp(120px,18vmin,220px)!important}.qr-label{font-size:clamp(14px,2vmin,28px);color:var(--stage-text-white);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);font-weight:700}.join-divider{font-size:clamp(24px,4vmin,48px);font-weight:900;color:#ffffff40;text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px)}.manual-join{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.5vmin,30px);background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(24px,4vmin,50px) clamp(32px,5vmin,70px);border-radius:clamp(12px,2vmin,24px);border:2px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080}.visit-url{display:flex;align-items:baseline;gap:clamp(8px,1.5vmin,16px);flex-wrap:wrap;justify-content:center}.visit-text{font-size:clamp(16px,2.5vmin,32px);color:var(--stage-text-muted);font-weight:500}.url-highlight{font-size:clamp(28px,4.5vmin,56px);font-weight:900;color:var(--stage-accent-yellow);letter-spacing:clamp(1px,.2vmin,2px);text-shadow:0 4px 20px rgba(255,193,7,.4)}.room-code-section{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.5vmin,16px)}.room-code-label{font-size:clamp(12px,2vmin,24px);color:var(--stage-text-muted);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);font-weight:600}.room-code-value{font-size:clamp(48px,8vmin,100px);font-weight:900;letter-spacing:clamp(8px,1.5vmin,16px);color:var(--stage-accent-yellow);text-shadow:0 6px 20px rgba(0,0,0,.5),0 0 40px rgba(255,193,7,.3);font-family:inherit;line-height:1}.players-list{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(20px,3vmin,35px) clamp(24px,4vmin,50px);border-radius:clamp(12px,1.5vmin,20px);min-width:min(450px,90vw);max-width:90vw;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006;animation:slideUpDramatic .6s ease-out .4s both}.players-list h2{font-size:clamp(14px,2vmin,24px);margin-bottom:clamp(12px,2vmin,24px);color:var(--stage-text-white);text-transform:uppercase;letter-spacing:clamp(1px,.3vmin,3px);text-align:center;font-weight:700}.players-list .waiting{font-size:clamp(12px,1.5vmin,18px);color:var(--stage-text-muted);font-style:italic;text-align:center;padding:clamp(12px,1.5vmin,20px) 0}.players-list ul{list-style:none;display:flex;flex-direction:column;gap:clamp(10px,1.5vmin,18px)}.players-list li{font-size:clamp(16px,2.2vmin,26px);font-weight:600;padding:clamp(10px,1.5vmin,16px) clamp(16px,2.2vmin,28px);background:#ffffff0d;border-radius:clamp(8px,1vmin,12px);color:var(--stage-text-white);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:staggerFadeIn .5s ease-out both}.players-list li:nth-child(1){animation-delay:.1s}.players-list li:nth-child(2){animation-delay:.2s}.players-list li:nth-child(3){animation-delay:.3s}.players-list li:nth-child(4){animation-delay:.4s}.players-list li.ready{color:#69f0ae;background:#69f0ae26;border-color:#69f0ae;transform:scale(1.02)}.vip-hint{font-size:clamp(10px,1.3vmin,16px);color:#ffffff80;font-style:normal;margin-top:clamp(6px,1vmin,10px);font-weight:500}.players-list .audio-enable-button{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vmin,12px);width:100%;padding:clamp(12px,1.5vmin,16px) clamp(20px,2.5vmin,32px);margin-top:clamp(16px,2vmin,24px);font-size:clamp(14px,1.5vmin,18px);font-weight:700;background:linear-gradient(180deg,#ff5252,#d32f2f);color:#fff;border:none;border-radius:clamp(8px,1vmin,12px);cursor:pointer;box-shadow:0 4px #b71c1c,0 6px 20px #0000004d;animation:pulse-attention 1.5s ease-in-out infinite;transition:transform .1s ease}.players-list .audio-enable-button:hover{transform:translateY(-2px)}.players-list .audio-enable-button:active{transform:translateY(2px);box-shadow:0 2px #b71c1c,0 3px 10px #0000004d}.players-list .audio-enable-button .audio-icon{font-size:clamp(16px,1.8vmin,22px)}@keyframes pulse-attention{0%,to{transform:scale(1);box-shadow:0 4px #b71c1c,0 6px 20px #0000004d}50%{transform:scale(1.05);box-shadow:0 4px #b71c1c,0 6px 30px #ff525280}}.start-button{padding:clamp(16px,2.5vmin,28px) clamp(40px,6vmin,80px);font-size:clamp(20px,3vmin,36px);font-weight:800;background:linear-gradient(180deg,#ffb74d 0%,var(--stage-primary-orange) 100%);color:var(--stage-text-white);border:none;border-radius:clamp(12px,1.5vmin,20px);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);text-shadow:0 3px 6px rgba(0,0,0,.4);box-shadow:0 8px #c45000,0 12px 30px #0006;animation:slideUpDramatic .6s ease-out .6s both;transition:transform .1s ease,filter .1s ease;position:relative;overflow:hidden;cursor:pointer}.start-button:hover:not(:disabled){filter:brightness(1.1)}.start-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #c45000,0 4px 15px #0006}.start-button:disabled{background:linear-gradient(180deg,#666,#444);box-shadow:0 6px #333,0 8px 20px #0000004d;color:#999;cursor:not-allowed;filter:grayscale(30%)}.instructions-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(20px,3vmin,35px);height:100%;text-align:center;animation:fadeIn .5s ease-out;padding:clamp(16px,2vmin,24px)}.instructions-overlay h1{font-size:clamp(32px,6vmin,72px);font-weight:900;color:var(--neon-yellow);text-shadow:var(--text-glow-yellow);text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px);animation:explosiveReveal .8s ease-out}.instructions-overlay p{font-size:clamp(18px,3vmin,34px);color:var(--color-text);max-width:min(700px,90vw);line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.5)}.instructions-overlay video{max-width:80%;max-height:clamp(200px,35vmin,400px);border-radius:clamp(12px,1.5vmin,20px);box-shadow:0 0 50px #00d4ff4d,0 20px 60px #00000080;border:3px solid rgba(0,212,255,.5)}.instructions-overlay.video-fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;gap:0;background:#000;z-index:100}.instructions-overlay.video-fullscreen .explanation-video{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border:none;border-radius:0;box-shadow:none;background:#000}.instructions-overlay.video-fullscreen .skip-button{position:absolute;bottom:clamp(16px,2.5vmin,30px);right:clamp(16px,2.5vmin,30px);z-index:101;opacity:.7;transition:opacity .3s ease}.instructions-overlay.video-fullscreen .skip-button:hover{opacity:1}.tap-to-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:101;cursor:pointer;animation:fadeIn .3s ease-out}.tap-to-play-content{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.5vmin,20px);padding:clamp(24px,3vmin,40px) clamp(36px,5vmin,60px);background:#ffffff1a;border-radius:clamp(16px,2vmin,24px);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse-glow 2s ease-in-out infinite}.tap-to-play-content .tap-icon{font-size:clamp(40px,7vmin,80px);color:#fff;text-shadow:0 0 20px rgba(255,152,0,.8)}.tap-to-play-content span{font-size:clamp(16px,2.5vmin,28px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,3px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff98004d;transform:scale(1)}50%{box-shadow:0 0 40px #ff980099;transform:scale(1.02)}}.instruction-icon{font-size:clamp(70px,12vmin,140px);animation:explosiveReveal .8s ease-out,neonPulse 1.5s ease-in-out infinite .8s;filter:drop-shadow(0 0 30px rgba(255,230,0,.5))}.skip-button{padding:clamp(12px,1.5vmin,18px) clamp(28px,4vmin,45px);font-size:clamp(14px,1.8vmin,22px);font-weight:600;background:#ffffff0d;color:var(--color-text-muted);border-radius:clamp(10px,1.2vmin,14px);border:2px solid rgba(255,255,255,.2);transition:all .3s ease;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,2px)}.skip-button:hover{background:#ffffff1a;color:var(--color-text);border-color:var(--neon-blue);box-shadow:0 0 20px #00d4ff4d}.question-intro-overlay{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vmin,25px);text-align:center;padding-top:clamp(30px,5vmin,60px);padding-bottom:clamp(100px,15vmin,180px)}.question-intro-overlay .question-number{font-size:clamp(14px,2.2vmin,26px);color:var(--neon-blue);text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px);text-shadow:var(--text-glow-blue);animation:slideUpDramatic .5s ease-out}.question-intro-overlay .question-category{font-size:clamp(16px,2.5vmin,28px);font-weight:700;color:var(--neon-purple);background:#b24dff26;padding:clamp(8px,1vmin,12px) clamp(20px,3vmin,35px);border-radius:clamp(20px,2.5vmin,30px);border:2px solid rgba(178,77,255,.5);box-shadow:0 0 20px #b24dff4d;text-transform:uppercase;letter-spacing:clamp(1px,.2vmin,3px);animation:explosiveReveal .6s ease-out .2s both}.question-intro-overlay .question-text-large{font-size:clamp(28px,4.5vmin,54px);font-weight:800;color:var(--color-text);max-width:min(1000px,90vw);line-height:1.3;text-shadow:0 4px 20px rgba(0,0,0,.5);animation:slideUpDramatic .7s ease-out .3s both}.question-intro-overlay .get-ready{font-size:clamp(24px,3.5vmin,42px);font-weight:700;color:var(--neon-yellow);text-shadow:var(--text-glow-yellow);animation:neonPulse .8s ease-in-out infinite;margin-top:clamp(20px,3vmin,40px);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px)}.question-intro-overlay .transition-text{font-size:clamp(36px,6vmin,72px);font-weight:900;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 30px var(--neon-pink),0 0 60px var(--neon-pink);text-transform:uppercase;letter-spacing:clamp(4px,.6vmin,8px);animation:pulseGlow .6s ease-in-out infinite alternate;margin-bottom:clamp(10px,1.5vmin,20px)}@keyframes pulseGlow{0%{transform:scale(1);text-shadow:0 0 10px var(--neon-pink),0 0 30px var(--neon-pink)}to{transform:scale(1.05);text-shadow:0 0 20px var(--neon-pink),0 0 40px var(--neon-pink),0 0 80px var(--neon-pink)}}.reveal-overlay{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vmin,35px);margin-top:auto;margin-bottom:clamp(60px,10vmin,120px);animation:fadeIn .4s ease-out}.reveal-overlay h2{font-size:clamp(22px,3.5vmin,38px);color:var(--neon-blue);text-shadow:var(--text-glow-blue);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);animation:slideUpDramatic .5s ease-out}.correct-answer-display{display:flex;align-items:center;gap:clamp(14px,2vmin,25px);padding:clamp(18px,2.5vmin,30px) clamp(32px,5vmin,60px);background:linear-gradient(135deg,#0f83,#00ff881a);border:4px solid var(--neon-green);border-radius:clamp(16px,2vmin,24px);box-shadow:0 0 40px #0f86,0 0 80px #0f83,inset 0 0 40px #00ff881a;animation:explosiveReveal .7s ease-out}.correct-answer-display .answer-letter{font-size:clamp(32px,4.5vmin,56px);font-weight:900;color:var(--neon-green);background:#0f83;width:clamp(50px,7vmin,85px);height:clamp(50px,7vmin,85px);display:flex;align-items:center;justify-content:center;border-radius:clamp(10px,1.3vmin,16px);text-shadow:var(--text-glow-green);border:3px solid var(--neon-green)}.correct-answer-display .answer-text{font-size:clamp(22px,3.2vmin,38px);font-weight:700;color:var(--color-text);text-shadow:0 2px 10px rgba(0,0,0,.5)}.player-results{display:flex;gap:clamp(14px,2vmin,25px);flex-wrap:wrap;justify-content:center;animation:slideUpDramatic .6s ease-out .3s both}.player-results .result{display:flex;align-items:center;gap:clamp(10px,1.2vmin,15px);padding:clamp(12px,1.5vmin,18px) clamp(20px,3vmin,35px);border-radius:clamp(10px,1.3vmin,16px);font-size:clamp(16px,2.2vmin,26px);font-weight:600;transition:all .3s ease}.player-results .result.correct{background:linear-gradient(135deg,#0f83,#00ff881a);border:3px solid var(--neon-green);box-shadow:0 0 25px #00ff884d;animation:scorePop .5s ease-out}.player-results .result.wrong{background:linear-gradient(135deg,#f353,#ff33551a);border:3px solid var(--color-wrong);box-shadow:0 0 25px #ff33554d;animation:shakeIntense .5s ease-out}.player-results .icon{font-size:clamp(20px,2.7vmin,32px)}.player-results .result.correct .icon{color:var(--neon-green);text-shadow:var(--text-glow-green)}.player-results .result.wrong .icon{color:var(--color-wrong);text-shadow:0 0 10px var(--color-wrong)}.score-animation-overlay{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3vmin,35px);padding-top:clamp(30px,4vmin,50px);animation:fadeIn .4s ease-out}.score-animation-overlay h2{font-size:clamp(32px,4.5vmin,56px);font-weight:900;color:var(--neon-yellow);text-shadow:var(--text-glow-yellow);text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px);animation:explosiveReveal .6s ease-out}.score-updates{display:flex;flex-direction:column;gap:clamp(10px,1.5vmin,18px);min-width:min(350px,90vw)}.score-gain{display:flex;justify-content:space-between;align-items:center;padding:clamp(14px,1.8vmin,20px) clamp(20px,3vmin,35px);background:linear-gradient(135deg,#0f83,#00ff881a);border:3px solid var(--neon-green);border-radius:clamp(10px,1.3vmin,16px);box-shadow:0 0 30px #00ff884d;animation:scorePop .6s ease-out both}.score-gain:nth-child(1){animation-delay:.1s}.score-gain:nth-child(2){animation-delay:.2s}.score-gain:nth-child(3){animation-delay:.3s}.score-gain:nth-child(4){animation-delay:.4s}.score-gain .name{font-size:clamp(16px,2.2vmin,26px);font-weight:600;color:var(--color-text)}.score-gain .points{font-size:clamp(20px,2.7vmin,32px);font-weight:900;color:var(--neon-green);text-shadow:var(--text-glow-green)}.current-standings{display:flex;flex-direction:column;gap:clamp(8px,1.2vmin,14px);min-width:min(500px,90vw);margin-top:clamp(14px,2vmin,25px)}.standing{display:flex;align-items:center;gap:clamp(12px,1.6vmin,20px);padding:clamp(12px,1.5vmin,18px) clamp(18px,2.5vmin,30px);background:linear-gradient(135deg,#12122ae6,#0a0a1ae6);border-radius:clamp(10px,1.3vmin,16px);border:2px solid rgba(0,212,255,.2);animation:staggerFadeIn .5s ease-out both;transition:all .4s ease}.standing:nth-child(1){animation-delay:.2s;border-color:var(--neon-yellow);box-shadow:0 0 25px #ffe6004d}.standing:nth-child(2){animation-delay:.3s}.standing:nth-child(3){animation-delay:.4s}.standing:nth-child(4){animation-delay:.5s}.standing .rank{font-size:clamp(18px,2.4vmin,28px);font-weight:900;color:var(--neon-yellow);text-shadow:var(--text-glow-yellow);min-width:clamp(36px,5vmin,60px)}.standing:first-child .rank{color:var(--neon-yellow)}.standing .name{font-size:clamp(16px,2.2vmin,26px);font-weight:600;color:var(--color-text);flex:1}.standing .score{font-size:clamp(20px,2.7vmin,32px);font-weight:900;color:var(--neon-blue);text-shadow:var(--text-glow-blue)}.final-overlay{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,4vmin,50px);padding-top:clamp(36px,5vmin,60px);animation:fadeIn .5s ease-out}.final-overlay h1{font-size:clamp(40px,6.5vmin,80px);font-weight:900;color:var(--neon-yellow);text-shadow:var(--text-glow-yellow),0 0 60px rgba(255,230,0,.5);text-transform:uppercase;letter-spacing:clamp(4px,.6vmin,8px);animation:explosiveReveal .8s ease-out,neonPulse 2s ease-in-out infinite .8s}.play-again-button{padding:clamp(16px,2.5vmin,28px) clamp(40px,6vmin,80px);font-size:clamp(20px,3vmin,36px);font-weight:800;background:linear-gradient(180deg,#ffb74d 0%,var(--stage-primary-orange) 100%);color:var(--stage-text-white);border:none;border-radius:clamp(12px,1.5vmin,20px);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);text-shadow:0 3px 6px rgba(0,0,0,.4);box-shadow:0 8px #c45000,0 12px 30px #0006;transition:transform .1s ease,filter .1s ease;position:relative;overflow:hidden;animation:slideUpDramatic .6s ease-out .5s both;cursor:pointer}.play-again-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.play-again-button:hover{filter:brightness(1.1)}.play-again-button:active{transform:translateY(6px);box-shadow:0 2px #c45000,0 4px 15px #0006}.intro-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.5vmin,30px);animation:fadeIn .5s ease-out;height:100%}.intro-subtitle{font-size:clamp(28px,4vmin,48px);font-weight:700;color:var(--neon-blue);text-shadow:var(--text-glow-blue);text-transform:uppercase;letter-spacing:clamp(4px,.6vmin,8px);animation:slideUpDramatic .6s ease-out .3s both,neonPulse 1.5s ease-in-out infinite .9s}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:100;animation:fadeIn .3s ease-out}.pending-message{animation:fadeIn .5s ease-out}.pending-message h2{font-size:clamp(36px,5.5vmin,64px);font-weight:700;color:var(--neon-blue);text-shadow:var(--text-glow-blue);text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px);animation:neonPulse 1.5s ease-in-out infinite}.countdown-display{display:flex;align-items:center;justify-content:center}.countdown-number{font-size:clamp(150px,25vmin,300px);font-weight:900;color:var(--neon-pink);text-shadow:0 0 30px var(--neon-pink),0 0 60px var(--neon-pink),0 0 100px var(--neon-pink),0 0 150px var(--neon-pink);animation:countdownPop .8s ease-out}@keyframes countdownPop{0%{transform:scale(3);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.intro-final-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);z-index:100;animation:fadeIn .3s ease-out}.round-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2vmin,24px);background:linear-gradient(135deg,#1a1a2e,#2d1f3d,#1a1a2e);overflow:hidden;z-index:100}.round-intro-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.round-particle{position:absolute;width:clamp(4px,.7vmin,8px);height:clamp(4px,.7vmin,8px);background:linear-gradient(135deg,#ff9800,#ffd54f);border-radius:50%;animation:round-particle-float linear infinite;opacity:0}@keyframes round-particle-float{0%{transform:translateY(100vh);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px);opacity:0}}.round-badge{display:inline-flex;background:linear-gradient(135deg,#ff9800,#f57c00);padding:clamp(8px,1.2vmin,14px) clamp(28px,4vmin,48px);border-radius:clamp(18px,2.5vmin,30px);font-size:clamp(12px,1.5vmin,18px);font-weight:800;color:#fff;letter-spacing:clamp(1px,.2vmin,3px);box-shadow:0 4px 20px #ff980066}.round-intro-overlay .round-number{font-size:clamp(50px,8.5vmin,100px);font-weight:900;color:#ff9800;text-shadow:0 4px 30px rgba(255,152,0,.5);text-transform:uppercase;letter-spacing:clamp(4px,.6vmin,8px);line-height:1}.round-subtitle{font-size:clamp(24px,3.5vmin,42px);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px)}.round-results-overlay{display:flex;flex-direction:column;align-items:center;gap:clamp(30px,4vmin,50px);padding-top:clamp(36px,5vmin,60px);animation:fadeIn .5s ease-out}.round-results-overlay h1{font-size:clamp(36px,5vmin,60px);font-weight:900;color:var(--neon-blue);text-shadow:var(--text-glow-blue);text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px);animation:explosiveReveal .8s ease-out}.winner-reveal-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,3.5vmin,40px);height:100%;animation:fadeIn .5s ease-out}.winner-reveal-overlay h1{font-size:clamp(28px,4.2vmin,50px);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:clamp(2px,.3vmin,4px);animation:slideUpDramatic .6s ease-out}.winner-name{font-size:clamp(50px,8.5vmin,100px);font-weight:900;color:var(--neon-yellow);text-shadow:var(--text-glow-yellow),0 0 80px rgba(255,230,0,.6);text-transform:uppercase;letter-spacing:clamp(4px,.6vmin,8px);animation:explosiveReveal 1s ease-out .5s both,neonPulse 2s ease-in-out infinite 1.5s}.winner-score{font-size:clamp(22px,3vmin,36px);font-weight:700;color:var(--neon-green);text-shadow:var(--text-glow-green);animation:slideUpDramatic .6s ease-out 1s both}.paused-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;animation:fadeIn .3s ease-out}.paused-content{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.6vmin,20px);text-align:center;padding:clamp(36px,5vmin,60px) clamp(48px,7vmin,80px);background:linear-gradient(135deg,#12122af2,#0a0a1af2);border-radius:clamp(18px,2.5vmin,30px);border:3px solid rgba(255,152,0,.5);box-shadow:0 0 60px #ff98004d,0 20px 80px #0009;animation:slideUpDramatic .5s ease-out;max-width:90vw}.paused-icon{font-size:clamp(48px,7vmin,80px);animation:neonPulse 1.5s ease-in-out infinite}.paused-content h1{font-size:clamp(36px,5.5vmin,64px);font-weight:900;color:var(--stage-primary-orange);text-transform:uppercase;letter-spacing:clamp(3px,.5vmin,6px);text-shadow:0 0 30px rgba(255,152,0,.6);margin:0}.paused-reason{font-size:clamp(14px,2vmin,24px);color:#ffffffb3;font-weight:500;margin:0}.paused-countdown{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.7vmin,8px);margin:clamp(12px,1.6vmin,20px) 0}.paused-countdown .countdown-label{font-size:clamp(12px,1.5vmin,18px);color:#ffffff80;text-transform:uppercase;letter-spacing:clamp(1px,.15vmin,2px)}.paused-countdown .countdown-value{font-size:clamp(42px,6vmin,72px);font-weight:900;color:#ff5252;text-shadow:0 0 30px rgba(255,82,82,.6);animation:pulseGlow 1s ease-in-out infinite}.paused-hint{font-size:clamp(12px,1.6vmin,20px);color:#ffffff80;font-style:italic;margin:0}.back-to-home-button{padding:clamp(10px,1.5vmin,16px) clamp(24px,3.5vmin,40px);font-size:clamp(12px,1.5vmin,18px);font-weight:600;background:#ffffff1a;color:#ffffffb3;border:2px solid rgba(255,255,255,.2);border-radius:clamp(8px,1vmin,12px);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:clamp(1px,.15vmin,2px);margin-top:clamp(12px,1.5vmin,20px)}.back-to-home-button:hover{background:#ffffff26;border-color:#fff6;color:#ffffffe6}.back-to-home-button:active{transform:scale(.98)}.end-game-button{position:fixed;top:clamp(12px,2vmin,24px);right:clamp(12px,2vmin,24px);width:clamp(36px,5vmin,50px);height:clamp(36px,5vmin,50px);padding:0;font-size:clamp(18px,2.5vmin,28px);font-weight:300;line-height:1;background:#0006;color:#fff9;border:2px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:150;display:flex;align-items:center;justify-content:center}.end-game-button:hover{background:#ff52524d;border-color:#ff525299;color:#ff5252}.end-game-button:active{transform:scale(.9);background:#ff525280}.phase-transition-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center}.phase-crossfade-enter{opacity:0}.phase-crossfade-enter-active{opacity:1;transition:opacity .3s ease-out}.phase-crossfade-exit{opacity:1}.phase-crossfade-exit-active{opacity:0;transition:opacity .2s ease-in}.phase-slide-up-enter{opacity:0;transform:translateY(30px)}.phase-slide-up-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease-out,transform .4s ease-out}.phase-slide-up-exit{opacity:1;transform:translateY(0)}.phase-slide-up-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .2s ease-in,transform .2s ease-in}.phase-zoom-enter{opacity:0;transform:scale(.9)}.phase-zoom-enter-active{opacity:1;transform:scale(1);transition:opacity .4s ease-out,transform .4s cubic-bezier(.175,.885,.32,1.275)}.phase-zoom-exit{opacity:1;transform:scale(1)}.phase-zoom-exit-active{opacity:0;transform:scale(1.05);transition:opacity .2s ease-in,transform .2s ease-in}.phase-scale-down-exit{opacity:1;transform:scale(1)}.phase-scale-down-exit-active{opacity:0;transform:scale(.95);transition:opacity .25s ease-in,transform .25s ease-in}.paywall{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;padding:1rem;box-sizing:border-box}.paywall-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.paywall-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(33,150,243,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(255,152,0,.15) 0%,transparent 40%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(255,152,0,.1) 0%,transparent 40%)}.paywall-particles{position:absolute;top:0;right:0;bottom:0;left:0}.paywall-particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(255,213,79,.8) 0%,rgba(255,152,0,.4) 40%,transparent 70%);border-radius:50%;left:var(--x);bottom:-20px;animation:paywallParticleRise var(--duration) var(--delay) linear infinite;filter:blur(1px)}@keyframes paywallParticleRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}.paywall-user-bar{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:16px;z-index:10;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;border-radius:30px;border:1px solid rgba(255,255,255,.12)}.paywall-user-email{font-size:.9rem;color:#ffffffb3;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paywall-signout-btn{padding:8px 16px;font-size:.85rem;font-weight:600;color:#ffffffb3;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:20px;transition:all .2s ease;cursor:pointer}.paywall-signout-btn:hover{color:#ff6b6b;border-color:#ff6b6b80;background:#ff6b6b1a}.paywall-content{display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:10;max-width:500px;width:100%;animation:paywallFadeIn .6s ease both}@keyframes paywallFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paywall-logo{width:min(400px,80vw);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:logoFloat 4s ease-in-out infinite}.paywall-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.5rem;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.paywall-badge{display:inline-block;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:.5rem 1rem;border-radius:50px;margin-bottom:1.5rem;text-transform:uppercase}.paywall-title{font-size:2rem;font-weight:900;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.paywall-subtitle{color:#ffffffb3;font-size:1.1rem;margin-bottom:2rem}.paywall-features{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem;text-align:left}.paywall-feature{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:1rem}.paywall-feature-icon{width:24px;height:24px;background:linear-gradient(135deg,#4caf50,#69f0ae);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0}.paywall-price-section{margin-bottom:1.5rem}.paywall-price{display:flex;align-items:flex-start;justify-content:center;gap:.25rem;margin-bottom:.5rem}.paywall-currency{font-size:1.75rem;font-weight:700;color:#ffd54f;margin-top:.5rem}.paywall-amount{font-size:4rem;font-weight:900;color:#ffd54f;line-height:1;text-shadow:0 4px 12px rgba(255,213,79,.3)}.paywall-price-note{color:#fff9;font-size:.9rem}.paywall-buy-btn{width:100%;padding:1.25rem 2rem;font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;border:none;border-radius:16px;cursor:pointer;transition:transform .1s ease,filter .1s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(180deg,#ffb74d,#ff9800);box-shadow:0 6px #c45000,0 8px 20px #0000004d;margin-bottom:1rem}.paywall-buy-btn:hover{filter:brightness(1.1)}.paywall-buy-btn:active{transform:translateY(4px);box-shadow:0 2px #c45000,0 4px 10px #0000004d}.paywall-guarantee{color:#ffffff80;font-size:.85rem}.paywall-support{color:#ffffff80;font-size:.8rem;margin-top:.75rem}.paywall-support a{color:#69f0ae;text-decoration:none}.paywall-support a:hover{text-decoration:underline}.paywall-testimonial{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem 1.5rem;text-align:center;max-width:400px}.paywall-testimonial p{color:#fffc;font-size:.95rem;font-style:italic;margin-bottom:.5rem;line-height:1.5}.paywall-testimonial span{color:#ffffff80;font-size:.85rem}@media (max-width: 540px){.paywall{padding:3rem .5rem .5rem}.paywall-user-bar{top:6px;right:6px;padding:6px 10px;gap:8px}.paywall-user-email{font-size:.75rem;max-width:100px}.paywall-signout-btn{padding:6px 12px;font-size:.75rem}.paywall-content{gap:.75rem}.paywall-logo{width:min(200px,50vw)}.paywall-card{padding:1rem;border-radius:16px}.paywall-badge{font-size:.65rem;padding:.35rem .75rem;margin-bottom:.75rem}.paywall-title{font-size:1.25rem;margin-bottom:.25rem}.paywall-subtitle{font-size:.85rem;margin-bottom:1rem}.paywall-features{gap:.5rem;margin-bottom:1rem}.paywall-feature{font-size:.8rem;gap:.5rem}.paywall-feature-icon{width:18px;height:18px;font-size:.7rem}.paywall-price-section{margin-bottom:.75rem}.paywall-price{margin-bottom:.25rem}.paywall-amount{font-size:2.5rem}.paywall-currency{font-size:1.25rem;margin-top:.25rem}.paywall-price-note{font-size:.75rem}.paywall-buy-btn{padding:.85rem 1.25rem;font-size:1rem;border-radius:12px;margin-bottom:.5rem;box-shadow:0 4px #c45000,0 6px 16px #0000004d}.paywall-guarantee{font-size:.7rem}.paywall-testimonial{display:none}}:root{--host-primary-orange: #ff9800;--host-primary-orange-light: #ffb74d;--host-primary-blue: #1565c0;--host-primary-blue-dark: #0d47a1;--host-accent-yellow: #ffd54f;--host-text-white: #ffffff;--host-text-muted: rgba(255, 255, 255, .7);--host-glass-bg: rgba(255, 255, 255, .08);--host-glass-border: rgba(255, 255, 255, .12)}.host-view{width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--color-bg-dark)}.host-start-screen{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(30px,6vmin,60px);background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);position:relative;overflow:hidden;padding:clamp(16px,3vmin,40px);box-sizing:border-box}.host-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.host-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(33,150,243,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(255,152,0,.1) 0%,transparent 40%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(255,152,0,.08) 0%,transparent 40%)}.host-particles{position:absolute;top:0;right:0;bottom:0;left:0}.host-particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(255,213,79,.8) 0%,rgba(255,152,0,.4) 40%,transparent 70%);border-radius:50%;left:var(--x);bottom:-20px;animation:hostParticleRise var(--duration) var(--delay) linear infinite;filter:blur(1px)}@keyframes hostParticleRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}.host-user-bar{position:absolute;top:clamp(10px,2vmin,20px);right:clamp(10px,2vmin,20px);display:flex;align-items:center;gap:clamp(8px,1.5vmin,16px);z-index:10;background:var(--host-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(6px,1vmin,10px) clamp(10px,1.5vmin,16px);border-radius:30px;border:1px solid var(--host-glass-border)}.host-user-email{font-size:clamp(.7rem,1.5vmin,.9rem);color:var(--host-text-muted);max-width:clamp(100px,20vmin,200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-signout-btn{padding:clamp(4px,.8vmin,8px) clamp(10px,1.5vmin,16px);font-size:clamp(.7rem,1.4vmin,.85rem);font-weight:600;color:var(--host-text-muted);background:transparent;border:1px solid var(--host-glass-border);border-radius:20px;transition:all .2s ease;cursor:pointer}.host-signout-btn:hover{color:#ff6b6b;border-color:#ff6b6b80;background:#ff6b6b1a}.start-logo{width:min(700px,80vw);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:logoFloat 4s ease-in-out infinite;z-index:1}.host-start-screen .start-button{position:relative;display:inline-block;width:fit-content;max-width:fit-content;align-self:center;padding:clamp(16px,3.5vmin,30px) clamp(50px,12vmin,120px);font-size:clamp(24px,5vmin,48px);font-weight:800;text-transform:uppercase;letter-spacing:clamp(4px,.8vmin,8px);color:var(--host-text-white);border:none;border-radius:clamp(12px,2vmin,20px);cursor:pointer;transition:transform .1s ease,filter .1s ease;text-shadow:0 3px 6px rgba(0,0,0,.4);background:linear-gradient(180deg,#ffb74d 0%,var(--host-primary-orange) 100%);box-shadow:0 clamp(4px,.8vmin,8px) 0 #c45000,0 clamp(6px,1.2vmin,12px) 30px #0006;z-index:1;flex-shrink:0}.host-start-screen .start-button:hover{filter:brightness(1.1)}.host-start-screen .start-button:active{transform:translateY(clamp(3px,.6vmin,6px));box-shadow:0 2px #c45000,0 4px 15px #0006}.host-loading-screen{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,5vmin,48px);position:relative;overflow:hidden;padding:clamp(16px,3vmin,40px);box-sizing:border-box}.loading-logo{width:clamp(300px,40vw,600px);height:auto;object-fit:contain;z-index:10;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2.5vmin,24px);z-index:10}.loading-progress-container{display:flex;align-items:center;gap:clamp(10px,2vmin,20px)}.loading-progress-bar{width:clamp(200px,50vw,500px);height:clamp(10px,1.8vmin,16px);background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:20px;overflow:visible;position:relative;box-shadow:inset 0 2px 8px #0000004d}.loading-progress-fill{height:100%;background:linear-gradient(90deg,var(--host-primary-orange) 0%,var(--host-accent-yellow) 50%,var(--host-primary-orange) 100%);background-size:200% 100%;border-radius:20px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:progressShimmer 2s linear infinite;box-shadow:0 0 20px #ff980080}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-progress-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:radial-gradient(circle,var(--host-accent-yellow) 0%,transparent 70%);border-radius:50%;pointer-events:none;opacity:.8}.loading-percentage{font-size:clamp(1.2rem,3vmin,2rem);font-weight:800;color:var(--host-text-white);min-width:clamp(50px,8vmin,80px);text-shadow:0 2px 10px rgba(0,0,0,.5)}.loading-text{font-size:clamp(1rem,2.5vmin,1.5rem);font-weight:600;color:var(--host-text-muted);text-transform:uppercase;letter-spacing:.1em;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{opacity:.7}50%{opacity:1}}.connecting-spinner{width:clamp(50px,10vmin,80px);height:clamp(50px,10vmin,80px);border:clamp(2px,.5vmin,4px) solid rgba(255,255,255,.1);border-top-color:var(--host-primary-orange);border-right-color:var(--host-accent-yellow);border-radius:50%;animation:spinGlow 1s linear infinite}@keyframes spinGlow{0%{transform:rotate(0);box-shadow:0 0 20px #ff98004d}50%{box-shadow:0 0 40px #ff980080}to{transform:rotate(360deg);box-shadow:0 0 20px #ff98004d}}.host-error{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vmin,24px);text-align:center;padding:clamp(16px,3vmin,40px);box-sizing:border-box;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a)}.host-error h1{color:#ff6b6b;font-size:clamp(28px,6vmin,48px);font-weight:800}.host-error p{color:var(--host-text-muted);font-size:clamp(14px,3vmin,24px)}.host-error button{padding:clamp(.6rem,1.5vmin,1rem) clamp(1.5rem,4vmin,3rem);font-size:clamp(1rem,2vmin,1.25rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--host-text-white);border:none;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#ffb74d 0%,var(--host-primary-orange) 100%);box-shadow:0 clamp(3px,.5vmin,5px) 0 #c45000,0 clamp(4px,.6vmin,6px) 15px #0000004d;transition:transform .1s ease}.host-error button:active{transform:translateY(3px);box-shadow:0 2px #c45000,0 3px 8px #0000004d}.spinner{width:60px;height:60px;border:4px solid var(--host-glass-border);border-top-color:var(--host-primary-orange);border-radius:50%;animation:spin 1s linear infinite}.portrait-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);display:flex;align-items:center;justify-content:center;z-index:9999}.portrait-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:40px}.portrait-content .rotate-icon{font-size:80px;animation:rotateHint 2s ease-in-out infinite}.portrait-content h2{font-size:28px;font-weight:800;color:var(--host-text-white);margin:0}.portrait-content p{font-size:16px;color:var(--host-text-muted);margin:0}.portrait-content .rotate-animation{font-size:48px;color:var(--host-primary-orange);animation:rotateLoop 1.5s ease-in-out infinite}@keyframes rotateLoop{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.fullscreen-button{position:fixed;top:16px;left:16px;z-index:1000;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000080;border:2px solid rgba(255,255,255,.3);border-radius:10px;color:#fffc;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fullscreen-button:hover{background:#000000b3;border-color:#ffffff80;color:#fff;transform:scale(1.05)}.fullscreen-button:active{transform:scale(.95)}.fullscreen-button svg{width:24px;height:24px}.join-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));gap:28px;min-height:100dvh;box-sizing:border-box}.join-logo{width:min(220px,65vw);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4));animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.join-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:24px;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px 24px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006}.input-section{display:flex;flex-direction:column;gap:10px}.input-label{font-size:12px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:2px;text-align:center}.room-code-inputs{display:flex;justify-content:center;gap:10px}.room-digit{width:60px;height:70px;font-size:32px;font-weight:900;text-align:center;text-transform:uppercase;background:#ffffff14;color:#ffd54f;border-radius:14px;border:2px solid rgba(255,255,255,.15);caret-color:#ff9800;transition:all .2s;text-shadow:0 0 10px rgba(255,213,79,.4)}.room-digit:focus{border-color:#ff9800;background:#ff98001a;box-shadow:0 0 20px #ff98004d;transform:scale(1.05)}.room-digit::placeholder{color:#fff3;text-shadow:none}.name-input{width:100%;padding:18px 20px;font-size:18px;font-weight:600;text-align:center;background:#ffffff14;color:#fff;border-radius:14px;border:2px solid rgba(255,255,255,.15);transition:all .2s;box-sizing:border-box}.name-input:focus{border-color:#ff9800;background:#ff98001a;box-shadow:0 0 20px #ff98004d}.name-input::placeholder{color:#fff6}.join-error{color:#f35;font-size:14px;font-weight:600;text-align:center;padding:14px;background:#ff335526;border-radius:12px;border:1px solid rgba(255,51,85,.3)}.join-button{width:100%;padding:20px;font-size:20px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:14px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 6px #c45000,0 10px 25px #0006;transition:all .1s;position:relative;overflow:hidden}.join-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2.5s infinite}.join-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c45000,0 4px 15px #0006}.join-button:disabled{background:linear-gradient(180deg,#555,#333);box-shadow:0 6px #222,0 8px 20px #0000004d;color:#888}.join-button:disabled:before{display:none}.waiting-room{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));gap:16px;min-height:100dvh;box-sizing:border-box}.waiting-header{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.room-code-badge{display:flex;align-items:center;gap:10px;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 20px;border-radius:25px;border:1px solid rgba(255,255,255,.1)}.room-label{font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:2px}.room-code{font-size:20px;font-weight:900;color:#ffd54f;letter-spacing:4px;text-shadow:0 0 10px rgba(255,213,79,.4)}.player-greeting{display:flex;flex-direction:column;align-items:center;gap:4px}.greeting-text{font-size:14px;color:#fff9}.player-name{font-size:24px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;background:#0006;padding:10px 24px;border-radius:12px}.vip-badge{font-size:11px;font-weight:800;color:gold;background:#ffd70026;padding:6px 14px;border-radius:15px;margin-top:6px;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,215,0,.3)}.waiting-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:320px;flex:1}.ready-button{width:100%;padding:30px;font-size:24px;font-weight:900;background:linear-gradient(180deg,#69f0ae,#00c853);color:#fff;border-radius:20px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 8px #00962c,0 12px 30px #0006;position:relative;overflow:hidden;animation:pulse-button 2s ease-in-out infinite}.ready-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes pulse-button{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.ready-button:active{transform:translateY(6px);box-shadow:0 2px #00962c,0 4px 15px #0006;animation:none}.ready-display{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.ready-check{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#0f8,#00cc6a);display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;box-shadow:0 0 40px #00ff8880;animation:pulse-check 2s ease-in-out infinite}@keyframes pulse-check{0%,to{transform:scale(1);box-shadow:0 0 40px #0f86}50%{transform:scale(1.05);box-shadow:0 0 60px #0f89}}.ready-label{font-size:24px;font-weight:800;color:#0f8;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px rgba(0,255,136,.5)}.waiting-label{font-size:14px;color:#fff9;text-align:center}.start-button{width:100%;padding:22px;font-size:18px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:14px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 6px #c45000,0 10px 25px #0006;margin-top:10px;position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.start-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #c45000,0 4px 15px #0006}.start-button:disabled{background:linear-gradient(180deg,#555,#333);box-shadow:0 6px #222,0 8px 20px #0000004d;color:#888}.start-button:disabled:before{display:none}.pending-start-display{display:flex;flex-direction:column;align-items:center;gap:24px}.starting-pulse{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,gold,#ffb300);animation:starting-pulse 1s ease-in-out infinite;box-shadow:0 0 40px #ffd70080}@keyframes starting-pulse{0%,to{transform:scale(.85);box-shadow:0 0 30px #ffd70066}50%{transform:scale(1);box-shadow:0 0 60px #ffd700b3}}.starting-text{font-size:26px;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(255,215,0,.5);animation:blink-text 1s ease-in-out infinite}@keyframes blink-text{0%,to{opacity:1}50%{opacity:.6}}.cancel-button{padding:14px 35px;font-size:14px;font-weight:700;background:transparent;color:#ffffff80;border:2px solid rgba(255,255,255,.2);border-radius:30px;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.cancel-button:active{background:#f353;border-color:#f35;color:#f35}.vip-card{width:100%;max-width:320px;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:16px;font-weight:700;color:#fff}.toggle-desc{font-size:12px;color:#ffffff80}.toggle-switch{position:relative;width:54px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:30px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:24px;width:24px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch.on .toggle-slider{background:#ff9800;box-shadow:0 0 15px #ff980066}.toggle-switch.on .toggle-slider:before{transform:translate(24px)}.adult-warning{margin-top:12px;padding:10px 12px;background:#ff3b3026;border:1px solid rgba(255,59,48,.3);border-radius:8px;font-size:12px;line-height:1.4;color:#ff6b6b;text-align:center}.waiting-footer{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.footer-text{font-size:12px;color:#fff6;text-transform:uppercase;letter-spacing:1px}.leave-link{font-size:14px;color:#ffffff80;background:none;border:none;padding:8px 16px;text-decoration:underline;text-underline-offset:3px}.leave-link:active{color:#ff5252}.answer-buttons{flex:1;display:flex;flex-direction:column;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));gap:12px;position:relative}.timer-display{display:flex;align-items:center;justify-content:center;padding:4px 0;flex-shrink:0;position:relative;z-index:10}.timer-value{font-size:32px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.3)}.timer-display.low-time{animation:none}.timer-display.low-time .timer-value{color:#f35;text-shadow:0 0 30px rgba(255,51,85,.6);animation:pulse-timer .5s ease-in-out infinite}@keyframes timer-urgent-bg{0%,to{background:#f353}50%{background:#ff335559}}@keyframes pulse-timer{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.buttons-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.answer-btn{border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.answer-btn:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);opacity:0;animation:shimmerFadeIn .1s .25s forwards,btn-shimmer 3s .35s infinite}@keyframes shimmerFadeIn{to{opacity:1}}@keyframes btn-shimmer{0%{left:-50%}to{left:150%}}.btn-a{background:linear-gradient(180deg,#ef5350,#c62828);box-shadow:0 6px #8e0000,inset 0 2px #fff3}.btn-b{background:linear-gradient(180deg,#42a5f5,#1565c0);box-shadow:0 6px #0d3c6e,inset 0 2px #fff3}.btn-c{background:linear-gradient(180deg,#66bb6a,#2e7d32);box-shadow:0 6px #1b5e20,inset 0 2px #fff3}.btn-d{background:linear-gradient(180deg,#ffee58,#f9a825);box-shadow:0 6px #c47f00,inset 0 2px #ffffff4d}.answer-btn:active:not(:disabled){transform:translateY(4px)}.btn-a:active:not(:disabled){box-shadow:0 2px #8e0000,inset 0 2px #fff3}.btn-b:active:not(:disabled){box-shadow:0 2px #0d3c6e,inset 0 2px #fff3}.btn-c:active:not(:disabled){box-shadow:0 2px #1b5e20,inset 0 2px #fff3}.btn-d:active:not(:disabled){box-shadow:0 2px #c47f00,inset 0 2px #ffffff4d}.answer-btn.selected{transform:translateY(4px);animation:selected-glow 1s ease-in-out infinite}.btn-a.selected{box-shadow:0 2px #8e0000,0 0 30px #ef535099}.btn-b.selected{box-shadow:0 2px #0d3c6e,0 0 30px #42a5f599}.btn-c.selected{box-shadow:0 2px #1b5e20,0 0 30px #66bb6a99}.btn-d.selected{box-shadow:0 2px #c47f00,0 0 30px #ffee5899}@keyframes selected-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.answer-btn.selected:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:4px solid rgba(255,255,255,.5);border-radius:16px;animation:ring-pulse 1s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:.5}50%{opacity:1}}.answer-btn:disabled:not(.selected){opacity:.35;filter:grayscale(40%)}.answer-btn:disabled:before{display:none}.letter{font-size:72px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.2);position:relative;z-index:1}.btn-d .letter{color:#1a1a2e;text-shadow:0 2px 4px rgba(0,0,0,.2)}.buttons-grid.true-false{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:16px}.btn-true{background:linear-gradient(180deg,#69f0ae,#00c853);box-shadow:0 8px #00962c,inset 0 2px #ffffff4d}.btn-false{background:linear-gradient(180deg,#ff5252,#d32f2f);box-shadow:0 8px #9a0007,inset 0 2px #fff3}.btn-true:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #00962c,inset 0 2px #ffffff4d}.btn-false:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #9a0007,inset 0 2px #fff3}.btn-true.selected{box-shadow:0 2px #00962c,0 0 40px #69f0ae99}.btn-false.selected{box-shadow:0 2px #9a0007,0 0 40px #ff525299}.buttons-grid.true-false .letter{font-size:48px;text-transform:uppercase;letter-spacing:6px}.answered-message{text-align:center;padding:16px 20px;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.answer-btn.cooldown{opacity:.5;pointer-events:none}.cooldown-message{background:#ff643233;border-color:#ff643266;color:#f63}.answer-btn .ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:rippleExpand .5s ease-out forwards;pointer-events:none}@keyframes rippleExpand{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.answer-btn.wrong-shake{animation:wrongAnswerShake .4s ease-out}@keyframes wrongAnswerShake{0%,to{transform:translate(0)}15%{transform:translate(-8px) rotate(-2deg)}30%{transform:translate(8px) rotate(2deg)}45%{transform:translate(-6px) rotate(-1deg)}60%{transform:translate(6px) rotate(1deg)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.answer-btn.cooldown:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border-radius:inherit;animation:cooldownSweep 1s linear forwards}@keyframes cooldownSweep{0%{clip-path:polygon(50% 50%,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 0%,100% 0%,50% 0%)}25%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 50%,50% 0%)}37.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 0%)}50%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,50% 100%)}62.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%)}87.5%{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%)}to{clip-path:polygon(50% 50%,50% 0%,100% 0%,100% 100%,0% 100%,0% 0%,50% 0%);opacity:0}}.timer-display.critical-time .timer-value{color:#f35;text-shadow:0 0 30px rgba(255,51,85,.6);animation:timerValuePulse .4s ease-in-out infinite}@keyframes timerValuePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.controller-view{width:100vw;height:100vh;height:100dvh;min-height:-webkit-fill-available;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.controller-error,.controller-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center}.controller-error h2{font-size:28px;font-weight:800;color:#f35;text-transform:uppercase;letter-spacing:2px}.controller-error p{font-size:16px;color:#ffffffb3;max-width:280px}.controller-error button{padding:18px 50px;font-size:18px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:14px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 6px #c45000,0 10px 25px #0006;text-shadow:0 2px 4px rgba(0,0,0,.3)}.controller-error button:active{transform:translateY(4px);box-shadow:0 2px #c45000,0 4px 15px #0006}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#ff9800;border-radius:50%;animation:spin 1s linear infinite}.result-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px}.result-display.correct{background:linear-gradient(180deg,rgba(0,255,136,.15) 0%,transparent 50%)}.result-display.wrong{background:linear-gradient(180deg,rgba(255,51,85,.15) 0%,transparent 50%)}.result-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;color:#fff}.result-display.correct .result-icon{background:linear-gradient(135deg,#0f8,#00cc6a);box-shadow:0 0 40px #00ff8880;animation:pulse-correct .5s ease-out}.result-display.wrong .result-icon{background:linear-gradient(135deg,#f35,#cc2944);box-shadow:0 0 40px #ff335580;animation:shake .5s ease-out}@keyframes pulse-correct{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.result-text{font-size:36px;font-weight:800;text-transform:uppercase;letter-spacing:3px}.result-display.correct .result-text{color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.5)}.result-display.wrong .result-text{color:#f35;text-shadow:0 0 20px rgba(255,51,85,.5)}.points-gained{font-size:48px;font-weight:900;color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.6);animation:pointsPopIn .6s ease-out}@keyframes pointsPopIn{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.3) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}.score-total{font-size:18px;color:#ffffffb3;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 35px;border-radius:30px;border:1px solid rgba(255,255,255,.1);margin-top:10px}.final-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:30px}.rank-display{text-align:center}.rank-number{font-size:100px;font-weight:900;color:gold;text-shadow:0 0 30px rgba(255,215,0,.6),0 0 60px rgba(255,215,0,.3);line-height:1}.rank-text{font-size:32px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:3px;margin-top:8px}.final-score{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px 60px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.final-score .label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:2px}.final-score .score{font-size:56px;font-weight:900;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.waiting-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}.waiting-icon{font-size:80px;animation:bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,152,0,.5))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.waiting-text{font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px}.question-preview{font-size:16px;color:#fff9;margin-top:10px}.rank-info{font-size:28px;font-weight:800;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5);margin-top:10px}.score-info{font-size:18px;color:#ffffffb3;background:#0000004d;padding:10px 28px;border-radius:25px;border:1px solid rgba(255,255,255,.1)}.skip-instructions-button{margin-top:30px;padding:16px 40px;font-size:16px;font-weight:700;background:#ffffff0d;color:#ffffffb3;border-radius:30px;border:2px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:2px;transition:all .3s}.skip-instructions-button:active{background:#ffffff1a;border-color:#ff9800;color:#ff9800}.reconnect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#061f4af2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reconnect-card{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 35px;text-align:center;max-width:320px;width:90%;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.reconnect-icon{font-size:60px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.reconnect-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#ff9800;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.reconnect-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.reconnect-text{font-size:16px;color:#fff9;margin-bottom:28px}.reconnect-retry-btn{width:100%;padding:18px;font-size:16px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:14px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 5px #c45000,0 8px 20px #0006;text-shadow:0 2px 4px rgba(0,0,0,.3)}.reconnect-retry-btn:active{transform:translateY(3px);box-shadow:0 2px #c45000,0 4px 10px #0006}.reconnect-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.reconnect-cancel-btn{width:100%;padding:14px;font-size:14px;font-weight:700;background:transparent;color:#fff9;border-radius:12px;border:2px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:2px;transition:all .2s}.reconnect-cancel-btn:active{background:#ffffff1a;border-color:#fff6;color:#fff}.cancel-reconnect-btn{margin-top:20px;padding:14px 40px;font-size:14px;font-weight:700;background:transparent;color:#fff9;border-radius:12px;border:2px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:2px;transition:all .2s}.cancel-reconnect-btn:active{background:#ffffff1a;border-color:#fff6;color:#fff}.paused-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#061f4af2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paused-card{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px 35px;text-align:center;max-width:320px;width:90%;border:2px solid rgba(255,152,0,.5);box-shadow:0 0 40px #ff98004d,0 20px 60px #00000080}.paused-icon{font-size:60px;margin-bottom:16px;animation:pausePulse 1.5s ease-in-out infinite}@keyframes pausePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.paused-title{font-size:28px;font-weight:900;color:#ff9800;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(255,152,0,.5);margin-bottom:8px}.paused-reason{font-size:14px;color:#fff9;margin-bottom:20px}.paused-countdown{margin:16px 0}.paused-countdown .countdown-value{font-size:64px;font-weight:900;color:#ff5252;text-shadow:0 0 30px rgba(255,82,82,.6);animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.paused-text{font-size:14px;color:#ffffff80;font-style:italic}.leave-game-btn{margin-top:24px;width:100%;padding:16px;font-size:14px;font-weight:700;background:transparent;color:#ffffffb3;border-radius:12px;border:2px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:2px;transition:all .2s}.leave-game-btn:active{background:#ff525233;border-color:#ff5252;color:#ff5252}.leave-game-floating-btn{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;width:40px;height:40px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff9;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s}.leave-game-floating-btn:active{background:#ff52524d;border-color:#ff5252;color:#ff5252;transform:scale(.95)}.leave-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#061f4af2;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.leave-confirm-card{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:35px 30px;text-align:center;max-width:300px;width:90%;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.leave-confirm-title{font-size:24px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.leave-confirm-text{font-size:15px;color:#fff9;margin-bottom:28px;line-height:1.5}.leave-confirm-buttons{display:flex;gap:12px}.leave-confirm-cancel{flex:1;padding:16px;font-size:15px;font-weight:700;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:12px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px #c45000;text-shadow:0 2px 4px rgba(0,0,0,.3)}.leave-confirm-cancel:active{transform:translateY(3px);box-shadow:0 1px #c45000}.leave-confirm-leave{flex:1;padding:16px;font-size:15px;font-weight:700;background:transparent;color:#ff5252;border-radius:12px;border:2px solid #ff5252;text-transform:uppercase;letter-spacing:1px}.leave-confirm-leave:active{background:#ff525233}.cancel-btn{margin-top:20px;padding:14px 40px;font-size:14px;font-weight:700;background:transparent;color:#fff9;border-radius:12px;border:2px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:2px;transition:all .2s}.cancel-btn:active{background:#ffffff1a;border-color:#fff6;color:#fff}.play-again-btn{margin-top:20px;padding:18px 50px;font-size:16px;font-weight:800;background:linear-gradient(180deg,#ffb74d,#ff9800);color:#fff;border-radius:14px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 5px #c45000,0 8px 20px #0006;text-shadow:0 2px 4px rgba(0,0,0,.3)}.play-again-btn:active{transform:translateY(4px);box-shadow:0 1px #c45000,0 4px 12px #0006}.bomb-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;background:linear-gradient(180deg,rgba(255,100,50,.1) 0%,transparent 50%)}.bomb-display.is-holder{background:linear-gradient(180deg,rgba(255,50,50,.25) 0%,rgba(255,100,50,.1) 50%,transparent 100%);animation:bombHolderPulse .5s ease-in-out infinite}.bomb-display.watching{background:linear-gradient(180deg,rgba(100,100,255,.1) 0%,transparent 50%)}.bomb-display.incoming{background:linear-gradient(180deg,rgba(255,150,50,.2) 0%,transparent 50%);animation:incomingPulse .5s ease-in-out infinite}.bomb-display.exploded{background:linear-gradient(180deg,rgba(255,50,50,.3) 0%,rgba(0,0,0,.2) 50%,transparent 100%)}.bomb-display.exploded.was-holder{background:linear-gradient(180deg,rgba(255,0,0,.4) 0%,rgba(255,50,50,.2) 50%,transparent 100%)}@keyframes bombHolderPulse{0%,to{background-position:0 0}50%{filter:brightness(1.1)}}@keyframes incomingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bomb-icon{font-size:80px;animation:bombWiggle .4s ease-in-out infinite}.bomb-display.is-holder .bomb-icon{animation:bombWiggleFast .2s ease-in-out infinite}.explosion-icon{font-size:100px;animation:explosionPulse .2s ease-in-out infinite}@keyframes bombWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bombWiggleFast{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}@keyframes explosionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.bomb-text{font-size:24px;font-weight:800;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 20px rgba(255,100,50,.5)}.bomb-hint{font-size:16px;color:#fff9;text-align:center}.bomb-score{font-size:18px;color:#fffc;margin-top:10px;font-weight:600}.bomb-answer-display{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,50,50,.2) 0%,rgba(255,100,50,.1) 30%,transparent 60%)}.bomb-warning{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(90deg,transparent,rgba(255,50,50,.3),transparent);animation:warningPulse .4s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.7}}.bomb-warning span{font-size:16px;font-weight:800;color:#ff5252;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,82,82,.5)}.bomb-icon-small{font-size:24px;animation:bombWiggleFast .2s ease-in-out infinite}.result-display.correct .confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.result-display .confetti{position:absolute;width:10px;height:10px;animation:confettiFall 2s ease-out forwards}.result-display .confetti:nth-child(1){left:10%;animation-delay:0s;background:gold}.result-display .confetti:nth-child(2){left:20%;animation-delay:.1s;background:#ff6b6b}.result-display .confetti:nth-child(3){left:30%;animation-delay:.05s;background:#4ecdc4}.result-display .confetti:nth-child(4){left:40%;animation-delay:.15s;background:#45b7d1}.result-display .confetti:nth-child(5){left:50%;animation-delay:.08s;background:#f9ca24}.result-display .confetti:nth-child(6){left:60%;animation-delay:.12s;background:#ff6b6b}.result-display .confetti:nth-child(7){left:70%;animation-delay:.03s;background:gold}.result-display .confetti:nth-child(8){left:80%;animation-delay:.18s;background:#4ecdc4}.result-display .confetti:nth-child(9){left:90%;animation-delay:.07s;background:#45b7d1}.result-display .confetti:nth-child(10){left:15%;animation-delay:.11s;background:#f9ca24}.result-display .confetti:nth-child(11){left:35%;animation-delay:.06s;background:#ff6b6b}.result-display .confetti:nth-child(12){left:55%;animation-delay:.14s;background:gold}.result-display .confetti:nth-child(13){left:75%;animation-delay:.02s;background:#4ecdc4}.result-display .confetti:nth-child(14){left:85%;animation-delay:.16s;background:#45b7d1}.result-display .confetti:nth-child(15){left:25%;animation-delay:.09s;background:#f9ca24}@keyframes confettiFall{0%{top:-10px;opacity:1;transform:translate(0) rotate(0)}to{top:100%;opacity:0;transform:translate(calc(-50px + 100px * var(--rand, .5))) rotate(720deg)}}.result-display.wrong{animation:screenShake .4s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}}.result-display.correct .result-icon{animation:correctBounce .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes correctBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3);opacity:1}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.result-display .points-gained{animation:pointsBurst .6s cubic-bezier(.175,.885,.32,1.275) .2s both}@keyframes pointsBurst{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.landscape-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);display:flex;align-items:center;justify-content:center;z-index:9999}.landscape-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:40px}.landscape-content .rotate-icon{font-size:80px;animation:rotateHint 2s ease-in-out infinite}@keyframes rotateHint{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.landscape-content h2{font-size:28px;font-weight:800;color:#fff;margin:0;text-transform:uppercase;letter-spacing:2px}.landscape-content p{font-size:16px;color:#ffffffb3;margin:0}.landscape-content .rotate-animation{font-size:48px;color:#ff9800;animation:rotateLoop 1.5s ease-in-out infinite}@keyframes rotateLoop{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.category-picker-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:20px;gap:20px}.category-picker-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.picker-title{font-size:28px;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 20px rgba(255,215,0,.4)}.picker-timer{font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,#fff3,#ffffff1a);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3)}.category-buttons{display:grid;grid-template-columns:1fr;gap:12px;width:100%;max-width:320px}.category-button{padding:20px 24px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(180deg,#4fc3f7,#29b6f6,#03a9f4);color:#fff;border-radius:16px;box-shadow:0 6px #0277bd,0 8px 20px #0000004d;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .1s,box-shadow .1s;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center}.category-button:active{transform:translateY(4px);box-shadow:0 2px #0277bd,0 4px 10px #0003}.waiting-subtext{font-size:16px;color:#fff9;margin-top:8px}.category-timer{font-size:32px;font-weight:800;color:#ffffff80;margin-top:16px}.waiting-display.category-selected .waiting-icon{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.waiting-display.category-selected .waiting-text{color:gold;font-size:28px}.race-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}.race-display.starting{background:linear-gradient(180deg,rgba(255,215,0,.15) 0%,transparent 50%)}.race-icon{font-size:80px;animation:raceIconBounce 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.5))}@keyframes raceIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.race-title{font-size:32px;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 30px rgba(255,215,0,.5)}.race-position-info{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px 40px;border-radius:20px;border:2px solid rgba(255,215,0,.3);margin:10px 0}.race-position-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.race-position-number{font-size:72px;font-weight:900;color:gold;text-shadow:0 0 30px rgba(255,215,0,.6);line-height:1}.race-hint{font-size:16px;color:#ffffffb3;font-weight:600}.race-result-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px;position:relative;overflow:hidden}.race-result-display.correct{background:linear-gradient(180deg,rgba(0,255,136,.15) 0%,transparent 50%)}.race-result-display.wrong{background:linear-gradient(180deg,rgba(255,51,85,.15) 0%,transparent 50%);animation:screenShake .4s ease-out}.race-result-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff}.race-result-display.correct .race-result-icon{background:linear-gradient(135deg,#0f8,#00cc6a);box-shadow:0 0 40px #00ff8880;animation:correctBounce .6s cubic-bezier(.175,.885,.32,1.275)}.race-result-display.wrong .race-result-icon{background:linear-gradient(135deg,#f35,#cc2944);box-shadow:0 0 40px #ff335580}.race-result-text{font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.race-result-display.correct .race-result-text{color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.5)}.race-result-display.wrong .race-result-text{color:#f35;text-shadow:0 0 20px rgba(255,51,85,.5)}.race-movement{font-size:56px;font-weight:900;animation:movementPop .5s cubic-bezier(.175,.885,.32,1.275)}.race-result-display.correct .race-movement{color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.6)}.race-result-display.wrong .race-movement{color:#f35;text-shadow:0 0 30px rgba(255,51,85,.6)}@keyframes movementPop{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.3) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}.race-position{font-size:18px;color:#fffc;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 28px;border-radius:25px;border:1px solid rgba(255,255,255,.1);margin-top:8px}.race-display.winner{background:linear-gradient(180deg,rgba(255,215,0,.2) 0%,rgba(255,215,0,.05) 50%,transparent 100%)}.race-display.winner.is-winner{background:linear-gradient(180deg,rgba(255,215,0,.35) 0%,rgba(255,215,0,.15) 50%,transparent 100%);animation:winnerGlow 1s ease-in-out infinite}@keyframes winnerGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.race-winner-icon{font-size:100px;filter:drop-shadow(0 0 30px rgba(255,215,0,.7))}.race-display.winner.is-winner .race-winner-icon{animation:trophyBounce .8s ease-in-out infinite}@keyframes trophyBounce{0%,to{transform:translateY(0) rotate(-5deg) scale(1)}50%{transform:translateY(-15px) rotate(5deg) scale(1.1)}}.race-winner-text{font-size:36px;font-weight:900;text-transform:uppercase;letter-spacing:3px}.race-display.winner.is-winner .race-winner-text{color:gold;text-shadow:0 0 40px rgba(255,215,0,.7);animation:winnerTextPulse 1s ease-in-out infinite}@keyframes winnerTextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.race-display.winner:not(.is-winner) .race-winner-text{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.race-final-position{font-size:18px;color:#ffffffb3;background:#0000004d;padding:12px 28px;border-radius:25px;border:1px solid rgba(255,255,255,.1);margin-top:10px}.race-result-display .confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.race-result-display .confetti{position:absolute;width:10px;height:10px;animation:confettiFall 2s ease-out forwards}.race-result-display .confetti:nth-child(1){left:10%;animation-delay:0s;background:gold}.race-result-display .confetti:nth-child(2){left:20%;animation-delay:.1s;background:#ff6b6b}.race-result-display .confetti:nth-child(3){left:30%;animation-delay:.05s;background:#4ecdc4}.race-result-display .confetti:nth-child(4){left:40%;animation-delay:.15s;background:#45b7d1}.race-result-display .confetti:nth-child(5){left:50%;animation-delay:.08s;background:#f9ca24}.race-result-display .confetti:nth-child(6){left:60%;animation-delay:.12s;background:#ff6b6b}.race-result-display .confetti:nth-child(7){left:70%;animation-delay:.03s;background:gold}.race-result-display .confetti:nth-child(8){left:80%;animation-delay:.18s;background:#4ecdc4}.race-result-display .confetti:nth-child(9){left:90%;animation-delay:.07s;background:#45b7d1}.race-result-display .confetti:nth-child(10){left:15%;animation-delay:.11s;background:#f9ca24}.race-result-display .confetti:nth-child(11){left:35%;animation-delay:.06s;background:#ff6b6b}.race-result-display .confetti:nth-child(12){left:55%;animation-delay:.14s;background:gold}.race-result-display .confetti:nth-child(13){left:75%;animation-delay:.02s;background:#4ecdc4}.race-result-display .confetti:nth-child(14){left:85%;animation-delay:.16s;background:#45b7d1}.race-result-display .confetti:nth-child(15){left:25%;animation-delay:.09s;background:#f9ca24}.admin-view{height:100vh;background:#1a1a2e;color:#fff;padding:20px;font-family:system-ui,-apple-system,sans-serif;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{margin:0;font-size:28px;font-weight:700}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #333;padding-bottom:0}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;color:#888;font-size:15px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:all .2s}.admin-tab:hover{color:#fff;background:#ffffff0d}.admin-tab.active{color:#fff;border-bottom-color:#6c5ce7}.tab-icon{font-size:18px}.tab-label{white-space:nowrap}.admin-content{flex:1}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tab-header h2{margin:0;font-size:20px;font-weight:600}.tab-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#888;font-size:16px}.header-actions{display:flex;gap:12px}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#1a1a2e;color:#fff;font-size:18px}.admin-error{background:#ff4757;color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:16px}.admin-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:40px}.admin-access-denied h2{font-size:28px;font-weight:700;margin:0 0 16px;color:#fff}.admin-access-denied p{font-size:16px;color:#888;margin:0 0 24px}.btn-primary{background:#6c5ce7;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#5b4cdb}.btn-secondary{background:#444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#555}.btn-icon{background:transparent;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s}.btn-icon:hover{background:#ffffff1a}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-danger:hover{background:#ff475733}.question-form{background:#252540;border-radius:12px;padding:24px;margin-bottom:24px}.question-form h2{margin:0 0 20px;font-size:18px}.form-group{margin-bottom:16px;flex:1}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#aaa}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;background:#1a1a2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;box-sizing:border-box}.form-group textarea{min-height:80px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#6c5ce7}.form-row{display:flex;gap:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #444}.questions-list{background:#252540;border-radius:12px;padding:24px}.questions-list h2{margin:0 0 16px;font-size:18px}.no-questions{color:#888;text-align:center;padding:40px}.questions-list table{width:100%;border-collapse:collapse}.questions-list th,.questions-list td{padding:12px;text-align:left;border-bottom:1px solid #333}.questions-list th{color:#888;font-weight:500;font-size:13px;text-transform:uppercase}.questions-list tr:hover{background:#ffffff08}.question-text-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.correct-answer{font-weight:700;color:#2ed573}.audio-cell{text-align:center}.no-audio{color:#666}.success-message{background:#2ed5731a;border:1px solid #2ed573;color:#2ed573;padding:12px 16px;border-radius:8px;margin-bottom:16px}.questions-stats{display:flex;gap:20px;padding:16px;background:#252540;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.questions-filters{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.questions-filters select{padding:10px 12px;background:#252540;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.questions-filters select:focus{outline:none;border-color:#6c5ce7}.btn-text{background:transparent;border:none;color:#6c5ce7;font-size:14px;cursor:pointer;padding:8px 12px}.btn-text:hover{color:#a29bfe;text-decoration:underline}.difficulty-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.difficulty-badge.difficulty-1{background:#2ed57333;color:#2ed573}.difficulty-badge.difficulty-2{background:#ffc10733;color:#ffc107}.difficulty-badge.difficulty-3{background:#ff475733;color:#ff4757}.ai-generator-panel{background:#252540;border-radius:12px;padding:24px;margin-bottom:24px;border:2px solid #6c5ce7}.ai-generator-panel h3{margin:0 0 8px;font-size:18px;font-weight:600}.panel-description{color:#888;font-size:14px;margin:0 0 20px}.ai-form{display:flex;flex-direction:column;gap:16px}.form-hint{display:block;margin-top:4px;font-size:12px;color:#666}.actions-cell{white-space:nowrap}.question-type-tabs{display:flex;gap:4px;margin-bottom:20px;background:#1a1a2e;padding:4px;border-radius:8px;width:fit-content}.type-tab{padding:10px 20px;background:transparent;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.type-tab:hover{color:#fff;background:#ffffff0d}.type-tab.active{background:#6c5ce7;color:#fff}.users-tab,.questions-tab{width:100%}.user-form{background:#252540;border-radius:12px;padding:24px;margin-bottom:24px}.user-form h3{margin:0 0 20px;font-size:18px}.users-list{background:#252540;border-radius:12px;padding:24px}.users-list table{width:100%;border-collapse:collapse}.users-list th,.users-list td{padding:12px;text-align:left;border-bottom:1px solid #333}.users-list th{color:#888;font-weight:500;font-size:13px;text-transform:uppercase}.users-list tr:hover{background:#ffffff08}.email-cell{font-weight:500}.verified-badge{color:#2ed573;font-weight:700}.unverified-badge{color:#888}.no-users{color:#888;text-align:center;padding:40px}.names-tab,.comments-tab{width:100%}.tab-description{color:#888;font-size:14px;margin:0}.tab-description code{background:#6c5ce733;padding:2px 6px;border-radius:4px;font-family:monospace}.add-name-form{display:flex;gap:12px;margin:20px 0}.add-name-form input{flex:1;padding:12px 16px;background:#252540;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px}.add-name-form input:focus{outline:none;border-color:#6c5ce7}.generate-btn{background:#6c5ce7;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.generate-btn:hover:not(:disabled){background:#5b4cdb}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.names-stats,.comments-stats{display:flex;gap:20px;padding:16px;background:#252540;border-radius:8px;margin-bottom:20px}.stat-item{font-size:14px;color:#888}.stat-item strong{color:#fff;font-size:16px}.names-list,.comments-list{background:#252540;border-radius:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #333}.data-table th{background:#1a1a2e;color:#888;font-weight:500;font-size:13px;text-transform:uppercase}.data-table tr:hover{background:#ffffff08}.name-cell{font-weight:500}.date-cell{color:#888;font-size:13px}.comment-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-badge{margin-left:8px;font-size:12px}.type-badge,.mode-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:14px}.type-badge.question_related{background:#2ed57333}.type-badge.general{background:#6c5ce733}.mode-badge.normal{background:#74b9ff33}.mode-badge.adult{background:#ff475733}.play-btn,.delete-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .2s}.play-btn:hover{background:#6c5ce733}.delete-btn:hover{background:#ff475733}.play-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{padding:40px;text-align:center;color:#666}.error-message{background:#ff47571a;border:1px solid #ff4757;color:#ff4757;padding:12px 16px;border-radius:8px;margin-bottom:16px}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#888}.form-section{background:#252540;border-radius:12px;padding:24px;margin-bottom:20px}.form-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.form-hint{color:#888;font-size:13px;margin:0 0 12px}.comments-tab .form-row{display:flex;gap:12px;margin-bottom:12px}.comments-tab .form-row select{padding:10px 12px;background:#1a1a2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;min-width:150px}.comments-tab .form-row select:focus{outline:none;border-color:#6c5ce7}.comment-input{flex:1;padding:12px 16px;background:#1a1a2e;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px}.comment-input:focus{outline:none;border-color:#6c5ce7}.bulk-textarea{width:100%;padding:12px 16px;background:#1a1a2e;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.bulk-textarea:focus{outline:none;border-color:#6c5ce7}.bulk-btn{margin-top:12px}.bulk-result{margin-top:12px;padding:12px;background:#2ed5731a;border-radius:6px;font-size:14px}.filters{display:flex;gap:12px;margin-bottom:16px}.filters select{padding:10px 12px;background:#252540;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.filters select:focus{outline:none;border-color:#6c5ce7}.view-tabs-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.view-tabs{display:flex;gap:4px;background:#252540;padding:4px;border-radius:8px;width:fit-content}.mode-filter{display:flex;gap:4px;background:#252540;padding:4px;border-radius:8px}.mode-btn{padding:8px 16px;background:transparent;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.mode-btn:hover{color:#fff;background:#ffffff0d}.mode-btn.active{background:#6c5ce7;color:#fff}.mode-btn.normal.active{background:#74b9ff}.mode-btn.adult.active{background:#ff4757}.view-tabs button{padding:10px 20px;background:transparent;border:none;color:#888;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.view-tabs button:hover{color:#fff;background:#ffffff0d}.view-tabs button.active{background:#6c5ce7;color:#fff}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a2ee6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:20px}.loading-overlay .loading-spinner{width:60px;height:60px;border:4px solid #333;border-top-color:#6c5ce7;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay .loading-text{font-size:18px;color:#fff;text-align:center}.loading-overlay .loading-subtext{font-size:14px;color:#888;text-align:center;max-width:300px}.progress-bar-container{width:300px;height:8px;background:#333;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:4px;animation:progress-pulse 2s ease-in-out infinite;width:100%}@keyframes progress-pulse{0%,to{opacity:1;transform:translate(-100%)}50%{opacity:.8;transform:translate(100%)}}.progress-message{background:#6c5ce71a;border:1px solid #6c5ce7;color:#6c5ce7;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.progress-message .mini-spinner{width:16px;height:16px;border:2px solid rgba(108,92,231,.3);border-top-color:#6c5ce7;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.progress-message.success{background:#2ed5731a;border-color:#2ed573;color:#2ed573}.questions-view{display:grid;grid-template-columns:350px 1fr;gap:20px;height:calc(100vh - 200px);min-height:400px}.questions-sidebar{background:#252540;border-radius:12px;padding:16px;overflow:hidden;display:flex;flex-direction:column;max-height:100%}.questions-sidebar h3{margin:0 0 12px;font-size:16px;font-weight:600}.questions-sidebar .bulk-actions{margin-bottom:12px}.questions-sidebar .bulk-btn{width:100%;padding:10px;font-size:13px;background:#1a1a2e;border:1px solid #444;color:#fff;border-radius:6px;cursor:pointer;transition:all .2s}.questions-sidebar .bulk-btn:hover:not(:disabled){background:#6c5ce7;border-color:#6c5ce7}.questions-sidebar .bulk-btn:disabled{opacity:.5;cursor:not-allowed}.questions-sidebar .questions-list{flex:1;overflow-y:auto;background:transparent;border-radius:0}.question-item{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;background:#0003;transition:all .2s}.question-item:hover{background:#6c5ce71a}.question-item.selected{background:#6c5ce733;border:1px solid #6c5ce7}.question-item.no-comments{border-left:3px solid #ff4757}.question-preview{font-size:13px;line-height:1.4;margin-bottom:8px;color:#ddd}.question-counts{display:flex;gap:8px}.count-badge{font-size:11px;padding:2px 8px;border-radius:4px;background:#ffffff1a}.count-badge.normal{background:#74b9ff33}.count-badge.adult{background:#ff475733}.count-badge.empty{background:#ff47571a;color:#ff4757}.question-detail{background:#252540;border-radius:12px;padding:20px;overflow-y:auto}.question-detail.empty{display:flex;align-items:center;justify-content:center;color:#666}.question-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #333}.question-header h3{margin:0 0 8px;font-size:18px;line-height:1.4}.question-header .correct-answer{font-size:14px;color:#2ed573}.generate-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.generate-actions .generate-btn{padding:10px 16px;font-size:13px}.generate-actions .generate-btn.normal{background:#74b9ff}.generate-actions .generate-btn.normal:hover:not(:disabled){background:#5ca0e6}.generate-actions .generate-btn.adult{background:#ff4757}.generate-actions .generate-btn.adult:hover:not(:disabled){background:#e63946}.generate-actions .generate-btn.both{background:#6c5ce7}.delete-all-btn{background:transparent;border:1px solid #ff4757;color:#ff4757;padding:10px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.delete-all-btn:hover{background:#ff47571a}.manual-add{margin-bottom:20px;padding:16px;background:#0003;border-radius:8px}.manual-add .form-row{display:flex;gap:8px;align-items:center;margin:0}.manual-add select{padding:8px 12px;background:#1a1a2e;border:1px solid #444;border-radius:6px;color:#fff;font-size:13px}.manual-add .comment-input{flex:1;padding:8px 12px;font-size:13px}.manual-add .add-btn{background:#6c5ce7;border:none;padding:8px 16px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .2s}.manual-add .add-btn:hover:not(:disabled){background:#5b4cdb}.manual-add .add-btn:disabled{opacity:.5;cursor:not-allowed}.scenario-section{margin-bottom:20px}.scenario-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#aaa}.scenario-comments{background:#0003;border-radius:8px;padding:4px}.empty-scenario{padding:16px;text-align:center;color:#666;font-size:13px}.comment-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;transition:background .2s}.comment-row:hover{background:#ffffff0d}.comment-row .mode-badge{flex-shrink:0}.comment-row .comment-text{flex:1;font-size:14px;line-height:1.4}.comment-row .play-btn,.comment-row .delete-btn,.comment-row .download-btn,.comment-row .upload-btn{flex-shrink:0;padding:4px 8px;font-size:14px}.comment-actions{display:flex;gap:4px;align-items:center;flex-shrink:0}.brutality-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.brutality-badge.brutality-1{background:linear-gradient(135deg,#2ed57340,#2ed57326);color:#2ed573;border:1px solid rgba(46,213,115,.4);text-shadow:0 0 10px rgba(46,213,115,.3)}.brutality-badge.brutality-2{background:linear-gradient(135deg,#ffc10740,#ffa50026);color:#ffb300;border:1px solid rgba(255,193,7,.4);text-shadow:0 0 10px rgba(255,193,7,.3)}.brutality-badge.brutality-3{background:linear-gradient(135deg,#ff47574d,#ff383833);color:#ff4757;border:1px solid rgba(255,71,87,.5);text-shadow:0 0 10px rgba(255,71,87,.4);animation:brutal-pulse 2s ease-in-out infinite}@keyframes brutal-pulse{0%,to{box-shadow:0 0 5px #ff475733}50%{box-shadow:0 0 12px #ff475766}}.brutality-badge-btn{background:transparent;border:none;cursor:pointer;padding:2px;border-radius:14px;transition:all .2s ease}.brutality-badge-btn:hover{transform:scale(1.05);filter:brightness(1.2)}.brutality-badge-btn:hover .brutality-badge{box-shadow:0 2px 8px #0000004d}.brutality-edit-select{padding:6px 12px;background:linear-gradient(135deg,#1a1a2e,#252540);border:2px solid #6c5ce7;border-radius:8px;color:#fff;font-size:13px;font-weight:500;min-width:110px;cursor:pointer;box-shadow:0 0 10px #6c5ce74d}.brutality-edit-select:focus{outline:none;box-shadow:0 0 15px #6c5ce780}.brutality-select{min-width:120px!important;padding:8px 12px!important;background:linear-gradient(135deg,#1a1a2e,#252540)!important;border:1px solid #555!important;border-radius:8px!important;font-weight:500!important;cursor:pointer;transition:all .2s ease}.brutality-select:hover{border-color:#6c5ce7!important}.brutality-select:focus{border-color:#6c5ce7!important;box-shadow:0 0 10px #6c5ce74d}.stat-divider{color:#444;padding:0 8px}.brutality-stat{display:inline-flex;align-items:center;gap:6px}.brutality-stat .brutality-badge{font-size:10px;padding:3px 8px}.brutality-stat strong{font-size:14px}.download-btn,.upload-btn{background:transparent;border:none;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.download-btn:hover{background:#2ed57333}.upload-btn:hover{background:#6c5ce733}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.general-view{background:#252540;border-radius:12px;padding:20px;max-height:calc(100vh - 280px);overflow-y:auto}.general-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #333}.general-header h3{margin:0 0 12px;font-size:16px}.general-header .generate-actions{flex-wrap:wrap;align-items:center}.general-header label{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa}.count-input{width:60px;padding:6px 10px;background:#1a1a2e;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px;text-align:center}.count-input:focus{outline:none;border-color:#6c5ce7}.all-view{background:#252540;border-radius:12px;padding:20px;max-height:calc(100vh - 280px);overflow-y:auto}.all-view .filters{margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1a2e;border-radius:16px;max-width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.logs-modal{width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#252540}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:transparent;border:none;color:#888;font-size:28px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.logs-layout{display:grid;grid-template-columns:380px 1fr;gap:20px;min-height:500px}.sessions-list{background:#252540;border-radius:12px;padding:16px;overflow-y:auto;max-height:60vh}.sessions-list h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#aaa}.session-card{background:#0000004d;border-radius:10px;padding:14px;margin-bottom:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.session-card:hover{background:#6c5ce71a;border-color:#6c5ce74d}.session-card.selected{background:#6c5ce726;border-color:#6c5ce7}.session-card.completed{border-left:4px solid #2ed573}.session-card.active{border-left:4px solid #ffc107}.session-card.abandoned{border-left:4px solid #ff4757}.session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.room-code{font-family:monospace;font-size:16px;font-weight:700;color:#fff;background:#6c5ce733;padding:4px 10px;border-radius:6px}.status-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:12px}.status-badge.completed{background:#2ed57333;color:#2ed573}.status-badge.active{background:#ffc10733;color:#ffc107}.status-badge.abandoned{background:#ff475733;color:#ff4757}.session-meta{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-bottom:10px}.session-stats{display:flex;gap:12px;font-size:12px;color:#aaa;margin-bottom:10px}.session-winner{font-size:13px;color:#ffc107;margin-bottom:10px;font-weight:500}.session-players{display:flex;flex-wrap:wrap;gap:6px}.player-chip{font-size:11px;background:#ffffff1a;padding:4px 10px;border-radius:12px;color:#ddd}.session-details{background:#252540;border-radius:12px;padding:20px;overflow-y:auto;max-height:60vh}.session-details h4{margin:0 0 20px;font-size:16px;font-weight:600}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px}.no-data{text-align:center;color:#666;padding:40px;font-size:14px}.events-list{display:flex;flex-direction:column;gap:12px}.event-card{background:#0000004d;border-radius:10px;padding:14px;border-left:4px solid #444}.event-card.round_start{border-left-color:#6c5ce7}.event-card.question{border-left-color:#74b9ff}.event-card.game_end{border-left-color:#2ed573}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.event-type{font-size:12px;font-weight:600;text-transform:uppercase;color:#aaa}.event-time{font-size:11px;color:#666}.event-body{font-size:14px;color:#ddd}.event-body .question-text{font-weight:500;margin-bottom:8px;line-height:1.4}.event-body .question-category{font-size:12px;color:#888;margin-bottom:6px}.event-body .correct-answer{font-size:13px;color:#2ed573;margin-bottom:12px}.player-answers{margin-top:12px;background:#0003;border-radius:8px;padding:10px}.player-answers .answer{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.player-answers .answer:last-child{border-bottom:none}.player-answers .answer.correct{color:#2ed573}.player-answers .answer.wrong{color:#ff4757}.player-answers .player-name{font-weight:600;min-width:100px}.player-answers .answer-value{flex:1;color:#ddd}.player-answers .score{font-weight:600;color:#ffc107;min-width:50px;text-align:right}.player-answers .time{font-size:11px;color:#888;min-width:50px;text-align:right}@media (max-width: 1024px){.questions-view{grid-template-columns:1fr}.questions-sidebar{max-height:300px}.logs-layout{grid-template-columns:1fr}.sessions-list{max-height:250px}.session-details{max-height:400px}.logs-modal{width:100%}}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.admin-header{flex-direction:column;gap:12px;align-items:flex-start}.admin-tabs,.questions-list,.users-list,.names-list,.comments-list{overflow-x:auto}.add-name-form{flex-direction:column}.filters{flex-wrap:wrap}.comments-tab .form-row{flex-direction:column}.view-tabs{width:100%;overflow-x:auto}.generate-actions{flex-direction:column}.generate-actions .generate-btn{width:100%}.manual-add .form-row{flex-direction:column}.manual-add select,.manual-add .comment-input{width:100%}}.questions-stats-enhanced{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.stats-main{display:flex;gap:12px;flex-wrap:wrap}.stat-card{background:#252540;border-radius:10px;padding:16px 20px;min-width:90px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-card .stat-number{font-size:24px;font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.stat-card .stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-card.easy{border-left:3px solid #2ed573}.stat-card.easy .stat-number{color:#2ed573}.stat-card.medium{border-left:3px solid #ffc107}.stat-card.medium .stat-number{color:#ffc107}.stat-card.hard{border-left:3px solid #ff4757}.stat-card.hard .stat-number{color:#ff4757}.stat-card.warning{border-left:3px solid #ff9f43;background:#ff9f431a}.stat-card.warning .stat-number{color:#ff9f43}.category-breakdown{flex:1;min-width:300px;background:#252540;border-radius:10px;padding:16px}.breakdown-title{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.breakdown-bars{display:flex;flex-direction:column;gap:6px}.breakdown-bar{position:relative;height:24px;background:#0000004d;border-radius:4px;cursor:pointer;overflow:hidden;display:flex;align-items:center;padding:0 10px;transition:background .2s}.breakdown-bar:hover{background:#6c5ce733}.breakdown-bar .bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#6c5ce766,#6c5ce733);border-radius:4px;z-index:0}.breakdown-bar .bar-label{position:relative;z-index:1;font-size:12px;color:#ddd;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-bar .bar-count{position:relative;z-index:1;font-size:12px;font-weight:600;color:#fff}.questions-toolbar{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap;background:#252540;padding:16px;border-radius:10px}.search-container{position:relative;flex:1;min-width:200px;max-width:400px}.search-input{width:100%;padding:12px 40px 12px 16px;background:#1a1a2e;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce733}.search-input::placeholder{color:#666}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.search-clear:hover{color:#fff}.filters-container{display:flex;gap:10px;flex-wrap:wrap}.filters-container select{padding:10px 14px;background:#1a1a2e;border:1px solid #444;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s}.filters-container select:hover{border-color:#555}.filters-container select:focus{outline:none;border-color:#6c5ce7}.results-count{margin-left:auto;font-size:13px;color:#888;white-space:nowrap}.bulk-actions-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(90deg,#6c5ce733,#6c5ce71a);border:1px solid #6c5ce7;border-radius:10px;margin-bottom:16px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-count{font-weight:600;color:#fff;font-size:15px}.bulk-hint{margin-left:auto;font-size:12px;color:#888}.btn-danger{background:transparent;border:1px solid #ff4757;color:#ff4757;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#ff475726}.btn-danger-solid{background:#ff4757;border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger-solid:hover:not(:disabled){background:#e63946}.btn-danger-solid:disabled{opacity:.5;cursor:not-allowed}.questions-list.enhanced{background:#252540;border-radius:12px;padding:0;overflow:hidden}.questions-list.enhanced table{width:100%;border-collapse:collapse}.questions-list.enhanced th{background:#1a1a2e;padding:14px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:1px solid #333;position:sticky;top:0;z-index:10}.questions-list.enhanced th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.questions-list.enhanced th.sortable:hover{color:#fff}.questions-list.enhanced td{padding:14px 12px;border-bottom:1px solid #2a2a45;vertical-align:middle}.questions-list.enhanced tr{transition:background .2s}.questions-list.enhanced tbody tr:hover{background:#6c5ce70d}.questions-list.enhanced tr.selected{background:#6c5ce726!important}.checkbox-col{width:40px;text-align:center}.checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6c5ce7}.question-text-cell.clickable{cursor:pointer;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.question-text-cell.clickable:hover{color:#a29bfe}.missing{color:#666;font-style:italic}.quality-cell{text-align:center}.quality-ok{color:#2ed573;font-weight:700;font-size:16px}.quality-warning{color:#ff9f43;font-size:13px;cursor:help}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;border-top:1px solid #333}.btn-page{background:#1a1a2e;border:1px solid #444;color:#fff;padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-page:hover:not(:disabled){background:#6c5ce7;border-color:#6c5ce7}.btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{padding:0 16px;color:#888;font-size:14px}.delete-confirm-modal{max-width:420px}.delete-confirm-content{text-align:center;padding:20px 0}.delete-warning-icon{font-size:48px;margin-bottom:16px}.delete-warning-text{font-size:18px;font-weight:500;color:#fff;margin:0 0 8px}.delete-warning-subtext{font-size:14px;color:#888;margin:0}.delete-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.question-preview-modal{max-width:600px;width:100%}.preview-question-text{font-size:18px;line-height:1.5;color:#fff;margin-bottom:24px;padding:16px;background:#0000004d;border-radius:10px}.preview-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.preview-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0003;border-radius:8px;border:2px solid transparent;transition:all .2s}.preview-option.correct{background:#2ed5731a;border-color:#2ed573}.preview-option .option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border-radius:50%;font-weight:700;font-size:14px;color:#888}.preview-option.correct .option-letter{background:#2ed573;color:#1a1a2e}.preview-option .option-text{flex:1;font-size:15px;color:#ddd}.preview-option .correct-indicator{font-size:20px;color:#2ed573}.preview-meta{display:flex;gap:24px;flex-wrap:wrap;padding:16px;background:#0003;border-radius:10px;margin-bottom:24px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#888}.meta-value{font-size:15px;color:#fff}.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-actions .btn-secondary,.preview-actions .btn-danger{padding:10px 18px;font-size:14px}@media (max-width: 1024px){.questions-stats-enhanced{flex-direction:column}.category-breakdown{min-width:unset}}@media (max-width: 768px){.questions-toolbar{flex-direction:column;align-items:stretch}.search-container{max-width:none}.filters-container{width:100%}.filters-container select{flex:1}.results-count{margin-left:0;text-align:center}.bulk-actions-bar{flex-wrap:wrap;justify-content:center}.bulk-hint{width:100%;text-align:center;margin-left:0;margin-top:8px}.preview-meta{flex-direction:column;gap:12px}.preview-actions{flex-direction:column}.preview-actions button{width:100%}.pagination{flex-wrap:wrap}.stats-main{justify-content:center}.stat-card{min-width:70px;padding:12px 14px}.stat-card .stat-number{font-size:20px}}:root{--primary-orange: #ff9800;--primary-orange-light: #ffb74d;--primary-orange-dark: #e65100;--primary-blue: #1565c0;--primary-blue-dark: #0d47a1;--primary-blue-darker: #0a3d91;--accent-yellow: #ffd54f;--accent-green: #69f0ae;--text-white: #ffffff;--text-white-muted: rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12)}.landing-page{width:100%;min-height:100vh;overflow-x:hidden;background:var(--primary-blue-dark);scroll-behavior:smooth;position:relative}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(33,150,243,.4) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 0% 50%,rgba(255,152,0,.12) 0%,transparent 40%),radial-gradient(ellipse 80% 60% at 100% 50%,rgba(255,152,0,.08) 0%,transparent 40%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(255,152,0,.2) 0%,transparent 50%),linear-gradient(180deg,#1976d2 0%,var(--primary-blue-dark) 40%,var(--primary-blue-darker) 100%)}.particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(255,213,79,.8) 0%,rgba(255,152,0,.4) 40%,transparent 70%);border-radius:50%;left:var(--x);bottom:-20px;animation:particleRise var(--duration) var(--delay) linear infinite;filter:blur(1px)}@keyframes particleRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100vh) scale(.3);opacity:0}}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;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:80px 80px;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 30%,black 0%,transparent 60%);mask-image:radial-gradient(ellipse 100% 80% at 50% 30%,black 0%,transparent 60%)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:transparent;transition:all .3s ease}.landing-header.header-scrolled{background:#0d47a1f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d;padding:.75rem 2rem}.header-logo-img{height:36px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:height .3s ease}.header-scrolled .header-logo-img{height:28px}.header-buttons{display:flex;gap:.75rem}.header-game-btn{padding:.5rem 1.25rem;border-radius:10px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:transform .1s ease,filter .1s ease;border:none;color:var(--text-white);text-shadow:0 1px 2px rgba(0,0,0,.3)}.header-game-btn-primary{background:linear-gradient(180deg,#ffb74d 0%,var(--primary-orange) 100%);box-shadow:0 4px #c45000,0 5px 12px #00000040}.header-game-btn-primary:hover{filter:brightness(1.1)}.header-game-btn-primary:active{transform:translateY(2px);box-shadow:0 2px #c45000,0 3px 8px #00000040}.header-game-btn-secondary{background:linear-gradient(180deg,#42a5f5,#1976d2);box-shadow:0 4px #0d47a1,0 5px 12px #00000040}.header-game-btn-secondary:hover{filter:brightness(1.1)}.header-game-btn-secondary:active{transform:translateY(2px);box-shadow:0 2px #0d47a1,0 3px 8px #00000040}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;z-index:1}.hero-content{text-align:center;max-width:900px;position:relative}.hero-badge-wrapper{margin-bottom:1.5rem;animation:fadeSlideDown .8s ease .2s both}.hero-live-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#69f0ae26,#69f0ae0d);border:1px solid rgba(105,240,174,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--accent-green);text-transform:uppercase;letter-spacing:.1em}.live-dot{width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 10px var(--accent-green)}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-logo{width:min(480px,70vw);height:auto;filter:drop-shadow(0 16px 32px rgba(0,0,0,.4));animation:heroFloat 4s ease-in-out infinite,fadeSlideDown .8s ease .2s both}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-tagline{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1;animation:fadeSlideDown .8s ease .4s both}.tagline-top,.tagline-bottom{font-size:3.5rem;font-weight:700;color:#fffffff2;text-shadow:2px 2px 4px rgba(0,0,0,.4);letter-spacing:.08em;text-transform:uppercase}.tagline-accent{font-size:5.5rem;font-weight:900;color:var(--accent-yellow);text-shadow:0 0 40px rgba(255,213,79,.6),0 4px 8px rgba(0,0,0,.4);letter-spacing:.02em;text-transform:uppercase;margin-top:.5rem;animation:taglineGlow 2.5s ease-in-out infinite;position:relative}.tagline-accent:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,transparent,var(--accent-yellow),transparent);border-radius:2px}@keyframes taglineGlow{0%,to{text-shadow:0 0 40px rgba(255,213,79,.6),0 4px 8px rgba(0,0,0,.4);transform:scale(1)}50%{text-shadow:0 0 60px rgba(255,213,79,.9),0 0 100px rgba(255,213,79,.4),0 4px 8px rgba(0,0,0,.4);transform:scale(1.02)}}.hero-description{max-width:540px;margin:1.75rem auto 0;font-size:1.15rem;line-height:1.7;color:var(--text-white-muted);animation:fadeSlideDown .8s ease .8s both}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:3.5rem;flex-wrap:wrap;animation:fadeSlideDown .8s ease .6s both}.game-button{position:relative;padding:1.25rem 3rem;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-white);border:none;border-radius:16px;cursor:pointer;transition:transform .1s ease,filter .1s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.game-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;z-index:-1}.game-button:after{content:"";position:absolute;left:4px;right:4px;bottom:-6px;height:100%;border-radius:16px;z-index:-2}.game-button-primary{background:linear-gradient(180deg,#ffb74d 0%,var(--primary-orange) 100%);box-shadow:0 6px #c45000,0 8px 20px #0000004d}.game-button-primary:hover{filter:brightness(1.1)}.game-button-primary:active{transform:translateY(4px);box-shadow:0 2px #c45000,0 4px 10px #0000004d}.game-button-secondary{background:linear-gradient(180deg,#42a5f5,#1976d2);box-shadow:0 6px #0d47a1,0 8px 20px #0000004d}.game-button-secondary:hover{filter:brightness(1.1)}.game-button-secondary:active{transform:translateY(4px);box-shadow:0 2px #0d47a1,0 4px 10px #0000004d}.cta-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;border:none;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.cta-button:hover:before{opacity:1}.cta-primary{background:linear-gradient(135deg,var(--primary-orange-light) 0%,var(--primary-orange) 50%,var(--primary-orange-dark) 100%);box-shadow:0 8px 30px #ff980066,inset 0 1px #fff3}.cta-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #ff980080,inset 0 1px #fff3}.cta-secondary{background:linear-gradient(135deg,#42a5f5 0%,#1e88e5 50%,var(--primary-blue) 100%);box-shadow:0 8px 30px #2196f34d,inset 0 1px #fff3}.cta-secondary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #2196f366,inset 0 1px #fff3}.cta-large{padding:1.25rem 2rem}.cta-large .cta-icon{width:36px;height:36px}.cta-large .cta-icon svg{width:32px;height:32px}.cta-large .cta-main{font-size:1.3rem}.cta-glow{animation:ctaGlow 2s ease-in-out infinite}@keyframes ctaGlow{0%,to{box-shadow:0 8px 30px #ff980066,inset 0 1px #fff3}50%{box-shadow:0 8px 50px #ff980099,inset 0 1px #fff3}}.cta-icon{display:flex;align-items:center;justify-content:center;color:var(--text-white);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.cta-icon svg{width:28px;height:28px}.cta-text{display:flex;flex-direction:column}.cta-main{font-size:1.1rem;font-weight:700;color:var(--text-white)}.cta-sub{font-size:.8rem;color:#fffc;font-weight:500}.cta-arrow{font-size:1.25rem;color:var(--text-white);opacity:.7;margin-left:auto;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(4px);opacity:1}.logged-in-hint{margin-top:1.5rem;color:var(--accent-green);font-size:.95rem;font-weight:600}.hero-platforms{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;animation:fadeSlideDown .8s ease .8s both}.platforms-label{font-size:.85rem;color:var(--text-white-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.platforms-icons{display:flex;align-items:center;gap:.75rem}.platform-item{width:40px;height:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:default}.platform-item:hover{background:#ffffff26;border-color:#ff98004d;transform:translateY(-2px)}.platform-item svg{width:20px;height:20px;fill:var(--text-white-muted);transition:fill .3s ease}.platform-item:hover svg{fill:var(--primary-orange)}.hero-floating{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.float-card{position:absolute;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:.6rem 1rem;display:flex;align-items:center;gap:.6rem;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1a}.float-emoji{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.float-text{font-size:.9rem;font-weight:800;color:var(--text-white);text-shadow:0 1px 2px rgba(0,0,0,.3)}.float-card-1{top:18%;left:8%;animation:floatCard1 7s ease-in-out infinite;border-color:#ff98004d;background:linear-gradient(135deg,#ff980033,#ff98000d)}.float-card-2{top:15%;right:8%;animation:floatCard2 8s ease-in-out infinite;border-color:#ffd7004d;background:linear-gradient(135deg,#ffd70033,#ffd7000d)}.float-card-3{bottom:28%;left:6%;animation:floatCard3 6s ease-in-out infinite;border-color:#2196f34d;background:linear-gradient(135deg,#2196f333,#2196f30d)}.float-card-4{bottom:32%;right:6%;animation:floatCard4 7s ease-in-out infinite;border-color:#ff57224d;background:linear-gradient(135deg,#ff572233,#ff57220d)}@keyframes floatCard1{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes floatCard2{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-18px) rotate(-2deg)}}@keyframes floatCard3{0%,to{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-22px) rotate(-3deg)}}@keyframes floatCard4{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(3deg)}}.hero-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.ring{position:absolute;border-radius:50%;border:2px solid rgba(255,152,0,.1);top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:600px;height:600px;animation:ringPulse 4s ease-in-out infinite}.ring-2{width:800px;height:800px;animation:ringPulse 4s ease-in-out infinite 1s;border-color:#ff980012}.ring-3{width:1000px;height:1000px;animation:ringPulse 4s ease-in-out infinite 2s;border-color:#ff98000a}@keyframes ringPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.5}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-white-muted);font-size:.8rem;animation:scrollIndicatorFadeIn 1s ease 1s both}@keyframes scrollIndicatorFadeIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scroll-arrow{width:24px;height:24px;border-right:2px solid var(--text-white-muted);border-bottom:2px solid var(--text-white-muted);transform:rotate(45deg);animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0);opacity:1}50%{transform:rotate(45deg) translateY(8px);opacity:.5}}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.85rem;font-weight:700;color:var(--primary-orange);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.section-title{font-size:2.75rem;font-weight:900;color:var(--text-white);margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:1.15rem;color:var(--text-white-muted);max-width:600px;margin:0 auto;line-height:1.6}.preview-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.preview-showcase{display:flex;justify-content:center;align-items:center;gap:3rem;max-width:1000px;margin:0 auto;flex-wrap:wrap}.preview-tv{position:relative}.tv-frame{background:#1a1a2e;border-radius:16px;padding:12px;box-shadow:0 25px 80px #00000080,inset 0 0 0 2px #ffffff1a}.tv-screen{width:400px;height:240px;background:linear-gradient(135deg,#1565c0,#0d47a1);border-radius:8px;overflow:hidden;position:relative}.tv-stand{width:120px;height:20px;background:#1a1a2e;margin:0 auto;border-radius:0 0 8px 8px;position:relative}.tv-stand:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:160px;height:8px;background:#1a1a2e;border-radius:4px}.mock-game{padding:1.25rem;height:100%;display:flex;flex-direction:column}.mock-question{font-size:1rem;font-weight:700;color:var(--text-white);text-align:center;margin-bottom:.75rem}.mock-answers{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1}.mock-answer{background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:8px;padding:.5rem;font-size:.75rem;font-weight:600;color:var(--text-white);display:flex;align-items:center;justify-content:center}.mock-a{border-color:#ef5350;background:#ef535033}.mock-b{border-color:#42a5f5;background:#42a5f533;animation:mockPulse 1.5s ease-in-out infinite}.mock-c{border-color:#66bb6a;background:#66bb6a33}.mock-d{border-color:#ffa726;background:#ffa72633}@keyframes mockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.mock-timer{height:6px;background:#fff3;border-radius:3px;margin:.75rem 0 .5rem;overflow:hidden}.mock-timer-bar{height:100%;width:65%;background:linear-gradient(90deg,var(--accent-green),var(--accent-yellow));border-radius:3px;animation:timerShrink 10s linear infinite}@keyframes timerShrink{0%{width:100%}to{width:0%}}.mock-players{display:flex;justify-content:center;gap:1rem}.mock-player{display:flex;align-items:center;gap:.25rem;background:var(--glass-bg);padding:.25rem .5rem;border-radius:20px}.mock-avatar{font-size:.9rem}.mock-score{font-size:.7rem;font-weight:700;color:var(--accent-yellow)}.preview-phones{display:flex;gap:1rem;align-items:flex-start}.phone{background:#1a1a2e;border-radius:24px;padding:8px;box-shadow:0 15px 50px #0006}.phone-1{transform:rotate(-5deg)}.phone-2{transform:rotate(5deg) translateY(20px)}.phone-screen{width:140px;height:260px;background:linear-gradient(180deg,#1565c0,#0d47a1);border-radius:18px;overflow:hidden;padding:1rem;display:flex;flex-direction:column}.phone-header{font-size:.75rem;font-weight:700;color:var(--text-white);text-align:center;margin-bottom:1rem}.phone-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;flex:1}.phone-btn{border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:var(--text-white);transition:transform .2s ease}.phone-btn-a{background:linear-gradient(135deg,#ef5350,#c62828)}.phone-btn-b{background:linear-gradient(135deg,#42a5f5,#1565c0)}.phone-btn-c{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.phone-btn-d{background:linear-gradient(135deg,#ffa726,#ef6c00)}.phone-btn-selected{transform:scale(.95);box-shadow:inset 0 4px 10px #0000004d}.phone-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.phone-correct{background:radial-gradient(circle at center,rgba(105,240,174,.2) 0%,transparent 70%)}.result-icon{width:50px;height:50px;background:linear-gradient(135deg,#66bb6a,#2e7d32);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-white);animation:checkBounce .5s ease}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.result-text{font-size:1rem;font-weight:800;color:var(--accent-green)}.result-points{font-size:.85rem;font-weight:700;color:var(--accent-yellow)}.stats-section{padding:4rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 100%)}.stats-container{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;max-width:900px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem 3rem}.stat-item{text-align:center;min-width:200px}.stat-number{display:block;font-size:2.75rem;font-weight:900;color:var(--text-white);line-height:1;background:linear-gradient(135deg,var(--text-white) 0%,var(--accent-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;min-width:180px}.stat-label{display:block;font-size:.95rem;color:var(--text-white-muted);margin-top:.5rem;font-weight:500}.stat-divider{width:1px;height:50px;background:var(--glass-border)}.how-it-works-section{padding:6rem 2rem;position:relative;z-index:1}.steps-container{display:flex;justify-content:center;align-items:flex-start;gap:0;max-width:1000px;margin:0 auto}.step-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem 2rem;text-align:center;width:280px;position:relative;transition:all .3s ease}.step-card:hover{transform:translateY(-8px);background:#ffffff1f;box-shadow:0 20px 60px #0000004d}.step-number{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--primary-orange-light) 0%,var(--primary-orange) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:900;color:var(--text-white);box-shadow:0 4px 15px #ff980066}.step-icon-wrapper{width:80px;height:80px;margin:.5rem auto 1.5rem;background:linear-gradient(135deg,#ff980026,#ffd54f0d);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,152,0,.2)}.step-svg{width:40px;height:40px;fill:var(--primary-orange)}.step-title{font-size:1.2rem;font-weight:800;color:var(--text-white);margin-bottom:.75rem}.step-description{font-size:.95rem;color:var(--text-white-muted);line-height:1.6}.step-connector{display:flex;align-items:center;padding-top:4rem;width:60px}.connector-line{flex:1;height:2px;background:linear-gradient(90deg,var(--glass-border),var(--primary-orange),var(--glass-border))}.connector-dot{width:10px;height:10px;background:var(--primary-orange);border-radius:50%;box-shadow:0 0 15px var(--primary-orange)}.features-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;text-align:center;transition:all .3s ease;position:relative}.feature-card:hover{transform:translateY(-8px);background:#ffffff1f;border-color:#ff98004d;box-shadow:0 20px 60px #0000004d}.feature-card-highlight{border-color:#ff98004d;background:linear-gradient(135deg,rgba(255,152,0,.1) 0%,var(--glass-bg) 100%)}.feature-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--primary-orange-light),var(--primary-orange));color:var(--text-white);font-size:.7rem;font-weight:700;padding:.35rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.feature-icon-wrapper{width:70px;height:70px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#ff980026,#ffd54f0d);border-radius:18px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,152,0,.2)}.feature-svg{width:32px;height:32px;fill:var(--primary-orange)}.feature-title{font-size:1.2rem;font-weight:800;color:var(--text-white);margin-bottom:.75rem}.feature-description{font-size:.95rem;color:var(--text-white-muted);line-height:1.6}.testimonials-section{padding:6rem 2rem;position:relative;z-index:1}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.testimonial-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0003}.testimonial-featured{border-color:#ff98004d;background:linear-gradient(135deg,rgba(255,152,0,.08) 0%,var(--glass-bg) 100%)}.testimonial-stars{font-size:1rem;color:var(--accent-yellow);letter-spacing:.1em;margin-bottom:1rem}.testimonial-text{font-size:1rem;color:var(--text-white);line-height:1.7;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-orange-light),var(--primary-orange));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--text-white)}.author-info{display:flex;flex-direction:column}.author-name{font-size:.95rem;font-weight:700;color:var(--text-white)}.author-title{font-size:.8rem;color:var(--text-white-muted)}.faq-section{padding:6rem 2rem;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%)}.faq-container{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#ff98004d}.faq-item-open{border-color:#ff98004d;background:#ffffff1a}.faq-question{width:100%;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-white);text-align:left}.faq-icon{font-size:1.5rem;color:var(--primary-orange);font-weight:300;transition:transform .3s ease}.faq-item-open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item-open .faq-answer{max-height:300px;padding:0 1.5rem 1.25rem}.faq-answer p{font-size:.95rem;color:var(--text-white-muted);line-height:1.7}.final-cta-section{padding:8rem 2rem;position:relative;z-index:1;overflow:hidden}.final-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,152,0,.15) 50%,rgba(255,152,0,.25) 100%)}.cta-particles{position:absolute;top:0;right:0;bottom:0;left:0}.cta-particle{position:absolute;width:4px;height:4px;background:var(--accent-yellow);border-radius:50%;opacity:.6;animation:ctaParticleFloat 8s ease-in-out infinite;left:calc(10% + var(--i) * 8%);top:calc(20% + var(--i) * 6%);animation-delay:calc(var(--i) * .5s)}@keyframes ctaParticleFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.5)}}.final-cta-content{position:relative;max-width:600px;margin:0 auto;text-align:center}.final-cta-title{font-size:3.5rem;font-weight:900;color:var(--text-white);margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.final-cta-description{font-size:1.25rem;color:var(--text-white);margin-bottom:2.5rem;opacity:.9}.final-cta-buttons{display:flex;justify-content:center}.final-cta-note{margin-top:1.5rem;font-size:.9rem;color:var(--text-white-muted)}.landing-footer{padding:3rem 2rem;position:relative;z-index:1;background:#0000004d;border-top:1px solid var(--glass-border)}.footer-content{max-width:600px;margin:0 auto;text-align:center}.footer-logo{height:40px;width:auto;margin-bottom:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-link{color:var(--text-white-muted);text-decoration:none;font-size:.85rem;transition:color .2s ease}.footer-link:hover{color:var(--text-white)}.footer-divider{color:var(--text-white-muted);opacity:.5}.footer-copyright{font-size:.8rem;color:var(--text-white-muted);opacity:.7}@media (max-width: 900px){.preview-showcase{flex-direction:column;gap:2rem}.tv-screen{width:340px;height:200px}.preview-phones{justify-content:center}.steps-container{flex-direction:column;gap:1.5rem;align-items:center}.step-connector{display:none}.step-card{width:100%;max-width:320px}.stats-container{flex-direction:column;gap:2rem}.stat-divider{width:60px;height:1px}}@media (max-width: 768px){.landing-header{padding:.75rem 1rem}.landing-header.header-scrolled{padding:.5rem 1rem}.header-logo-img{height:28px}.header-scrolled .header-logo-img{height:24px}.header-game-btn{padding:.45rem 1rem;font-size:.75rem;border-radius:8px;box-shadow:0 3px #c45000,0 4px 10px #00000040}.header-game-btn-secondary{box-shadow:0 3px #0d47a1,0 4px 10px #00000040}.hero-section{padding:5rem 1.5rem 3rem}.hero-live-badge{font-size:.75rem;padding:.4rem 1rem}.hero-logo{width:min(340px,65vw)}.tagline-top,.tagline-bottom{font-size:2.5rem}.tagline-accent{font-size:3.8rem}.tagline-accent:after{height:3px;bottom:-6px}.hero-description{font-size:1rem;margin-top:1.25rem}.hero-buttons{flex-direction:column;align-items:center;gap:1.25rem}.game-button{padding:1rem 2.5rem;font-size:1.3rem;width:100%;max-width:280px}.hero-platforms{flex-direction:column;gap:.75rem;margin-top:2rem}.platform-item{width:36px;height:36px}.platform-item svg{width:18px;height:18px}.float-card,.hero-rings{display:none}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.stat-number{font-size:2.25rem}.final-cta-title{font-size:2.5rem}.final-cta-description{font-size:1.1rem}.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 480px){.landing-header{padding:.5rem .75rem}.header-logo-img{height:24px}.header-scrolled .header-logo-img{height:20px}.header-buttons{gap:.5rem}.header-game-btn{padding:.35rem .65rem;font-size:.65rem;border-radius:6px;box-shadow:0 2px #c45000,0 3px 8px #00000040}.header-game-btn-secondary{box-shadow:0 2px #0d47a1,0 3px 8px #00000040}.header-game-btn:active{transform:translateY(1px)}.hero-live-badge{font-size:.7rem;padding:.35rem .75rem}.live-dot{width:6px;height:6px}.hero-logo{width:min(260px,60vw)}.tagline-top,.tagline-bottom{font-size:1.75rem}.tagline-accent{font-size:2.6rem}.tagline-accent:after{height:2px;bottom:-4px}.hero-description{font-size:.9rem;line-height:1.6}.game-button{padding:.9rem 2rem;font-size:1.1rem;border-radius:12px;box-shadow:0 5px #c45000,0 6px 15px #0000004d}.game-button-secondary{box-shadow:0 5px #0d47a1,0 6px 15px #0000004d}.game-button:active{transform:translateY(3px);box-shadow:0 2px #c45000,0 3px 8px #0000004d}.game-button-secondary:active{box-shadow:0 2px #0d47a1,0 3px 8px #0000004d}.hero-platforms{margin-top:1.5rem}.platforms-label{font-size:.75rem}.platform-item{width:32px;height:32px;border-radius:8px}.platform-item svg{width:16px;height:16px}.section-title{font-size:1.6rem}.section-label{font-size:.75rem}.tv-screen{width:280px;height:165px}.mock-question{font-size:.85rem}.mock-answer{font-size:.65rem}.phone-screen{width:110px;height:200px}.stat-number{font-size:1.75rem}.stats-container{padding:1.5rem}.step-card{padding:2rem 1.5rem}.feature-card,.testimonial-card{padding:1.5rem}.faq-question{padding:1rem;font-size:.9rem}.final-cta-title{font-size:2rem}.final-cta-description{font-size:1rem}}:root{--login-primary-orange: #ff9800;--login-primary-orange-light: #ffb74d;--login-primary-blue: #1565c0;--login-primary-blue-dark: #0d47a1;--login-accent-yellow: #ffd54f;--login-accent-green: #69f0ae;--login-text-white: #ffffff;--login-text-muted: rgba(255, 255, 255, .7);--login-glass-bg: rgba(255, 255, 255, .08);--login-glass-border: rgba(255, 255, 255, .12)}.login-page{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1976d2 0%,var(--login-primary-blue-dark) 40%,#0a3d91 100%);position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:2rem}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.login-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(33,150,243,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(255,152,0,.1) 0%,transparent 40%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(255,152,0,.08) 0%,transparent 40%)}.login-particles{position:absolute;top:0;right:0;bottom:0;left:0}.login-particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(255,213,79,.8) 0%,rgba(255,152,0,.4) 40%,transparent 70%);border-radius:50%;left:var(--x);bottom:-20px;animation:loginParticleRise var(--duration) var(--delay) linear infinite;filter:blur(1px)}@keyframes loginParticleRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}.login-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.login-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,152,0,.08);top:50%;left:50%;transform:translate(-50%,-50%)}.login-ring-1{width:500px;height:500px;animation:loginRingPulse 4s ease-in-out infinite}.login-ring-2{width:700px;height:700px;animation:loginRingPulse 4s ease-in-out infinite 1s;border-color:#ff98000d}@keyframes loginRingPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.5}}.login-wrapper{width:100%;max-width:480px;z-index:10;animation:loginFadeIn .6s ease both}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--login-glass-bg);border:1px solid var(--login-glass-border);color:var(--login-text-muted);font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;border-radius:50px;margin-bottom:2rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff26;color:var(--login-text-white);border-color:#fff3}.login-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:var(--login-glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--login-glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:200px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}.login-title{font-size:2rem;font-weight:900;color:var(--login-text-white);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-subtitle{color:var(--login-text-muted);font-size:1rem}.login-options{display:flex;flex-direction:column;gap:1.5rem;flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto}.qr-login-container,.login-container{width:100%}.login-container,.oauth-buttons,.login-divider{margin-left:auto;margin-right:auto}.login-divider{display:flex;align-items:center;gap:1.5rem;color:var(--login-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff40}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;color:var(--login-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.form-group input{padding:1rem 1.25rem;background:#0003;border:2px solid var(--login-glass-border);border-radius:12px;color:var(--login-text-white);font-size:1rem;transition:all .2s ease}.form-group input:focus{border-color:var(--login-primary-orange);background:#0000004d;box-shadow:0 0 20px #ff980026;outline:none}.form-group input::placeholder{color:var(--login-text-muted);opacity:.5}.error-message{color:#ff6b6b;font-size:.875rem;text-align:center;padding:.875rem;background:#ff6b6b1a;border-radius:10px;border:1px solid rgba(255,107,107,.3)}.success-message{color:var(--login-accent-green);font-size:.875rem;text-align:center;padding:.875rem;background:#69f0ae1a;border-radius:10px;border:1px solid rgba(105,240,174,.3)}.submit-button{position:relative;padding:1rem 2rem;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--login-text-white);border:none;border-radius:12px;cursor:pointer;transition:transform .1s ease,filter .1s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(180deg,#ffb74d 0%,var(--login-primary-orange) 100%);box-shadow:0 5px #c45000,0 6px 15px #0000004d;margin-top:.5rem}.submit-button:hover:not(:disabled){filter:brightness(1.1)}.submit-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #c45000,0 3px 8px #0000004d}.submit-button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(30%)}.toggle-mode{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;color:var(--login-text-muted);font-size:.9rem}.toggle-button{background:transparent;color:var(--login-accent-yellow);font-weight:700;padding:0;transition:color .2s ease}.toggle-button:hover{color:var(--login-primary-orange-light)}.qr-section{background:#00000026;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:1px solid var(--login-glass-border)}.qr-header{display:flex;align-items:center;gap:.5rem;color:var(--login-text-white);font-weight:700}.qr-icon{font-size:1.5rem}.qr-title{font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.qr-code-wrapper{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 8px 30px #0003;display:flex;align-items:center;justify-content:center}.qr-code-wrapper>*{display:block;margin:0 auto}.qr-instructions{color:var(--login-text-muted);font-size:.85rem;text-align:center;max-width:220px;line-height:1.5}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--login-text-muted)}.qr-loading .spinner{width:32px;height:32px;border:3px solid var(--login-glass-border);border-top-color:var(--login-primary-orange);border-radius:50%;animation:spin 1s linear infinite}.qr-loading .spinner.small{width:24px;height:24px;border-width:2px}.qr-error{color:#ff6b6b;font-size:.875rem;text-align:center}.qr-retry{padding:.6rem 1.25rem;background:var(--login-glass-bg);border:1px solid var(--login-primary-orange);color:var(--login-primary-orange);border-radius:8px;font-size:.875rem;font-weight:600;transition:all .2s ease}.qr-retry:hover{background:#ff98001a}.qr-success{display:flex;align-items:center;gap:.5rem;color:var(--login-accent-green);font-weight:700}.qr-success-icon{width:32px;height:32px;border-radius:50%;background:#69f0ae26;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.oauth-buttons{display:flex;gap:1rem;width:100%;position:relative;align-items:center}.oauth-buttons:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:60%;background:#ffffff40}.oauth-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:12px;transition:all .2s ease;border:2px solid var(--login-glass-border);background:#0003;color:var(--login-text-white)}.oauth-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.oauth-button:active:not(:disabled){transform:translateY(0)}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-icon{width:20px;height:20px;flex-shrink:0}.oauth-button.apple .oauth-icon{width:18px;height:18px}.qr-section-large{padding:2rem}.qr-section-large .qr-header{gap:.75rem}.qr-section-large .qr-icon{font-size:2rem}.qr-section-large .qr-title{font-size:1.25rem}.qr-section-large .qr-code-wrapper{padding:1.5rem;border-radius:16px}.qr-section-large .qr-instructions{font-size:1rem;max-width:300px}.login-page-tv .qr-section.qr-section-large{padding:2rem}.login-page-tv .qr-section-large .qr-code-wrapper{padding:1.25rem}.floating-shapes{display:none}.login-forms-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.login-page-tv .login-wrapper{max-width:1150px}.login-page-tv .login-card{padding:3rem 3.5rem;width:100%;gap:2.5rem}.login-page-tv .login-header{margin-bottom:1.5rem}.login-page-tv .login-logo{width:220px}.login-page-tv .login-title{font-size:2rem}.login-page-tv .login-subtitle{font-size:1rem}.login-page-tv .login-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:center;justify-items:center;gap:3rem;max-width:1100px}.login-page-tv .qr-login-container{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;height:100%;width:100%;max-width:480px}.login-page-tv .qr-section{padding:2.5rem;width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;background:#0000001f;border:1px solid var(--login-glass-border);border-radius:16px;margin-right:0;min-width:0;gap:1.5rem}.login-page-tv .qr-code-wrapper{max-width:360px;width:100%;padding:1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center}.login-page-tv .qr-header{gap:.75rem;margin-bottom:.5rem}.login-page-tv .qr-icon{font-size:1.5rem}.login-page-tv .qr-title{font-size:1.1rem}.login-page-tv .qr-instructions{font-size:.95rem;max-width:280px;margin-top:1.5rem}.login-page-tv .login-forms-container{flex:1;width:auto;max-width:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;height:100%;padding:.5rem 0}.login-page-tv .login-container{width:100%;max-width:520px;margin:0 auto}.login-page-tv .oauth-buttons{gap:1rem;position:relative;align-items:center}.login-page-tv .oauth-buttons:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:60%;background:#ffffff40}.login-page-tv .oauth-button{padding:1rem 1.25rem;font-size:.95rem;border-radius:12px}.login-page-tv .oauth-icon{width:18px;height:18px}.login-page-tv .login-divider{font-size:.8rem;margin:.5rem 0}.login-page-tv .form-group{gap:.65rem}.login-page-tv .form-group label{font-size:.85rem}.login-page-tv .form-group input{padding:1rem 1.25rem;font-size:1rem;border-radius:12px}.login-page-tv .submit-button{padding:1rem 1.5rem;font-size:1.05rem;border-radius:12px;margin-top:.75rem}.login-page-tv .toggle-mode{font-size:.85rem;margin-top:1.25rem}@media (max-width: 700px){.qr-login-container{display:none}.oauth-buttons{flex-direction:column;gap:.75rem}.oauth-buttons:after{display:none}.oauth-button{width:100%}}@media (max-width: 540px){.login-page{padding:1.5rem 1rem 2rem;align-items:flex-start}.login-wrapper{padding-bottom:2rem}.back-button{padding:.5rem 1rem;font-size:.85rem;margin-bottom:1rem}.login-card{padding:1.5rem;border-radius:20px}.login-header{margin-bottom:1rem}.login-logo{width:150px;margin-bottom:1rem}.login-title{font-size:1.4rem}.login-subtitle{font-size:.85rem}.login-forms-container{gap:1rem}.oauth-button{padding:.75rem 1rem;font-size:.9rem}.login-divider{font-size:.75rem;gap:1rem}.form-group{gap:.4rem}.form-group label{font-size:.8rem}.form-group input{padding:.8rem 1rem;font-size:.95rem}.submit-button{padding:.85rem 1.5rem;font-size:1rem}.toggle-mode{margin-top:1rem;font-size:.85rem}.login-rings{display:none}}.qr-login-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#1a3a6e,#0a1628);padding:1.5rem}.qr-login-content{width:100%;max-width:360px;text-align:center}.qr-login-content h2{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--neon-orange),var(--neon-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.qr-login-content .subtitle{color:var(--color-text-muted);margin-bottom:1.5rem}.qr-login-content .user-info{color:var(--color-text);margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-card);border-radius:12px}.qr-login-content .user-info strong{color:var(--neon-blue)}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem}.status-icon.success{background:#00ff881a;color:var(--neon-green);border:3px solid var(--neon-green);box-shadow:0 0 30px #00ff884d}.status-icon.error{background:#ff33551a;color:var(--color-wrong);border:3px solid var(--color-wrong);box-shadow:0 0 30px #ff33554d}.qr-login-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.qr-login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.qr-login-form .form-group label{font-size:.875rem;color:var(--color-text-muted);font-weight:500}.qr-login-form .form-group input{padding:.875rem 1rem;background:var(--color-bg-card);border:2px solid transparent;border-radius:12px;color:var(--color-text);font-size:1rem;transition:all .2s}.qr-login-form .form-group input:focus{border-color:var(--neon-pink);box-shadow:0 0 20px #ff2d9533}.qr-login-form .form-group input::placeholder{color:var(--color-text-muted);opacity:.5}.error-message{color:var(--color-wrong);font-size:.875rem;text-align:center;padding:.75rem;background:#ff33551a;border-radius:8px;border:1px solid rgba(255,51,85,.3)}.success-message{color:var(--neon-green);font-size:.875rem;text-align:center;padding:.75rem;background:#00ff881a;border-radius:8px;border:1px solid rgba(0,255,136,.3)}.action-button{padding:1rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s;width:100%}.action-button.primary{background:linear-gradient(135deg,var(--neon-orange),var(--neon-yellow));color:#1a1a4e;box-shadow:0 4px 20px #ff95004d}.action-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ff950066}.action-button.secondary{background:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-text-muted)}.action-button.secondary:hover:not(:disabled){border-color:var(--neon-blue);color:var(--neon-blue)}.action-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.or-text{color:var(--color-text-muted);margin:1rem 0;font-size:.875rem}.toggle-mode{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;color:var(--color-text-muted);font-size:.9rem}.toggle-button{background:transparent;color:var(--neon-blue);font-weight:600;padding:0;text-shadow:var(--text-glow-blue)}.toggle-button:hover{color:var(--neon-pink);text-shadow:var(--text-glow-pink)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--neon-orange);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.qr-oauth-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-bottom:1rem}.qr-oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600;border-radius:12px;background:var(--color-bg-card);border:2px solid rgba(255,255,255,.15);color:var(--color-text);transition:all .2s ease}.qr-oauth-button:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff0d}.qr-oauth-button:active:not(:disabled){transform:scale(.98)}.qr-oauth-button:disabled{opacity:.6;cursor:not-allowed}.qr-oauth-icon{width:20px;height:20px;flex-shrink:0}.qr-divider{display:flex;align-items:center;gap:1rem;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.qr-divider:before,.qr-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.payment-result{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0d47a1,#0a3d91 40%,#061f4a);position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:2rem;box-sizing:border-box}.payment-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.payment-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.payment-bg-success{background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(76,175,80,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(105,240,174,.15) 0%,transparent 40%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(105,240,174,.1) 0%,transparent 40%)}.payment-bg-cancel{background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(244,67,54,.3) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(255,152,0,.15) 0%,transparent 40%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(255,152,0,.1) 0%,transparent 40%)}.payment-particles{position:absolute;top:0;right:0;bottom:0;left:0}.payment-particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 40%,transparent 70%);border-radius:50%;left:var(--x);bottom:-20px;animation:paymentParticleRise var(--duration) var(--delay) linear infinite;filter:blur(1px)}@keyframes paymentParticleRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) scale(.3);opacity:0}}.payment-content{display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:10;max-width:500px;width:100%;animation:paymentFadeIn .6s ease both}@keyframes paymentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-logo{width:min(350px,70vw);height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.payment-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.5rem;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.payment-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:paymentIconPop .5s ease .3s both}.payment-icon svg{width:40px;height:40px}.payment-icon-success{background:linear-gradient(135deg,#4caf50,#69f0ae);color:#fff;box-shadow:0 8px 24px #4caf5066}.payment-icon-cancel{background:linear-gradient(135deg,#ff6b6b,#ffa06b);color:#fff;box-shadow:0 8px 24px #ff6b6b66}@keyframes paymentIconPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.payment-title{font-size:1.75rem;font-weight:900;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.payment-subtitle{color:#ffffffb3;font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.payment-details{background:#0003;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.payment-detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.payment-detail-row:last-child{border-bottom:none}.payment-detail-row span:first-child{color:#fff9;font-size:.9rem}.payment-detail-row span:last-child{color:#ffffffe6;font-weight:600;font-size:.9rem}.payment-status-success{color:#69f0ae!important}.payment-redirect{color:#fff9;font-size:.9rem;margin-bottom:1.5rem}.payment-countdown{color:#ffd54f;font-weight:700;font-size:1.1rem}.payment-info-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.payment-info-box p{color:#ffffffb3;font-size:.9rem;margin-bottom:.75rem}.payment-info-box ul{list-style:none;padding:0;margin:0}.payment-info-box li{color:#fffc;font-size:.9rem;padding:.35rem 0 .35rem 1.5rem;position:relative}.payment-info-box li:before{content:"✓";position:absolute;left:0;color:#69f0ae;font-weight:700}.payment-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:transform .1s ease,filter .1s ease}.payment-btn-success{color:#fff;background:linear-gradient(180deg,#66bb6a,#4caf50);box-shadow:0 4px #2e7d32,0 6px 16px #0000004d}.payment-btn-primary{color:#fff;background:linear-gradient(180deg,#ffb74d,#ff9800);box-shadow:0 4px #c45000,0 6px 16px #0000004d;margin-bottom:.75rem}.payment-btn-secondary{color:#fffc;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.payment-btn:hover{filter:brightness(1.1)}.payment-btn:active{transform:translateY(2px)}.payment-btn-success:active,.payment-btn-primary:active{box-shadow:0 2px 0 currentColor,0 3px 8px #0000004d}.payment-actions{display:flex;flex-direction:column;gap:.5rem}.payment-card-wide{max-width:600px}.payment-verifying{color:#ffd54f;font-size:.95rem;margin-bottom:1.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.payment-next-steps{text-align:left;margin:1.5rem 0}.payment-steps-title{font-size:1.1rem;font-weight:700;color:#ffd54f;margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em}.payment-step{display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.payment-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.payment-step-number{width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff}.payment-step-content h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.35rem}.payment-step-content p{font-size:.9rem;color:#ffffffb3;line-height:1.4;margin:0}.payment-step-content strong{color:#69f0ae}.payment-devices{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem}.payment-device{display:flex;align-items:center;gap:.5rem;background:#ffffff14;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;color:#ffffffe6}.payment-device-icon{font-size:1.1rem}.payment-url-box{background:linear-gradient(135deg,#ff980033,#ff572233);border:2px solid rgba(255,152,0,.5);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0 1rem}.payment-url-label{color:#ffffffb3;font-size:1rem}.payment-url{font-size:1.5rem;font-weight:900;color:#ffd54f;letter-spacing:.02em}.payment-help{color:#ffffff80;font-size:.85rem}.payment-help a{color:#69f0ae;text-decoration:none}.payment-help a:hover{text-decoration:underline}@media (max-width: 540px){.payment-result{padding:1.5rem 1rem 2rem;align-items:flex-start}.payment-content{gap:1rem;padding-bottom:2rem}.payment-logo{width:min(220px,55vw)}.payment-card{padding:1.25rem;border-radius:16px}.payment-card-wide{max-width:100%}.payment-title{font-size:1.35rem;margin-bottom:.5rem}.payment-subtitle{font-size:.9rem;margin-bottom:1rem}.payment-icon{width:56px;height:56px;margin-bottom:1rem}.payment-icon svg{width:28px;height:28px}.payment-btn{padding:.875rem 1.5rem;font-size:1rem}.payment-next-steps{margin:1rem 0}.payment-steps-title{font-size:.95rem;margin-bottom:1rem}.payment-step{margin-bottom:1rem;padding-bottom:1rem}.payment-step-number{width:28px;height:28px;min-width:28px;font-size:.9rem}.payment-devices{grid-template-columns:1fr 1fr;gap:.4rem}.payment-device{padding:.4rem .5rem;font-size:.75rem}.payment-device-icon{font-size:1rem}.payment-url-box{padding:.75rem 1rem;margin:1rem 0 .75rem}.payment-url-label{font-size:.9rem}.payment-url{font-size:1.25rem}.payment-step-content h3{font-size:.9rem}.payment-step-content p{font-size:.8rem}.payment-help{font-size:.75rem}}:root{--color-red: #E53935;--color-blue: #1E88E5;--color-green: #43A047;--color-yellow: #FDD835;--color-bg-dark: #0a1628;--color-bg-card: #142238;--color-accent: #ff9500;--color-text: #ffffff;--color-text-muted: #7a9cc6;--color-correct: #00ff88;--color-wrong: #ff3355;--neon-blue: #1e90ff;--neon-pink: #ff9500;--neon-yellow: #ffd700;--neon-green: #00ff88;--neon-purple: #1e90ff;--neon-orange: #ff9500;--glow-blue: 0 0 10px #1e90ff, 0 0 20px #1e90ff80, 0 0 40px #1e90ff40;--glow-pink: 0 0 10px #ff9500, 0 0 20px #ff950080, 0 0 40px #ff950040;--glow-yellow: 0 0 10px #ffd700, 0 0 20px #ffd70080, 0 0 40px #ffd70040;--glow-green: 0 0 10px #00ff88, 0 0 20px #00ff8880, 0 0 40px #00ff8840;--glow-purple: 0 0 10px #1e90ff, 0 0 20px #1e90ff80, 0 0 40px #1e90ff40;--text-glow-blue: 0 0 10px #1e90ff, 0 0 20px #1e90ff80;--text-glow-pink: 0 0 10px #ff9500, 0 0 20px #ff950080;--text-glow-yellow: 0 0 10px #ffd700, 0 0 20px #ffd70080;--text-glow-green: 0 0 10px #00ff88, 0 0 20px #00ff8880;--text-glow-purple: 0 0 10px #1e90ff, 0 0 20px #1e90ff80}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:transform .1s,opacity .1s}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input{font-family:inherit;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}@keyframes neonPulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.3)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:var(--text-glow-pink)}20%,24%,55%{opacity:.6;text-shadow:none}}@keyframes spotlightSweep{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes slideUpDramatic{0%{opacity:0;transform:translateY(60px) scale(.9)}60%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes explosiveReveal{0%{opacity:0;transform:scale(.5);filter:brightness(3)}50%{opacity:1;transform:scale(1.15);filter:brightness(1.5)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes slamDown{0%{opacity:0;transform:translateY(-100px) scale(1.5)}60%{opacity:1;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeIntense{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes scorePop{0%{opacity:0;transform:scale(0) translateY(20px)}50%{opacity:1;transform:scale(1.3) translateY(-10px)}70%{transform:scale(.9) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scoreFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.5)}}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:.8;transform:translateY(100vh) rotate(720deg)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--neon-blue),0 0 40px var(--neon-blue)}50%{box-shadow:0 0 40px var(--neon-blue),0 0 80px var(--neon-blue),0 0 120px var(--neon-blue)}}@keyframes timerUrgent{0%,to{transform:scale(1);color:var(--neon-yellow)}50%{transform:scale(1.1);color:var(--color-wrong)}}@keyframes stageLightShift{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(30deg)}66%{filter:hue-rotate(-30deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}