:root{--ink:#03060f;--navy:#050d24;--navy2:#0a1738;--navy3:#122554;--gold:#f0c14b;--gold2:#c9922a;--gold3:#fff3cd;--good:#19c37d;--bad:#ff3b5c;--hot:#fe2c55;--txt:#eaf0ff;--dim:#eaf0ff9e;--glass:#060e22b8;--line:#f0c14b47;--disp:"Oswald",sans-serif;--cond:"Barlow Condensed",sans-serif;--body:"Barlow",sans-serif;--safeb:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--ink);color:var(--txt);font-family:var(--body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0}#root{height:100svh}.app{background:radial-gradient(120% 70% at 50% -10%,#16295c 0%,var(--navy) 45%,var(--ink) 100%);isolation:isolate;width:100%;max-width:520px;height:100svh;margin:0 auto;position:relative;overflow:hidden}@media (width>=521px){.app{border-left:1px solid #f0c14b24;border-right:1px solid #f0c14b24}}.stage{z-index:0;background:var(--navy);position:absolute;inset:0}.stageVid{object-fit:cover;opacity:0;background:var(--navy);width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.stageVid.front{opacity:1}.stage:after{content:"";pointer-events:none;background:radial-gradient(70% 45% at 50% 22%,#0000 0%,#03060f40 60%,#03060fd1 100%),linear-gradient(#03060fd9 0%,#0000 22% 46%,#03060feb 88%);position:absolute;inset:0}.stageGrain{pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stageVeil{pointer-events:none;background:#03060f00;transition:background .45s;position:absolute;inset:0}.stageVeil.on{background:#03060f8c}.hud{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.hud>*{pointer-events:auto}.top{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 0;align-items:center;gap:8px;display:flex;top:0}.bottom{padding:0 10px calc(8px + var(--safeb));flex-direction:column;gap:8px;display:flex;bottom:0}.onair{font-family:var(--cond);letter-spacing:.14em;background:var(--hot);color:#fff;border-radius:3px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 14px #fe2c5580}.onair i{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.1s infinite blink}.onair.sm{padding:3px 7px;font-size:11px}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.counters{font-family:var(--cond);gap:8px;font-size:13px;font-weight:600;display:flex}.counters span{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff1a;border-radius:99px;padding:3px 8px}.counters .hot{color:var(--gold);border-color:var(--line)}.phaseTag{font-family:var(--cond);letter-spacing:.16em;color:var(--gold);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:3px;margin-left:auto;padding:3px 9px;font-size:11px}.ladder{z-index:3;left:12px;top:calc(env(safe-area-inset-top,0px) + 46px);flex-direction:column-reverse;align-items:flex-start;gap:3px;display:flex;position:absolute}.ladder .rung{background:#ffffff2e;border-radius:2px;width:16px;height:3px;transition:all .3s}.ladder .rung.done{background:var(--gold2);width:20px}.ladder .rung.now{background:var(--gold);width:28px;height:4px;box-shadow:0 0 12px var(--gold);animation:1.4s infinite rungPulse}@keyframes rungPulse{0%,to{opacity:1}50%{opacity:.5}}.ladder em{font-family:var(--cond);color:var(--gold);letter-spacing:.1em;margin-top:2px;font-size:10px;font-style:normal}.rail{z-index:4;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:38svh;right:8px}.railBtn{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--txt);border:1px solid #ffffff1f;border-radius:50%;place-items:center;font-size:19px;line-height:1;display:grid;position:relative}.railBtn span{font-family:var(--cond);color:var(--dim);letter-spacing:.08em;font-size:10px;position:absolute;bottom:-13px}.railBtn.heart:active{transform:scale(.88)}.heartFly{pointer-events:none;position:absolute;bottom:44px;right:12px}.heartFly span{transform:translateX(var(--x));font-size:20px;animation:1.8s ease-out forwards fly;position:absolute;bottom:0}@keyframes fly{0%{opacity:0;transform:translate(var(--x),0) scale(.6)}15%{opacity:1;transform:translate(var(--x),-14px) scale(1.15)}to{opacity:0;transform:translate(calc(var(--x) * 2.2),-190px) scale(.85)}}.boardWrap{z-index:4;right:8px;top:calc(env(safe-area-inset-top,0px) + 52px);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:6px;width:min(215px,58%);animation:.3s slideL;position:absolute;overflow:hidden}@keyframes slideL{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.boardHead{font-family:var(--cond);letter-spacing:.2em;color:var(--ink);background:linear-gradient(90deg,var(--gold),var(--gold2));padding:4px 9px;font-size:10px;font-weight:700}.bRow{border-top:1px solid #ffffff0d;grid-template-columns:20px 1fr auto;align-items:center;gap:7px;padding:5px 9px;font-size:13px;display:grid}.bPos{font-family:var(--disp);color:var(--gold);font-size:12px}.bName{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.bScore{font-family:var(--disp);color:var(--gold3);font-size:13px}.bRow.mine{background:#f0c14b24}.bRow.mine .bName{color:var(--gold)}.bRow.out{opacity:.38}.bRow.out .bName{text-decoration:line-through}.fchat{flex-direction:column;justify-content:flex-end;gap:5px;max-height:27svh;padding-right:56px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 26%);mask-image:linear-gradient(#0000,#000 26%)}.fmsg{align-items:flex-start;gap:6px;max-width:100%;font-size:13.5px;line-height:1.3;animation:.3s pop;display:flex}@keyframes pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fav{background:linear-gradient(135deg,var(--navy3),var(--navy2));height:20px;font-family:var(--disp);color:var(--gold);border:1px solid #ffffff24;border-radius:50%;flex:0 0 20px;place-items:center;font-size:10px;display:grid}.fbody{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03060f80;border:1px solid #ffffff0f;border-radius:14px;padding:3px 9px}.fbody b{color:var(--gold);margin-right:6px;font-size:12.5px;font-weight:600}.fmsg.human .fbody{border-color:var(--line);background:#f0c14b29}.fmsg.ghost{opacity:.42}.strip{font-family:var(--cond);letter-spacing:.03em;text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:4px;padding:7px 10px;font-size:13.5px;animation:.3s pop}.strip.lobby{border-color:var(--line);color:var(--gold3)}.strip.good{border-color:var(--good);color:#b8ffe0;background:#19c37d33}.strip.bad{border-color:var(--bad);color:#ffd0d8;background:#ff3b5c33}.strip b{color:inherit}.qwrap{position:relative}.qcard{border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(#122554f0,#050d24f5);border-radius:6px;padding:12px 14px 13px;position:relative;box-shadow:0 10px 40px #0009,inset 0 1px #ffffff0f}.qcard:before{content:"";background:linear-gradient(90deg,transparent,var(--gold),transparent);height:2px;position:absolute;top:0;left:0;right:0}.qdiff{font-family:var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);margin-bottom:5px;font-size:10px;display:block}.qcard p{font-family:var(--disp);text-shadow:0 2px 10px #000000b3;margin:0;font-size:19px;font-weight:500;line-height:1.26}.clock{place-items:center;width:46px;height:46px;display:grid;position:absolute;top:-24px;right:8px}.clock svg{position:absolute;inset:0;transform:rotate(-90deg)}.clock circle{fill:none;stroke-width:3px}.ctrack{stroke:#ffffff1f}.cfill{stroke:var(--gold);stroke-dasharray:119;filter:drop-shadow(0 0 5px var(--gold));transition:stroke-dashoffset 1s linear}.clock b{font-family:var(--disp);color:var(--gold3);font-size:19px}.urgent .cfill{stroke:var(--bad);filter:drop-shadow(0 0 7px var(--bad))}.urgent .clock b{color:#ffd0d8;animation:.5s infinite tick}@keyframes tick{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.app.urgent:after{content:"";z-index:5;pointer-events:none;animation:.55s infinite alarm;position:absolute;inset:0;box-shadow:inset 0 0 70px #ff3b5c66}@keyframes alarm{0%,to{opacity:.35}50%{opacity:.95}}.opts{gap:6px;margin-top:8px;display:grid}.opt{min-height:46px;color:var(--txt);text-align:left;font-family:var(--body);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(#0a1738e6,#050d24f0);border:1px solid #f0c14b4d;border-radius:4px;align-items:center;gap:10px;padding:0 12px 0 0;font-size:15px;font-weight:500;transition:transform .12s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.opt:disabled{opacity:.96}.opt:active:not(:disabled){transform:scale(.985)}.votefill{z-index:0;background:#f0c14b26;transition:width .35s;position:absolute;top:0;bottom:0;left:0}.letter{z-index:1;font-family:var(--disp);color:var(--gold);background:#f0c14b1a;border-right:1px solid #f0c14b3d;flex:0 0 38px;align-self:stretch;place-items:center;font-size:16px;display:grid;position:relative}.otext{z-index:1;flex:1;padding:9px 0;position:relative}.opct{z-index:1;font-family:var(--cond);color:var(--dim);font-size:12px;position:relative}.opt.picked{border-color:var(--gold);background:linear-gradient(#f0c14b42,#c9922a29)}.opt.picked .letter{background:var(--gold);color:var(--ink)}.opt.correct{border-color:var(--good);background:linear-gradient(#19c37d57,#19c37d24);animation:.45s 2 flash}.opt.correct .letter{background:var(--good);color:#03210f}@keyframes flash{0%,to{filter:brightness()}50%{filter:brightness(1.5)}}.opt.wrong{border-color:var(--bad);background:linear-gradient(#ff3b5c4d,#ff3b5c1f)}.opt.wrong .letter{background:var(--bad);color:#fff}.podium{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);text-align:center;border-radius:6px;padding:14px}.podium h2{font-family:var(--disp);letter-spacing:.2em;color:var(--gold);text-shadow:0 0 24px #f0c14b8c;margin:0 0 10px;font-size:22px}.pRow{border-top:1px solid #ffffff12;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 4px;font-size:15px;display:grid}.pRow b{text-align:left}.pRow span:last-child{font-family:var(--disp);color:var(--gold3)}.composer{align-items:center;gap:7px;display:flex}.myBadge{background:var(--glass);border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.composer input{min-width:0;font-size:14px;font-family:var(--body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--txt);background:#03060f99;border:1px solid #ffffff24;border-radius:99px;flex:1;padding:9px 13px}.composer input::placeholder{color:#eaf0ff66}.composer input:focus{border-color:var(--line);outline:none}.composer button{background:linear-gradient(135deg,var(--gold),var(--gold2));width:34px;height:34px;color:var(--ink);border:0;border-radius:50%;flex:none;font-size:16px;font-weight:700}.gate{z-index:6;background:radial-gradient(80% 55% at 50% 40%,#12255480,#03060fed);place-items:center;padding:22px;display:grid;position:absolute;inset:0}.gateInner{text-align:center;width:100%;max-width:330px;animation:.5s pop}.logo{font-family:var(--disp);letter-spacing:.02em;background:linear-gradient(180deg,var(--gold3),var(--gold) 45%,var(--gold2));color:#0000;filter:drop-shadow(0 4px 22px #f0c14b66);-webkit-background-clip:text;background-clip:text;margin:14px 0 0;font-size:44px;font-weight:700;line-height:.92}.logo span{letter-spacing:.16em;font-size:44px;display:block}.gateRule{background:linear-gradient(90deg,transparent,var(--gold),transparent);width:70%;height:1px;margin:14px auto}.gateTheme{font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0 0 16px;font-size:15px}.gateStats{justify-content:center;gap:22px;margin-bottom:20px;display:flex}.gateStats div{flex-direction:column;display:flex}.gateStats b{font-family:var(--disp);color:var(--gold);font-size:24px}.gateStats span{font-family:var(--cond);letter-spacing:.16em;color:var(--dim);font-size:10px}.nickIn{text-align:center;width:100%;font-family:var(--disp);letter-spacing:.14em;border:1px solid var(--line);color:var(--txt);text-transform:uppercase;background:#03060fb3;border-radius:4px;padding:13px;font-size:17px}.nickIn::placeholder{color:#f0c14b66;letter-spacing:.14em}.nickIn:focus{border-color:var(--gold);outline:none;box-shadow:0 0 22px #f0c14b38}.goBtn{width:100%;font-family:var(--disp);letter-spacing:.18em;color:var(--ink);background:linear-gradient(135deg,var(--gold3),var(--gold) 40%,var(--gold2));border:0;border-radius:4px;margin-top:10px;padding:14px;font-size:16px;box-shadow:0 8px 30px #f0c14b57}.goBtn:disabled{opacity:.42;box-shadow:none}.gateNote{font-family:var(--cond);letter-spacing:.12em;color:var(--bad);text-transform:uppercase;margin:14px 0 0;font-size:12px}@media (height<=700px){.qcard p{font-size:17px}.opt{min-height:42px;font-size:14px}.fchat{max-height:20svh}.rail{bottom:42svh}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.strip.bridge{border-color:var(--gold);color:var(--gold3);font-family:var(--disp);letter-spacing:.18em;background:linear-gradient(90deg,#f0c14b14,#f0c14b38,#f0c14b14) 0 0/200% 100%;font-size:14px;animation:1.6s linear infinite sweep}.strip.bridge b{color:var(--gold);font-size:17px}@keyframes sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.dots{vertical-align:middle;gap:3px;margin-left:8px;display:inline-flex}.dots span{background:var(--gold);border-radius:50%;width:4px;height:4px;animation:.9s infinite dotJump}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dotJump{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.strip.lock{border-color:var(--bad);color:#ffd7de;font-family:var(--disp);letter-spacing:.16em;background:linear-gradient(90deg,#ff3b5c1a,#ff3b5c42,#ff3b5c1a) 0 0/200% 100%;font-size:13px;animation:1.2s linear infinite sweep}.opt.locked{opacity:.8;filter:saturate(.7)}.opt.locked .letter{color:var(--dim);background:#ffffff14}.opt.locked.picked{opacity:1;filter:none;border-color:var(--gold);animation:1s ease-in-out infinite lockPulse}.opt.locked.picked .letter{background:var(--gold);color:var(--ink)}@keyframes lockPulse{0%,to{box-shadow:0 0 #f0c14b00}50%{box-shadow:0 0 22px #f0c14b73}}