:root{--bg-dark:#050505;--accent-color:gold;--accent-hover:#ffae00;--success-color:#0f8;--alert-color:#ff4757;--glass-bg:#0f0f0ff2;--glass-border:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--panel-shadow:0 20px 50px #00000080}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}html,body{width:100%;height:100%;min-height:100dvh;color:var(--text-primary);background:#000;margin:0;padding:0;overflow-x:hidden}body{flex-direction:column;align-items:center;padding-top:5px;display:flex;justify-content:flex-start!important}#rive-canvas{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.player-body{background:linear-gradient(-45deg,#0f0404,#1a0d02,#0d020b,#050505) 0 0/400% 400% fixed;animation:15s infinite gradientBG}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#app{z-index:10;flex-direction:column;gap:20px;width:100%;max-width:550px;padding:0 15px 15px;display:flex}.screen{flex-direction:column;gap:20px;width:100%;animation:.5s ease-out forwards fadeIn;display:none}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hidden{display:none!important}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:20px clamp(15px,4vw,30px)}.gold-logo{letter-spacing:clamp(4px,1vw,8px);text-transform:uppercase;background:linear-gradient(gold,#ffae00);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ffd7004d);text-align:center;-webkit-background-clip:text;background-clip:text;font-weight:900}#question-text{margin-bottom:20px;font-size:clamp(1.1rem,2.5vh,1.5rem);line-height:1.4;font-weight:400!important}.primary-btn,.secondary-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.primary-btn{color:#000;background:linear-gradient(90deg,gold,#ff8c00);box-shadow:0 10px 30px #ffd70033}.primary-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #ffd70066}.secondary-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.secondary-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.input-group{flex-direction:column;gap:8px;width:100%;margin-bottom:15px;display:flex}.input-group label{letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:800}.input-group input,.input-group textarea,.input-group select{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:14px 18px;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--accent-color);background:#ffffff1a;box-shadow:0 0 15px #ffd70033}.host-body-broadcast{justify-content:center;padding:0;overflow:hidden;background:#000!important}.host-broadcast-container{background:#050505;width:100vw;max-width:177.78vh;height:56.25vw;max-height:100vh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 100px #000000e6}.admin-body{padding:0;overflow:hidden;background:#000!important}.admin-header{flex-shrink:0;width:100%;padding:2vh 0}.admin-panel-wrap{flex-direction:column;flex:1;width:100%;max-width:1600px;padding:0 20px;display:flex;overflow:hidden}.admin-panel-content{flex:1;padding:20px 0;overflow-y:auto}@media (width<=600px){body{padding-top:5px}#app{width:100%;max-width:500px;margin:0 auto;padding:10px}.glass-panel{flex-direction:column;justify-content:center;min-height:calc(100dvh - 10px);padding:25px 20px;display:flex}.gold-logo{font-size:2.2rem}.primary-btn{padding:14px;font-size:1.1rem}}@media (width>=600px){#app{height:auto;min-height:auto}}.module-grid{grid-template-columns:1fr;gap:15px;width:100%;margin-top:20px;display:grid}.module-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;transition:all .3s;overflow:hidden}.module-card:hover{border-color:var(--accent-color);background:#ffffff12;transform:translateY(-5px)}.module-thumb{object-fit:cover;border-bottom:1px solid #ffffff1a;width:100%;height:160px}.module-info{flex-direction:column;gap:8px;padding:15px;display:flex}.module-title{color:var(--accent-color);text-transform:uppercase;font-size:1.1rem;font-weight:800}.module-thumb-wrap{width:100%;position:relative}.pro-badge{background:var(--accent-color);color:#000;letter-spacing:1px;border-radius:4px;padding:2px 10px;font-size:.65rem;font-weight:900;position:absolute;top:10px;left:10px;box-shadow:0 5px 15px #0000004d}.module-tag{background:#ffffff0d;border-radius:6px;width:fit-content;padding:6px 10px;font-size:.7rem;font-weight:800}@media (width>=601px){.module-grid{grid-template-columns:repeat(2,1fr)}}.pulse-btn{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffd70066}70%{transform:scale(1.02);box-shadow:0 0 0 10px #ffd70000}to{transform:scale(1);box-shadow:0 0 #ffd70000}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.answers-grid{grid-template-columns:1fr;gap:12px;width:100%;display:grid}.answer-btn{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:15px;padding:clamp(14px,2.5vh,20px);font-size:clamp(.9rem,1.8vh,1.15rem);font-weight:300;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 4px 15px #0003}.answer-btn:hover:not(:disabled){border-color:var(--accent-color);background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0006}.answer-btn.correct{box-shadow:0 0 20px #0f83;border-color:var(--success-color)!important;background:#0f83!important}.answer-btn.wrong{border-color:var(--alert-color)!important;background:#ff475733!important}.timer-circle-wrap{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}#host-timer,#solo-timer{font-family:Courier New,monospace;font-size:2.5rem;font-weight:900}.timer-critical{color:var(--alert-color);animation:.5s infinite pulseRed}@keyframes pulseRed{0%{transform:scale(1)}50%{filter:drop-shadow(0 0 10px var(--alert-color));transform:scale(1.1)}to{transform:scale(1)}}.leaderboard-row{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;align-items:center;margin-bottom:10px;padding:15px 25px;animation:.5s ease-out forwards slideInRight;display:flex}.rank-badge{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:20px;font-weight:800;display:flex}.rank-1{color:#000;background:linear-gradient(45deg,gold,#ff8c00);box-shadow:0 0 20px #ffd70066}.rank-2{color:#000;background:silver}.rank-3{color:#fff;background:#cd7f32}.poll-results-container{flex-direction:column;gap:15px;width:100%;display:flex}.poll-bar-row{align-items:center;gap:15px;display:flex}.poll-label{text-align:right;opacity:.8;min-width:120px;font-size:.9rem;font-weight:700}.poll-bar-track{background:#ffffff1a;border-radius:10px;flex:1;height:12px;overflow:hidden}.poll-bar-fill{background:var(--accent-color);width:0%;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.poll-percent{min-width:50px;color:var(--accent-color);font-weight:800}.splash{z-index:99999;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s;display:flex;position:fixed;inset:0}.splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;animation:1s cubic-bezier(.34,1.56,.64,1) forwards splashPop}@keyframes splashPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pulse-loader{border:3px solid #ffd7001a;border-top-color:var(--accent-color);border-radius:50%;width:50px;height:50px;margin:20px auto;animation:1s linear infinite spin,2s infinite alternate glowPulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%{box-shadow:0 0 10px #ffd70033}to{box-shadow:0 0 30px #ffd70080}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}