:root{color-scheme:dark;--bg:#050b15;--panel:#091421ed;--ink:#eff9ff;--muted:#9fb2c3;--accent:#72f5d7;--danger:#ff6179;--line:#93c6df25;--gold:#ffdf91;--display:'Arial Black','Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif}body{overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#0c1826;color:var(--ink);border-radius:7px;min-height:42px;padding:10px 16px;font-size:11px;font-weight:800;letter-spacing:.07em}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.1)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}em{font-style:normal;color:var(--accent)}.primary{background:var(--accent);color:#04130f;border-color:transparent;box-shadow:0 6px 28px #62f2c71c;font-size:12px;min-height:52px}.primary span{margin-left:40px}.secondary{background:#19263b;border-color:#7384ac65;min-height:52px}.quiet{background:#0b1424a0;padding:7px 11px;min-height:34px;font-size:10px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);text-transform:uppercase}.eyebrow span{color:var(--accent);margin-right:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#arena{position:fixed;inset:0;width:100vw;height:100dvh;touch-action:none;display:block}.topbar{position:fixed;top:0;left:0;right:0;height:78px;z-index:20;padding:20px max(28px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(#050b15f5,#050b1590)}.brand{display:flex;gap:11px;align-items:center;font:900 19px/1 var(--display);font-style:italic;letter-spacing:-.05em}.brand img{flex:none}.brand small{display:block;font:700 7px/1.8 'Segoe UI',sans-serif;letter-spacing:.16em;color:var(--muted);font-style:normal;margin-top:4px}.top-actions{display:flex;align-items:center;gap:10px}.live-pill{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-left:18px;white-space:nowrap}body[data-mode=landing]{overflow-y:auto}body[data-mode=landing] #arena{opacity:.32}#landing{position:relative;max-width:1320px;margin:auto;padding:120px 28px 24px;z-index:2}.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:40px;align-items:center;min-height:560px}.hero-copy{position:relative;z-index:2}.hero h1{font:900 italic clamp(68px,7.3vw,110px)/.96 var(--display);letter-spacing:-.085em;margin:25px 0 15px;transform:translateX(-5px)}.hero h2{font:900 clamp(37px,4vw,58px)/1 var(--display);letter-spacing:-.055em;margin:0}.tagline{font-size:16px;margin:18px 0 12px}.hero-description{font-size:13px;line-height:1.75;color:var(--muted);max-width:440px;margin-bottom:26px}.entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.entry-actions>.primary{min-width:270px;text-align:left}form{display:flex;gap:8px;width:100%;max-width:380px}input{width:140px;min-width:110px;min-height:50px;border:1px solid #7e9fb245;background:#091524;color:var(--ink);padding:12px;border-radius:6px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:12px}input::placeholder{color:#73899a;font-size:10px;letter-spacing:.08em}form button{flex:1;white-space:nowrap}.entry-message{font-size:10px;color:var(--muted);min-height:18px;margin-top:10px}.entry-message.error{color:#ff9aa6}.control-notes{display:flex;flex-wrap:wrap;gap:12px;font-size:8px;letter-spacing:.06em;color:var(--muted);margin-top:23px}kbd{font:700 8px 'Segoe UI',sans-serif;border:1px solid #7b9dbb40;padding:3px 5px;border-radius:3px;color:#daeaf5}.touch-note{display:none}.hero-art{position:relative;isolation:isolate;min-width:0;transform:translateY(18px)}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#6051ed33,transparent 68%);z-index:-1;filter:blur(30px)}.hero-art img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:screen;filter:saturate(.9)}.art-caption{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);margin:12px 10px 0;padding:15px 0;font-size:8px;letter-spacing:.16em;color:var(--accent)}.art-caption>span:last-child{margin-left:auto;color:var(--muted)}.orbit-stamp{position:absolute;right:8px;top:-34px;width:88px;height:88px;display:grid;place-content:center;text-align:center;line-height:1.1;font-size:10px;letter-spacing:.12em;border:1px solid #a5c5e94d;border-radius:50%;transform:rotate(12deg);background:#08142488}.orbit-stamp b{color:var(--accent)}.loop-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0 22px}.loop-cards article{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#101f32d9,#081320eb);border:1px solid var(--line);padding:22px;border-radius:10px}.loop-cards article>b{font-size:10px;letter-spacing:.08em;color:var(--accent);padding-top:4px}.loop-cards h3{font:900 16px var(--display);letter-spacing:-.02em;margin:0 0 6px}.loop-cards p{color:var(--muted);font-size:11px;margin:0;max-width:210px}.loop-cards article>span{margin-left:auto;color:var(--accent);font-size:23px;line-height:1}.landing-foot{display:flex;gap:24px;align-items:center;color:#b9ccdd;font-size:8px;letter-spacing:.12em;border-top:1px solid var(--line);padding-top:18px}.landing-foot span{color:var(--muted);letter-spacing:0}.landing-foot a{margin-left:auto;color:var(--accent)}
#roomBar{position:fixed;z-index:15;left:24px;right:24px;top:88px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:9px}#roomBar>div:first-child{display:flex;align-items:center;gap:14px}#room{font-size:20px;letter-spacing:.14em;color:var(--accent);font-family:var(--display)}.room-count{font-size:9px;letter-spacing:.06em;color:var(--muted)}.room-actions{display:flex;gap:6px}#lobby{position:fixed;z-index:12;left:50%;top:50%;transform:translate(-50%,-42%);width:590px;max-width:calc(100vw - 40px);padding:34px;background:linear-gradient(140deg,#0b192bf5,#08111df7);border:1px solid #70f6d83a;border-radius:15px;text-align:center;box-shadow:0 24px 90px #0008}#lobby h2{font:900 31px/1.05 var(--display);letter-spacing:-.05em;margin:14px 0}#lobbyMessage{color:var(--muted);font-size:13px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.pilot{padding:12px 4px;border:1px solid var(--line);border-radius:7px;background:#112135}.pilot i{display:block;width:13px;height:13px;border-radius:50%;margin:0 auto 8px;background:var(--pilot);box-shadow:0 0 15px #70efbf20}.pilot b{font-size:11px}.pilot small{display:block;color:var(--muted);font-size:8px}.pilot.offline{opacity:.45}.lobby-tip{font-size:10px;color:var(--muted);margin-top:18px}#startMatch{min-width:220px}.connection-state{position:fixed;z-index:30;bottom:max(12px,env(safe-area-inset-bottom));left:20px;background:#071321d9;border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.connection-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:8px}.connection-state[data-state=retry]{color:var(--gold);border-color:#ffdf9150}.connection-state[data-state=retry] i{background:var(--gold)}.connection-state[data-state=error]{color:#ff9aa6}.connection-state[data-state=error] i{background:var(--danger)}
#matchHud{position:fixed;z-index:10;top:14px;left:50%;transform:translateX(-50%);width:min(540px,62vw);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:11px 14px}.hud-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:7px}.hud-heading span{font-size:8px;letter-spacing:.1em;color:var(--accent)}.hud-heading strong{font-size:9px;margin-left:auto}.hud-heading time{font:800 19px/1 var(--display);letter-spacing:-.04em}.standings{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px;padding:8px 0}.standing{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.standing i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--pilot)}.standing b{font-size:14px;margin-left:auto}.standing small{font-size:8px;color:var(--muted)}.standing.local{color:var(--accent)}.standing.offline{opacity:.45}.standing.hunter i{background:var(--danger);box-shadow:0 0 8px #ff617950}.resource-row{display:flex;gap:12px;align-items:center;font-size:9px}.resource-row>b{color:var(--gold);font-size:10px}.resource-row>#roleValue{margin-left:auto;font-weight:900;letter-spacing:.1em;color:var(--accent)}.resource-row>#roleValue.hunter{color:var(--danger)}#hunterValue{color:var(--muted)}#resources{display:flex;gap:8px;align-items:center;font-size:9px;padding-top:6px}#chargeValue{min-width:88px;color:#d4e5f2}#chargeMeter{display:flex;gap:3px}#chargeMeter i{display:block;width:11px;height:7px;border:1px solid #c4dcf350;border-radius:1px;background:#253149}#chargeMeter i:nth-child(3){margin-right:4px}#chargeMeter i.filled{background:var(--gold);border-color:var(--gold)}#scoreNotice{color:var(--accent);font-weight:800;min-width:42px}.shard-remaining{color:var(--muted);margin-left:auto}#shieldHint{display:block;font-size:7px;color:var(--muted);margin-top:4px;min-height:11px}#banner,#shiftStatus,#coreStatus{position:fixed;z-index:11;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;border-radius:6px}#banner{top:181px;color:var(--muted);font-size:10px;background:#06101ac9;max-width:80vw;padding:5px 11px}#shiftStatus{top:210px;width:410px;max-width:80vw;background:#291c0cf2;border:1px solid #ffcf7450;color:var(--gold);font-size:10px;padding:8px}#coreStatus{top:211px;width:400px;max-width:80vw;padding:9px 12px;background:#081629e6;border:1px solid #b5b0ff65;color:#e5ddff;font-size:11px;min-height:48px;contain:layout paint}#coreStatus:empty,#shiftStatus:empty,#banner:empty{visibility:hidden}
#stick{position:fixed;z-index:20;bottom:max(44px,calc(env(safe-area-inset-bottom) + 32px));left:max(24px,env(safe-area-inset-left));width:132px;height:132px;border:1px solid #bbdeee50;border-radius:50%;background:radial-gradient(#172f4080,#0a142060);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 0 12px #6ddbbb05}#stick:before,#stick:after{content:'';position:absolute;background:#b2d9e81c;pointer-events:none}#stick:before{width:1px;height:80px;left:65px;top:25px}#stick:after{height:1px;width:80px;top:65px;left:25px}#stick span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.12em;color:#bfd6e0;pointer-events:none}#knob{position:absolute;left:44px;top:44px;width:42px;height:42px;border:1px solid #a8e6df65;border-radius:50%;background:#9ce7de80;box-shadow:0 0 20px #72f5d719;pointer-events:none}#ability{position:fixed;z-index:20;right:max(24px,env(safe-area-inset-right));bottom:max(56px,calc(env(safe-area-inset-bottom) + 40px));width:104px;height:104px;border-radius:50%;border:1px solid #72f5d7aa;background:radial-gradient(#164d47dd,#081822ee);color:var(--accent);font-weight:900;letter-spacing:.04em;touch-action:none;box-shadow:0 0 25px #72f5d720}#ability small{font-size:7px;font-weight:600;letter-spacing:.01em;color:#a6c9c7}#ability:disabled{border-color:#839cab50;box-shadow:none}#burstStatus{position:fixed;z-index:20;right:22px;bottom:168px;padding:4px 8px;color:var(--gold);background:#071321c9;font-size:9px;pointer-events:none;border-radius:5px}#burstStatus:empty{display:none}#countdownDisplay{position:fixed;z-index:16;left:50%;top:49%;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:5px;text-shadow:0 4px 30px #000}#countdownLabel{font-size:10px;letter-spacing:.25em;color:var(--accent)}#countdownNumber{font:900 italic 130px/1 var(--display);letter-spacing:-.1em;padding-right:10px}#countdownObjective{font-size:10px;letter-spacing:.08em}#resultPanel{position:fixed;z-index:18;left:50%;top:51%;transform:translate(-50%,-50%);width:500px;max-width:calc(100vw - 28px);max-height:82dvh;overflow:auto;background:linear-gradient(140deg,#102337f5,#070e1cf7);border:1px solid #83c7d65c;border-radius:13px;padding:28px;text-align:center;box-shadow:0 20px 100px #0009}#resultPanel h2{font:900 italic 42px/1 var(--display);letter-spacing:-.06em;margin:10px 0 16px;color:var(--accent)}#roundResult{font-size:12px;color:#d3e2ee;min-height:36px;contain:layout paint}#resultScores{display:grid;gap:5px;margin:17px 0}.result-row{display:grid;grid-template-columns:80px 1fr 38px;gap:9px;align-items:center;text-align:left;font-size:11px;background:#122338;border-radius:4px;padding:7px 9px}.result-row i{height:4px;background:var(--pilot);border-radius:3px;min-width:2px}.result-row b{text-align:right;font:900 15px var(--display)}.result-row.winner{border:1px solid var(--accent)}#matchWins{font-size:11px;color:var(--muted)}#nextRound{font-size:10px;color:var(--gold);min-height:16px}#resultPanel>button{margin:4px;font-size:10px}#resultPanel>button.primary{min-width:190px}#eventEdge{position:fixed;z-index:7;inset:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px #ff547760;transition:opacity .18s}#eventEdge.on{opacity:1}#eventToast{position:fixed;z-index:17;left:50%;top:37%;transform:translate(-50%,-50%);font:900 italic 28px/1.1 var(--display);letter-spacing:-.035em;white-space:nowrap;text-shadow:0 0 28px #000;color:var(--accent);pointer-events:none;opacity:0;transition:opacity .12s}#eventToast.on{opacity:1}#toast{position:fixed;z-index:70;bottom:24px;left:50%;transform:translateX(-50%);background:#173b37;color:#cbfff3;border:1px solid #6ef4d75c;padding:10px 16px;border-radius:7px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.on{opacity:1}#floatingPoints{position:fixed;z-index:9;inset:0;pointer-events:none}#floatingPoints i{position:absolute;left:0;top:0;font:bold 14px var(--display);color:var(--gold);text-shadow:0 2px 8px #050b15;opacity:0;font-style:normal;will-change:transform}.pulse{animation:scorepulse .28s ease-out}@keyframes scorepulse{50%{color:white;text-shadow:0 0 14px #72f5d7}}
.modal{position:fixed;z-index:60;inset:0;background:#030911de;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.help-card{background:linear-gradient(135deg,#10243a,#080f1c);width:690px;max-width:100%;max-height:92dvh;overflow:auto;border:1px solid #89cfd341;border-radius:14px;padding:28px;text-align:center}.modal-top{display:flex;align-items:center;justify-content:space-between}.help-card h2{font:900 italic 39px/1 var(--display);letter-spacing:-.05em;text-align:left;margin:16px 0 24px}.help-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.help-panels article{background:#0b192b;border:1px solid var(--line);border-radius:8px;padding:16px}.help-panels article>span{font-size:27px;color:var(--accent)}.help-panels h3{font:900 14px var(--display);margin:8px 0}.help-panels p{font-size:11px;line-height:1.6;color:var(--muted)}.help-controls,.help-mobile{font-size:10px;letter-spacing:.04em;color:#d2e3ed;margin:24px 0 16px}.help-mobile{display:none}.help-card .primary{min-width:210px}.help-card>small{display:block;color:var(--muted);font-size:9px;margin-top:14px}#intro{position:fixed;z-index:80;inset:0;background:#050b15;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;pointer-events:none;transition:opacity .18s}#intro strong{font:900 italic 48px var(--display);letter-spacing:-.07em}#intro>span{font-size:35px;color:var(--accent)}#intro small{font-size:8px;letter-spacing:.25em;color:var(--muted)}#intro.dismissed{opacity:0;visibility:hidden}
body[data-mode=landing] #roomBar,body[data-mode=landing] #lobby,body[data-mode=landing] #matchHud,body[data-mode=landing] #banner,body[data-mode=landing] #coreStatus,body[data-mode=landing] #shiftStatus,body[data-mode=landing] #stick,body[data-mode=landing] #ability,body[data-mode=landing] #countdownDisplay,body[data-mode=landing] #burstStatus,body[data-mode=landing] #connectionState{display:none}body[data-mode=room] #landing{display:none}body[data-stage=live] .topbar{height:54px;padding:10px 18px;background:linear-gradient(#050b15d0,transparent);border:0;pointer-events:none}body[data-stage=live] .topbar .brand small,body[data-stage=live] .live-pill{display:none}body[data-stage=live] .top-actions{pointer-events:auto}body[data-stage=live] #roomBar{top:auto;bottom:10px;left:180px;right:150px;border:0;background:transparent;pointer-events:none;padding:0}body[data-stage=live] #roomBar .eyebrow,body[data-stage=live] #roomBar .room-count,body[data-stage=live] #copyCode,body[data-stage=live] #shareInvite,body[data-stage=live] #reconnect{display:none}body[data-stage=live] #roomBar #room{font-size:10px;color:var(--muted)}body[data-stage=live] #roomBar #copyInvite{pointer-events:auto;font-size:7px;min-height:22px;padding:3px 6px}body[data-stage=live] #lobby{display:none}body[data-stage=lobby] #matchHud,body[data-stage=lobby] #stick,body[data-stage=lobby] #ability,body[data-stage=lobby] #banner,body[data-stage=lobby] #coreStatus,body[data-stage=lobby] #shiftStatus,body[data-stage=lobby] #countdownDisplay,body[data-stage=lobby] #burstStatus{display:none}
@media(min-width:850px) and (pointer:fine){#stick{opacity:.26}#ability{opacity:.8}}@media(max-width:900px){.hero{gap:16px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:78px}.hero h2{font-size:45px}.hero-art{margin-right:-15px}.topbar{padding:18px 22px}.live-pill{display:none}.hero-description{font-size:12px}.loop-cards article{padding:17px;gap:10px}.loop-cards p{font-size:10px}.loop-cards article>span{display:none}}
@media(max-width:650px){.topbar{height:66px;padding:14px 18px}.brand{font-size:17px}.brand small{font-size:6px}.brand img{width:26px;height:26px}.top-actions{gap:5px}.quiet{font-size:8px;padding:6px 8px}#landing{padding:94px 20px 20px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0}.hero-copy{z-index:2}.hero .eyebrow{font-size:8px;max-width:330px}.hero h1{font-size:clamp(68px,19vw,100px);margin-top:22px}.hero h2{font-size:38px;line-height:1.02}.hero h2 br{display:none}.hero h2 em:before{content:' '}.tagline{font-size:14px;margin:15px 0 10px;max-width:250px}.hero-description{font-size:11px;line-height:1.7;max-width:100%;margin-bottom:20px}.hero-art{order:2;transform:none;margin:0 -8px;height:220px;overflow:hidden}.hero-art img{height:100%;object-fit:contain;object-position:center}.art-caption{position:absolute;bottom:0;left:5px;right:5px;margin:0;background:#050b1570;padding:8px 0;font-size:6px}.orbit-stamp{display:none}.entry-actions{width:100%}.entry-actions>.primary{width:100%;max-width:none;text-align:center}.primary span{margin-left:20px}form{max-width:none}input{width:44%;min-height:46px}form .secondary{min-height:46px}.control-notes{margin-top:15px;gap:8px;font-size:7px}.control-notes>span:not(.touch-note){display:none}.control-notes .touch-note{display:block;font-size:8px}.loop-cards{grid-template-columns:1fr;gap:8px;margin-top:15px}.loop-cards article{padding:13px 15px;gap:15px;align-items:center}.loop-cards h3{font-size:13px;margin-bottom:3px}.loop-cards p{font-size:10px;max-width:none}.loop-cards article>span{display:block;margin-left:auto}.landing-foot{font-size:7px;gap:8px;flex-wrap:wrap;margin-top:18px}.landing-foot span{flex-basis:100%;order:2}.landing-foot a{margin-left:auto}#roomBar{top:76px;left:12px;right:12px;flex-wrap:wrap;gap:6px;padding:9px}#roomBar>div:first-child{width:100%;gap:10px}#room{font-size:19px}.room-count{margin-left:auto}.room-actions{width:100%;display:flex;gap:5px}.room-actions button{font-size:8px;flex:1;padding:6px 7px}#lobby{padding:24px 18px;top:55%;max-width:calc(100vw - 24px)}#lobby h2{font-size:25px}#lobbyMessage{font-size:11px}.roster{margin:18px 0}.pilot{padding:9px 3px}.pilot b{font-size:10px}#matchHud{top:max(56px,env(safe-area-inset-top));width:calc(100vw - 24px);padding:8px 10px}.hud-heading{gap:9px;padding-bottom:5px}.hud-heading span{font-size:7px}.hud-heading strong{font-size:8px}.hud-heading time{font-size:17px}.standings{gap:3px 10px;padding:5px 0}.standing{font-size:9px}.standing b{font-size:13px}.standing small{font-size:7px}.resource-row{font-size:8px;gap:8px}#resources{font-size:8px;padding-top:4px}#chargeValue{min-width:75px}#chargeMeter i{width:9px;height:6px}#shieldHint{font-size:7px}#banner{top:215px;font-size:9px;max-width:94vw}#coreStatus,#shiftStatus{top:244px;font-size:10px;max-width:94vw;min-height:44px}#countdownNumber{font-size:106px}#countdownObjective{font-size:8px}#countdownLabel{font-size:9px}#ability{right:18px;width:90px;height:90px;bottom:max(52px,calc(env(safe-area-inset-bottom) + 38px));font-size:10px}#ability small{font-size:6px}#stick{left:18px;width:120px;height:120px}#knob{left:38px;top:38px}#stick:before{left:59px;top:20px}#stick:after{top:59px;left:20px}#burstStatus{right:15px;bottom:148px;font-size:8px}.connection-state{left:10px;bottom:9px;font-size:7px;padding:5px 7px;max-width:45vw}body[data-stage=live] .topbar{height:49px;padding:8px 12px}body[data-stage=live] .topbar .brand{font-size:15px}body[data-stage=live] .topbar .brand img{width:22px;height:22px}body[data-stage=live] .top-actions .quiet{font-size:7px;min-height:28px;padding:5px 7px}body[data-stage=live] #roomBar{left:150px;right:12px;bottom:9px;flex-wrap:nowrap;gap:5px}body[data-stage=live] #roomBar>div:first-child{width:auto}body[data-stage=live] #roomBar .room-actions{width:auto;margin-left:auto}body[data-stage=live] #roomBar #room{font-size:8px;letter-spacing:.05em}body[data-stage=live] #roomBar #copyInvite{font-size:6px}#resultPanel{padding:22px 17px;top:52%;max-height:78dvh}#resultPanel h2{font-size:35px}#roundResult{font-size:10px}#resultScores{margin:12px 0}.result-row{padding:5px 8px;font-size:10px}#eventToast{font-size:22px;top:40%;max-width:94vw;white-space:normal;text-align:center}.help-card{padding:19px}.help-card h2{font-size:31px;margin:18px 0}.help-panels{grid-template-columns:1fr;gap:7px}.help-panels article{display:grid;grid-template-columns:32px 1fr;column-gap:10px;padding:10px 12px;align-items:center}.help-panels article>span{grid-row:span 2;font-size:24px}.help-panels h3{font-size:12px;margin:0}.help-panels p{font-size:10px;margin:3px 0}.help-controls{display:none}.help-mobile{display:block;font-size:8px;margin:15px 0}.help-card .primary{min-height:46px}.help-card>small{font-size:8px}#intro strong{font-size:42px}}
@media(max-height:520px) and (orientation:landscape){body[data-stage=live] .topbar{height:40px}.brand small{display:none}#matchHud{top:5px;width:430px;max-width:58vw;padding:6px 10px}.hud-heading{padding-bottom:3px}.standings{padding:3px 0}.standing{font-size:8px}.standing b{font-size:11px}#shieldHint{display:none}#banner{top:143px}#coreStatus,#shiftStatus{top:170px;min-height:35px;font-size:9px;padding:5px}#stick{width:105px;height:105px;bottom:24px}#knob{left:31px;top:31px}#stick:before{left:52px;top:12px}#stick:after{top:52px;left:12px}#ability{width:80px;height:80px;bottom:30px}#burstStatus{bottom:115px}#resultPanel{max-height:90dvh;top:50%;padding:16px}#resultPanel h2{font-size:28px}.result-row{padding:3px 8px}#countdownNumber{font-size:80px}.modal{padding:10px}.help-card{max-width:630px;padding:15px}.help-card h2{font-size:26px;line-height:1;margin:5px 0 10px}.help-card h2 br{display:none}.help-panels{grid-template-columns:repeat(3,1fr)}.help-panels article{display:block;padding:10px}.help-panels article>span{display:none}.help-controls{display:block;margin:10px}.help-mobile{display:none}.help-card>small{margin-top:8px}.help-card .primary{min-height:38px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#intro{display:none}.hero-art:before{filter:none}}
.modal{display:flex;align-items:center;justify-content:center}.help-card{min-width:0;flex:0 1 690px;width:690px}
.help-live{color:#ffcf80;font-size:11px;font-weight:800}.change-room{display:inline-flex;align-items:center;text-decoration:none}.standing small{font-size:9px}.standing.local{box-shadow:inset 0 -2px var(--pilot)}
body[data-stage=live] #reconnect{display:inline-flex;pointer-events:auto;font-size:7px;min-height:22px;padding:3px 6px}body[data-stage=live] .change-room{display:none}
body[data-mode=landing] #arena{opacity:.075}@media(max-width:700px){.hero-copy h2 br{display:block}}