:root{color:#f8f5ff;font-synthesis:none;font-variant-emoji:text;background:#09080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#09080d;min-width:320px;min-height:100%;margin:0}body{-webkit-user-select:none;user-select:none;min-height:100dvh;overflow:hidden}button{font:inherit}:where(button,a,input,select,textarea,label,[role=button]){touch-action:manipulation}:where(button,[role=button],.scoreboard,.control-dock){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text}.ui-icon{vertical-align:-.12em;flex:none;width:1em;height:1em;display:inline-block;overflow:visible}.stage{place-items:center;min-height:100dvh;padding:12px;display:grid}.game-shell{--info-strip-height:68px;--action-strip-height:74px;touch-action:none;background:#15111f;border:1px solid #ffffff1a;border-radius:18px;width:min(100vw - 24px,720px);height:min(100dvh - 24px,960px);position:relative;overflow:hidden;box-shadow:0 32px 90px #0000007a}#game-root{inset:var(--info-strip-height) 0 var(--action-strip-height);background:#15111f;position:absolute;overflow:hidden}#game-root canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;display:block}.scoreboard{z-index:4;height:var(--info-strip-height);padding-top:env(safe-area-inset-top);pointer-events:none;text-shadow:0 2px 12px #000000b3;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-bottom:22px;display:grid;position:absolute;top:0;left:8%;right:8%}.scoreboard.is-ui-hidden,.control-dock.is-ui-hidden{visibility:hidden;opacity:0;pointer-events:none}.scoreboard>div{justify-items:center;gap:1px;display:grid}.scoreboard .score-edge{align-content:center;justify-items:start;gap:0}.scoreboard .score-edge-right{justify-items:end}.score-edge small{font-size:6px}.scoreboard strong{font-size:clamp(12px,3vw,17px)}.scoreboard small{color:#ffffff85;letter-spacing:.14em;font-size:7px;font-weight:900}.solar-score{color:#ffd177}.lunar-score{color:#b9adff;text-align:right}.scoreboard>.star-progress{height:18px;display:block;position:absolute;bottom:3px;left:8px;right:8px}.star-progress-track{background:#ffffff1f;border-radius:3px;height:3px;position:absolute;top:8px;left:0;right:0;overflow:hidden}.star-progress-track i{border-radius:inherit;background:linear-gradient(90deg,#ff9f35,#ffd177);width:0;height:100%;transition:width .18s ease-out;display:block;box-shadow:0 0 12px #ffb34c94}.star-progress>span{--position:100%;z-index:1;top:0;left:var(--position);color:#514b59;background:#15111f;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;transition:color .16s,border-color .16s,box-shadow .16s;display:grid;position:absolute;transform:translate(-50%)}.star-progress>span.is-earned{color:#ffd177;border-color:#ffd177bf;box-shadow:0 0 12px #ffb34c6b}.star-progress>span.is-score-ready{color:#c9c0ff;border-color:#b9adffcc;box-shadow:0 0 12px #9482ff80}.overlay{z-index:8;visibility:hidden;opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08060cad;place-items:center;padding:18px;display:none;position:absolute;inset:0}.overlay.is-visible{visibility:visible;display:grid}[hidden]{display:none!important}.menu-overlay,.level-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b0910;padding:0}.menu-card,.level-card{overscroll-behavior:contain;width:100%;height:100%;min-height:0;overflow-y:auto}.menu-card{background:radial-gradient(circle at 88% 8%,#9482ff29,#0000 30%),linear-gradient(145deg,#14101d 0%,#0a090f 70%);grid-template-rows:auto 1fr;padding:clamp(24px,6vw,48px);display:grid}.menu-hero{grid-template-columns:auto 1fr auto;align-items:start;gap:15px;padding-bottom:clamp(24px,5vh,54px);display:grid}.menu-hero small,.level-header small{color:#ffb34c;letter-spacing:.18em;font-size:8px;font-weight:950}.menu-hero h1,.level-header h1{letter-spacing:-.055em;margin:7px 0 0;font:500 clamp(38px,9vw,62px)/.92 Georgia,serif}.menu-hero>span,.level-header>span{color:#ffd177;letter-spacing:.08em;font-size:10px;font-weight:900}.brand-mark{gap:4px;width:28px;padding-top:3px;display:grid}.brand-mark i{background:#ffb34c;height:5px;transform:skew(-28deg);box-shadow:0 0 16px #ffb34c3d}.brand-mark i:nth-child(2){width:72%}.brand-mark i:nth-child(3){width:42%}.mode-list{border-top:1px solid #ffffff1a;align-self:center;display:grid}.mode-card{color:#f8f5ff;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff1a;grid-template-columns:36px 1fr auto;align-items:center;gap:15px;width:100%;min-height:88px;padding:14px 4px;transition:padding .16s,background .16s;display:grid;position:relative}.mode-card:not(:disabled):hover{background:#2e2a47;padding-inline:12px}.mode-card-featured:before{content:"";background:#ffb34c;width:2px;position:absolute;inset:8px auto 8px -10px;box-shadow:0 0 16px #ffb34cb3}.mode-index{color:#676171;align-self:start;padding-top:3px;font:600 9px ui-monospace,monospace}.mode-copy{gap:3px;display:grid}.mode-copy small{color:#8f879a;letter-spacing:.15em;font-size:7px;font-weight:900}.mode-copy b{letter-spacing:-.025em;font:500 clamp(21px,5vw,29px) Georgia,serif}.mode-copy>span{color:#8f8998;font-size:9px;line-height:1.35}.mode-arrow{color:#ffb34c;font:400 24px Georgia,serif}.mode-lock{color:#5f5a65;letter-spacing:.12em;border:1px solid #ffffff17;padding:5px 7px;font-size:6px;font-weight:950}.mode-card:disabled{color:#625d68}.menu-card>footer{color:#504b56;letter-spacing:.14em;justify-content:space-between;gap:12px;padding-top:24px;font-size:6px;font-weight:900;display:flex}.level-card{background:linear-gradient(160deg,#15101e,#09080d 72%);padding:clamp(20px,5vw,40px)}.level-header{z-index:2;background:linear-gradient(#15101e 75%,#0000);grid-template-columns:38px 1fr auto;align-items:start;gap:12px;padding:0 0 20px;display:grid;position:sticky;top:0}.level-header h1{font-size:clamp(30px,8vw,48px)}.back-button,.card-back{color:#f8f5ff;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:50%;width:34px;height:34px}.level-groups{gap:30px;padding-bottom:28px;display:grid}.level-group{gap:12px;display:grid}.level-group>header{align-items:center;gap:10px;display:flex}.level-group>header>span{color:#b9adff;background:#b9adff0f;border:1px solid #b9adff3d;place-items:center;width:30px;height:30px;display:grid}.level-group small{color:#756f7e;letter-spacing:.14em;font-size:6px;font-weight:900}.level-group h2{margin:1px 0 0;font:500 19px Georgia,serif}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.level-button{color:#f8f5ff;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff1a;border-radius:4px;grid-template-rows:auto 1fr auto auto;gap:4px;min-width:0;min-height:108px;padding:11px;display:grid}.level-button:not(:disabled):hover{background:#2e2a47;border-color:#f5a623}.level-button.is-current{background:#ffb34c13;border-color:#ffb34c94;box-shadow:inset 0 2px #ffb34cb3}.level-button:disabled{color:#514c57;opacity:.62}.level-number{color:#ffb34c;font:700 8px ui-monospace,monospace}.level-name{text-overflow:ellipsis;align-self:end;font:500 14px/1.05 Georgia,serif;overflow:hidden}.level-rating{color:#ffd177;letter-spacing:.08em;font-size:10px}.level-button>small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card{--modal-accent:#ffb34c;background:linear-gradient(155deg,#19151f,#0a080e 68%);border:1px solid #ffffff1a;border-radius:14px;width:min(420px,100%);max-height:100%;padding:26px;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0000007a}.card small{color:#918b9d;letter-spacing:.15em;font-size:8px;font-weight:900}.card h1{letter-spacing:-.04em;margin:0;font:500 clamp(31px,8vw,38px)/.98 Georgia,serif}.card>p{color:#aaa4b5;max-width:36em;margin:12px 0 0;font-size:11px;line-height:1.55}.card>button:not(.quiet-button):not(.card-back){color:#171019;background:var(--modal-accent);cursor:pointer;letter-spacing:.12em;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:0 16px;font-size:9px;font-weight:950;display:flex}.card>button:not(.quiet-button):not(.card-back):hover{filter:brightness(1.08)}.quiet-button{color:#77717f;cursor:pointer;text-align:center;letter-spacing:.12em;background:0 0;border:0;width:100%;min-height:28px;margin-top:7px;padding:0;font-size:7px;font-weight:900}.briefing-topbar{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;display:grid}.card .card-back{color:#bcb5c5;background:#ffffff0e;border:0;border-radius:8px;width:32px;height:32px;position:static}.briefing-route{gap:8px;min-width:0;display:grid}.briefing-route>small,.result-topbar>small{color:var(--modal-accent)}.campaign-progress{grid-template-columns:repeat(var(--segments,5), 1fr);background:#ffffff17;border-radius:3px;gap:0;height:3px;margin:0;display:grid;overflow:hidden}.campaign-progress i{background:0 0;height:3px}.campaign-progress i.is-complete,.campaign-progress i.is-current{background:var(--modal-accent)}.opponent-header{align-items:center;gap:10px;margin-top:22px;display:flex}.opponent-mark{border:1px solid var(--modal-accent);width:38px;height:38px;color:var(--modal-accent);background:#ffffff06;border-radius:10px;flex:none;place-items:center;font:400 22px Georgia,serif;display:grid}.trait-list{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.trait-list span{color:#d0c9d7;letter-spacing:.09em;background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900}.tutorial-tip{border-left:2px solid var(--modal-accent);background:#ffffff09;border-radius:0 8px 8px 0;gap:5px;margin:18px 0;padding:12px 13px;display:grid}.tutorial-tip small{color:var(--modal-accent)}.tutorial-tip p{color:#c5bdcb;margin:0;font-size:10px;line-height:1.5}.result-topbar{gap:9px;display:grid}.result-card>h1{margin-top:20px}.result-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0 14px;display:grid}.result-stats span{color:#918b9d;background:#ffffff0a;border-radius:7px;gap:5px;min-width:0;padding:10px;display:grid}.result-stats small{text-overflow:ellipsis;font-size:6px;overflow:hidden}.upgrade-panel{margin:18px 0 14px;padding-top:0}.upgrade-panel>header{justify-content:space-between;align-items:end;gap:10px;margin-bottom:9px;display:flex}.upgrade-panel h2{margin:3px 0 0;font:500 20px Georgia,serif}.upgrade-panel>header>span{color:var(--modal-accent);letter-spacing:.12em;font-size:7px;font-weight:900}.upgrade-choices{gap:5px;display:grid}.upgrade-choice{color:#f8f5ff;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff17;border-radius:7px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:57px;padding:7px;display:grid}.upgrade-choice:hover{border-color:var(--modal-accent);background:#2e2a47}.upgrade-glyph{width:38px;height:38px;color:var(--modal-accent);background:#ffffff0b;border-radius:6px;place-items:center;font-size:19px;display:grid}.upgrade-copy{gap:2px;display:grid}.upgrade-copy b{letter-spacing:.06em;font-size:10px}.upgrade-copy span{color:#aaa4b5;font-size:8px;line-height:1.3}.upgrade-arrow{color:var(--modal-accent);font-size:15px}.pause-prompt{z-index:7;visibility:hidden;opacity:0;pointer-events:none;background:#07060ca8;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.pause-prompt.is-visible{visibility:visible;opacity:1;pointer-events:auto}.pause-prompt strong{font:600 38px Georgia,serif}.pause-prompt span{color:#ffffff94;letter-spacing:.12em;font-size:9px;font-weight:900}.pause-prompt button{color:#f8f5ff;letter-spacing:.12em;pointer-events:auto;cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;min-height:38px;margin-top:10px;padding:0 16px;font-size:8px;font-weight:900}.pause-prompt button:hover{background:#2e2a47;border-color:#f5a623}.event-toast{z-index:6;opacity:0;color:#e0d9ff;letter-spacing:.12em;pointer-events:none;background:#28204fb8;border:1px solid #b9adff40;padding:7px 10px;font-size:8px;font-weight:900;transition:opacity .16s,transform .16s;position:absolute;top:15%;left:50%;transform:translate(-50%,-8px)}.event-toast.is-visible{opacity:1;transform:translate(-50%)}.control-dock{z-index:5;bottom:max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#0c0a11e0;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:minmax(48px,.7fr) repeat(2,minmax(64px,1fr)) repeat(2,44px);align-items:center;gap:6px;width:min(100% - 20px,460px);padding:8px;transition:opacity .16s;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000052}.charge-meter{align-content:center;gap:7px;min-width:0;padding:0 3px;display:grid}.charge-meter>span{color:#ffffff7a;letter-spacing:.12em;font-size:7px;font-weight:950}.charge-pips{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.charge-pips i{--fill:100%;background:linear-gradient(90deg, #ffb34c var(--fill), #ffffff1c var(--fill));border-radius:1px;height:5px}.control-dock button{color:#fff;pointer-events:auto;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1f;border-radius:12px;width:44px;min-width:0;height:46px}.control-dock button:disabled{color:#746e7c;cursor:default;background:#ffffff04}.control-dock.is-paused,.control-dock.is-paused button{pointer-events:none}.control-dock .ability-button{text-align:left;grid-template-columns:19px minmax(0,1fr);align-items:center;gap:5px;width:auto;padding:0 6px;display:grid}.control-dock .ability-button.is-ready{background:#ffb34c14;border-color:#ffb34c61}.ability-icon{fill:currentColor;width:19px;height:19px;overflow:visible}[data-power=steer] .ability-icon{fill:none;stroke:currentColor;stroke-width:2px}.ability-copy{gap:2px;min-width:0;display:grid}.ability-copy b{letter-spacing:.05em;text-overflow:clip;font-size:8px;line-height:1;overflow:hidden}.ability-copy small{color:#ffffff8f;letter-spacing:.02em;font-size:7px;font-weight:900;line-height:1}.ability-copy small:empty{display:none}.ability-button:disabled .ability-copy small{color:#aaa4b5}.control-dock .speed-button{color:#c9c0ff;letter-spacing:-.03em;font-size:11px;font-weight:950}.control-dock .speed-button.is-active{color:#2a1808;background:#ffb34c;border-color:#ffb34c;box-shadow:0 0 14px #ffb34c3d}.control-dock .pause-button{color:#f8f5ff;font-size:15px}.control-dock .pause-button .ui-icon{width:22px;height:22px}#level-stars{align-items:center;gap:4px;display:inline-flex}#level-stars .ui-icon{width:13px;height:13px;color:var(--ui-gold)}#result-rating{align-items:center;gap:3px;display:flex}#result-rating .ui-icon{width:20px;height:20px}.engine-badge{color:#ffffff59;letter-spacing:.12em;font-size:7px;font-weight:900;display:none}.debug-panel{z-index:9;top:calc(var(--info-strip-height) + 8px);background:#08060cd1;border:1px solid #ffffff1a;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;right:8px}.debug-panel span{color:#918b9d;padding:0 4px;font-size:6px;font-weight:900}.debug-panel button{color:#f8f5ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;min-height:24px;font-size:7px}@media (width<=560px){.stage{padding:0}.game-shell{--info-strip-height:max(68px, calc(env(safe-area-inset-top) + 52px));--action-strip-height:max(74px, calc(env(safe-area-inset-bottom) + 62px));border:0;border-radius:0;width:100vw;max-width:none;height:100dvh}.overlay{padding:12px}.card{border-radius:12px;padding:20px}.menu-card{padding:max(24px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom))}.menu-hero{padding-top:14px;padding-bottom:18px}.menu-hero h1{font-size:clamp(38px,11vw,50px)}.mode-card{min-height:76px;padding-block:10px}.level-card{padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom))}.level-grid{gap:6px}.level-button{min-height:100px;padding:9px}.control-dock{gap:5px;padding:7px}}@media (width<=360px){.control-dock{grid-template-columns:30px repeat(2,minmax(0,1fr)) repeat(2,36px);gap:4px;width:calc(100% - 12px)}.control-dock button{width:36px}.control-dock .ability-button{grid-template-columns:17px minmax(0,1fr);gap:3px;width:auto;padding-inline:4px}.ability-icon{width:17px;height:17px}.ability-copy b{letter-spacing:0;font-size:7px}.ability-copy small,.charge-meter>span{font-size:6px}}@media (height<=620px){.menu-card{padding-block:16px}.menu-hero{padding-bottom:10px}.menu-hero h1{font-size:34px}.mode-card{min-height:66px;padding-block:7px}.mode-copy b{font-size:20px}.menu-card>footer{padding-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/barlow-condensed-regular.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/barlow-condensed-semibold.ttf)format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700 950;font-display:swap;src:url(/assets/fonts/barlow-condensed-bold.ttf)format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/silkscreen-bold.ttf)format("truetype")}:root{--ui-gold:#ffce6d;--ui-gold-edge:#f5a623;--ui-rival:#c9b6ff;--ui-cyan:#7ec9de;--ui-text:#e8e2f2;--ui-muted:#a29aba;--ui-border:#3d3859;--ui-panel:#221f36;--ui-display:#080d14;--ui-font:"Barlow Condensed", sans-serif;color:var(--ui-text);font-family:var(--ui-font);background:#100e18}html,body{background:#100e18}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--ui-text);outline-offset:3px}button:not(:disabled):active{transform:translateY(2px)}.game-shell{--info-strip-height:calc(96px + env(safe-area-inset-top,0px));--action-strip-height:calc(82px + env(safe-area-inset-bottom,0px));background:#14121f;border-color:#302942;border-radius:24px}.scoreboard{height:var(--info-strip-height);padding:calc(10px + env(safe-area-inset-top,0px)) 16px 11px;border-bottom:2px solid var(--ui-border);text-shadow:none;background:linear-gradient(#221f36,#14121f);grid-template-rows:50px 15px;grid-template-columns:1fr 1.1fr 1fr;gap:8px;inset:0 0 auto;box-shadow:inset 0 2px #4a4570}.scoreboard>div:not(.star-progress):not(.race-progress):not(.wave-progress){background:var(--ui-display);align-content:center;gap:2px;min-width:0;height:50px;padding:7px 10px;box-shadow:inset 0 2px 4px #0009,inset 0 0 0 1px #2d2942}.scoreboard small{color:var(--ui-muted);letter-spacing:.14em;white-space:nowrap;font-size:10px;font-weight:600;line-height:1}.scoreboard strong{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1}.scoreboard #timer{font-size:24px}.solar-score,.lunar-score{color:var(--ui-gold)}.scoreboard[data-mode=versus] .lunar-score{color:var(--ui-rival)}.scoreboard[data-mode=endless] .lunar-score{color:var(--ui-cyan)}.scoreboard>.star-progress{grid-column:1/-1;align-items:center;gap:4px;height:15px;display:flex;position:static}.star-progress-track{background:var(--ui-display);border-radius:0;flex:1;height:8px;margin-right:3px;position:static;box-shadow:inset 0 0 0 1px #2d2942}.star-progress-track i{background:linear-gradient(90deg, #c9761a, var(--ui-gold));box-shadow:none;border-radius:0}.star-progress>span{width:15px;height:15px;color:var(--ui-border);box-shadow:none;background:0 0;border:0;border-radius:0;font-size:17px;line-height:15px;position:static;transform:none}.star-progress>span.is-earned{color:var(--ui-gold-edge);box-shadow:none}.star-progress>span.is-score-ready{color:var(--ui-rival);box-shadow:none}.scoreboard>.race-progress{grid-column:1/-1;gap:3px;width:100%;height:9px;display:flex}.race-track{background:#34271b;flex:1;height:9px;box-shadow:inset 0 0 0 1px #6a4d30}.race-track i{background:linear-gradient(90deg, #c9761a, var(--ui-gold));width:0;height:100%;display:block}.race-track-rival{background:#2d2542;box-shadow:inset 0 0 0 1px #55456d}.race-track-rival i{background:linear-gradient(90deg,#7358cf,#a68bff);margin-left:auto}.scoreboard>.wave-progress{grid-column:1/-1;align-items:center;gap:9px;width:100%;height:15px;display:flex}.wave-track{background:var(--ui-display);flex:1;height:8px;box-shadow:inset 0 0 0 1px #2d2942}.wave-track i{background:linear-gradient(90deg, #3f92ad, var(--ui-cyan));width:0;height:100%;display:block}.wave-progress>span{color:var(--ui-cyan);letter-spacing:.12em;white-space:nowrap;font-size:10px;font-weight:600}.scoreboard.is-final-blocks{background:linear-gradient(#2a1c2c,#1a1220);border-color:#6b3a3f;box-shadow:inset 0 2px #8f4a50}.scoreboard.is-final-blocks .solar-score{color:#ff9d7d}.control-dock{width:100%;height:var(--action-strip-height);padding:13px 14px calc(21px + env(safe-area-inset-bottom,0px));border:0;border-top:2px solid var(--ui-border);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#1c1930,#12101d);border-radius:0;grid-template-columns:60px minmax(0,1.25fr) minmax(0,1fr) 46px 46px;gap:8px;inset:auto 0 0;transform:none}.charge-meter{gap:5px;padding:0}.charge-meter>span{color:var(--ui-muted);font:600 10px/1 var(--ui-font);letter-spacing:.12em;white-space:nowrap}.charge-meter.is-empty>span{color:#d49ca5;font-size:9px}.charge-pips{gap:3px}.charge-pips i{background:linear-gradient(90deg, #8a5a12 var(--fill), #221f36 var(--fill));height:11px;box-shadow:inset 0 0 0 1px var(--ui-border);border-radius:0}.charge-pips i.is-full{background:linear-gradient(180deg, var(--ui-gold), var(--ui-gold-edge));box-shadow:none}.control-dock button{background:var(--ui-panel);color:#cfc7e6;width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--ui-border);border:0;border-radius:4px}.control-dock .ability-button{text-align:center;justify-content:center;align-items:center;gap:7px;padding:0 9px;display:flex;position:relative;overflow:hidden}.ability-icon{flex:none;width:16px;height:19px}.ability-copy{flex-direction:column;align-items:center;line-height:1;display:flex}.ability-copy b,.ability-copy small{font:700 13px/1 var(--ui-font);letter-spacing:.08em;color:inherit;white-space:nowrap;display:block}.ability-copy small{font-size:11px;display:block}.control-dock .ability-button.is-active .ability-copy small{color:inherit;font-size:9px}.control-dock [data-power=fortress] .ability-copy b,.control-dock [data-power=chain] .ability-copy b{letter-spacing:.03em}#powers-overlay.is-visible~.debug-panel,.ability-copy small:empty{display:none}.control-dock .ability-button.is-ready{box-shadow:inset 0 0 0 2px var(--ui-gold-edge), 0 2px #0a0812;color:var(--ui-gold);background:linear-gradient(#2e2a47,#1d1a2e)}.control-dock button:disabled{color:#8a83a6;background:#191627;box-shadow:inset 0 0 0 2px #2d2942}.control-dock .ability-button.is-locked .ability-copy b{font-size:10px}.ability-button.is-locked .ability-icon{display:none}.ability-button.is-locked:before{content:"";clip-path:polygon(28% 0,72% 0,86% 14%,86% 40%,100% 40%,100% 100%,0 100%,0 40%,14% 40%,14% 14%,28% 14%,28% 26%,72% 26%,72% 14%);background:currentColor;flex:none;width:12px;height:14px}.control-dock .ability-button.is-locked .ability-copy small{color:var(--ui-muted);margin-top:3px;font-size:9px}.control-dock .ability-button.is-cooling{box-shadow:inset 0 0 0 2px var(--ui-border);background:#1c1930}.ability-button.is-cooling .ability-copy b{display:none}.ability-button.is-cooling .ability-copy small{color:#a29aba;font-size:13px}.ability-button.is-cooling:after{content:"";background:linear-gradient(90deg, var(--ui-gold-edge) var(--cooldown-fill), #0006 var(--cooldown-fill));height:4px;position:absolute;bottom:0;left:0;right:0}.control-dock .ability-button.is-active,.control-dock .speed-button.is-active,.control-dock .pause-button.is-active{color:#2a1806;background:linear-gradient(180deg, #ffd77f, var(--ui-gold-edge));box-shadow:0 0 0 3px #f5a62340,0 0 18px #f5a62350}.control-dock.is-paused .pause-button.is-active{color:#8a83a6;background:#191627;box-shadow:inset 0 0 0 2px #2d2942}.ability-button.is-active .ability-copy small:not(:empty){display:block}.control-dock button:not(:disabled):active{color:#2a1806;background:linear-gradient(#e79515,#c9761a);box-shadow:inset 0 3px #0005}.control-dock .speed-button{font:700 17px var(--ui-font)}.control-dock .pause-button{font-size:23px}.event-toast{top:calc(var(--info-strip-height) + 14px);max-width:calc(100% - 32px);color:var(--ui-gold);font:700 14px/1.2 var(--ui-font);letter-spacing:.14em;text-align:center;background:#14121f;border:0;border-radius:3px;padding:9px 14px;box-shadow:inset 0 0 0 2px #f5a62399}.event-toast[data-tone=rival]{color:#cfc0ff;box-shadow:inset 0 0 0 2px #a68bff99}.event-toast[data-tone=ice]{color:#c4eef8;box-shadow:inset 0 0 0 2px #7ec9de99}.pause-prompt{background:#0a0c1aaa;grid-template-columns:minmax(0,300px);gap:12px;padding:24px}.pause-prompt strong{color:var(--ui-gold);text-transform:uppercase;font:700 clamp(21px,5vw,30px)/1.4 Silkscreen,monospace}.pause-prompt>span{color:var(--ui-muted);font:600 13px var(--ui-font);letter-spacing:.14em}.pause-actions{gap:8px;width:min(260px,100%);margin-top:8px;display:grid}.pause-prompt button{background:var(--ui-panel);color:#cfc7e6;width:100%;height:46px;box-shadow:inset 0 0 0 2px var(--ui-border);font:700 14px var(--ui-font);letter-spacing:.12em;border:0;border-radius:4px;margin:0}.pause-prompt #pause-resume-button{color:#2a1806;background:linear-gradient(180deg, var(--ui-gold), var(--ui-gold-edge));box-shadow:none}.pause-prompt>small{text-align:center;max-width:260px;color:var(--ui-muted);font-size:13px}.menu-card,.level-card{background:linear-gradient(155deg,#221f36,#100e18 65%)}.menu-card{z-index:1;background:#100f1b url(/assets/pong-wars-menu-backdrop.svg) 50%/100% 100% no-repeat;grid-template-rows:auto minmax(0,1fr) auto;position:relative;overflow:hidden}.menu-hero{grid-template-columns:minmax(0,1fr);place-items:center;gap:16px;padding-bottom:24px}.menu-logo{width:min(100%,360px);height:auto;display:block}.menu-hero h1{text-align:center;font:700 clamp(24px, 6vw, 32px)/1.1 var(--ui-font);letter-spacing:-.01em;text-transform:uppercase;margin:0}.menu-hero small,.level-header small{color:var(--ui-gold);letter-spacing:.16em;font-size:11px}.menu-hero>span,.level-header>span{color:var(--ui-gold);font-size:12px}.brand-mark i{background:var(--ui-gold-edge);box-shadow:none}.mode-list{overscroll-behavior:none;touch-action:pan-y;border:0;grid-auto-rows:max-content;align-content:safe center;align-self:stretch;gap:10px;min-height:0;overflow-y:auto}.mode-card{border:1px solid var(--ui-border);background:#14121f;border-radius:4px;grid-template-columns:24px 1fr auto;gap:10px;min-height:88px;padding:12px}.mode-card-featured{border-color:var(--ui-gold-edge);box-shadow:inset 3px 0 var(--ui-gold-edge)}.mode-card-featured:before{display:none}.mode-index{color:var(--ui-muted);font-size:11px}.mode-copy small{color:var(--ui-muted);font-size:10px}.mode-copy b{font:700 25px/1.1 var(--ui-font);letter-spacing:0}.mode-copy>span{color:var(--ui-muted);font-size:14px}.mode-arrow{color:var(--ui-gold)}.mode-lock{color:var(--ui-muted);font-size:9px}.mode-card:disabled{color:var(--ui-muted);opacity:.6}.mode-card.is-locked{opacity:1;cursor:not-allowed;background:#12111b;border-color:#302b42}.mode-card.is-locked .mode-copy b,.mode-card.is-locked .mode-arrow{color:var(--ui-muted)}.mode-card.is-locked .mode-copy>span{color:#bdb4cf}.mode-arrow svg{display:block}.mode-arrow .ui-icon{width:22px;height:22px}.mode-unlock-note{text-align:left;border:1px solid var(--ui-gold-edge);box-shadow:inset 3px 0 var(--ui-gold-edge);background:#292131;border-radius:4px;gap:6px;margin:14px 0;padding:14px;display:grid}.mode-unlock-note[hidden],.mode-unlock-note button[hidden]{display:none}.mode-unlock-note>small{color:var(--ui-gold);font:700 10px/1.3 var(--ui-font);letter-spacing:.12em}.mode-unlock-note>strong{color:var(--ui-text);font:700 26px/1.1 var(--ui-font)}.mode-unlock-note>p{color:var(--ui-muted);font:500 15px/1.4 var(--ui-font);margin:0}.mode-unlock-note>button{min-height:46px;margin-top:6px}.menu-card>footer{color:var(--ui-muted);font-size:10px;line-height:1.4}.loadout-link{border:1px solid var(--ui-border);width:100%;min-height:58px;color:var(--ui-text);text-align:left;cursor:pointer;background:#211b31;border-radius:5px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.loadout-link>span:first-child{gap:4px;min-width:0;display:grid}.loadout-link small{color:var(--ui-rival);font:600 10px/1 var(--ui-font);letter-spacing:.12em}.loadout-link b{font:600 17px/1.2 var(--ui-font)}.loadout-link>span:last-child{color:var(--ui-rival);font:700 12px var(--ui-font);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.loadout-link>span:last-child .ui-icon{width:16px;height:16px}.loadout-link:hover{border-color:var(--ui-rival);background:#2e2540}.menu-loadout{margin-top:20px}.menu-card>.menu-footer{grid-template-columns:minmax(0,1fr) 58px;gap:10px;margin-top:16px;padding:0;display:grid}.menu-footer .menu-loadout{margin-top:0}.menu-settings{color:var(--ui-rival);justify-content:center;padding:0}.menu-settings svg{flex:none}.menu-card>.menu-footer.has-game-center{grid-template-columns:minmax(0,1fr) 48px 48px}.menu-game-center{color:var(--ui-gold)}.menu-game-center[hidden]{display:none}.language-control{justify-content:space-between;align-items:center;gap:12px;display:flex}.language-control label{color:var(--ui-muted);font:600 13px/1.2 var(--ui-font)}.language-control select{min-width:0;max-width:75%;min-height:44px;color:var(--ui-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid var(--ui-border);font:500 15px/1.2 var(--ui-font);background:#191623;border-radius:4px;padding:8px 28px 8px 12px}.language-control select:focus-visible{outline:2px solid var(--ui-gold);outline-offset:2px}#language-status{color:var(--ui-muted);font:400 13px/1.3 var(--ui-font);margin:0}#language-status:empty{display:none}.level-loadout{margin:-8px 0 24px}.card>.power-unlock-note{margin-top:12px;color:var(--ui-rival)!important;background:#2e2540!important;border:1px solid #6b558f!important;padding:12px!important;font-size:12px!important}.control-dock .ability-icon{fill:none;stroke:currentColor;stroke-width:2px}.control-dock [data-power=boost] .ability-icon{fill:currentColor;stroke:none}.control-dock .ability-button.is-empty{color:#756d86;box-shadow:inset 0 0 0 1px var(--ui-border)}.control-dock [data-power=reserve] .ability-copy small{font-size:9px}.level-card{--level-inset:clamp(20px, 5vw, 40px);--level-top-inset:var(--level-inset);background:radial-gradient(at 90% 0,#30244788,#0000 45%),#100f1b;flex-direction:column;padding:0;display:flex;overflow:hidden}.level-header{padding:var(--level-top-inset) var(--level-inset) 16px;border-bottom:1px solid var(--ui-border);box-shadow:none;background:#171421;flex:none;grid-template-columns:44px minmax(0,1fr);gap:10px 14px;margin:0;position:relative}.level-content{overscroll-behavior:none;touch-action:pan-y;min-height:0;padding:0 var(--level-inset) max(var(--level-inset), env(safe-area-inset-bottom,0px));scrollbar-color:#514568 #100f1b;flex:1;scroll-padding-block:16px;overflow-y:auto}.level-header h1{font:700 clamp(24px, 6vw, 34px)/1.05 var(--ui-font);letter-spacing:0;text-transform:uppercase}.level-header>span{background:#261f1c;border:1px solid #51412a;border-radius:3px;grid-column:2;justify-self:start;padding:6px 10px}.level-hint{color:var(--ui-muted);margin:16px 0 26px;font-size:15px;line-height:1.4}.back-button,.card .card-back{background:var(--ui-panel);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--ui-border);color:var(--ui-text);border:0;border-radius:4px}.back-button .ui-icon,.card .card-back .ui-icon{width:20px;height:20px}.level-groups{gap:28px}.level-group{--sector-accent:#ffce6d;gap:12px}.level-group small{letter-spacing:.1em;color:var(--ui-muted);font-size:10px}.level-group h2{font:700 24px/1.1 var(--ui-font)}.level-group>header{gap:12px}.level-group>header>span{width:38px;height:42px;color:var(--sector-accent);border-color:var(--ui-border);box-shadow:inset 2px 0 var(--sector-accent);background:#191724;flex:none}.level-group>header>span .ui-icon{width:20px;height:20px}.level-group>header>div{min-width:0}.level-group>header>div>small{color:var(--sector-accent)}.level-group .sector-progress{color:var(--ui-muted);white-space:nowrap;letter-spacing:.03em;margin-left:auto;font-size:10px}.level-grid{gap:10px}.level-button{background:#161421;border-color:#353047;border-radius:6px;grid-template-rows:auto 76px 1fr auto auto;gap:8px;min-height:204px;padding:12px;transition:border-color .12s,background-color .12s}.level-topline{justify-content:space-between;align-items:center;gap:6px;display:flex}.level-number{font:700 14px/1 var(--ui-font);color:var(--sector-accent)}.level-status{font:600 10px/1 var(--ui-font);letter-spacing:.04em;color:var(--ui-muted);align-items:center;gap:4px;display:inline-flex}.level-status .ui-icon{width:11px;height:11px}.level-preview{place-self:center;width:100%;max-width:152px;height:64px;padding:5px;display:block}.level-preview-locked{color:#706783;width:40px;height:48px}.level-name{font:600 19px/1.15 var(--ui-font);align-self:start;overflow:visible}.level-rating{letter-spacing:.04em;align-items:center;gap:2px;font-size:15px;line-height:1;display:flex}.level-rating .ui-icon{width:15px;height:15px}.level-button.is-complete .level-rating{color:var(--ui-gold)}.level-button>small{white-space:normal;letter-spacing:.03em;color:var(--ui-muted);font-size:10px;line-height:1.2;overflow:visible}.level-button.is-current{border-color:var(--sector-accent);box-shadow:inset 0 3px var(--sector-accent);background:#292235}.level-button.is-current .level-status{color:var(--sector-accent)}.level-button:not(:disabled):hover{border-color:var(--sector-accent);background:#2e2940}.level-button:disabled{color:#8e859f;opacity:1;background:#12111c;border-color:#272334}.level-button:disabled .level-number,.level-button:disabled .level-rating,.level-button:disabled .level-status{color:#756d86}.card{--modal-accent:#ffce6d;border:1px solid var(--ui-border);background:linear-gradient(155deg,#221f36,#14121f 70%);border-radius:6px;box-shadow:inset 0 2px #4a4570,0 24px 64px #0007}.overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0c1aaa}.menu-overlay,.level-overlay{background:#100e18;padding:0}#start-overlay{background:linear-gradient(155deg,#221f36,#100e18 65%)}.card small{color:var(--ui-muted);font-size:11px}.card h1{font:700 clamp(29px, 8vw, 38px)/1.05 var(--ui-font);letter-spacing:0;text-transform:uppercase}.card>p{color:#bcb3ce;font-size:16px;line-height:1.4}.briefing-topbar{grid-template-columns:44px minmax(0,1fr)}.campaign-progress{border-radius:0;height:6px}.campaign-progress i{height:6px}.opponent-mark{border-radius:4px}.opponent-mark .ui-icon{width:22px;height:22px}.trait-list span{border-color:var(--ui-border);letter-spacing:.07em;border-radius:3px;font-size:11px}.tutorial-tip{background:var(--ui-display);border-radius:0}.tutorial-tip p{font-size:15px;line-height:1.4}.card>button:not(.quiet-button):not(.card-back){text-align:center;min-height:46px;font:700 14px/1.2 var(--ui-font);color:#2a1806;background:linear-gradient(180deg, var(--ui-gold), var(--ui-gold-edge));border-radius:4px;justify-content:center;padding:12px 44px;position:relative}.card>button:not(.quiet-button):not(.card-back)>span{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.quiet-button{color:#cfc7e6;background:var(--ui-panel);min-height:46px;box-shadow:inset 0 0 0 2px var(--ui-border);font:600 12px/1.2 var(--ui-font);letter-spacing:.08em;border-radius:4px;justify-content:center;align-items:center;margin-top:8px;padding:8px;display:flex}.result-stats span{background:var(--ui-display);border-radius:0;box-shadow:inset 0 0 0 1px #2d2942}.result-card>h1{font:700 clamp(18px,4.8vw,23px)/1.35 Silkscreen,monospace}.result-stats small{font-size:10px}.result-stats b{color:var(--ui-gold);font-size:24px}.upgrade-panel h2{font:700 26px var(--ui-font)}.upgrade-panel>header>span{font-size:11px}.upgrade-choice{border-color:var(--ui-border);background:var(--ui-display);border-radius:4px;min-height:70px}.upgrade-glyph{border-radius:3px}.upgrade-glyph .ui-icon{width:23px;height:23px}.upgrade-arrow .ui-icon{width:15px;height:15px}.upgrade-copy small{font-size:10px}.upgrade-copy b{font-size:15px}.upgrade-copy span{color:#bcb3ce;font-size:13px}@media (width>=561px){.control-dock{padding-inline:max(20px,50% - 220px)}.scoreboard{padding-inline:max(20px,50% - 260px)}}@media (width<=560px){.game-shell{border:0;border-radius:0}.card{border-radius:6px}.level-card{--level-inset:20px;--level-top-inset:max(18px, env(safe-area-inset-top))}.level-grid{grid-template-columns:1fr;gap:8px}.level-button{grid-template-rows:auto auto auto auto;grid-template-columns:84px minmax(0,1fr);gap:5px 14px;min-height:116px;padding:12px}.level-preview{grid-area:1/1/5;width:84px;height:76px;padding:2px}.level-preview-locked{width:30px;height:40px}.level-topline,.level-name,.level-rating,.level-button>small{grid-column:2}.level-name{font-size:21px}.level-group h2{font-size:22px}}@media (width<=360px){.control-dock{grid-template-columns:42px minmax(0,1.2fr) minmax(0,1fr) 44px 44px;gap:5px;width:100%;padding-inline:8px}.control-dock button{width:44px}.control-dock .ability-button{gap:4px;width:auto;padding-inline:5px}.ability-copy b{letter-spacing:.02em;font-size:12px}.ability-icon{width:13px}.charge-meter>span{letter-spacing:.04em;font-size:9px}.charge-meter.is-empty>span{font-size:8px}.scoreboard{gap:6px;padding-inline:10px}.scoreboard small{letter-spacing:.08em;font-size:9px}.scoreboard>div:not(.star-progress):not(.race-progress):not(.wave-progress){padding-inline:7px}.level-header{grid-template-columns:44px minmax(0,1fr)}.level-header>span{grid-column:2}}@media (height<=620px){.menu-card{padding-block:16px}.menu-hero{padding-block:0 12px}.menu-hero h1{font-size:29px}.mode-card{min-height:72px;padding-block:8px}.mode-copy b{font-size:23px}.mode-copy>span{font-size:12px}.menu-card>footer{padding-top:12px}}@media (prefers-reduced-motion:reduce){button:not(:disabled):active{transform:none}}.level-entry{grid-template-rows:1fr auto auto;min-width:0;display:grid}.level-entry>.level-button{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%}.level-ranking{border:1px solid var(--ui-border,#3d3655);color:#ffd26c;text-align:center;background:#201c30;border-top:0;border-radius:0 0 5px 5px;width:100%;min-height:44px}.level-ranking:hover,.level-ranking:focus-visible{background:#302940}.ranking-status:empty{display:none}.ranking-status{color:#d0c8e1;padding:8px}.result-ranking{gap:8px;margin:12px 0;display:grid}.result-ranking p{color:#bcb3cf;margin:0;font-size:13px}.result-ranking button{color:#ffd26c;background:#201c30;border:1px solid #3d3655;min-height:44px}.result-stats #result-time{font-size:clamp(19px,4.8vw,26px)}.is-native .stage{padding:0}.is-native .game-shell{width:100vw;max-width:none;height:100dvh;box-shadow:none;border:0;border-radius:0}.is-native{-webkit-text-size-adjust:100%}.is-native :is(.mode-list,.level-content,.powers-content){scrollbar-width:none}.is-native :is(.mode-list,.level-content,.powers-content)::-webkit-scrollbar{display:none}.is-booting .stage{pointer-events:none;visibility:hidden}.startup-error{z-index:100;color:#e8e2f2;text-align:center;background:#100e18;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;display:flex;position:fixed;inset:0}.startup-error button{color:#291900;background:#ffce6d;border:0;border-radius:4px;min-height:46px;padding:12px 24px;font-weight:700}.tutorial-coach{z-index:5;top:calc(var(--info-strip-height) + 10px);max-width:420px;color:var(--ui-text);border:1px solid #76623e;border-left:3px solid var(--ui-gold);pointer-events:none;font-family:var(--ui-font);background:#191623;border-radius:5px;margin:0 auto;padding:12px 14px;position:absolute;left:16px;right:16px;box-shadow:0 4px 12px #0005}.tutorial-coach[hidden]{display:none}.tutorial-copy small{letter-spacing:.12em;color:var(--ui-muted);font-size:10px;display:block}.tutorial-copy strong{color:var(--ui-gold);margin-top:3px;font-size:19px;display:block}.tutorial-copy p{margin:5px 0 6px;font-size:16px;line-height:1.25}.tutorial-actions{justify-content:space-between;gap:12px;display:flex}.tutorial-actions button{pointer-events:auto;cursor:pointer;min-height:44px;color:var(--ui-gold);font:600 15px var(--ui-font);background:#292337;border:1px solid #635674;border-radius:3px;padding:6px 12px}.tutorial-actions [data-tutorial-skip]{color:var(--ui-muted);background:#191623}.tutorial-gesture{color:var(--ui-gold);filter:drop-shadow(0 2px 3px #000);align-items:center;gap:5px;display:none;position:absolute;top:calc(100% + 36px);left:30%}.tutorial-gesture i{background:currentColor;border-radius:50%;width:11px;height:11px}.tutorial-gesture span{border-top:3px solid;width:72px}.tutorial-gesture .ui-icon{width:25px;height:25px}.tutorial-coach[data-step=draw] .tutorial-gesture{display:flex}.tutorial-target{outline-offset:3px;outline:2px solid var(--ui-gold)!important}.reduced-effects *,.reduced-effects :before,.reduced-effects :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (height<=600px){.tutorial-coach{top:calc(var(--info-strip-height) + 5px);padding:7px 10px}.tutorial-copy p{font-size:14px}.tutorial-copy strong{font-size:16px}.tutorial-gesture{top:calc(100% + 12px)}}.powers-overlay{background:#100f1b;padding:0}.powers-panel{--powers-inset:clamp(20px, 5vw, 40px);background:radial-gradient(at 95% 10%,#30244766,#0000 50%),#100f1b;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.powers-header{z-index:2;width:100%;padding:var(--powers-inset) var(--powers-inset) 18px;border-bottom:1px solid var(--ui-border);background:#171421;flex:none;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:10px 14px;display:grid;position:relative}.powers-header small{color:var(--ui-gold);font:700 11px/1 var(--ui-font);letter-spacing:.16em}.powers-header h1{color:var(--ui-text);font:700 34px/1.05 var(--ui-font);text-transform:uppercase;margin:7px 0 0}.powers-header .powers-collection-count{color:var(--ui-gold);font:700 11px/1.25 var(--ui-font);letter-spacing:.08em;white-space:nowrap;background:#261f1c;border:1px solid #51412a;border-radius:3px;grid-area:1/3;align-self:center;padding:6px 10px}.powers-quick-slots{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.power-quick-slot{min-width:0;min-height:49px;color:var(--ui-text);cursor:pointer;background:#201b2b;border:1px solid #3b334d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 8px;display:flex}.power-quick-slot small{color:var(--ui-muted);font:700 9px/1.2 var(--ui-font);letter-spacing:.06em}.power-quick-slot strong{font:700 17px/1 var(--ui-font)}.power-quick-slot[aria-pressed=true]{border-color:var(--ui-gold-edge);box-shadow:inset 0 -2px var(--ui-gold-edge);background:#302535}.power-quick-slot[aria-pressed=true] small{color:var(--ui-gold)}.powers-content{overscroll-behavior:none;touch-action:pan-y;min-height:0;padding:24px var(--powers-inset) max(24px, env(safe-area-inset-bottom,0px));scrollbar-color:#514568 #100f1b;flex:1;scroll-padding-block:20px;overflow-y:auto}.powers-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.powers-section-heading h2{color:var(--ui-text);font:700 23px/1.1 var(--ui-font);margin:0}.powers-section-heading>span{color:var(--ui-muted);font:600 10px/1.2 var(--ui-font);letter-spacing:.08em;text-align:right}.powers-intro{color:#bcb3ce;font:400 16px/1.4 var(--ui-font);margin:8px 0 16px}.power-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.power-slot-wrap{min-width:0}.power-slot{width:100%;min-height:144px;color:var(--ui-text);border:1px solid var(--ui-border);cursor:pointer;text-align:center;background:#191623;border-radius:5px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.power-slot-top{color:var(--ui-muted);font:700 10px/1.2 var(--ui-font);letter-spacing:.06em;justify-content:space-between;align-self:stretch;align-items:center;gap:8px;display:flex}.power-slot-indicator{visibility:hidden}.power-slot[aria-pressed=true]{border-color:var(--ui-gold-edge);box-shadow:inset 0 3px var(--ui-gold-edge);background:#292232}.power-slot[aria-pressed=true] .power-slot-top{color:var(--ui-gold)}.power-slot[aria-pressed=true] .power-slot-indicator{visibility:visible}.power-slot-icon{height:36px;color:var(--ui-gold);place-items:center;display:grid}.power-icon{flex:none;width:28px;height:28px;display:block}.power-slot-name{font:700 22px/1 var(--ui-font)}.power-slot-detail{color:var(--ui-muted);font:400 13px/1.1 var(--ui-font)}.power-slot.is-empty .power-slot-icon{color:var(--ui-muted)}.power-slot-clear{color:#bcb3ce;width:100%;min-height:44px;font:600 13px/1.2 var(--ui-font);cursor:pointer;background:#171421;border:1px solid #302a42;border-radius:4px;justify-content:center;align-items:center;margin-top:4px;padding:8px;display:flex}.power-slot-clear:disabled{color:#756d86;cursor:default;border-color:#272334}.powers-help{color:var(--ui-muted);font:400 14px/1.4 var(--ui-font);margin:12px 0 26px}.power-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.power-collection-card{border:1px solid var(--ui-border);min-width:0;color:var(--ui-text);text-align:left;cursor:pointer;background:#161421;border-radius:6px;flex-direction:column;align-items:stretch;gap:9px;padding:16px;display:flex}.power-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.power-card-icon{width:44px;height:44px;color:var(--ui-gold);background:#261f1c;border:1px solid #51412a;border-radius:4px;place-items:center;display:grid}.power-card-state{color:var(--ui-muted);font:700 10px/1.2 var(--ui-font);letter-spacing:.06em;text-align:right}.power-card-name{font:700 24px/1.1 var(--ui-font)}.power-card-description{color:#bcb3ce;font:400 16px/1.3 var(--ui-font)}.power-card-cooldown{color:var(--ui-muted);font:600 11px/1.3 var(--ui-font);letter-spacing:.06em;margin-top:auto;padding-top:3px}.power-card-requirement{color:#afa5bf;font:400 14px/1.3 var(--ui-font);background:#100e18;border-left:2px solid #625578;padding:9px 10px}.power-card-action{min-height:40px;color:var(--ui-gold);font:700 12px/1.2 var(--ui-font);letter-spacing:.04em;text-align:center;border-top:1px solid #302a42;justify-content:center;align-items:center;gap:6px;margin-top:3px;padding:8px 4px;display:flex}.power-card-action .ui-icon{width:14px;height:14px}.power-collection-card.is-equipped .power-card-state{color:var(--ui-gold)}.power-collection-card.is-selected{background:#282131;border-color:#b68c45}.power-collection-card.is-selected .power-card-action{border-top-color:#51412a}.power-collection-card.is-locked{cursor:default;background:#12111c;border-color:#2f293e}.power-collection-card.is-locked .power-card-icon{color:#aaa0bc;background:#1c1828;border-color:#3b334d}.power-collection-card.is-locked .power-card-action{color:#8d829f}.powers-save-status{min-height:20px;color:var(--ui-muted);font:400 14px/1.4 var(--ui-font);text-align:center;margin:20px 0 0}.powers-panel button:not(:disabled):hover{background:#2e2a47}.power-slot:not(:disabled):hover,.power-collection-card:not(:disabled):hover{border-color:var(--ui-gold-edge)}.powers-panel button:focus-visible{outline:2px solid var(--ui-gold);outline-offset:3px}@media (width<=560px){.powers-panel{--powers-inset:20px}.powers-header{padding-top:max(18px, env(safe-area-inset-top,0px))}.powers-header h1{font-size:30px}.powers-header .powers-collection-count{letter-spacing:.02em;padding:6px 8px;font-size:10px}.powers-content{padding-top:20px}.power-slots{gap:10px}.power-collection-grid{grid-template-columns:minmax(0,1fr);gap:10px}.power-collection-card{grid-template-columns:44px minmax(0,1fr);gap:7px 12px;padding:14px;display:grid}.power-card-top{flex-direction:column;grid-area:1/1/4;justify-content:flex-start;gap:9px}.power-card-state{text-align:center;font-size:9px}.power-card-name,.power-card-description,.power-card-cooldown,.power-card-requirement{grid-column:2}.power-card-action{grid-column:1/-1;min-height:38px}}@media (width<=360px){.powers-panel{--powers-inset:16px}.powers-header{column-gap:10px}.powers-header small{letter-spacing:.1em;font-size:10px}.power-quick-slot small{letter-spacing:.04em;font-size:9px}.power-slot{padding-inline:10px}.power-slot-top{gap:4px;font-size:9px}.power-slot-name{font-size:21px}.powers-section-heading>span{font-size:9px}}.settings-overlay{background:#100f1b;padding:0}.settings-panel{background:radial-gradient(at 100% 0,#30244766,#0000 60%),#100f1b;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.settings-header{padding:max(24px, env(safe-area-inset-top)) clamp(20px,5vw,40px) 22px;border-bottom:1px solid var(--ui-border);background:#171421;flex:none;align-items:center;gap:18px;display:flex}.settings-header h1{font:700 32px/1.1 var(--ui-font);text-transform:uppercase;margin:0}.settings-content{overscroll-behavior:none;touch-action:pan-y;scrollbar-width:none;flex:1;min-height:0;padding:24px clamp(20px,5vw,40px);overflow-y:auto}.settings-content::-webkit-scrollbar{display:none}.settings-content p{color:#c6bfd4;font:400 18px/1.5 var(--ui-font)}.settings-content h2{font:700 24px/1.2 var(--ui-font);margin:0 0 12px}.settings-content h3{font:600 21px/1.3 var(--ui-font);color:var(--ui-gold);margin:24px 0 6px}.settings-content a{color:var(--ui-gold);overflow-wrap:anywhere}.settings-content .language-control{padding:12px 0 28px}.settings-content .language-control label{color:var(--ui-text);font-size:20px}.settings-content .language-control select{min-height:48px;font-size:18px}.settings-links{gap:12px;display:grid}.settings-content button{min-height:48px;color:var(--ui-text);font:600 18px/1.3 var(--ui-font);cursor:pointer;background:#262035;border:1px solid #635674;border-radius:5px;padding:14px 16px}.settings-links button{text-align:left;justify-content:space-between;align-items:center;display:flex}.settings-links button .ui-icon{width:16px;height:16px}.settings-content button:hover{background:#352b46}.settings-content button:focus-visible{outline:2px solid var(--ui-gold);outline-offset:3px}.settings-content button:disabled{cursor:wait;opacity:.6}.settings-account{border-top:1px solid var(--ui-border);margin-top:34px;padding-top:26px}.settings-content .danger-button{color:#ffb4b5;background:#30202d;border-color:#ab606c;width:100%}#delete-confirmation{background:#211724;border:1px solid #ab606c;border-radius:6px;margin-top:20px;padding:18px}.settings-confirm-actions{gap:10px;display:grid}#delete-status:empty{display:none}.settings-footer{padding:16px 20px max(20px, env(safe-area-inset-bottom));text-align:center;color:var(--ui-muted);border-top:1px solid var(--ui-border);font:500 14px/1.2 var(--ui-font);background:#171421;flex:none}.settings-header .back-button{flex:0 0 44px}.comfort-settings{margin-bottom:28px}.comfort-toggle{border-bottom:1px solid var(--ui-border);cursor:pointer;min-height:56px;font:600 20px var(--ui-font);justify-content:space-between;align-items:center;gap:18px;display:flex;position:relative}.comfort-toggle input{opacity:0;cursor:pointer;width:48px;height:44px;position:absolute;right:0}.comfort-toggle i{pointer-events:none;background:#221e30;border:1px solid #766b8f;border-radius:4px;width:46px;height:26px;padding:3px}.comfort-toggle i:before{content:"";background:#a29aba;border-radius:2px;width:18px;height:18px;display:block}.comfort-toggle input:checked+i{border-color:var(--ui-gold);background:#443622}.comfort-toggle input:checked+i:before{background:var(--ui-gold);margin-left:20px}.comfort-toggle input:focus-visible+i{outline:2px solid var(--ui-text);outline-offset:3px}.comfort-settings p,.tutorial-setting p{margin:10px 0 0;font-size:15px}.tutorial-setting{margin-bottom:28px}.multiplayer-overlay{background:#100f1b;padding:0}.multiplayer-overlay [hidden]{display:none!important}.multiplayer-panel .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.multiplayer-panel{--online-inset:clamp(18px, 5vw, 40px);overscroll-behavior:none;background:radial-gradient(at 100% 0,#302447 0,#0000 48%),#100f1b;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.online-header{z-index:3;padding:max(var(--online-inset), env(safe-area-inset-top,0px)) var(--online-inset) var(--online-inset);background:#171421;border-bottom:1px solid #3b334d;flex-shrink:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;position:relative}.online-header small,.online-result small,.online-match-menu small{color:var(--ui-gold);font:700 10px/1.2 var(--ui-font);letter-spacing:.13em}.online-header h1{color:var(--ui-text);font:700 32px/1 var(--ui-font);text-transform:uppercase;margin:6px 0 0}.online-badge{color:#9de7de;font:700 10px/1 var(--ui-font);letter-spacing:.1em;background:#142b2a;border:1px solid #39645f;border-radius:3px;padding:6px 8px}.online-content{padding:24px var(--online-inset);gap:18px;display:grid}.online-view{flex:1;min-height:0}.online-entry,.online-room{flex-direction:column;display:flex;overflow:hidden}.online-scroll{overscroll-behavior:none;touch-action:pan-y;scrollbar-color:#514568 #100f1b;min-height:0;scroll-padding-block:24px;overflow:hidden auto}.online-entry>.online-content,.online-room>.online-content{flex:1;align-content:start}.online-entry>.online-content{padding-bottom:max(24px, env(safe-area-inset-bottom,0px))}.is-native .online-scroll{scrollbar-width:none}.is-native .online-scroll::-webkit-scrollbar{display:none}.online-content h2,.online-section-heading h2,.online-leave-confirm h2{color:var(--ui-text);font:700 26px/1.15 var(--ui-font);margin:0}.online-content p,.online-leave-confirm p{color:#bcb3ce;font:400 16px/1.4 var(--ui-font);margin:0}.online-introduction p{margin-top:10px}.online-field{color:var(--ui-muted);font:700 11px/1.3 var(--ui-font);letter-spacing:.08em;flex-direction:column;gap:8px;display:flex}.online-field input,.online-field select{box-sizing:border-box;width:100%;min-width:0;height:48px;color:var(--ui-text);font:500 18px/1.2 var(--ui-font);letter-spacing:normal;background:#100e19;border:1px solid #514568;border-radius:4px;padding:10px 12px}.online-field input::placeholder{color:#8c819f}.online-code-input{text-transform:uppercase;letter-spacing:.28em!important}.online-button{color:#ddd5ed;width:100%;min-height:46px;font:700 13px/1.2 var(--ui-font);letter-spacing:.1em;text-align:center;cursor:pointer;background:#262137;border:1px solid #514568;border-radius:4px;justify-content:center;align-items:center;gap:16px;padding:12px 16px;display:flex}.online-button.online-primary{color:#2a1806;background:linear-gradient(#ffd77f,#f5a623);border-color:#f5a623}.online-button:not(:disabled):hover{background:#383047;border-color:#b99450}.online-button.online-primary:not(:disabled):hover{background:#ffd177}.online-button:disabled{color:#a295b6;cursor:default;background:#211c2e;border-color:#3b334d}.multiplayer-panel button:focus-visible,.multiplayer-panel input:focus-visible,.multiplayer-panel select:focus-visible{outline:2px solid var(--ui-gold);outline-offset:3px}.online-entry-tabs{background:#100e19;border:1px solid #3b334d;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.online-entry-tab{color:#a99dbb;min-width:0;min-height:46px;font:700 16px/1.2 var(--ui-font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:10px 8px}.online-entry-tab[aria-selected=true]{color:var(--ui-gold);box-shadow:inset 0 -2px var(--ui-gold-edge);background:#2a2230;border-color:#806236}.online-entry-tab:not(:disabled):hover{color:var(--ui-text);background:#262137}.online-entry-tab[aria-selected=true]:not(:disabled):hover{color:var(--ui-gold);background:#33293b}.online-entry-tab:disabled{cursor:default;color:#82758f}.online-entry-form{gap:20px;display:grid}.online-content .online-note{color:#a599b7;font-size:14px}.online-error{z-index:4;padding:14px var(--online-inset);color:#ffe0e8;font:500 16px/1.4 var(--ui-font);background:#432132;border-bottom:1px solid #91546f;flex-shrink:0;margin:0;position:relative}.online-invite{background:#211c23;border:1px solid #51412a;border-radius:5px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.online-invite>div{flex-direction:column;gap:6px;min-width:0;display:flex}.online-invite small{color:var(--ui-muted);font:700 10px/1.2 var(--ui-font);letter-spacing:.1em}.online-room-code{color:var(--ui-gold);font:700 30px/1 var(--ui-font);letter-spacing:.18em}.online-copy{flex-shrink:0;width:auto;padding-inline:12px;font-size:11px}.online-content .online-copy-status{color:#c1b797;min-height:0;margin-top:-8px;font-size:13px}.online-copy-status:empty{display:none}.online-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.online-player{background:#211b2f;border:1px solid #55476c;border-radius:5px;align-content:start;gap:9px;min-width:0;padding:16px;display:grid}.online-player.is-you{background:#261f27;border-color:#806236}.online-player.is-empty{background:#14121f;border-style:dashed}.online-player-role{color:var(--ui-muted);font:700 9px/1.2 var(--ui-font);letter-spacing:.08em}.online-player strong{overflow-wrap:anywhere;color:var(--ui-text);font:700 23px/1.1 var(--ui-font)}.online-player-powers{color:#bcb3ce;font:400 14px/1.3 var(--ui-font)}.online-player-ready{color:#a398b6;font:700 10px/1.2 var(--ui-font);letter-spacing:.08em}.online-player-ready.is-ready{color:#a3e4c7}.online-section-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.online-section-heading>span{color:var(--ui-muted);font:700 9px/1.3 var(--ui-font);letter-spacing:.06em;text-align:right}.online-arena{gap:12px;display:grid}.online-arena .online-section-heading{margin-bottom:0}.online-arena-carousel{min-width:0;container-type:inline-size}.online-arena-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.online-arena-selection{gap:5px;min-width:0;display:grid}.online-selected-arena-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text);font:600 17px/1.1 var(--ui-font);overflow:hidden}.online-arena-navigation{flex-shrink:0;gap:8px;display:flex}.online-arena-meta{justify-content:space-between;align-items:start;gap:8px;min-width:0;display:flex}.online-level-group{color:#b8accb;font:700 10px/1.2 var(--ui-font);letter-spacing:.05em;text-transform:uppercase}.online-level-count,.online-arena-number{color:#a99dbb;font:600 12px/1 var(--ui-font);font-variant-numeric:tabular-nums;letter-spacing:.1em;flex-shrink:0}.online-arena-nav{width:44px;height:46px;color:var(--ui-gold);cursor:pointer;background:#262137;border:1px solid #514568;border-radius:4px;place-items:center;padding:10px;display:grid}.online-arena-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.online-arena-nav:not(:disabled):hover{border-color:var(--ui-gold);background:#383047}.online-arena-nav:disabled{color:#6d627e;cursor:default;background:#191622;border-color:#30283d}.online-arena-track{overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:12px;padding-block:2px 8px;display:flex;position:relative;overflow-x:auto}.online-arena-track::-webkit-scrollbar{display:none}.online-arena-track:focus-visible{outline:2px solid var(--ui-gold);outline-offset:2px}.online-arena-card{text-align:left;scroll-snap-align:start;cursor:pointer;background:linear-gradient(145deg,#1b1727,#0c111a);border:1px solid #41374f;border-radius:6px;flex:0 0 84%;grid-template-rows:24px 112px 44px 12px;gap:7px;min-width:0;padding:12px;display:grid}.online-arena-card[aria-pressed=true]{border-color:var(--ui-gold-edge);box-shadow:inset 0 -2px var(--ui-gold-edge);background:linear-gradient(145deg,#322737,#18141f)}.online-arena-card[aria-pressed=true] .online-level-group,.online-arena-card[aria-pressed=true] .online-arena-number{color:var(--ui-gold)}.online-arena-card:not(:disabled):hover{border-color:var(--ui-gold);background:#282033}.online-arena-card:disabled{cursor:default;opacity:1}.multiplayer-panel .online-arena-card:focus-visible{outline:2px solid var(--ui-gold);outline-offset:-4px}.online-level-preview{place-items:center;width:100%;height:112px;display:grid}.online-level-preview .level-preview{width:100%;max-width:240px;height:112px;padding:4px}.online-random-preview{fill:none;width:82px;height:82px;stroke:var(--ui-gold);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.online-random-preview .online-random-rival{stroke:var(--ui-rival)}.online-level-name{color:var(--ui-text);font:700 21px/1.05 var(--ui-font);align-self:center;margin:0}.online-arena-card-status{color:var(--ui-gold);font:700 10px/1.2 var(--ui-font);letter-spacing:.08em}.online-content .online-level-description{min-height:40px;margin-top:4px;font-size:14px}@container (width>=440px){.online-arena-card{flex-basis:calc(50% - 6px)}}@container (width>=600px){.online-arena-card{flex-basis:calc(33.3333% - 8px)}}.online-power-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.online-power-slot{min-width:0;min-height:60px;color:var(--ui-text);cursor:pointer;background:#1b1727;border:1px solid #514568;border-radius:4px;gap:5px;padding:10px 8px;display:grid}.online-power-slot small{font:700 9px/1.2 var(--ui-font);letter-spacing:.05em;color:#a79bb9}.online-power-slot strong{font:700 20px/1 var(--ui-font)}.online-power-slot[aria-pressed=true]{background:#2c2231;border-color:#f5a623;box-shadow:inset 0 -2px #f5a623}.online-power-slot[aria-pressed=true] small{color:var(--ui-gold)}.online-power-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.online-power-option{color:#c8bed9;cursor:pointer;background:#171320;border:1px solid #3b334d;border-radius:4px;justify-content:flex-start;align-items:center;gap:8px;min-width:0;min-height:48px;padding:10px;display:flex}.online-power-option .power-icon{flex:none;width:19px;height:19px}.online-power-option>span{font:700 16px/1 var(--ui-font)}.online-power-option>small{font:700 11px/1 var(--ui-font);margin-left:auto}.online-power-option.is-equipped{color:var(--ui-gold);background:#2a2230;border-color:#93703c}.online-power-option[aria-pressed=true]{box-shadow:inset 0 0 0 1px #f5a623}.online-power-slot:not(:disabled):hover,.online-power-option:not(:disabled):hover{border-color:var(--ui-gold);background:#332b43}.online-power-option:disabled,.online-power-slot:disabled{cursor:default}.online-clear-slot{color:#b5a9c7;width:100%;min-height:44px;font:700 11px/1.2 var(--ui-font);letter-spacing:.08em;cursor:pointer;background:#1b1725;border:0;border-radius:3px;margin-top:8px}.online-clear-slot:disabled{color:#80768f;cursor:default}.online-clear-slot:not(:disabled):hover{background:#332b43}.online-content .online-power-detail{min-height:40px;margin-top:12px;font-size:14px}.online-footer{z-index:2;padding:16px var(--online-inset) max(16px, env(safe-area-inset-bottom,0px));background:#171421;border-top:1px solid #3b334d;flex-shrink:0;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px;display:grid;position:relative}.online-ready-hint{color:#c1b5d2;font:400 14px/1.3 var(--ui-font);text-align:center;grid-column:1/-1;margin:0}.online-footer .online-leave{letter-spacing:.06em;font-size:11px}.online-result .online-content,.online-match-menu .online-content{text-align:center;max-width:460px;margin:0 auto;padding-block:48px}.online-result .online-result-title,.online-match-menu h2{text-transform:uppercase;font-size:38px}.online-result-mark{color:var(--ui-gold);place-items:center;display:inline-grid}.online-result-mark .ui-icon{width:42px;height:42px}.online-player-ready{align-items:center;gap:5px;display:inline-flex}.online-player-ready .ui-icon{width:12px;height:12px}.online-result .online-player{text-align:left}.multiplayer-overlay.is-result{-webkit-backdrop-filter:none;backdrop-filter:none;background:#100f1b}.multiplayer-overlay.is-result.has-result-arena{background:#070a12a3}.multiplayer-overlay.is-result .multiplayer-panel{padding:max(24px, env(safe-area-inset-top,0px)) 20px max(24px, env(safe-area-inset-bottom,0px));background:0 0}.multiplayer-overlay.is-result .online-result{flex-direction:column;width:100%;display:flex}.multiplayer-overlay.is-result .online-result .online-content{background:linear-gradient(160deg,#211c30,#14111f);border:1px solid #514568;border-radius:6px;flex-shrink:0;gap:18px;width:100%;max-width:460px;margin-block:auto;padding:28px 24px;box-shadow:0 18px 64px #0008}.multiplayer-overlay.is-result .online-result-title{outline:none;font-size:clamp(28px,5vw,38px)}.multiplayer-overlay.is-result .online-error{border:1px solid #91546f;border-radius:4px;flex-shrink:0;margin-bottom:16px}.online-leave-confirm{z-index:8;background:#100f1b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.online-leave-confirm>div{text-align:center;background:#211b2f;border:1px solid #625078;border-radius:6px;gap:18px;width:min(100%,380px);padding:24px;display:grid}.control-dock.is-online{grid-template-columns:60px minmax(0,1fr) minmax(0,1fr) 46px}.control-dock.is-online .speed-button{display:none}.scoreboard.is-online .score-edge small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#multiplayer-overlay.is-visible~.debug-panel{display:none}@media (width<=560px){.multiplayer-panel{--online-inset:20px}.online-header{padding-block:max(18px, env(safe-area-inset-top,0px)) 18px;gap:10px}.online-header h1{font-size:28px}.online-badge{display:none}.online-header{grid-template-columns:44px minmax(0,1fr)}.online-player{padding:12px}.online-player strong{font-size:21px}.online-power-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-invite{gap:10px;padding:12px}.online-room-code{letter-spacing:.14em;font-size:27px}.online-copy{max-width:110px;padding-inline:10px;font-size:10px}.online-footer{padding-block:12px max(12px, env(safe-area-inset-bottom,0px))}.online-footer .online-button{padding-inline:8px}.control-dock.is-online{grid-template-columns:42px minmax(0,1fr) minmax(0,1fr) 44px}}@media (width<=360px){.multiplayer-overlay.is-result .multiplayer-panel{padding:max(16px, env(safe-area-inset-top,0px)) 12px max(16px, env(safe-area-inset-bottom,0px))}.multiplayer-overlay.is-result .online-result .online-content{gap:16px;padding:24px 16px}.multiplayer-panel{--online-inset:16px}.online-power-option{gap:7px;padding:9px 8px}.online-power-option>span{font-size:15px}.online-player-list{gap:8px}.online-player-role{font-size:8px}.online-player-powers{font-size:13px}.online-footer{gap:8px}}
