@import "https://fonts.googleapis.com/css2?family=Bungee&family=Barlow+Condensed:wght@500;600;700;800&display=swap";.battle-app{--bg:#080d1c;--surface:#121b30;--surface-2:#19243f;--line:#2a3a62;--blue:#00cfff;--orange:#ff8a00;--purple:#8b5cf6;--gold:#ffc857;--red:#ff4757;--green:#2ee59d;--text:#eef4ff;--muted:#8a9cc0;--display:"Bungee", "Arial Black", Impact, sans-serif;--ui:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);background:var(--bg);color:var(--text);font-family:var(--ui);letter-spacing:.02em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:15px;position:fixed;inset:0;overflow:hidden}.battle-app[data-view=match]{touch-action:none}:where(.battle-app) :where(button,input,select){font:inherit;color:inherit}:where(.battle-app) :where(button){cursor:pointer;background:0 0;border:0;transition:transform .12s,filter .2s,background .2s,opacity .2s}.battle-app button:active:not(:disabled){transform:scale(.95)}.battle-app button:disabled{cursor:default;opacity:.4}.battle-app button:focus-visible,.battle-app select:focus-visible,.battle-app input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.muted{color:var(--muted)}:where(.battle-app) a{color:var(--blue)}.scene-layer{z-index:0;position:absolute;inset:0}.scene-layer canvas{display:block}.scene-layer.dimmed:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 30%,#040713bf 100%),linear-gradient(#0407138c 0%,#0000 25% 60%,#040713d9 100%);position:absolute;inset:0}.bb-logo{filter:drop-shadow(0 18px 30px #0009);flex-direction:column;align-items:center;line-height:.88;display:flex;transform:rotate(-3deg)}.bb-logo-block,.bb-logo-battle{font-family:var(--display);letter-spacing:.02em;font-size:clamp(40px,min(13vw,15vh),132px)}.bb-logo-block{color:#f4fbff;text-shadow:0 3px #7fe6ff,0 6px #00a6d6,0 9px #00739a,0 12px #004d6b,0 0 40px #00cfff73}.bb-logo-battle{color:var(--gold);text-shadow:0 3px #ffb02e,0 6px #ff8a00,0 9px #c65d00,0 12px #7d3a00,0 0 40px #ff8a0080;margin-top:.08em}.bb-logo-tag{background:var(--red);color:#fff;letter-spacing:.35em;margin-top:16px;padding:6px 14px;font-size:clamp(11px,2.2vw,16px);font-weight:800;transform:skew(-12deg);box-shadow:0 4px #9c1622}.bb-logo.small .bb-logo-block,.bb-logo.small .bb-logo-battle{font-size:clamp(30px,5.2vw,58px)}.bb-logo.small .bb-logo-tag{margin-top:10px;padding:4px 10px;font-size:10px}.title-screen{z-index:5;padding:calc(24px + var(--safe-t)) 16px calc(16px + var(--safe-b));flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.title-screen.is-ready{cursor:pointer}.title-center{flex:1;place-items:center;animation:.9s cubic-bezier(.2,1.4,.4,1) both logo-in;display:grid}@keyframes logo-in{0%{opacity:0;transform:scale(.6)translateY(-30px)}}.title-bottom{flex-direction:column;align-items:center;gap:16px;width:min(460px,100%);display:flex}.load-bar{border:2px solid var(--line);background:#080d1cd9;border-radius:8px;width:100%;height:26px;position:relative;overflow:hidden}.load-bar span{background:repeating-linear-gradient(-45deg, var(--orange) 0 14px, var(--gold) 14px 28px);background-size:40px 40px;transition:width .1s linear;animation:.6s linear infinite stripes;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #ff8a0099}@keyframes stripes{to{background-position:40px 0}}.load-bar small{letter-spacing:.18em;text-shadow:0 1px 3px #000;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.tap-start{font-family:var(--display);color:#fff;letter-spacing:.08em;text-shadow:0 0 18px var(--blue), 0 3px 0 #00739a;font-size:clamp(22px,5vw,34px);animation:1.2s ease-in-out infinite tap-pulse}@keyframes tap-pulse{50%{opacity:.45;transform:scale(.96)}}.title-tip{border:1px solid var(--line);color:#cfdcf5;background:#080d1cb3;border-radius:999px;align-items:center;gap:10px;margin:0;padding:8px 14px;font-size:14px;font-weight:600;animation:.4s both fade-up;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.title-footer{letter-spacing:.3em;color:#5d6f96;margin-top:10px;font-size:11px;font-weight:700}.menu-screen{z-index:5;padding:calc(12px + var(--safe-t)) calc(16px + var(--safe-r)) calc(14px + var(--safe-b)) calc(16px + var(--safe-l));grid-template:"top top top""tiles logo."1fr"tiles.dock"/auto 1fr auto;gap:12px;animation:.35s both fade-up;display:grid;position:absolute;inset:0}.menu-top{grid-area:top;align-items:center;gap:10px;display:flex}.player-badge{border:1px solid var(--line);text-align:left;background:#121b30e0;border-radius:14px;align-items:center;gap:10px;margin-right:auto;padding:6px 14px 6px 6px;display:flex}.badge-avatar{background:linear-gradient(135deg, var(--blue), var(--purple));width:46px;height:46px;font-family:var(--display);border-radius:12px;place-items:center;font-size:16px;display:grid;position:relative;box-shadow:inset 0 -4px #00000040}.badge-avatar b{background:var(--gold);color:#3a2400;min-width:22px;height:22px;font-family:var(--ui);border:2px solid var(--bg);border-radius:7px;place-items:center;padding:0 4px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-6px}.badge-info{flex-direction:column;gap:2px;min-width:120px;display:flex}.badge-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:16px;font-weight:800;overflow:hidden}.badge-info small{color:var(--gold);align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.xp-track,.bar{background:#0a1124;border-radius:3px;height:6px;display:block;overflow:hidden}.xp-track span,.bar span{background:linear-gradient(90deg, var(--blue), var(--green));height:100%;display:block}.menu-signin{background:var(--blue);letter-spacing:.1em;border-radius:12px;padding:10px 16px;font-weight:800;text-decoration:none;box-shadow:0 4px #00739a;color:#04121c!important}.menu-icon{border:1px solid var(--line);background:#121b30e0;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.menu-logo{pointer-events:none;grid-area:logo;place-items:center;display:grid}.menu-tiles{flex-direction:column;grid-area:tiles;justify-content:center;gap:10px;display:flex}.menu-tile{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:#cfdcf5;background:linear-gradient(#1f2c4cf2,#121b30f2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:74px;height:66px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px #0a1124}.menu-tile svg{color:var(--blue)}.menu-tile:hover{filter:brightness(1.2)}.play-dock{flex-direction:column;grid-area:dock;place-self:end;align-items:stretch;gap:10px;width:min(360px,100%);display:flex}.mode-switch{border:1px solid var(--line);background:#121b30eb;border-radius:16px;align-items:center;gap:6px;padding:6px;display:flex}.mode-arrow{background:var(--surface-2);width:40px;height:52px;color:var(--blue);border-radius:10px;flex:none;place-items:center;display:grid}.mode-current{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mode-glyph{width:40px;height:40px;color:var(--blue);background:#00cfff24;border-radius:10px;flex:none;place-items:center;display:grid}.mode-current small{color:var(--gold);letter-spacing:.2em;font-size:11px;font-weight:800;display:block}.mode-current strong{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:400;display:block;overflow:hidden}.mode-dots{justify-content:center;gap:6px;display:flex}.mode-dots button{background:#2c3b62;border-radius:4px;width:8px;height:8px}.mode-dots button.on{background:var(--blue);width:22px}.difficulty-chips{gap:6px;display:flex}.difficulty-chips button{border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#121b30eb;border-radius:10px;flex:1;padding:8px 0;font-weight:800}.difficulty-chips button.on{background:var(--purple);color:#fff;border-color:#b39bff}.mode-note{text-align:center;color:#c4d2ee;text-shadow:0 1px 3px #000;margin:0;font-size:14px;font-weight:600}.play-button{height:72px;font-family:var(--display);letter-spacing:.06em;text-shadow:0 2px #ffffff73;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:34px;animation:2s ease-in-out infinite play-glow;display:inline-flex;position:relative;box-shadow:0 7px #a84e00,0 12px 30px #ff8a0073,inset 0 2px #fff9;background:linear-gradient(180deg, #ffd66b 0%, var(--gold) 30%, var(--orange) 100%)!important;color:#3b1a00!important}.play-button:active:not(:disabled){box-shadow:0 2px #a84e00,0 6px 18px #ff8a0066;transform:translateY(5px)!important}.play-button.compact{width:100%;height:54px;font-size:20px;animation:none}@keyframes play-glow{50%{filter:brightness(1.12)}}.ghost-button{letter-spacing:.12em;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 22px;font-weight:800;display:inline-flex;border:1px solid var(--line)!important;background:#19243ff2!important}.link-button{color:var(--muted);letter-spacing:.15em;text-underline-offset:4px;padding:8px;font-weight:700;text-decoration:underline}.link-button.danger{color:var(--red)}.gift-icon{flex:none;overflow:visible}.gift-icon.gift-special{animation:1.4s ease-in-out infinite gift-glow}@keyframes gift-glow{0%,to{filter:drop-shadow(0 0 3px #ffc85799)}50%{filter:drop-shadow(0 0 10px #ffc857)drop-shadow(0 0 4px #8b5cf6cc)}}.match-view{z-index:5;pointer-events:none;position:absolute;inset:0}.match-view>*{pointer-events:auto}.hud-top{z-index:10;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute}.hud-top>*{pointer-events:auto}.hud-me,.hud-rival{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080d1cb8;border:1px solid #2a3a62cc;border-radius:12px;align-items:center;gap:8px;padding:5px 10px 5px 5px;display:flex}.hud-me{border-color:#00cfff73;justify-self:start}.hud-avatar{background:linear-gradient(135deg, var(--blue), #006b88);width:36px;height:36px;font-family:var(--display);border-radius:9px;place-items:center;font-size:13px;display:grid}.hud-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em;max-width:110px;font-size:13px;font-weight:800;display:block;overflow:hidden}.hearts{gap:2px;display:flex}.heart{color:var(--red);filter:drop-shadow(0 0 4px #ff4757b3)}.heart.empty{color:#3a4566;filter:none}.hud-mate{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.hud-rivals{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:6px;display:flex}.hud-rival{border-color:#ff8a0073;padding-left:10px}.hud-bombs{color:var(--gold);align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.hud-pause{border-radius:10px;place-items:center;width:40px;height:40px;display:grid;border:1px solid var(--line)!important;background:#080d1cb8!important}.hud-clock{flex-direction:column;align-items:center;gap:4px;display:flex}.hud-score{border:1px solid var(--line);background:#080d1cd1;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.hud-score b{width:28px;font-family:var(--display);place-items:center;font-size:15px;font-weight:400;display:grid}.hud-score b.mine{color:var(--blue);background:#00cfff40}.hud-score b.theirs{color:var(--orange);background:#ff8a0040}.hud-score strong{text-align:center;min-width:54px;font-family:var(--display);padding:2px 8px;font-size:24px;font-weight:400}.round-pips{gap:4px;display:flex}.round-pips i{background:#24314f;border-radius:3px;width:9px;height:9px;transform:rotate(45deg)}.round-pips i.now{background:#fff;box-shadow:0 0 6px #fff}.round-pips i.won{background:var(--blue)}.round-pips i.lost{background:var(--orange)}.round-pips i.draw{background:var(--muted)}.hud-net{letter-spacing:.12em;color:var(--muted);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.effect-bar{z-index:10;top:calc(96px + var(--safe-t));border:1px solid var(--c);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#080d1ccc;border-radius:12px;align-items:center;gap:8px;padding:4px 14px 8px 6px;font-size:13px;font-weight:800;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.effect-bar i{background:var(--c);height:3px;box-shadow:0 0 8px var(--c);position:absolute;bottom:0;left:0}.action-cluster{z-index:12;right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));grid-template-columns:auto auto;grid-template-areas:"power bomb""dash bomb";align-items:end;gap:10px;display:grid;position:absolute}.act{touch-action:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;box-shadow:0 5px #070c1a,0 8px 20px #00000080;border:2px solid var(--line)!important;background:radial-gradient(circle at 50% 35%,#26355c,#111a31)!important}.act kbd{border:1px solid var(--line);font-family:var(--ui);color:var(--muted);background:#0a1124;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:800;display:none;position:absolute;top:-8px;right:-6px}.act-bomb{grid-area:bomb;width:92px;height:92px}.act-bomb.armed:not(:disabled){animation:1.1s ease-in-out infinite bomb-ready;box-shadow:0 5px #6b4a00,0 0 24px #ffc8578c;border-color:var(--gold)!important}@keyframes bomb-ready{50%{box-shadow:0 5px #6b4a00,0 0 38px #ffc857d9}}.act-count{font-family:var(--display);color:var(--gold);font-size:13px}.act-power{grid-area:power;width:78px;height:78px;border-color:var(--c)!important}.act-power:before{content:"";background:conic-gradient(#080d1cd1 var(--cd), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.act-power.ready:not(:disabled){box-shadow:0 5px 0 #070c1a, 0 0 22px var(--c)}.act-label{letter-spacing:.05em;text-transform:uppercase;text-align:center;max-width:74px;font-size:10px;font-weight:800;line-height:1;position:relative}.act-dash{width:60px;height:60px;color:var(--blue);grid-area:dash;justify-self:center}.desktop-help{z-index:10;left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));letter-spacing:.08em;color:var(--muted);pointer-events:none;background:#080d1cb3;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;display:none;position:absolute}.hold-pad{z-index:6;touch-action:none;display:none;position:absolute;inset:0}.hold-ring{opacity:0;pointer-events:none;background:radial-gradient(circle,#00cfff1f,#00cfff05 70%);border:2px solid #ffffff59;border-radius:50%;width:112px;height:112px;transition:opacity .12s;position:fixed;top:0;left:0}.hold-knob{background:radial-gradient(circle at 40% 35%, #fff, var(--blue));border-radius:50%;width:50px;height:50px;position:absolute;top:31px;left:31px;box-shadow:0 0 20px #00cfffcc}.hold-hint{border:1px solid var(--line);pointer-events:none;white-space:nowrap;background:#080d1cbf;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 18px;display:flex;position:absolute;bottom:26%;left:50%;transform:translate(-50%)}.hold-hint strong{font-family:var(--display);color:var(--gold);font-size:18px;font-weight:400}.hold-hint small{color:#cfdcf5;font-weight:700}.hold-finger{border:3px solid #fff;border-radius:50%;width:34px;height:34px;animation:1.8s ease-in-out infinite finger}@keyframes finger{0%,to{transform:translate(-26px)scale(.9)}50%{transform:translate(26px)scale(1)}}.touch-controls{z-index:6;padding:0 calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l));pointer-events:none;justify-content:space-between;display:none;position:absolute;inset:auto 0 0}.joystick{touch-action:none;pointer-events:auto;background:#080d1c73;border:2px solid #ffffff2e;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:relative}.joystick small{letter-spacing:.15em;color:var(--muted);font-size:10px;font-weight:800;position:absolute;bottom:-18px}.stick-thumb{border:2px solid var(--blue);width:54px;height:54px;color:var(--blue);background:radial-gradient(circle at 40% 35%,#3a4c7c,#19243f);border-radius:50%;place-items:center;display:grid}.aim-stick{margin-right:200px}.aim-stick .stick-thumb{border-color:var(--orange);color:var(--orange)}.pickup-toast{z-index:11;border:2px solid var(--c);box-shadow:0 0 30px color-mix(in srgb, var(--c) 45%, transparent);pointer-events:none;background:#080d1ce0;border-radius:18px;align-items:center;gap:12px;padding:10px 20px 10px 12px;animation:1.8s both toast-pop;display:flex;position:absolute;top:30%;left:50%}.pickup-toast strong{font-family:var(--display);color:var(--c);font-size:22px;font-weight:400;display:block}.pickup-toast small{color:#cfdcf5;max-width:250px;font-weight:600;display:block}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%,80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-14px)scale(.96)}}.hurt-flash{z-index:9;pointer-events:none;animation:.45s ease-out forwards hurt;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #ff1e32a6}@keyframes hurt{to{opacity:0}}.round-banner{z-index:11;text-align:center;pointer-events:none;background:linear-gradient(90deg,#0000,#080d1ce6 20% 80%,#0000);padding:16px 0;animation:.4s cubic-bezier(.2,1.4,.4,1) both banner-in;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@keyframes banner-in{0%{transform:translateY(-50%)scaleY(0)}}.round-banner small{letter-spacing:.3em;color:var(--muted);font-weight:800}.round-banner h2{font-family:var(--display);margin:2px 0;font-size:clamp(34px,8vw,64px);font-weight:400}.round-banner h2.won{color:var(--blue);text-shadow:0 0 30px #00cfff99}.round-banner h2.lost{color:var(--orange);text-shadow:0 0 30px #ff8a0099}.round-banner p{color:#cfdcf5;margin:0;font-weight:700}.spectate-chip,.reconnect-chip,.rotate-hint{z-index:11;border:1px solid var(--line);letter-spacing:.12em;white-space:nowrap;pointer-events:none;background:#080d1cd9;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}.spectate-chip{color:var(--red);top:40%}.reconnect-chip{color:var(--gold);top:52%}.rotate-hint{bottom:calc(130px + var(--safe-b));color:var(--muted);letter-spacing:.05em;display:none}@media (pointer:coarse){.hold-pad{display:block}.touch-controls{display:flex}}@media (pointer:coarse) and (orientation:portrait){.rotate-hint{display:block}.aim-stick{margin-bottom:120px;margin-right:0}}@media (pointer:fine){.act kbd,.desktop-help{display:block}.act-bomb{width:80px;height:80px}.act-power{width:70px;height:70px}}.overlay-screen{z-index:5;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.3s both fade-up;display:flex;position:absolute;inset:0;overflow-y:auto}.back-chip{top:calc(12px + var(--safe-t));left:calc(14px + var(--safe-l));letter-spacing:.12em;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-weight:800;display:flex;position:absolute;border:1px solid var(--line)!important;background:#121b30e6!important}.game-panel{background:linear-gradient(180deg, #1a2646, var(--surface) 30%);-webkit-user-select:text;user-select:text;border:2px solid #33477a;border-radius:22px;flex-direction:column;width:min(520px,100%);max-height:calc(100dvh - 32px);display:flex;position:relative;box-shadow:0 0 0 4px #080d1c99,0 24px 60px #0009,inset 0 1px #ffffff14}.game-panel.wide{width:min(860px,100%)}.center-panel{text-align:center;align-items:center;gap:12px;padding:24px 22px;overflow-y:auto}.center-panel h1,.center-panel h2{font-family:var(--display);margin:0;font-size:clamp(26px,6vw,38px);font-weight:400}.kicker{letter-spacing:.3em;color:var(--gold);font-weight:800}.status-chip{border:1px solid var(--line);color:var(--blue);background:#0a1124;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.radar{background:radial-gradient(circle,#0000 30%,#00cfff14 31%,#0000 32% 62%,#00cfff14 63%,#0000 64%),#0a1226;border:2px solid #00cfff66;border-radius:50%;width:150px;height:150px;margin:6px 0;position:relative;overflow:hidden}.radar span{background:conic-gradient(#00cfff8c,#0000 25%);animation:1.6s linear infinite spin;position:absolute;inset:0}.radar i{background:var(--orange);width:9px;height:9px;box-shadow:0 0 12px var(--orange);border-radius:50%;animation:1.6s ease-in-out infinite tap-pulse;position:absolute;top:30%;left:66%}@keyframes spin{to{transform:rotate(360deg)}}.room-form{flex-direction:column;gap:10px;width:100%;display:flex}.room-form select,.room-join input{border:1px solid var(--line);background:#0a1124;border-radius:12px;height:48px;padding:0 12px;font-weight:700}.room-join{gap:8px;display:flex}.room-join input{letter-spacing:.3em;flex:1;min-width:0;font-size:18px}.room-join button{border-radius:12px;align-items:center;gap:6px;padding:0 16px;font-weight:800;display:flex;background:var(--blue)!important;color:#04121c!important}.room-code{font-family:var(--display);letter-spacing:.15em;color:var(--gold);font-size:48px}.room-player{text-align:left;background:#0a1124;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-weight:700;display:flex}.room-player small{color:var(--gold);margin-left:auto;font-weight:800}.result-banner{flex-direction:column;align-items:center;animation:.6s cubic-bezier(.2,1.4,.4,1) both banner-in-plain;display:flex}@keyframes banner-in-plain{0%{opacity:0;transform:scale(.4)}}.result-banner small{letter-spacing:.35em;color:var(--muted);font-weight:800}.result-banner h1{font-family:var(--display);margin:0;font-size:clamp(54px,13vw,120px);font-weight:400;line-height:1}.results.win .result-banner h1{color:var(--gold);text-shadow:0 4px #ff8a00,0 8px #7d3a00,0 0 50px #ffc85799}.results.loss .result-banner h1{color:#ff6b78;text-shadow:0 4px #b8202f,0 8px #5c0d15,0 0 50px #ff475780}.results.draw .result-banner h1{color:#dfe7f8;text-shadow:0 4px #6b7a9c,0 8px #333d55}.result-score{font-family:var(--display);margin-top:6px;font-size:26px}.result-stats{gap:10px;display:flex}.result-stats div{border:1px solid var(--line);text-align:center;background:#121b30eb;border-radius:16px;min-width:96px;padding:12px}.result-stats strong{font-family:var(--display);font-size:28px;font-weight:400;display:block}.result-stats span{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800}.result-note{text-align:center;margin:0;font-weight:600}.result-actions{align-items:center;gap:12px;display:flex}.result-actions .play-button{height:62px;font-size:24px}.modal-backdrop{z-index:50;padding:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040713b8;place-items:center;animation:.2s both fade-up;display:grid;position:fixed;inset:0}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px 12px 20px;display:flex}.panel-head h2{font-family:var(--display);color:var(--gold);margin:0;font-size:22px;font-weight:400}.panel-close{border-radius:10px;place-items:center;width:38px;height:38px;display:grid;background:var(--surface-2)!important}.panel-body{touch-action:pan-y;overscroll-behavior:contain;padding:16px 20px 20px;overflow-y:auto}.panel-sub{font-family:var(--display);letter-spacing:.06em;color:var(--blue);margin:18px 0 10px;font-size:15px;font-weight:400}.skeleton-list span{background:var(--surface-2);border-radius:12px;height:46px;margin-bottom:8px;animation:1.2s ease-in-out infinite tap-pulse;display:block}.leaderboard{flex-direction:column;gap:6px;display:flex}.lb-row{background:#0e1730;border:1px solid #0000;border-radius:12px;grid-template-columns:32px 36px 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.lb-row b{font-family:var(--display);color:var(--muted);font-weight:400}.lb-row.top-1 b{color:var(--gold)}.lb-row.top-2 b{color:#d8e2f2}.lb-row.top-3 b{color:#e0915a}.lb-row.own{border-color:var(--blue);background:#00cfff1a}.lb-avatar{background:var(--surface-2);border-radius:9px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.lb-wins{color:var(--muted);font-weight:700}.lb-row strong{font-family:var(--display);color:var(--blue);font-weight:400}.pagination{letter-spacing:.12em;justify-content:center;align-items:center;gap:14px;margin-top:12px;font-weight:800;display:flex}.pagination button{border-radius:10px;place-items:center;width:40px;height:40px;display:grid;background:var(--surface-2)!important}.own-rank{text-align:center;color:var(--blue);font-weight:800}.empty-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.mission-row{color:var(--gold);background:#0e1730;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:grid}.mission-row div{color:var(--text);flex-direction:column;gap:5px;display:flex}.mission-row small{color:var(--muted);font-weight:700}.mission-row button{border-radius:10px;place-items:center;min-width:84px;height:40px;font-weight:800;display:grid;background:var(--green)!important;color:#04221a!important}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.achievement-grid div{color:var(--muted);background:#0e1730;border-radius:12px;align-items:center;gap:8px;padding:10px;font-weight:700;display:flex}.achievement-grid div.unlocked{color:var(--gold);border:1px solid #ffc85766}.customization{grid-template-columns:1fr 1fr;gap:16px;display:grid}.character-preview{touch-action:none;background:#0b1226;border-radius:16px;min-height:300px;position:relative;overflow:hidden}.character-preview>small{text-align:center;letter-spacing:.2em;color:var(--muted);pointer-events:none;font-weight:800;position:absolute;bottom:10px;left:0;right:0}.skin-list{flex-direction:column;gap:8px;display:flex}.skin-list p{margin:0 0 4px}.skin-list button{text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex;background:#0e1730!important;border:2px solid #0000!important}.skin-list button.equipped{border-color:var(--blue)!important}.skin-list button>span:nth-child(2){flex-direction:column;flex:1;display:flex}.skin-list em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.skin-swatch{border-radius:10px;width:40px;height:40px;box-shadow:inset 0 -5px #0000004d}.rarity{letter-spacing:.2em;color:var(--muted);font-size:11px;font-weight:800}.rarity.rare{color:var(--blue)}.rarity.epic{color:var(--purple)}.rarity.legendary{color:var(--gold)}.store-notice{color:var(--gold);background:#ffc85714;border:1px solid #ffc8574d;border-radius:14px;gap:12px;padding:12px;display:flex}.store-notice p{color:var(--muted);margin:4px 0 0}.store-notice strong{color:var(--text)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:14px;display:grid}.shop-card{border:1px solid var(--line);text-align:center;background:#0e1730;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;display:flex}.shop-orb{background:var(--c);width:64px;height:64px;box-shadow:inset 0 -8px 0 #0000004d, 0 0 26px var(--c);border-radius:18px;margin:6px 0;transform:rotate(45deg)}.shop-card button{color:var(--muted);border-radius:8px;align-items:center;gap:4px;margin-top:4px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;background:var(--surface-2)!important}.settings-list{flex-direction:column;gap:8px;display:flex}.settings-list label{background:#0e1730;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-weight:700;display:flex}.settings-list label>span{align-items:center;gap:8px;display:flex}.settings-list select{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;max-width:60%;height:38px;padding:0 8px}.settings-list input[type=range]{width:45%;accent-color:var(--blue)}.settings-list input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue)}.help-steps{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.help-steps div{background:#0e1730;border-radius:14px;padding:14px}.help-steps span{background:var(--orange);color:#3b1a00;width:30px;height:30px;font-family:var(--display);border-radius:8px;place-items:center;display:inline-grid}.help-steps h3{font-family:var(--display);margin:8px 0 4px;font-size:14px;font-weight:400}.help-steps p{color:var(--muted);margin:0;font-weight:600}.loot-guide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.loot-guide>div{border-left:4px solid var(--c);background:#0e1730;border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.loot-guide>div.special{border:1px solid #ffc85780;border-left:4px solid var(--gold);background:linear-gradient(90deg,#ffc85729,#8b5cf61f);grid-column:1/-1}.loot-guide span{flex-direction:column;flex:1;display:flex}.loot-guide strong{color:var(--c);letter-spacing:.05em;font-weight:800}.loot-guide small{color:var(--muted);font-size:13px;font-weight:600}.controls-guide p{color:#c4d2ee;margin:0 0 8px;font-weight:600}.controls-guide strong{color:var(--gold)}.error-toast{z-index:60;left:50%;bottom:calc(16px + var(--safe-b));border:1px solid var(--red);background:#2a0f18;border-radius:14px;align-items:center;gap:12px;width:min(520px,100% - 32px);padding:12px 12px 12px 16px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.error-toast span{flex:1}@media (width<=700px) and (orientation:portrait){.menu-screen{grid-template:"top""logo"1fr"dock""tiles"/1fr}.menu-tiles{flex-direction:row;justify-content:space-between}.menu-tile{flex:1;width:auto;height:60px;font-size:11px}.play-dock{justify-self:stretch;width:100%}.customization,.help-steps{grid-template-columns:1fr}.character-preview{min-height:240px}.hud-top{grid-template-columns:1fr auto;grid-template-areas:"me rivals""clock clock"}.hud-me{grid-area:me}.hud-rivals{grid-area:rivals}.hud-clock{grid-area:clock}.effect-bar{top:calc(130px + var(--safe-t))}.result-stats div{flex:1;min-width:0}}@media (height<=460px) and (orientation:landscape){.bb-logo.small .bb-logo-block,.bb-logo.small .bb-logo-battle{font-size:30px}.bb-logo.small .bb-logo-tag{display:none}.menu-tiles{gap:6px}.menu-tile{width:64px;height:50px;font-size:10px}.menu-tile svg{width:18px;height:18px}.play-button{height:58px;font-size:28px}.mode-arrow{height:44px}.badge-avatar,.menu-icon{width:40px;height:40px}.effect-bar{top:calc(78px + var(--safe-t))}.act-bomb{width:80px;height:80px}.act-power{width:68px;height:68px}.act-dash{width:52px;height:52px}.result-banner h1{font-size:52px}.game-panel{max-height:calc(100dvh - 20px)}.character-preview{min-height:220px}}[data-reduced=true] *,[data-reduced=true] :before,[data-reduced=true] :after{animation-duration:.01ms!important;animation-iteration-count:1!important}[data-colorblind=true] .heart{filter:none}[data-colorblind=true] .round-pips i.lost{background:repeating-linear-gradient(45deg, var(--orange) 0 2px, #000 2px 4px)}