:root{--neon-blue:#38bdf8;--neon-orange:#ff5e00;--neon-green:#8cff3d;--neon-purple:#a855f7;--bg-dark:#070b13;--panel-bg:#0c1423d9;--panel-border:#38bdf838;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--font-heading:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif}.runway-panel,.runway-controller{pointer-events:auto;--runway-sky:#7dd3fc;--runway-grass:#65a30d}.runway-panel{color:#0f2f45;background:linear-gradient(#e0f2fe,#f7fee7);border-color:#38bdf8}.runway-pilot-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0;display:grid}.runway-pilot-picker button{color:#164e63;background:#fff;border:2px solid #7dd3fc;min-height:48px}.runway-pilot-picker button.active{color:#fff;background:#0ea5e9;border-color:#0369a1}.runway-practice{color:#365314;background:#ecfccb;border-radius:14px;flex-direction:column;gap:.25rem;padding:.8rem;display:flex}.runway-controller{z-index:30;padding:max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;color:#0c4a6e;background:linear-gradient(#dff5ff 0%,#f7fee7 100%);flex-direction:column;align-items:center;gap:.75rem;display:flex;position:fixed;inset:0;overflow:hidden}.runway-controller header{letter-spacing:.08em;justify-content:space-between;align-items:baseline;width:min(560px,100%);display:flex}.runway-controller header strong{font-size:1.15rem}.runway-instruments{text-align:center;grid-template-columns:1fr 1fr;gap:.45rem;width:min(560px,100%);display:grid}.runway-instruments span,.runway-instruments b{background:#ffffffe6;border-radius:10px;padding:.45rem}.runway-instruments b{color:#3f6212;grid-column:1/-1}.runway-flight-pad{touch-action:none;background:radial-gradient(circle,#f8fafc 0 18%,#bae6fd 19% 63%,#7dd3fc 64% 100%);border:5px solid #38bdf8;border-radius:50%;width:min(62vw,300px);min-width:220px;height:min(62vw,300px);min-height:220px;position:relative;box-shadow:inset 0 0 0 2px #fff,0 12px 30px #0369a133}.runway-flight-pad[aria-disabled=true]{opacity:.55}.runway-flight-pad .pad-label{letter-spacing:.08em;font-size:.78rem;font-weight:900;position:absolute}.runway-flight-pad .up{top:9%;left:50%;transform:translate(-50%)}.runway-flight-pad .down{bottom:9%;left:50%;transform:translate(-50%)}.runway-flight-pad .left{top:50%;left:7%;transform:translateY(-50%)}.runway-flight-pad .right{top:50%;right:7%;transform:translateY(-50%)}.runway-pad-knob{background:linear-gradient(145deg,#fef3c7,#fbbf24);border:4px solid #92400e;border-radius:50%;width:72px;height:72px;transition:transform 80ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 12px #78350f40}.runway-throttle{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;width:min(560px,100%);font-weight:800;display:grid}.runway-throttle input{accent-color:#f59e0b;width:100%;min-height:56px}.runway-throttle strong{text-align:center;grid-column:1/-1}.runway-calm-note{color:#4d7c0f;margin:0;font-weight:800}@media (orientation:landscape) and (max-height:900px){.runway-controller{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));grid-template-rows:auto auto auto auto;grid-template-columns:minmax(220px,44%) minmax(0,1fr);align-items:center;gap:.35rem .8rem;display:grid}.runway-controller header,.runway-instruments,.runway-throttle,.runway-calm-note{grid-column:2;width:100%}.runway-flight-pad{grid-area:1/1/5;justify-self:center;width:min(42vw,100vh - 24px);min-width:0;height:min(42vw,100vh - 24px);min-height:0}.runway-throttle input{min-height:44px}}.runway-big-score{color:#0284c7;font-size:clamp(4rem,20vw,8rem);font-weight:900}.runway-round-result{touch-action:pan-y;overscroll-behavior:contain;align-content:start;max-height:100%;overflow-y:auto}.runway-round-result .runway-big-score{font-size:clamp(3.4rem,16vw,6rem);line-height:.95}.runway-landing-diagnosis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:100%;display:grid}.runway-landing-diagnosis strong{color:#075985;text-align:center;background:#e0f2fe;border-radius:10px;padding:.55rem .4rem;font-size:.88rem}.runway-score-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .7rem;width:100%;margin:.4rem 0;display:grid}.runway-score-breakdown div{border-bottom:1px solid #0284c738;justify-content:space-between;gap:.5rem;padding-bottom:.18rem;display:flex}.runway-score-breakdown dt,.runway-score-breakdown dd{margin:0;font-size:.82rem}.runway-score-breakdown dd{font-weight:900}.runway-result-list,.runway-mini-standings{gap:.5rem;padding:0;list-style:none;display:grid}.runway-result-list li,.runway-mini-standings li{background:#fffc;border-radius:10px;justify-content:space-between;gap:1rem;padding:.65rem;display:flex}html,body{background:radial-gradient(circle at 48% 56%, #0e304e6b, transparent 58%), linear-gradient(180deg, #030712 0%, var(--bg-dark) 55%, #02040a 100%);width:100%;height:100%;color:var(--text-primary);overscroll-behavior:none;touch-action:none;font-family:var(--font-body);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;overflow:hidden}#viewport-recovery{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:2147483647;color:#fff;pointer-events:auto;touch-action:manipulation;background:#0369a1;border:3px solid #fff;border-radius:999px;min-width:112px;min-height:48px;position:fixed;box-shadow:0 6px 24px #00000080}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#38bdf80a 1px,#0000 1px),linear-gradient(90deg,#38bdf80a 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 90%);mask-image:radial-gradient(circle,#000 40%,#0000 90%)}#render-canvas{touch-action:none;z-index:0;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.trivia-page #render-canvas{display:none}.trivia-page .trivia-home{box-sizing:border-box;width:min(560px,100vw - 48px);margin:7vh auto 3vh;position:relative;top:auto;left:auto}.trivia-page .trivia-home h1{text-align:center;height:auto;font-size:clamp(2.2rem,7vw,4.5rem)}.trivia-page .trivia-home .intro{color:var(--text-secondary);text-align:center;font-size:1.05rem;line-height:1.55}#ui-root{pointer-events:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;z-index:10;position:fixed;inset:0;overflow-y:auto}#ui-root.controller-input-locked{overscroll-behavior:none;-webkit-overflow-scrolling:auto;touch-action:none;overflow:hidden}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);pointer-events:auto;border-radius:12px;width:min(360px,100vw - 64px);padding:18px;transition:border-color .3s,background-color .3s,box-shadow .3s;position:absolute;top:32px;left:32px;box-shadow:0 16px 40px #0009,0 0 15px #38bdf814}.panel h1{margin:0 0 14px;font-size:24px;line-height:1.1}.tv-spectator .panel{width:min(620px,100vw - 96px);font-size:22px;top:50%;left:50%;transform:translate(-50%,-50%)}.tv-spectator .panel h1{font-size:38px}.tv-spectator input,.tv-spectator button{min-height:54px;font-size:22px}.tv-hud{color:#f8fafc;background:#080e1aeb;border:1px solid #38bdf866;border-radius:8px;align-items:center;gap:32px;min-height:64px;padding:0 32px;font-size:24px;font-weight:800;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.tv-hud strong{color:#93c5fd}.tv-roster{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;width:min(900px,100vw - 64px);display:grid;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.tv-roster div{color:#cbd5e1;background:#0c121cd1;border:1px solid #94a3b838;border-radius:8px;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:18px;display:grid}label{color:var(--text-secondary);font-family:var(--font-heading);gap:6px;margin:12px 0;font-size:13px;font-weight:600;display:grid}input{min-height:38px;color:var(--text-primary);font:inherit;background:#090d16e6;border:1px solid #94a3b838;border-radius:8px;padding:0 12px;transition:all .2s}input:focus{border-color:var(--neon-blue);outline:none;box-shadow:0 0 12px #38bdf859}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.device-mode-entry{box-sizing:border-box;pointer-events:auto;place-items:center;min-height:100%;padding:32px;display:grid}.device-mode-panel{box-sizing:border-box;border:1px solid var(--panel-border);text-align:center;background:#070f1df0;border-radius:24px;width:min(900px,100%);padding:clamp(24px,4vw,48px);box-shadow:0 30px 80px #0000008c}.device-mode-panel h1{font:800 clamp(2rem, 5vw, 3.7rem) / 1 var(--font-heading);margin:5px 0 8px}.device-mode-intro{max-width:620px;color:var(--text-secondary);margin:0 auto 30px;font-size:clamp(1rem,1.8vw,1.2rem)}.device-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.device-mode-option{box-sizing:border-box;min-height:250px;color:var(--text-primary);text-transform:none;letter-spacing:normal;cursor:pointer;background:linear-gradient(145deg,#0e304ee6,#0a1426f5);border:2px solid #38bdf84d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;text-decoration:none;display:flex}.device-mode-option:hover,.device-mode-option:focus-visible{border-color:var(--neon-blue);outline:none;transform:translateY(-3px);box-shadow:0 14px 35px #38bdf833}.device-mode-option strong{font:800 clamp(1.25rem, 2.4vw, 1.7rem) / 1.1 var(--font-heading)}.device-mode-option>span:last-child{max-width:310px;color:var(--text-secondary);font:500 .95rem / 1.45 var(--font-body)}.device-mode-preview{box-sizing:border-box;background:linear-gradient(#38bdf8,#172554);border:5px solid #64748b;border-radius:9px;justify-content:center;align-items:end;gap:7px;width:138px;height:82px;padding:10px;display:flex;box-shadow:0 10px 0 -6px #94a3b8}.device-mode-preview i{background:#f8fafc;border-radius:50% 50% 8px 8px;width:27px;height:35px}.device-mode-preview i:nth-child(2){background:#f97316;height:46px}.device-mode-controls{background:#334155;border-radius:22px;grid-template-columns:repeat(2,24px);place-content:center;gap:8px;width:124px;height:82px;display:grid;box-shadow:inset 0 0 0 4px #64748b}.device-mode-controls i{background:var(--neon-blue);border-radius:50%;width:24px;height:24px}.device-mode-controls i:nth-child(2),.device-mode-controls i:nth-child(3){background:var(--neon-orange)}@media (max-width:680px),(max-height:560px){.device-mode-entry{place-items:start center;padding:16px}.device-mode-options{grid-template-columns:1fr}.device-mode-option{min-height:180px}}button{background:var(--neon-blue);color:#06111a;min-height:38px;font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border:0;border-radius:8px;padding:0 16px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000040}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}.color-echo-panel{color:#ecfeff;text-align:center;background:linear-gradient(145deg,#111827fa,#164e63f5);border-color:#22d3ee;width:min(720px,100vw - 1rem)}.color-echo-panel h1{color:#cffafe;letter-spacing:.04em}.color-echo-pad{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem auto;display:grid}.color-echo-pad button{color:#fff;text-shadow:0 2px 4px #000000b3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:4px solid #ffffffa6;border-radius:1rem;place-items:center;min-height:118px;transition:filter 60ms linear,transform 60ms linear,box-shadow 60ms linear;display:grid}.color-echo-pad button.pressed,.color-echo-pad button:active{filter:brightness(1.35)saturate(1.2);transform:scale(.96);box-shadow:0 0 0 4px #fffc,0 0 28px}.color-echo-pad button span{font-size:2.8rem;line-height:1}.color-echo-pad button b{letter-spacing:.12em;font-size:.78rem}.color-echo-pad button:disabled{filter:saturate(.45);opacity:.5}.color-echo-pad button.playing{filter:brightness(1.4)saturate(1.25);opacity:1;transform:scale(1.04);box-shadow:0 0 0 4px #ffffffd9,0 0 30px}.color-echo-pad .signal-red{background:#b91c1c}.color-echo-pad .signal-yellow{background:#a16207}.color-echo-pad .signal-green{background:#15803d}.color-echo-pad .signal-blue{background:#1d4ed8}.color-echo-progress,.color-echo-comparison{flex-wrap:wrap;justify-content:center;gap:.32rem;margin:.65rem auto;display:flex}.color-echo-progress span{background:0 0;border:2px solid #67e8f9;border-radius:999px;width:12px;height:12px}.color-echo-progress span.filled{background:#ecfeff}.color-echo-comparison span{border:2px solid #64748b;border-radius:.45rem;place-items:center;width:34px;height:34px;display:grid}.color-echo-comparison .correct{background:#166534;border-color:#86efac}.color-echo-comparison .wrong{background:#991b1b;border-color:#fca5a5}.color-echo-comparison .missing{opacity:.55;border-style:dashed}.color-echo-feedback{background:#7f1d1d8c;border:2px solid #fca5a5;border-radius:.7rem;justify-content:center;gap:.8rem;margin:.8rem 0;padding:.7rem;display:flex}.color-echo-feedback.perfect{background:#14532da6;border-color:#86efac}.color-echo-standings{max-height:180px;margin:.8rem 0 0;padding:0;list-style:none;overflow-y:auto}.color-echo-standings li{border-bottom:1px solid #67e8f938;justify-content:space-between;gap:1rem;padding:.38rem 0;display:flex}.color-echo-run-result{font-size:1.2rem}@media (max-height:720px){.color-echo-pad button{min-height:88px}.color-echo-pad button span{font-size:2.1rem}}#create{background:var(--neon-orange);color:#fff}#create:hover{box-shadow:0 0 18px #ff5e008c}#campaign{background:var(--neon-blue);color:#06111a}#campaign:hover{box-shadow:0 0 18px #38bdf88c}#join{background:var(--neon-green);color:#06111a}#join:hover{box-shadow:0 0 18px #8cff3d8c}#watch{color:var(--text-primary);background:0 0;border:1px solid #f8fafc38}#watch:hover{background:#f8fafc14;border-color:#fff}#reconnect{background:var(--neon-purple);color:#fff}#reconnect:hover{box-shadow:0 0 18px #a855f78c}.status{color:var(--text-muted);align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.quickdraw-panel{color:#fff7ed;text-align:center;background:linear-gradient(145deg,#2b1608f7,#78350ff0);border-color:#f59e0b}.quickdraw-cue{color:#fde68a;letter-spacing:.08em;text-shadow:0 4px #7c2d12;margin:.2em 0;font-size:clamp(2.8rem,12vw,6rem)}.phase-draw .quickdraw-cue{color:#fff;background:#dc2626;border-radius:18px;padding:.15em}.quickdraw-tap{color:#fff;touch-action:manipulation;background:#b91c1c;border:6px solid #fde68a;border-radius:28px;width:min(100%,560px);min-height:180px;margin:20px auto;font-size:clamp(2rem,10vw,4.5rem);font-weight:900}.quickdraw-tap:disabled{color:#d6d3d1;opacity:.8;background:#57534e}.quickdraw-feedback{color:#fde68a;margin:12px 0;font-size:2rem;font-weight:900}.quickdraw-feedback.false-start{color:#fecaca;background:#991b1b;border-radius:12px;padding:12px}.quickdraw-standings{max-width:620px;margin:22px auto 0;padding:0;list-style:none}.quickdraw-standings li{border-bottom:1px solid #fde68a40;justify-content:space-between;gap:18px;padding:10px 14px;display:flex}@media (prefers-reduced-motion:reduce){.quickdraw-panel *,.quickdraw-panel :before,.quickdraw-panel :after{transition:none!important;animation:none!important}}.join-card{background:#0f172adb;border:1px solid #bae6fd38;border-radius:8px;grid-template-columns:72px 1fr;align-items:center;gap:12px;margin:12px 0;padding:10px;display:grid}.join-card img{background:#f8fafc;border-radius:6px;width:72px;height:72px}.join-card strong,.high-scores strong{color:#e0f2fe}.join-card p{color:#bae6fd;word-break:break-word;margin:4px 0 0;font-size:12px}.high-scores{color:#cbd5e1;background:#06121fc2;border-radius:8px;flex-direction:column;gap:6px;margin:12px 0 0;padding:10px;font-size:12px;display:flex}.score-tabs{border-bottom:1px solid #38bdf833;gap:4px;margin:4px 0 6px;padding-bottom:6px;display:flex}.score-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex:1;min-height:38px;padding:4px 0;font-size:11px;font-weight:700;transition:all .2s}.score-tabs button:hover{color:#e2e8f0;background:#38bdf814}.score-tabs button.active{color:#38bdf8;background:#38bdf82e;border-color:#38bdf859;box-shadow:0 0 10px #38bdf81a}.high-scores .score-list{flex-direction:column;gap:4px;margin-top:4px;display:flex}.high-scores .score-row{text-align:left;border-bottom:1px solid #94a3b814;grid-template-columns:24px 62px 1fr 60px 40px;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:grid}.high-scores .score-row:last-child{border-bottom:none}.high-scores .score-row .rank{color:#38bdf8;font-weight:700}.high-scores .score-row .mode{color:#fbbf24;text-transform:capitalize}.high-scores .score-row .names{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.high-scores .score-row .score{text-align:right;color:#4ade80;font-weight:700}.high-scores .score-row .details{text-align:right;color:#94a3b8}.session-list{gap:8px;margin-top:12px;display:grid}.empty-list{color:#cbd5e1;margin:12px 0 0;font-size:13px}.session-row{color:#cbd5e1;text-align:left;background:#0f172adb;border:1px solid #bae6fd38;border-radius:8px;grid-template-columns:78px 1fr;align-items:center;gap:4px 10px;width:100%;min-height:58px;padding:10px;display:grid}.session-row strong{color:#e0f2fe;grid-row:span 3;font-size:18px}.session-row span,.session-row em{font-size:12px;font-style:normal}.session-row em{color:#94a3b8}.slots{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.slot{text-align:center;background:#090d1680;border:1px solid #94a3b826;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:94px;padding:12px;transition:all .3s;display:flex}.slot.occupied{border-color:var(--slot-border-color,var(--neon-blue));box-shadow:0 0 15px var(--slot-glow-color,#38bdf826);background:#0c1423b3}.slot.empty{color:var(--text-muted);border-style:dashed;animation:2s ease-in-out infinite borderPulse}.slot .swatch{border-radius:999px;width:14px;height:14px;box-shadow:0 0 8px}.slot strong{font-family:var(--font-heading);color:var(--text-primary);word-break:break-all;font-size:14px}.slot span{text-transform:uppercase;font-size:11px;font-weight:700}.slot-status{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.slot-status.ready{color:var(--neon-green);background:#8cff3d26}.slot-status.not-ready{color:var(--neon-orange);background:#ff5e0026}.slot-status.away{color:var(--text-muted);background:#94a3b826}@keyframes borderPulse{0%,to{opacity:.7;border-color:#94a3b826}50%{opacity:1;border-color:#38bdf866}}.lobby-container{pointer-events:auto;touch-action:pan-y;grid-template-columns:minmax(320px,420px) minmax(320px,500px);justify-content:center;align-items:start;gap:28px;width:max-content;max-width:min(960px,100% - 32px);margin:50px auto;padding-bottom:50px;display:grid;position:relative}.lobby-container .panel{box-sizing:border-box;width:100%;margin:0;position:relative;top:auto;left:auto}.lobby-main{flex-direction:column;gap:20px;width:100%;display:flex}.lobby-sidebar{color:var(--text-secondary);font-family:var(--font-body);padding:24px}.lobby-sidebar h2{font-family:var(--font-heading);background:linear-gradient(135deg, var(--neon-orange), var(--neon-blue));-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.5px;-webkit-background-clip:text;margin:0 0 16px;font-size:20px;font-weight:800}.lobby-sidebar h3{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:8px;margin:14px 0 6px;font-size:14px;font-weight:700;display:flex}.lobby-sidebar p{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.5}.feature-list{border-top:1px solid #94a3b826;flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;display:flex}.feature-item{align-items:start;gap:12px;display:flex}.feature-item-icon{margin-top:2px;font-size:18px;line-height:1}.feature-item-content strong{color:#fff}.controls-guide{background:#090d1680;border:1px solid #94a3b81f;border-radius:8px;margin-top:16px;padding:12px}.controls-guide h4{text-transform:uppercase;color:var(--neon-blue);letter-spacing:.5px;margin:0 0 8px;font-size:11px}.controls-grid-mini{grid-template-columns:1fr 1fr;gap:12px;font-size:12px;display:grid}.controls-col strong{color:var(--text-primary);margin-bottom:2px;display:block}.toast{border:1px solid var(--neon-blue);color:#fff;font-family:var(--font-heading);z-index:1000;pointer-events:none;opacity:0;background:#0c1423f2;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 0 15px #38bdf840}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hud{-webkit-backdrop-filter:blur(10px);background:#060c18e6;border:1px solid #38bdf85c;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 16px;font-size:13px;font-weight:800;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000059,0 0 24px #38bdf81f}.hud strong{color:#93c5fd}.spectator-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e1ae6;border:1px solid #38bdf866;border-radius:12px;gap:32px;min-height:64px;padding:0 32px;font-size:24px;font-weight:700;top:24px;box-shadow:0 0 30px #38bdf826}.roster{background:#060c18db;border:1px solid #38bdf838;border-radius:8px;gap:6px;min-width:180px;padding:10px;font-size:12px;display:grid;position:absolute;top:68px;left:16px;box-shadow:0 12px 28px #00000052,0 0 18px #38bdf817}.roster.spectator{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e1ae6;border:1px solid #38bdf866;border-radius:12px;grid-template-columns:repeat(4,minmax(180px,1fr));width:min(900px,100vw - 64px);padding:16px;font-size:20px;font-weight:700;top:auto;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #38bdf826}.roster-player{color:#cbd5e1;text-shadow:0 2px 8px #000c;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;display:grid}.roster-player.current{color:#fff}.input-hint{color:#cbd5e1;background:#0c121cbd;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:12px;min-height:34px;padding:0 12px;font-size:12px;display:flex;position:absolute;bottom:20px;right:16px}.input-hint strong{color:#93c5fd}.input-hint span{color:#f8fafc;font-weight:800}.modifier-badges{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(760px,100vw - 32px);display:flex;position:absolute;top:66px;left:50%;transform:translate(-50%)}.modifier-badges.spectator{max-width:min(980px,100vw - 32px);top:104px}.modifier-badge{background:var(--badge-color);color:#06111a;border:1px solid #ffffff85;border-radius:6px;align-items:center;gap:6px;min-height:24px;padding:3px 7px;font-size:12px;font-weight:900;display:flex;box-shadow:0 10px 22px #00000059,0 0 18px #ffffff29}.modifier-badge strong{color:inherit}.modifier-badge em{opacity:.82;font-style:normal}#touch-controls{z-index:50;pointer-events:none;--touch-size:124px;--touch-opacity:.46;position:fixed;inset:0}#touch-controls>*{pointer-events:auto}#room-actions{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:90;position:fixed}#room-actions button{color:#fecaca;letter-spacing:.04em;text-transform:uppercase;background:#450a0ae0;border:1px solid #f87171b8;border-radius:999px;min-height:36px;padding:7px 12px;font-size:12px;font-weight:800;box-shadow:0 8px 24px #00000057}.tank-touch-controls{pointer-events:none;position:absolute;inset:0}.tank-stick-zone{background:rgba(15, 23, 42, var(--touch-opacity));color:#e0f2fe;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #bae6fd6b;border-radius:1.25rem;width:min(42vw,330px);height:clamp(164px,28vh,220px);font-weight:900;position:absolute;bottom:26px;overflow:hidden}.tank-move-stick{left:24px}.tank-aim-stick{background:rgba(76, 5, 25, var(--touch-opacity));border-color:#fda4af7a;right:24px}.tank-stick-zone:focus-visible{border-color:#fff;outline:none;box-shadow:0 0 0 3px #38bdf857}.tank-stick-zone>b{z-index:2;color:#bae6fd;letter-spacing:.12em;pointer-events:none;text-align:center;font-size:.78rem;position:absolute;top:.55rem;left:0;right:0}.tank-aim-stick>b{color:#fecdd3}.tank-stick-base{width:var(--touch-size);height:var(--touch-size);opacity:.32;pointer-events:none;background:#0e749033;border:2px solid #bae6fd80;border-radius:50%;transition:opacity .12s,background .12s,border-color .12s;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 28px #0206178a}.tank-aim-stick .tank-stick-base{background:#be185d2e;border-color:#fda4af8a}.tank-stick-zone.active .tank-stick-base{opacity:1;background:#0891b28a;border-color:#67e8f9}.tank-aim-stick.active .tank-stick-base{background:#be185d94;border-color:#fda4af}.tank-stick-dead-zone{border:1px dashed #e0f2fe61;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tank-stick-knob{width:50px;height:50px;transform:translate(calc(-50% + var(--tank-stick-x,0px)), calc(-50% + var(--tank-stick-y,0px)));background:linear-gradient(145deg,#67e8f9,#0369a1);border:2px solid #ffffffc2;border-radius:50%;transition:transform 55ms linear;position:absolute;top:50%;left:50%;box-shadow:0 5px 16px #0206179e}.tank-aim-stick .tank-stick-knob{background:linear-gradient(145deg,#fda4af,#be123c)}.tank-stick-zone.active .tank-stick-knob{filter:brightness(1.18);transition:none}@media (max-width:620px){.tank-stick-zone{bottom:max(14px, env(safe-area-inset-bottom));width:calc(50vw - 20px);height:clamp(158px,27vh,190px)}.tank-move-stick{left:8px}.tank-aim-stick{right:8px}}.game-over{-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center;color:#f8fafc;text-shadow:0 4px 18px #000c;pointer-events:auto;touch-action:pan-y;z-index:50;-webkit-backdrop-filter:blur(6px);background:radial-gradient(#040812e0 0%,#040812f7 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding:80px 24px 60px;font-size:36px;font-weight:900;display:flex;position:fixed;inset:0;overflow-y:auto}.game-over .high-scores{text-align:left;width:min(520px,100vw - 48px);text-shadow:none;margin:14px auto 0;font-size:14px}.rematch-ready{touch-action:auto;pointer-events:auto;min-width:240px;height:48px;margin:14px auto 8px;font-size:18px;display:block;box-shadow:0 12px 30px #38bdf838}.event-notice{color:#fef3c7;letter-spacing:.4px;text-align:center;text-shadow:0 2px 10px #000000b3;-webkit-backdrop-filter:blur(10px);background:#080d18eb;border:1px solid #facc1573;border-radius:14px;max-width:min(760px,100vw - 32px);padding:12px 22px;font-size:18px;font-weight:900;animation:.18s ease-out noticePop;position:absolute;top:118px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000006b,0 0 22px #facc1524}@keyframes noticePop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (max-width:680px){.panel{box-sizing:border-box;width:calc(100% - 32px);top:16px;left:16px}.hud{justify-content:space-between;left:12px;right:12px;overflow-x:auto;transform:none}.roster{min-width:150px;font-size:11px;top:64px;left:12px}.roster.spectator{grid-template-columns:1fr 1fr;width:calc(100vw - 24px);font-size:13px;bottom:14px;left:12px;transform:none}.spectator-hud{min-height:44px;font-size:13px}.touch-tune{display:flex}.input-hint{display:none}.modifier-badges,.modifier-badges.spectator{max-width:none;top:64px;left:12px;right:12px;transform:none}.modifier-badge{max-width:100%;font-size:11px}}.return-prompt{color:#94a3b8;text-align:center;margin-top:18px;font-size:13px;font-weight:400}.return-prompt.waiting{color:#cbd5e1;opacity:.8}.return-prompt.animate-pulse{color:#38bdf8;text-shadow:0 0 8px #38bdf859;cursor:pointer;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.countdown-overlay{pointer-events:none;z-index:100;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-overlay:not(.go){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#080e1a33 0%,#04070dbf 100%)}.countdown-overlay span{color:#38bdf8;text-shadow:0 0 60px #38bdf8d9,0 0 20px #38bdf866;font-family:Outfit,Inter,sans-serif;font-size:240px;font-weight:900;animation:.85s cubic-bezier(.16,1,.3,1) forwards countdown-pop;transform:scale(.4)}.countdown-overlay.go span{color:#a3e635;text-shadow:0 0 70px #a3e635e6,0 0 25px #a3e63573;font-size:270px;animation:.8s ease-out forwards countdown-fade}@keyframes countdown-pop{to{transform:scale(1.1)}}@keyframes countdown-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@media (max-width:800px){.lobby-container{box-sizing:border-box;grid-template-columns:1fr;gap:20px;width:100%;margin:16px auto;padding:0 16px 40px}.lobby-sidebar{padding:16px}.slots{grid-template-columns:1fr}}@media (max-height:800px) and (orientation:landscape){.lobby-container{gap:16px;margin:16px auto;padding-bottom:32px}.lobby-container .panel{padding:14px}.lobby-container .panel h1{margin:0 0 8px;font-size:20px}.lobby-sidebar{padding:14px}.lobby-sidebar h2{margin-bottom:10px;font-size:16px}.lobby-sidebar p{margin-bottom:8px;font-size:12px}.feature-list{gap:8px;margin-top:10px;padding-top:10px}.game-over{padding-top:40px;padding-bottom:32px}.game-over h2{font-size:28px}}.share-card-overlay{z-index:2000;box-sizing:border-box;background:radial-gradient(circle,#0f172af2 0%,#060a12fa 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.share-card{text-align:center;width:100%;max-width:440px;font-family:var(--font-heading);background:#0c1423d9;border:2px solid #38bdf859;border-radius:16px;padding:28px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards card-appear;box-shadow:0 0 40px #38bdf840,inset 0 0 15px #38bdf81a}@keyframes card-appear{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.share-header .badge{letter-spacing:1px;color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:99px;margin-bottom:8px;padding:4px 10px;font-size:10px;font-weight:900;display:inline-block}.share-header h1{text-transform:uppercase;margin:0 0 20px;font-size:26px;font-weight:900}.share-header h1.victory{background:linear-gradient(135deg,#a3e635,#22c55e);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #22c55e59);-webkit-background-clip:text}.share-header h1.defeat{background:linear-gradient(135deg,#f87171,#ef4444);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #ef444459);-webkit-background-clip:text}.share-stats{background:#060a12a6;border:1px solid #94a3b826;border-radius:12px;margin-bottom:20px;padding:16px}.share-stats .stat-box{border-bottom:1px solid #94a3b81a;flex-direction:column;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.share-stats .label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.share-stats .value{margin-top:4px;font-size:42px;font-weight:900;line-height:1.1}.share-stats .value.score-glow{color:#38bdf8;text-shadow:0 0 15px #38bdf899}.share-stats .stat-box-row{justify-content:space-around;display:flex}.share-stats .stat-sub{flex-direction:column;display:flex}.share-stats .sub-val{color:#f8fafc;margin-top:2px;font-size:20px;font-weight:800}.share-squad{margin-bottom:24px}.share-squad strong{letter-spacing:.5px;color:#64748b;margin-bottom:10px;font-size:11px;display:block}.share-squad .tags-container{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.share-squad .player-tag{color:#cbd5e1;background:#94a3b81a;border:1px solid #94a3b833;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.share-cta p{color:#94a3b8;margin:0 0 14px;font-size:13px}.share-cta .btn-play{box-sizing:border-box;background:linear-gradient(135deg, var(--neon-orange), #ea580c);color:#fff;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 20px #ea580c66}.share-cta .btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ea580c80}.post-game-dashboard{text-align:left;grid-template-columns:1fr;gap:16px;width:min(520px,100vw - 48px);margin:16px auto 0;display:grid}.photo-finish-summary,.client-mvps,.rematch-qr-card{box-sizing:border-box;background:#06121fc2;border:1px solid #94a3b81f;border-radius:8px;padding:14px}.photo-finish-summary strong,.client-mvps strong,.rematch-qr-card strong{color:#e0f2fe;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.photo-finish-summary .finish-stats{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.photo-finish-summary .finish-stats div{background:#0f172a99;border-radius:6px;flex-direction:column;flex:1;align-items:center;padding:8px;display:flex}.photo-finish-summary .finish-stats span{color:#64748b;letter-spacing:.5px;font-size:9px;font-weight:800}.photo-finish-summary .finish-stats strong{color:#f8fafc;margin-top:4px;margin-bottom:0;font-size:18px;font-weight:900}.photo-finish-summary .finish-stats strong.score-glow{color:#38bdf8;text-shadow:0 0 8px #38bdf866}.photo-finish-summary .squad-tags{flex-wrap:wrap;gap:6px;display:flex}.photo-finish-summary .squad-tag{background:#94a3b814;border:1px solid;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.client-mvps .mvp-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.client-mvps .mvp-card{background:#0f172a99;border-left:3px solid #38bdf8;border-radius:4px;flex-direction:column;padding:6px 10px;display:flex}.client-mvps .mvp-card.damage{border-left-color:#f43f5e}.client-mvps .mvp-card.pickups{border-left-color:#ffd447}.client-mvps .mvp-card.revives{border-left-color:#22c55e}.client-mvps .mvp-card.clutch{border-left-color:#a855f7}.client-mvps .mvp-title{color:#64748b;font-size:9px;font-weight:700}.client-mvps .mvp-value{color:#f8fafc;margin:1px 0;font-size:14px;font-weight:900}.client-mvps .mvp-name{font-size:12px;font-weight:700}.rematch-qr-card{grid-template-columns:80px 1fr;align-items:center;gap:12px;display:grid}.rematch-qr-card img{background:#fff;border-radius:4px;width:80px;height:80px;padding:4px}.rematch-qr-card strong{color:#38bdf8;margin-bottom:2px;font-size:16px;font-weight:700}.rematch-qr-card p{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.trivia-panel{max-width:760px;margin:3vh auto}.trivia-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.trivia-answer{min-height:4rem;font-size:1rem}.trivia-answer.selected{outline:3px solid #38bdf8}.trivia-answer.wrong{color:#fff;opacity:1;background:#dc2626;border-color:#fca5a5}.trivia-answer.right{color:#fff;opacity:1;background:#16a34a;border-color:#86efac}.trivia-answer.correct{background:#16a34a}.trivia-answer .winner-hint-letter{color:#facc15}.trivia-standings{padding-left:1.5rem}.trivia-standings li{justify-content:space-between;padding:.35rem 0;display:flex}.trivia-celebration{z-index:100;color:#fff;text-align:center;pointer-events:none;background:linear-gradient(145deg,#14532d,#16a34a);border:3px solid #86efac;border-radius:24px;min-width:min(300px,100vw - 48px);padding:28px 34px;animation:1.8s both trivia-celebration-pop;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #000000a6,0 0 45px #4ade80bf}.trivia-celebration strong{font-family:var(--font-heading);text-transform:uppercase;font-size:clamp(2.8rem,14vw,5rem);line-height:1}.trivia-celebration small{margin-top:10px;font-size:1.2rem;font-weight:800}.trivia-confetti span{left:calc(50% + var(--confetti-x));opacity:0;animation:trivia-confetti-burst 1.25s ease-out calc(var(--confetti-index) * 35ms) both;font-size:1.8rem;position:absolute;top:50%}@keyframes trivia-celebration-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}28%,78%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-58%)scale(.92)}}@keyframes trivia-confetti-burst{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(calc(var(--confetti-x) * 2), -150px) scale(1.2) rotate(300deg)}}@media (prefers-reduced-motion:reduce){.trivia-celebration,.trivia-confetti span,.winner-trophy,.winner-confetti span{animation-duration:.01ms}}.trivia-results{box-sizing:border-box;text-align:center;border-color:#facc15a6;width:min(760px,100vw - 32px);margin:3vh auto;position:relative;top:auto;left:auto;overflow:hidden;box-shadow:0 24px 80px #000000b3,0 0 45px #facc1533}.trivia-results>:not(.winner-confetti){z-index:1;position:relative}.trivia-results h1{color:#fde047;text-shadow:0 0 24px #facc158c;height:auto;margin-bottom:14px;font-size:clamp(2.1rem,7vw,4rem)}.trivia-results h2{color:#e2e8f0;text-transform:uppercase;letter-spacing:.12em;margin:26px 0 12px;font-size:1.2rem}.winner-trophy{font-size:clamp(4rem,15vw,7rem);line-height:1;animation:1.4s ease-in-out infinite alternate winner-trophy-bounce}.winner-callout{background:linear-gradient(135deg,#854d0ec7,#a162076b);border:2px solid #facc15;border-radius:18px;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;padding:14px 28px;display:grid}.winner-callout strong{overflow-wrap:anywhere;font-family:var(--font-heading);font-size:clamp(1.7rem,6vw,3rem)}.winner-callout span{color:#fef08a;font-size:1.1rem;font-weight:800}.final-rankings{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.final-rankings li{background:#0f172adb;border:1px solid #94a3b833;border-radius:12px;grid-template-columns:36px 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.final-rankings li.rank-1{background:linear-gradient(90deg,#854d0e94,#0f172ae6);border-color:#facc15b3}.final-rankings li.current-player{outline-offset:1px;outline:2px solid #38bdf8}.rank-medal{font-size:1.5rem}.rank-place{color:#94a3b8;font-weight:800}.rank-score{color:#86efac;font-size:1.1rem;font-weight:900}.winner-footer{color:#bae6fd;margin:20px 0 4px;font-size:1.05rem;font-weight:800}.winner-confetti span{left:var(--winner-confetti-left);z-index:0;animation:winner-confetti-fall 3s ease-in calc(var(--winner-confetti-index) * .12s) infinite;font-size:1.8rem;position:absolute;top:-40px}@keyframes winner-trophy-bounce{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-8px)rotate(3deg)scale(1.04)}}@keyframes winner-confetti-fall{0%{opacity:0;transform:translateY(0)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translateY(620px)rotate(420deg)}}@media (max-width:520px){.trivia-results{margin-top:12px}.final-rankings li{grid-template-columns:30px 42px minmax(0,1fr) auto;gap:7px;padding:10px}}@media (max-width:640px){.trivia-options{grid-template-columns:1fr}}.platform-name-editor{align-items:end;gap:.75rem;margin:1rem 0;display:flex}.platform-name-editor label{flex:1}.waiting-players{border:1px solid color-mix(in srgb, var(--neon-blue) 35%, transparent);background:var(--panel-bg);border-radius:.75rem;margin:1rem 0;padding:.8rem 1rem}.waiting-players ol{flex-wrap:wrap;gap:.5rem 1.25rem;margin:.5rem 0 0;padding-left:1.25rem;display:flex}.platform-roster.compact li.waiting{opacity:.72}.session-row:disabled{cursor:not-allowed;opacity:.58}.platform-game-selection{width:min(980px,100vw - 32px);max-height:calc(100vh - 32px);margin:16px auto;overflow:auto}.game-catalog{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem;display:grid}.game-card{border:1px solid var(--game-accent);box-shadow:0 0 24px color-mix(in srgb, var(--game-accent) 18%, transparent);border-radius:1rem;padding:1.25rem}.game-card h2{margin-top:.2rem}.platform-post-game-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.mystery-panel{--mystery-gold:#d4af37;box-sizing:border-box;max-height:calc(100vh - 64px);-webkit-overflow-scrolling:touch;touch-action:pan-y;color:#f8e7bd;background:radial-gradient(circle at 50% 0,#d4af371f,#0000 32%),linear-gradient(145deg,#120f18f7,#351220f5);border-color:#d4af3773;max-height:calc(100dvh - 64px);overflow-y:auto}.mystery-private,.mystery-guidance,.mystery-case-truth,.mystery-solution,.mystery-reaction,.mystery-board section,.mystery-verdict{background:#0a080ead;border:1px solid #d4af374d;border-radius:12px;margin:18px 0;padding:18px}.mystery-private strong{color:var(--mystery-gold);font-size:1.2rem}.mystery-identity{z-index:2;background:#21131d;border:1px solid #d4af3773;border-radius:10px;margin:12px 0;padding:10px 12px;position:sticky;top:-18px}.mystery-private summary{cursor:pointer;color:#fff1b8;font-size:1.05rem;font-weight:800}.mystery-private[open] summary{margin-bottom:14px}.mystery-latest{background:linear-gradient(135deg,#593809f2,#311816f2);border:2px solid #ffe68a;border-radius:14px;margin:18px 0;padding:18px;box-shadow:0 0 28px #ffe68a38}.mystery-latest h2{color:#fff7db}.mystery-spotlight{background:#5b21b66b;border-radius:8px;padding:10px}.mystery-key-clues{grid-column:1/-1;background:#4b30088c!important;border-color:#ffe68ab8!important}.mystery-private-note{color:#f5d77f;font-weight:700}.mystery-case-truth{background:#450a0ab8;border-color:#f87171b8;box-shadow:inset 0 0 24px #f8717114}.mystery-case-truth h3{color:#fecaca;margin:6px 0 12px}.mystery-guidance{background:linear-gradient(135deg,#5c2e13e0,#2a141ee6);border-color:#ffe68ab3;box-shadow:0 0 22px #d4af3721}.mystery-guidance h2{color:#fff1b8;margin:4px 0 8px}.mystery-guidance p:last-child{margin-bottom:0;line-height:1.5}.mystery-board{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.mystery-board ul{padding-left:20px}.mystery-choices{gap:12px;margin:18px 0;display:grid}.mystery-choices button,.mystery-verdict button{border-color:var(--mystery-gold);color:#fff7db;background:linear-gradient(135deg,#6b233c,#351220);min-height:56px}.mystery-choices button{text-align:left;gap:6px;display:grid}.mystery-choices button small{color:wheat;font-size:.82rem;font-weight:500;line-height:1.35}.mystery-cast li{gap:2px;margin-bottom:8px;display:grid}.mystery-cast span{color:#d6c7ac;font-size:.9rem}.mystery-choices button.selected{opacity:1;background:linear-gradient(135deg,#9b6a16,#553209);border-color:#ffe68a;box-shadow:0 0 0 2px #ffe68a40}.mystery-vote-status{background:#0a080eb8;border-left:4px solid #d4af37a6;border-radius:6px;margin:14px 0;padding:12px 14px;line-height:1.45}.mystery-vote-status.locked{color:#fff1b8;border-left-color:#ffe68a;font-weight:700}.mystery-verdict{gap:12px;display:grid}.mystery-verdict label{color:#f8e7bd;gap:6px;font-weight:700;display:grid}.mystery-verdict select{color:#fff7db;background:#120f18;border:1px solid #d4af378c;border-radius:8px;width:100%;padding:12px}.mystery-reaction{text-align:center;background:linear-gradient(145deg,#4c1d4be0,#22111ef0);border-color:#ffe68abf}.mystery-reaction.revealed{box-shadow:0 0 28px #ffe68a33}.mystery-awards{gap:10px;display:grid}.mystery-awards article{background:#4323147a;border:1px solid #d4af3766;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.mystery-awards article>span{font-size:2rem}.mystery-awards article div{gap:2px;display:grid}.mystery-awards article strong{color:#ffe68a}.mystery-awards article small{color:#e8d7b6}.racing-panel{--racing-orange:#f97316;color:#fff7ed;background:radial-gradient(circle at 50% 0,#f973163d,#0000 45%),linear-gradient(145deg,#111b12,#27150c);border:2px solid #f973168c}.racing-panel h1{color:#facc15;text-transform:uppercase;letter-spacing:.04em}.racing-phone-stats,.garage-stat-grid,.garage-cart,.garage-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.racing-phone-stats span,.garage-stat-grid>div,.racing-item-card{background:#00000047;border:1px solid #ffffff2e;border-radius:.8rem;padding:.7rem}.racing-item-card{justify-content:space-between;margin-top:.8rem;display:flex}.racing-item-card.loaded{border-color:#facc15}.racing-controls{z-index:40;padding:.8rem max(.8rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0000,#080c09f5 22%);grid-template-columns:minmax(0,1.45fr) minmax(104px,.72fr);gap:.7rem;display:grid;position:fixed;inset:auto 0 0}.racing-joystick{touch-action:none;background:#172b25;border:2px solid #ffffff4d;border-radius:1.2rem;align-content:center;gap:.4rem;min-width:0;min-height:150px;padding:.55rem .7rem;display:grid}.racing-joystick-track{background:linear-gradient(90deg,#0000 49%,#ffffff24 50%,#0000 51%),linear-gradient(#0000 49%,#ffffff24 50%,#0000 51%),radial-gradient(circle,#456147,#253526 72%);border:2px solid #ffffff47;border-radius:50%;width:min(122px,32vw);height:min(122px,32vw);margin:0 auto;position:relative;box-shadow:inset 0 3px 10px #00000073}.racing-joystick-knob{width:52px;height:52px;transform:translate(calc(-50% + var(--racing-knob-x,0px)), calc(-50% + var(--racing-knob-y,0px)));background:#d94b0b;border:3px solid #ffffffbf;border-radius:50%;transition:transform 45ms linear;position:absolute;top:50%;left:50%;box-shadow:0 5px 14px #00000073}.racing-joystick.pressed .racing-joystick-knob{filter:brightness(1.2);transition:none}.racing-joystick b{color:#d1fae5;letter-spacing:.14em;text-align:center;font:900 .76rem/1 system-ui,sans-serif}.racing-controls button{color:#fff;touch-action:none;background:#253526;border:2px solid #ffffff4d;border-radius:1rem;min-height:112px;font:900 1rem/1 system-ui,sans-serif}.racing-controls button.pressed,.racing-controls button:active{background:#3d5b3f;transform:translateY(2px)scale(.98)}.racing-controls .racing-item{background:#8b5a05}.racing-controller.phase-racing,.racing-controller.phase-countdown{margin-bottom:148px}.racing-lobby .platform-roster li.ready{background:#22c55e29;border-color:#4ade80;box-shadow:0 0 18px #22c55e33}.racing-practice{justify-items:center;gap:.6rem;margin-top:1rem;display:grid}.racing-practice strong{letter-spacing:.01em;text-align:center;font-size:.95rem}.racing-practice .racing-joystick{width:min(210px,62vw);margin:0 auto}.racing-practice-steps{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.racing-practice-steps span{letter-spacing:.06em;opacity:.55;border:2px solid #ffffff4d;border-radius:999px;padding:.3rem .65rem;font:900 .72rem/1 system-ui,sans-serif}.racing-practice-steps span.active{color:#facc15;opacity:1;border-color:#facc15}.racing-practice-steps span.done{color:#4ade80;opacity:1;border-color:#4ade80}.racing-practice-complete{color:#166534;text-align:center;background:#dcfce7;border-radius:12px;margin:.75rem auto;padding:.55rem .8rem;font-weight:900}.racing-lobby .platform-roster li.ready strong,.racing-lobby .ready-confirmed{color:#86efac}.racing-standings-list{padding:0;list-style:none}.racing-standings-list li{border-bottom:1px solid #ffffff24;justify-content:space-between;padding:.55rem 0;display:flex}.garage-heading{align-items:center}.garage-heading strong{text-align:right;color:#facc15}.rally-progress{color:#facc15;letter-spacing:.35em;text-align:center;margin:.5rem 0;font-size:1.4rem;font-weight:900}.garage-car-preview{perspective:500px;place-items:center;min-height:150px;display:grid}.garage-car-body{background:var(--car-color,#f97316);border:7px solid #171717;border-radius:42% 42% 30% 30%;width:130px;height:70px;position:relative;transform:rotateX(54deg)rotate(-18deg);box-shadow:0 18px 45px #0000008c}.garage-car-body:before,.garage-car-body:after{content:"";background:#111;border-radius:7px;width:22px;height:60px;position:absolute;top:12px}.garage-car-body:before{left:-18px}.garage-car-body:after{right:-18px}.garage-car-preview.sport .garage-car-body{border-radius:55% 55% 22% 22%;width:148px;height:56px}.garage-stat-grid>div{justify-content:space-between;display:flex}.garage-stat-grid span{color:#facc15}.garage-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.8rem 0;display:grid}.garage-offers button{color:#fff;text-align:left;background:#253526;border:1px solid #ffffff38;border-radius:.75rem;gap:.2rem;padding:.75rem;display:grid}.garage-offers button.selected{background:#68420b;border-color:#facc15}.garage-cart{padding:.65rem 0}.garage-cart b{text-align:right}.garage-confirm{background:#d94b0b;width:100%}.sport-toggle{padding:.75rem 0;display:block}@media (max-width:560px){.racing-panel{margin:.5rem;padding:1rem}.racing-controls{grid-template-columns:minmax(0,1.3fr) minmax(96px,.7fr);gap:.45rem;padding:.55rem}.racing-controls button,.racing-joystick{min-height:136px}}.dungeon-panel{box-sizing:border-box;background:linear-gradient(145deg,#140f25f5,#361b49f5);border-color:#a78bfa6b}.dungeon-lobby,.dungeon-lobby>*,.dungeon-lobby .join-card>*,.dungeon-role-grid,.dungeon-role-grid button{box-sizing:border-box;min-width:0;max-width:100%}.dungeon-role-grid,.dungeon-relic-grid,.dungeon-upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.dungeon-role-grid button,.dungeon-relic-grid button,.dungeon-upgrade-grid button{color:#f5f3ff;text-align:left;background:#241a36;border:2px solid #ffffff29;border-radius:.8rem;gap:.3rem;min-height:88px;padding:.8rem;display:grid}.dungeon-role-grid button.selected,.dungeon-relic-grid button:active{background:#4c3067;border-color:#facc15;box-shadow:0 0 20px #a78bfa59}.dungeon-role-grid span,.dungeon-relic-grid span,.dungeon-upgrade-grid span{color:#ddd6fe;font-size:.82rem}.dungeon-shrine{width:min(780px,100vw - 1rem);max-height:calc(100vh - 1rem);overflow-y:auto}.dungeon-shop-wallet{color:#fef3c7;background:#713f1261;border:2px solid #facc15;border-radius:.7rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.7rem;display:flex}.dungeon-shop-wallet b{color:#fde047;white-space:nowrap}.dungeon-shop-wallet span{font-size:.78rem}.dungeon-upgrade-grid em{color:#fde68a;font-size:.8rem;font-style:normal;font-weight:900}.dungeon-finish-upgrades{color:#fff;background:#166534;border:2px solid #86efac;border-radius:.75rem;width:100%;min-height:58px;font-weight:900}.dungeon-effect-row{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.dungeon-effect-row span{color:#fef9c3;background:#713f1280;border:1px solid #fde047;border-radius:999px;padding:.4rem .55rem;font-size:.75rem}.dungeon-phone-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.8rem 0;display:grid}.dungeon-phone-stats span{background:#00000047;border-radius:.6rem;padding:.55rem}.dungeon-phone-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.7rem;display:grid}.dungeon-phone-guide p{background:#08061280;border:1px solid #c4b5fd52;border-radius:.65rem;gap:.2rem;min-width:0;margin:0;padding:.62rem;line-height:1.25;display:grid}.dungeon-phone-guide p>b{color:#fde047;letter-spacing:.04em;font-size:.82rem}.dungeon-phone-guide span{color:#ede9fe;font-size:.78rem}.dungeon-downed-help{color:#ffe4e6;background:#7f1d1d73;border:2px solid #fb7185;border-radius:.7rem;padding:.8rem}.dungeon-controller{margin-bottom:198px}.dungeon-controls{z-index:40;padding:.7rem max(.7rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#0b0714b8,#0b0714fa);grid-template-columns:minmax(145px,1fr) minmax(88px,.48fr) minmax(145px,1fr);gap:.7rem;display:grid;position:fixed;bottom:0;left:0;right:0}.dungeon-stick-zone{touch-action:none;background:radial-gradient(circle,#7c3aed24,#08061242);border:1px solid #c4b5fd3d;border-radius:1rem;outline:none;min-width:0;min-height:170px;position:relative;overflow:hidden}.dungeon-stick-zone:focus-visible{border-color:#c4b5fd;box-shadow:0 0 0 3px #8b5cf65c}.dungeon-stick-zone>b{z-index:2;color:#ddd6fe;letter-spacing:.06em;pointer-events:none;text-align:center;font-size:.78rem;position:absolute;top:.42rem;left:0;right:0}.dungeon-stick-base{opacity:.32;pointer-events:none;background:#4c1d9540;border:2px solid #ddd6fe70;border-radius:50%;width:116px;height:116px;transition:opacity .12s,border-color .12s,background .12s;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 24px #08061275}.dungeon-stick-zone.active .dungeon-stick-base{opacity:1;background:#6d28d99e;border-color:#facc15e0}.dungeon-stick-dead-zone{border:1px dashed #ede9fe57;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dungeon-stick-knob{width:50px;height:50px;transform:translate(calc(-50% + var(--dungeon-stick-x,0px)), calc(-50% + var(--dungeon-stick-y,0px)));background:linear-gradient(145deg,#a78bfa,#6d28d9);border:2px solid #ffffffad;border-radius:50%;transition:transform 55ms linear;position:absolute;top:50%;left:50%;box-shadow:0 5px 14px #08061299}.dungeon-stick-zone.active .dungeon-stick-knob{background:linear-gradient(145deg,#fde047,#7c3aed);border-color:#fff}.dungeon-aim-stick .dungeon-stick-base{background:#be185d33}.dungeon-aim-stick.active .dungeon-stick-base{background:#be185d85;border-color:#fb7185eb}.dungeon-aim-stick.active .dungeon-stick-knob{background:linear-gradient(145deg,#fda4af,#be123c)}.dungeon-action-stack{align-content:end;gap:.5rem;display:grid}.dungeon-action-stack button{color:#fff;touch-action:none;background:#6d28d9;border-radius:.7rem;min-height:58px;padding:.5rem;font-weight:900}.dungeon-action-stack button[data-dungeon-interact]{background:#166534}@media (max-width:620px){.dungeon-panel{margin:.4rem;padding:.85rem}.dungeon-controls{grid-template-columns:minmax(118px,1fr) minmax(76px,.48fr) minmax(118px,1fr);gap:.35rem;padding:.45rem}.dungeon-action-stack button{min-height:48px;font-size:.78rem}.dungeon-stick-zone{min-height:160px}.dungeon-stick-base{width:108px;height:108px}.dungeon-phone-guide{gap:.35rem}.dungeon-phone-guide p{padding:.45rem}}.roshambo-panel{color:#fff;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#311082 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem;display:flex;box-shadow:0 8px 32px #0006}.roshambo-panel h1{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(120deg,#d8b4fe,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0;font-size:2.2rem;font-weight:800}.roshambo-panel .explanation{color:#cbd5e1;max-width:320px;margin-bottom:1.5rem;font-size:1rem;line-height:1.4}.roshambo-choices{flex-direction:column;gap:1rem;width:100%;max-width:300px;margin-bottom:2rem;display:flex}.roshambo-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;justify-content:flex-start;align-items:center;gap:1.5rem;width:100%;padding:1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.roshambo-btn .emoji{font-size:2rem}.roshambo-btn .label{letter-spacing:1px;font-size:1.2rem;font-weight:700}.roshambo-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.roshambo-btn:active:not(:disabled){transform:scale(.97)}.roshambo-btn.active{background:#a855f7;border-color:#c084fc;box-shadow:0 0 15px #a855f766}.roshambo-btn:disabled{opacity:.25;cursor:not-allowed;border-style:dashed}.roshambo-spectator-notice{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:1rem;max-width:300px;margin-bottom:2rem;padding:1rem;display:flex}.roshambo-spectator-notice .emoji{font-size:2rem}.roshambo-roster-header{color:#a78bfa;text-align:left;width:100%;max-width:300px;margin:1.5rem 0 .5rem;font-size:1.1rem;font-weight:700}.roshambo-standings{width:100%;max-width:300px;margin:0;padding:0;list-style:none}.roshambo-standings li{border-bottom:1px solid #ffffff0d;align-items:center;gap:.8rem;padding:.6rem 0;font-size:.95rem;display:flex}.roshambo-standings li.dead{opacity:.5;text-decoration:line-through}.roshambo-standings li.disconnected{opacity:.4}.roshambo-standings li .status-indicator{border-radius:50%;flex-shrink:0;width:12px;height:12px}.roshambo-results h1{color:#facc15;font-size:2rem}.cupcake-panel,.cupcake-controller{color:#4a1938;box-sizing:border-box;background:linear-gradient(155deg,#fff7ed,#fce7f3 55%,#fbcfe8);border:3px solid #fb7185;border-radius:24px}.cupcake-panel h1,.cupcake-controller h1{color:#9f1239}.cupcake-practice-lanes,.cupcake-lane-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;width:100%;display:grid}.cupcake-practice-lanes{margin-top:1rem}.cupcake-practice-lanes button{color:#9f1239;background:#fff;border:2px solid #f9a8d4;min-height:7rem}.cupcake-practice-lanes .target{background:#fef08a;border-color:#f59e0b;box-shadow:0 0 24px #f59e0b8c}.cupcake-practice-complete{color:#166534;background:#dcfce7;border-radius:12px;margin:1rem 0;padding:.8rem;font-weight:800}.cupcake-controller{pointer-events:auto;border-radius:0;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.cupcake-controller header{text-align:center;padding:.8rem 1rem}.cupcake-controller header h1{margin:.15rem 0 .5rem;font-size:clamp(1.35rem,6vw,2rem)}.cupcake-controller-stats{justify-content:center;gap:1rem;font-size:.9rem;display:flex}.cupcake-lane-controls{gap:0;min-height:0}.cupcake-lane-controls button{color:#881337;touch-action:none;background:#ffffff8c;border:0;border-left:1px solid #9f123940;border-radius:0;min-width:0;height:100%;font-size:clamp(.75rem,3.5vw,1.15rem);font-weight:900}.cupcake-lane-controls button span{margin-bottom:.5rem;font-size:clamp(1.6rem,10vw,3.5rem);display:block}.cupcake-lane-controls button.active{background:#fef08a;box-shadow:inset 0 0 0 4px #fb7185}.cupcake-lane-controls button:disabled{opacity:.45}.cupcake-brined{color:#3f6212;margin-top:.45rem;font-weight:900}.cupcake-result-icon{font-size:5rem}.cupcake-result-list{padding:0;list-style:none}.cupcake-result-list li{border-bottom:1px solid #9f123933;justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.critter-panel,.critter-controller{box-sizing:border-box;color:#19351f;background:linear-gradient(155deg,#f7fee7,#dcfce7 58%,#bfdbfe);border:3px solid #65a30d;border-radius:24px}.critter-panel h1,.critter-controller h1{color:#365314}.critter-species-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1rem 0;display:grid}.critter-species-picker button{color:#365314;background:#ffffffb8;border:2px solid #a3e635;min-width:0;min-height:5.5rem;padding:.5rem;font-size:2rem}.critter-species-picker button span{text-transform:uppercase;font-size:.72rem;display:block}.critter-species-picker button.active{background:#fef9c3;box-shadow:inset 0 0 0 3px #65a30d}.critter-practice{margin-top:1rem}.critter-practice-complete,.critter-helping-time,.critter-protected{color:#3f6212;text-align:center;background:#fef9c3;border-radius:12px;margin:.75rem auto;padding:.55rem .8rem;font-weight:900}.critter-controller{pointer-events:auto;border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.critter-controller header{text-align:center;padding:.7rem 1rem .4rem}.critter-controller header h1{margin:.1rem 0 .45rem;font-size:clamp(1.25rem,6vw,2rem)}.critter-controller-stats{flex-wrap:wrap;justify-content:center;gap:.45rem 1rem;font-size:.88rem;display:flex}.critter-helping-time,.critter-protected{margin:.4rem .2rem 0;display:inline-block}.critter-protected{color:#1d4ed8;background:#dbeafe}.critter-dpad{--dpad-gap:0px;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:-4px;place-self:stretch stretch;width:100%;max-width:36rem;height:100%;min-height:19rem;margin-inline:auto;position:relative}.critter-practice .critter-dpad{height:min(58vh,24rem);min-height:18rem}.critter-dpad button{box-sizing:border-box;color:#365314;pointer-events:none;background:#ffffffb8;border:2px solid #4d7c0f;border-radius:0;width:50%;min-width:72px;height:50%;min-height:72px;margin:0;padding:.4rem;font-weight:900;transition:background 80ms,transform 80ms;position:absolute}.critter-dpad button span,.critter-dpad button b{display:block}.critter-dpad button span{font-size:clamp(1.8rem,10vw,4rem)}.critter-dpad .direction-up{border-radius:22px 22px 0 0;top:0;left:25%}.critter-dpad .direction-down{border-radius:0 0 22px 22px;bottom:0;left:25%}.critter-dpad .direction-left{border-radius:22px 0 0 22px;top:25%;left:0}.critter-dpad .direction-right{border-radius:0 22px 22px 0;top:25%;right:0}.critter-dpad button.pressed{background:#bef264;transform:scale(.96)}.critter-dpad[aria-disabled=true]{opacity:.68}.critter-step-status{color:#d9f99d;letter-spacing:.08em;text-align:center;min-height:1.5em;margin:.35rem 0 0;font-weight:900}.critter-watch-card{text-align:center;place-content:center;min-height:0;font-size:1.1rem;display:grid}.critter-watch-card div{font-size:5rem}.critter-result-icon{font-size:4rem}.critter-local-result{background:#ffffff9e;border-radius:12px;gap:.35rem;padding:.8rem;display:grid}.critter-board-results{padding:0;list-style:none}.critter-board-results li{border-bottom:1px solid #36531440;justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.firefly-panel,.firefly-controller{--firefly-night:#11153b;--firefly-leaf:#14532d;color:#f8fafc;background:radial-gradient(circle at 50% 110%, #34d39942, transparent 44%), linear-gradient(155deg, var(--firefly-night), #172554 55%, var(--firefly-leaf))}.firefly-lobby,.firefly-results{border:1px solid #facc156b;box-shadow:0 18px 60px #0307128c}.firefly-practice,.firefly-practice-complete{text-align:center;background:#0f172a9e;border:1px solid #facc1559;border-radius:18px;margin:1rem 0;padding:1rem}.firefly-practice-complete{color:#bef264;font-weight:800}.firefly-practice-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.8rem;display:grid}.firefly-practice-controls button{min-height:64px}.firefly-practice-controls .target{color:#1c1917;background:#facc15;box-shadow:0 0 28px #facc1599}.firefly-controller{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;border:1px solid #94a3b840;border-radius:28px;width:min(100%,620px);min-height:min(86vh,760px);margin:0 auto;padding:clamp(.75rem,3vw,1.25rem);overflow:hidden}.firefly-controller header{text-align:center}.firefly-controller h1{margin:.2rem 0 .75rem;font-size:clamp(1.35rem,6vw,2.35rem)}.firefly-team-stats{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.firefly-team-stats span{background:#0206176b;border:1px solid #ffffff29;border-radius:999px;padding:.35rem .6rem}.firefly-guide-surface{aspect-ratio:1;touch-action:none;outline:none;grid-template:1fr 1fr 1fr/1fr 1fr 1fr;width:min(100%,480px);margin:1rem auto 0;display:grid;position:relative}.firefly-guide-surface:focus-visible{outline-offset:4px;outline:3px solid #f8fafc}.firefly-lantern{z-index:2;color:#fff;touch-action:none;border:2px solid #ffffff8c;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;min-height:72px;display:flex;box-shadow:0 8px 26px #02061766}.firefly-lantern span{font-size:clamp(1.5rem,8vw,2.5rem);line-height:1}.firefly-lantern small{opacity:.8}.firefly-lantern.rose{background:#be365f;grid-area:1/2}.firefly-lantern.gold{color:#1c1917;background:#facc15;grid-area:2/3}.firefly-lantern.mint{color:#052e16;background:#34d399;grid-area:3/2}.firefly-lantern.blue{color:#172554;background:#60a5fa;grid-area:2/1}.firefly-lantern:disabled{filter:saturate(.45);opacity:.62}.firefly-current{text-align:center;pointer-events:none;background:#020617b3;border:2px solid #facc158c;border-radius:50%;flex-direction:column;grid-area:2/2;justify-content:center;align-items:center;min-width:80px;min-height:80px;display:flex;box-shadow:0 0 36px #facc154d}.firefly-current>span{color:#fef08a;text-shadow:0 0 20px #facc15;font-size:clamp(2rem,11vw,3.8rem);line-height:1}.firefly-current.confused{border-style:dashed;animation:.22s ease-in-out 2 firefly-confused}.firefly-current.golden{border-color:#fde047;animation:.9s ease-in-out infinite firefly-golden-pulse;box-shadow:0 0 48px #fde047b3}.firefly-current small{opacity:.8}.firefly-control-hint,.firefly-watch-card{text-align:center}.firefly-watch-card{background:#02061773;border:1px solid #facc154d;border-radius:24px;margin:2rem auto;padding:2rem}.firefly-watch-card>span,.firefly-result-icon{font-size:clamp(2.5rem,12vw,5rem);display:block}.firefly-results{text-align:center}.firefly-result-stars{color:#facc15;letter-spacing:.15em;text-shadow:0 0 20px #facc1573;margin:.75rem 0;font-size:clamp(2rem,10vw,4rem)}@keyframes firefly-confused{25%{transform:translate(-5px)rotate(-3deg)}75%{transform:translate(5px)rotate(3deg)}}@keyframes firefly-golden-pulse{0%,to{box-shadow:0 0 36px #fde0478c}50%{box-shadow:0 0 60px #fde047e6}}@media (prefers-reduced-motion:reduce){.firefly-current.confused{outline:4px dashed #f8fafc;animation:none}.firefly-current.golden{outline:4px solid #fde047;animation:none}}.fuse-panel{background:radial-gradient(circle at 92% 8%,#f9731638,#0000 28%),linear-gradient(150deg,#08141cf7,#24120bf7);border:2px solid #fbbf248c;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff1f}.fuse-panel:after{pointer-events:none;content:"";filter:drop-shadow(0 16px 24px #00000073);opacity:.24;background:url(/tanks/assets/runner-mascot-28AMsBxE.png) 50%/contain no-repeat;width:15rem;height:15rem;position:absolute;bottom:-3.5rem;right:-4rem;transform:rotate(-5deg)}.fuse-panel>*{z-index:1;position:relative}.fuse-lobby h1,.fuse-results h1{color:#fde68a;text-shadow:0 4px #7c2d12}.fuse-lobby{box-sizing:border-box;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;max-height:calc(100% - 32px);overflow:hidden auto}.fuse-practice{background:#0f172ac7;border:1px solid #fbbf2473;border-radius:1rem;gap:.2rem;padding:.8rem 1rem;display:grid}.fuse-practice strong{color:#fdba74;letter-spacing:.04em;text-transform:uppercase}@media (max-width:680px){.fuse-lobby{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));width:calc(100vw - max(16px, env(safe-area-inset-left) + env(safe-area-inset-right)));max-height:calc(100% - max(16px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));border-radius:16px;padding:12px}.fuse-lobby .eyebrow{margin:0 0 .3rem;font-size:.72rem}.fuse-lobby h1{margin:0 0 .45rem;font-size:clamp(1.35rem,7vw,1.9rem);line-height:1}.fuse-lobby .join-card{grid-template-columns:44px minmax(0,1fr);gap:8px;margin:.35rem 0;padding:7px}.fuse-lobby .join-card img{width:44px;height:44px}.fuse-lobby .join-card strong{font-size:.8rem}.fuse-lobby .join-card p{margin-top:2px;font-size:.64rem;line-height:1.15}.fuse-lobby .platform-name-editor{gap:.45rem;margin:.4rem 0}.fuse-lobby .platform-name-editor label{gap:3px;margin:0;font-size:.72rem}.fuse-lobby .platform-name-editor input,.fuse-lobby .platform-name-editor button{min-height:36px}.fuse-lobby>p:not(.eyebrow){margin:.4rem 0;font-size:.78rem;line-height:1.2}.fuse-lobby .platform-roster{margin:.25rem 0;padding-left:1rem;font-size:.8rem}.fuse-lobby .platform-roster li{padding:.18rem 0}.fuse-lobby .fuse-practice{gap:.1rem;padding:.45rem .6rem;font-size:.75rem;line-height:1.2}.fuse-lobby .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.45rem;display:grid}.fuse-lobby .actions button{min-height:40px;padding:0 8px;font-size:.7rem;line-height:1.05}}@media (orientation:landscape) and (max-height:900px){.fuse-lobby{top:max(6px, env(safe-area-inset-top));left:max(6px, env(safe-area-inset-left));grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.3rem .75rem;width:min(700px,100vw - 128px);max-height:calc(100% - 12px);padding:10px;display:grid}.fuse-lobby .eyebrow{grid-area:1/1;margin:0;font-size:.7rem}.fuse-lobby h1{grid-area:2/1;font-size:clamp(1.1rem,3.3vw,1.55rem)}.fuse-lobby .join-card{grid-area:1/2/3;grid-template-columns:44px minmax(0,1fr);align-self:stretch;gap:7px;margin:0;padding:6px}.fuse-lobby .join-card img{width:44px;height:44px}.fuse-lobby .join-card strong{font-size:.75rem}.fuse-lobby .join-card p{margin-top:1px;font-size:.6rem;line-height:1.1}.fuse-lobby .platform-name-editor{grid-area:3/1;gap:.4rem;margin:0}.fuse-lobby .platform-name-editor label{gap:2px;margin:0;font-size:.68rem}.fuse-lobby .platform-name-editor input,.fuse-lobby .platform-name-editor button{min-height:34px}.fuse-lobby>p:not(.eyebrow){grid-area:4/1;margin:0;font-size:.72rem;line-height:1.15}.fuse-lobby .platform-roster{grid-area:3/2;margin:0;padding-left:1rem;font-size:.75rem}.fuse-lobby .platform-roster li{padding:.12rem 0}.fuse-lobby .fuse-practice{grid-area:4/2;padding:.35rem .5rem;font-size:.7rem;line-height:1.1}.fuse-lobby .actions{grid-area:5/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.fuse-lobby .actions button{min-height:36px;padding:0 6px;font-size:.65rem;line-height:1}}.fuse-controller{z-index:30;pointer-events:auto;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));color:#fff7ed;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 12%,#fb923c59,#0000 30%),radial-gradient(circle at 10% 92%,#fbbf242e,#0000 34%),linear-gradient(160deg,#07141c,#24120b 62%,#111827);flex-direction:column;gap:1rem;display:flex;position:fixed;inset:0}.fuse-controller:before{pointer-events:none;content:"";filter:drop-shadow(0 18px 24px #0000008c);opacity:.13;background:url(/tanks/assets/runner-mascot-28AMsBxE.png) 50%/contain no-repeat;width:min(52vw,16rem);height:min(52vw,16rem);position:absolute;top:5.8rem;right:-3rem;transform:rotate(8deg)}.fuse-controller:after{pointer-events:none;content:"";border:1.2rem dotted #fbbf2417;border-radius:50%;width:14rem;height:14rem;animation:22s linear infinite fuse-controller-gear;position:absolute;bottom:-6rem;right:-5rem}.fuse-controller>*{z-index:1;position:relative}.fuse-controller header,.fuse-stats,.fuse-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.fuse-controller header>div{align-items:center;gap:.6rem;display:flex}.fuse-controller header{background:linear-gradient(100deg,#0f172ae0,#431407c2);border:1px solid #ffffff1a;border-radius:1rem;padding:.65rem .8rem;box-shadow:inset 0 1px #ffffff1a}.fuse-controller header b{color:#fed7aa;letter-spacing:.04em;font-size:.9rem}.fuse-marker{color:var(--seat-color);filter:drop-shadow(0 0 8px var(--seat-color));font-size:1.8rem}.fuse-stats{border:2px solid var(--seat-color);background:linear-gradient(110deg,#0f172aeb,#1e293bc2);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem;display:grid;box-shadow:0 9px 24px #00000040,inset 0 1px #ffffff1a}.fuse-stats span{text-align:center;background:#0000002e;border-radius:.55rem;padding:.25rem .45rem;font-weight:800}.fuse-upgrades{scrollbar-width:none;gap:.45rem;padding:.1rem .15rem .35rem;display:flex;overflow-x:auto}.fuse-upgrades::-webkit-scrollbar{display:none}.fuse-upgrade{color:#fef3c7;white-space:nowrap;background:linear-gradient(120deg,#78350fd1,#1e293be0);border:1px solid #fbbf2473;border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.35rem .6rem .35rem .4rem;font-size:.78rem;font-weight:850;display:inline-flex;box-shadow:inset 0 1px #ffffff1c}.fuse-upgrade b{color:#431407;background:radial-gradient(circle at 35% 30%,#fff7c2,#f59e0b 70%);border:1px solid #fde68a;border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;display:grid;box-shadow:0 0 10px #fbbf2447}.fuse-accessibility{justify-content:flex-end;align-items:center;gap:.55rem;margin-top:-.15rem;font-size:.7rem;font-weight:800;display:flex}.fuse-accessibility label{color:#fed7aa;background:#0f172ab8;border:1px solid #fbbf2442;border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .45rem;display:inline-flex}.fuse-accessibility input{accent-color:#f59e0b;width:.9rem;height:.9rem;margin:0}.fuse-danger-compass{z-index:6;pointer-events:none;color:#fff7ed;text-align:center;background:#451a03eb;border:2px solid #fde047;border-radius:1rem;place-items:center;min-width:7.5rem;padding:.6rem .8rem;animation:.42s ease-in-out infinite alternate fuse-danger-pulse;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ef444433,0 12px 32px #00000073}.fuse-danger-compass b{color:#fde047;text-shadow:0 0 16px #f97316;font-size:2.5rem;line-height:.8}.fuse-danger-compass span{letter-spacing:.1em;margin-top:.35rem;font-size:.72rem;font-weight:950}.fuse-danger-compass.up{margin-top:-3.5rem}.fuse-danger-compass.right{margin-left:5rem}.fuse-danger-compass.down{margin-top:3.5rem}.fuse-danger-compass.left{margin-left:-5rem}.fuse-controller.reduce-motion:after,.fuse-controller.reduce-motion .fuse-marker,.fuse-controller.reduce-motion button,.fuse-controller.reduce-motion .fuse-danger-compass{transition:none!important;animation:none!important}@keyframes fuse-danger-pulse{0%{filter:brightness(.9);transform:translate(-50%,-50%)scale(.96)}to{filter:brightness(1.18);transform:translate(-50%,-50%)scale(1.04)}}.fuse-join-message{background:var(--seat-color);color:#111827;text-align:center;border-radius:.8rem;padding:.7rem;font-weight:900;animation:.35s ease-out both fuse-join-pop;box-shadow:0 0 0 3px #ffffff2e,0 12px 28px #00000059}.fuse-controls{flex:1;grid-template-columns:minmax(200px,1fr) minmax(120px,.65fr);align-items:center;gap:1rem;display:grid}.fuse-controls.disabled{opacity:.45;pointer-events:none}.fuse-controls-locked{color:#fed7aa;text-align:center;background:#451a03d1;border:1px solid #fbbf246b;border-radius:.8rem;margin:0;padding:.55rem .75rem;font-size:.82rem;font-weight:850}.fuse-stick-zone{background:radial-gradient(circle at 50% 58%, color-mix(in srgb, var(--seat-color) 20%, transparent), transparent 48%), linear-gradient(160deg, #1e293bb8, #030712db);touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #fbbf2447;border-radius:2rem;outline:none;width:100%;max-width:330px;min-height:250px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 12px 30px #ffffff0a,inset 0 -16px 28px #00000057,0 12px 24px #0000003d}.fuse-stick-zone:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--seat-color) 48%, transparent), 0 12px 24px #0000003d;border-color:#fff}.fuse-stick-zone>b{z-index:2;color:#fef3c7;letter-spacing:.13em;pointer-events:none;text-align:center;font-size:.8rem;position:absolute;top:.65rem;left:0;right:0}.fuse-stick-base{background:radial-gradient(circle at 42% 36%, #ffffff2b, transparent 23%), color-mix(in srgb, var(--seat-color) 22%, #0f172ae0);opacity:.66;pointer-events:none;border:3px solid #fef3c770;border-radius:50%;width:124px;height:124px;transition:opacity .12s,border-color .12s,background .12s;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 9px 14px #ffffff12,inset 0 -14px 20px #00000061,0 9px 18px #0000005c}.fuse-stick-zone.active .fuse-stick-base{border-color:var(--seat-color);opacity:1}.fuse-stick-dead-zone{border:1px dashed #ffffff6b;border-radius:50%;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fuse-stick-knob{background:radial-gradient(circle at 37% 28%, #ffffff8f, transparent 22%), linear-gradient(145deg, color-mix(in srgb, var(--seat-color) 84%, white), color-mix(in srgb, var(--seat-color) 66%, #0f172a));width:58px;height:58px;box-shadow:0 8px 0 color-mix(in srgb, var(--seat-color) 36%, #111827), 0 13px 20px #0000007a, inset 0 -7px 12px #0003;transform:translate(calc(-50% + var(--fuse-stick-x,0px)), calc(-50% + var(--fuse-stick-y,0px)));border:2px solid #ffffffc7;border-radius:50%;place-items:center;transition:transform 55ms linear;display:grid;position:absolute;top:50%;left:50%}.fuse-stick-knob .fuse-marker{color:#111827;filter:none;text-shadow:0 1px #ffffff85;font-size:1.25rem}.fuse-stick-zone.active .fuse-stick-knob{filter:brightness(1.12);transition:none}.fuse-actions button{color:#fff;touch-action:none;background:linear-gradient(155deg,#475569,#1e293b 72%);border:1px solid #ffffff1f;border-radius:1rem;min-width:72px;min-height:72px;font-size:1.45rem;font-weight:900;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:0 6px #0f172a,0 10px 18px #0000003d,inset 0 1px #ffffff29}.fuse-actions button:active,.fuse-actions button.pressed{background:var(--seat-color);color:#111827;transform:translateY(4px)scale(.98);box-shadow:0 2px #0f172a,inset 0 1px #fff3}.fuse-actions{flex-direction:column;justify-content:center}.fuse-actions button{letter-spacing:.05em;width:100%;min-height:96px}#fuse-bomb{color:#1c0a00;text-shadow:0 1px #ffffff47;background:linear-gradient(155deg,#fdba74,#f97316 55%,#c2410c);position:relative;overflow:hidden}#fuse-bomb:before{vertical-align:-.18rem;content:"";border:.2rem solid #1c0a00;border-radius:50%;width:1.25rem;height:1.25rem;margin-right:.45rem;display:inline-block;box-shadow:inset .25rem .2rem #ffffff57}#fuse-trigger{color:#cffafe;background:linear-gradient(155deg,#155e75,#0e7490 58%,#164e63)}#fuse-trigger:not(:disabled){box-shadow:0 6px #083344,0 0 22px #22d3ee42}.fuse-actions button:disabled{filter:grayscale(.75);opacity:.4}.fuse-result-list{gap:.6rem;padding:0;list-style:none;display:grid}.fuse-result-list li{background:linear-gradient(100deg,#1e293b,#0f172a);border-left:5px solid #f59e0b;border-radius:.8rem;justify-content:space-between;padding:.8rem;display:flex;box-shadow:inset 0 1px #ffffff14}@keyframes fuse-controller-gear{to{transform:rotate(360deg)}}@keyframes fuse-join-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.fuse-controller:after,.fuse-join-message{animation:none}.fuse-stick-knob,.fuse-actions button{transition:none}}@media (max-width:520px){.fuse-controls{grid-template-columns:1fr .62fr}.fuse-stick-zone{min-height:220px}}@media (max-height:900px) and (orientation:landscape){.critter-controller{grid-template-rows:auto minmax(0,1fr) auto}.critter-controller header{padding:.3rem .75rem .2rem}.critter-controller header h1{margin:0 0 .2rem;font-size:1.25rem}.critter-dpad{min-height:0}.critter-step-status{min-height:0;margin:0;padding:.15rem;font-size:.75rem}.fuse-controller{padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);gap:.5rem;display:grid}.fuse-controller header{grid-area:1/1;min-width:0;padding:.45rem .6rem}.fuse-controller header b{font-size:.76rem}.fuse-marker{font-size:1.35rem}.fuse-stats{grid-area:2/1;align-content:center;padding:.45rem;font-size:.82rem}.fuse-accessibility{grid-area:3/1;justify-content:flex-start;align-self:end;margin:0}.fuse-upgrades{display:none}.fuse-join-message{max-width:calc(30% - 1rem);position:absolute;top:4.2rem;left:.5rem}.fuse-controls-locked{grid-area:1/2;align-self:center;padding:.4rem .65rem}.fuse-controls{grid-area:1/2/4;align-items:stretch;gap:.5rem;min-height:0}.fuse-controls-locked+.fuse-controls{grid-row:2/4}.fuse-stick-zone{border-radius:1.25rem;height:100%;min-height:0}.fuse-actions{gap:.45rem}.fuse-actions button{min-height:72px;font-size:1rem}}@media (orientation:landscape) and (min-width:700px) and (max-height:900px){#ui-root>.panel:not(.lobby-container){top:max(10px, env(safe-area-inset-top));width:min(900px,100vw - 32px);max-height:calc(var(--visual-viewport-height,100dvh) - 20px);box-sizing:border-box;overscroll-behavior:contain;touch-action:pan-y;left:50%;overflow:hidden auto;transform:translate(-50%)}.color-echo-pad{grid-template-columns:repeat(4,minmax(0,1fr))}.color-echo-pad button{min-height:clamp(112px,25vh,190px)}.quickdraw-panel{width:min(900px,100vw - 32px)}.quickdraw-cue{font-size:clamp(2.6rem,8vh,5rem)}.quickdraw-tap{min-height:clamp(150px,31vh,240px);margin-block:10px}.roshambo-panel .explanation{max-width:760px;margin-bottom:.8rem}.roshambo-choices{flex-direction:row;max-width:780px;margin-bottom:.75rem}.roshambo-btn{flex-direction:column;justify-content:center;gap:.35rem;min-height:130px}.firefly-controller{width:min(100%,1080px);height:100dvh;min-height:0;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-radius:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(260px,.72fr) minmax(440px,1.28fr);gap:.75rem 1rem;display:grid}.firefly-controller header{grid-area:1/1;align-self:center}.firefly-guide-surface{grid-area:1/2/3;width:min(54vw,100dvh - 28px,560px);margin:0 auto}.firefly-control-hint,.firefly-watch-card{grid-area:2/1;align-self:end;margin:0}.firefly-lantern{min-width:82px;min-height:82px}.trivia-options{grid-template-columns:repeat(4,minmax(0,1fr))}.trivia-answer{min-height:clamp(76px,16vh,128px)}.racing-controller.phase-racing,.racing-controller.phase-countdown{width:min(760px,100vw - 32px);margin-bottom:188px}.racing-controls{grid-template-columns:minmax(360px,1fr) minmax(220px,.45fr);max-height:min(220px,34vh)}.racing-joystick,.racing-controls button{min-height:min(180px,29vh)}.dungeon-controller{width:min(820px,100vw - 32px);margin-bottom:214px}.dungeon-controls{grid-template-columns:minmax(240px,1fr) minmax(150px,.45fr) minmax(240px,1fr)}.dungeon-stick-zone{min-height:min(190px,28vh)}}