:root{--bg-dark:#050505;--accent-color:gold;--accent-gold:gold;--accent-text-color:#000;--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}}.splash-pulse-ring{border:3px solid var(--accent-color,#c9a84c);border-radius:50%;width:80px;height:80px;animation:1.6s ease-in-out infinite splashPulse}@keyframes splashPulse{0%,to{opacity:.4;transform:scale(.88);box-shadow:0 0 #c9a84c80}50%{opacity:1;transform:scale(1.08);box-shadow:0 0 0 22px #c9a84c00}}@keyframes streakPop{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)}}.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)}.nav-tab-box{color:#fff;cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.nav-tab-box.active{font-weight:800;box-shadow:0 0 15px #ffd70066;background:var(--accent-color)!important;color:var(--accent-text-color,#000)!important;border-color:var(--accent-color)!important}.nav-tab-box:hover:not(.active){background:#ffffff1a;border-color:#ffffff4d}.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:safe center;min-height:calc(100dvh - 10px);padding:25px 20px;display:flex}#player-picture-grid-container .player-pic-box{min-height:0;display:block}.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:var(--accent-text-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}.mini-row{border-bottom:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.mini-row:last-child{border-bottom:none}.mini-row.is-current{border-left:3px solid var(--accent-color);background:#ffffff0f;padding-left:12px}.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)}}select option{color:#fff!important;background-color:#151515!important}select option:hover{background-color:var(--accent-color)!important;color:var(--accent-text-color,#000)!important}.module-card.locked-module{opacity:.75;cursor:pointer;border-color:#ffffff0d;position:relative}.module-card.locked-module:hover{opacity:.95;border-color:var(--accent-color)}.module-card.locked-module .module-title{color:#aaa}.module-card.locked-module .module-thumb-wrap{filter:grayscale(60%)contrast(90%)}.lock-overlay{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-icon-badge{border:1px solid var(--accent-color);color:var(--accent-color);letter-spacing:1.5px;background:#000000d9;border-radius:30px;padding:6px 14px;font-size:.75rem;font-weight:900;box-shadow:0 4px 15px #0009}input[type=checkbox]:checked+span{background-color:var(--accent-color)!important}input[type=checkbox]:checked+span>span{transform:translate(24px)}#quiz-screen:not(.v2) .quiz-panel{flex-direction:column;justify-content:flex-start;min-height:280px;padding:15px;display:flex;position:relative;overflow:visible}#quiz-screen.v2{--kb-inset:0px;flex-direction:column;height:100dvh;display:flex;overflow:hidden}#quiz-screen.v2 .player-content-wrap{flex:auto;width:100%;max-width:640px;min-height:0;margin:0 auto;display:flex}#quiz-screen.v2 .glass-panel{flex:auto;grid-template-rows:minmax(0,40vh) auto 1fr auto;grid-template-areas:"media""question""answers""submit";gap:clamp(6px,1.2vh,12px);padding:clamp(4px,.8vh,8px) clamp(10px,3vw,18px) clamp(10px,2vh,20px);display:grid;position:relative;overflow:hidden;min-height:0!important}#quiz-screen.v2 #player-finale-row{pointer-events:none;z-index:5;margin:0;position:absolute;top:6px;left:0;right:0}#quiz-screen.v2 #times-up-msg{z-index:6;place-items:center;display:grid;position:absolute;inset:0}#quiz-screen.v2 #times-up-msg.hidden{display:none}#quiz-screen.v2 #player-media-wrap{cursor:zoom-in;border-radius:clamp(12px,2.2vw,22px);grid-area:media;place-items:center;min-height:0;margin:0;display:grid;overflow:hidden}#quiz-screen.v2 #player-media-wrap img,#quiz-screen.v2 #player-media-wrap video{object-fit:contain;display:block;width:100%!important;height:100%!important;max-height:none!important;margin:0!important}#quiz-screen.v2 #player-media-wrap iframe{border:0;display:block;aspect-ratio:auto!important;width:100%!important;height:100%!important;margin:0!important}#quiz-screen.v2.no-media .glass-panel{grid-template-rows:auto 1fr auto;grid-template-areas:"question""answers""submit"}#quiz-screen.v2.no-media #player-media-wrap{display:none}#quiz-screen.v2 #question-text{text-align:center;text-wrap:balance;grid-area:question;align-self:start;margin:0 0 auto;padding-top:clamp(2px,.6vh,6px);font-size:clamp(.9375rem,2.5vh,1.5rem);font-weight:700;line-height:1.25}#quiz-screen.v2 #answer-buttons{grid-area:answers;align-content:safe center;gap:clamp(7px,1.2vh,12px);display:grid}#quiz-screen.v2.v2-choice #answer-buttons{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(clamp(50px,9vh,70px),clamp(62px,12vh,92px))}#quiz-screen.v2.v2-choice #answer-buttons>.v2-ans:last-child:nth-child(odd){grid-column:1/-1}#quiz-screen.v2.v2-true-false #answer-buttons{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(clamp(64px,12vh,96px),clamp(84px,16vh,132px))}#quiz-screen.v2.v2-true-false .v2-ans{text-transform:uppercase;font-size:clamp(1.125rem,3.4vh,1.75rem);font-weight:800}#quiz-screen.v2 .v2-ans{text-align:center;color:#fff;cursor:pointer;background:#171717;border:2px solid #ffffff1f;border-radius:clamp(10px,1.8vw,16px);place-items:center;padding:clamp(8px,1.3vh,14px) clamp(10px,2.4vw,16px);font-family:inherit;font-size:clamp(1.0625rem,2.9vh,1.375rem);font-weight:600;line-height:1.2;transition:border-color .18s,background-color .18s;display:grid;position:relative;overflow:hidden}#quiz-screen.v2 .v2-ans:disabled{cursor:default}#quiz-screen.v2 .v2-ans:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}#quiz-screen.v2 .v2-ans.is-picked{border-color:var(--accent-color);background:#ffd70024}#quiz-screen.v2 .v2-key{aspect-ratio:1;color:#ffffffbd;pointer-events:none;background:#ffffff1c;border-radius:999px;place-items:center;width:clamp(18px,3vh,24px);font-size:clamp(.6875rem,1.5vh,.8125rem);font-weight:800;line-height:1;display:grid;position:absolute;top:clamp(4px,.8vh,7px);left:clamp(5px,1.2vw,8px)}#quiz-screen.v2 .v2-ans.is-picked .v2-key{background:var(--accent-color);color:var(--accent-text-color,#000)}#quiz-screen.v2 .v2-input-wrap{align-content:center;gap:clamp(6px,1.2vh,12px);display:grid}#quiz-screen.v2 .v2-input-label{text-align:center;color:#ffffffbd;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.8125rem,1.8vh,1rem);font-weight:600}#quiz-screen.v2 .v2-input{text-align:center;color:#fff;border:2px solid var(--accent-color);background:#000;border-radius:clamp(10px,1.8vw,16px);width:100%;min-height:clamp(54px,9vh,84px);padding:6px 14px;font-family:inherit;font-size:clamp(1.375rem,4.2vh,2.25rem);font-weight:700}#quiz-screen.v2 #submit-answer-btn{text-align:center;text-transform:uppercase;border-radius:clamp(10px,1.8vw,16px);grid-area:submit;justify-self:center;width:min(72%,420px);min-height:clamp(46px,6.4vh,68px);margin:0 auto;font-size:clamp(.9375rem,2.1vh,1.2rem);font-weight:800}#quiz-screen.v2 #submit-answer-btn:disabled{color:#ffffff80;box-shadow:none;background:0 0;border:2px solid #ffffff42;transform:none}#quiz-screen.v2.kb-open.kb-float #submit-answer-btn{left:50%;bottom:calc(var(--kb-inset,0px) + env(safe-area-inset-bottom,0px) + 28px);z-index:60;width:min(72%,420px);position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #000000b3}#quiz-screen.v2.kb-open .glass-panel{grid-template-rows:0 auto 1fr auto}#quiz-screen.v2.kb-open #player-media-wrap{visibility:hidden}#quiz-screen.v2.kb-open #question-text{max-height:22vh;font-size:clamp(.875rem,2vh,1.125rem);overflow:hidden}#quiz-screen.v2.kb-open .glass-panel{padding-bottom:clamp(18px,4vh,40px)}@media (orientation:landscape) and (height>=360px){#quiz-screen.v2 .glass-panel{grid-template:"media answers"minmax(0,1fr)"question answers""question submit"/1fr 1fr;column-gap:clamp(14px,3vw,26px)}#quiz-screen.v2.no-media .glass-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"question answers""question submit"}#quiz-screen.v2 #question-text{text-align:left;align-self:center}#quiz-screen.v2.v2-choice #answer-buttons{grid-template-columns:1fr;grid-auto-rows:minmax(clamp(48px,9vh,72px),auto);align-content:safe start}#quiz-screen.v2.v2-choice #answer-buttons>.v2-ans:last-child:nth-child(odd){grid-column:auto}#quiz-screen.v2 #submit-answer-btn{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){#quiz-screen.v2 .v2-ans{transition:none}}body:has(#quiz-screen:not(.hidden)) #tournament-nav-btn{display:none!important}#player-quiz-state{z-index:40;text-align:center;background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;inset:0}#player-quiz-state.is-visible{display:flex}#player-quiz-state .qs-mark{aspect-ratio:1;width:clamp(58px,11vh,88px);color:var(--accent-color);background:#ffd70021;border-radius:999px;place-items:center;font-size:clamp(1.6rem,5vh,2.4rem);display:grid}#player-quiz-state.ok .qs-mark{color:var(--accent-color);background:#ffffff1a}#player-quiz-state .qs-title{text-wrap:balance;margin:0;font-size:clamp(1.25rem,4vh,2rem);font-weight:700}#player-quiz-state .qs-sub{max-width:34ch;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:clamp(.9375rem,2.1vh,1.0625rem);line-height:1.5}#player-quiz-state .qs-echo{text-wrap:balance;background:#171717;border:1px solid #00ff8859;border-radius:14px;justify-content:center;align-items:center;gap:12px;max-width:92vw;padding:16px 22px;font-size:clamp(1.75rem,5.2vh,2.75rem);font-weight:800;line-height:1.2;display:flex}#player-quiz-state .qs-echo img{object-fit:contain;border-radius:12px;width:auto;max-width:min(72vw,360px);height:auto;max-height:38vh;display:block}
