/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#030b18;--arena:#061c32;--arena-soft:#0b3553;--panel:#041324d1;--panel-solid:#071c31;--cyan:#19e6f2;--cyan-soft:#2b9fb8;--lime:#8ef33f;--violet:#8556ff;--magenta:#ff2d7d;--amber:#ffb92e;--text:#ecfaff;--muted:#86a7b7;--danger:#ff4d67;--line:#75cfe42b;color-scheme:dark}.rp-rescue{z-index:260;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020512d6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rp-rescue__card{isolation:isolate;color:#f4f8ff;text-align:center;background:linear-gradient(155deg,#111c39fa,#070b1dfa);border:1px solid #6ce0ff6b;border-radius:22px;justify-items:center;gap:13px;width:min(440px,100%);padding:38px 34px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 90px #0000009e,inset 0 1px #ffffff1a}.rp-rescue__halo{z-index:-1;filter:blur(54px);background:#2ddcff3d;border-radius:50%;width:360px;height:280px;position:absolute;top:-160px}.rp-rescue__icon{color:#79edff;background:#3ccdff1c;border:1px solid #79edff5c;border-radius:20px;place-items:center;width:68px;height:68px;display:grid}.rp-rescue__card>small{color:#77dff3;font:700 12px/1 var(--font-oxanium),sans-serif;letter-spacing:.16em}.rp-rescue__card h2{font:800 clamp(30px,7vw,42px)/1 var(--font-oxanium),sans-serif;margin:0}.rp-rescue__card p{color:#e1ecffb8;max-width:340px;margin:0}.rp-rescue__card>strong{color:#86f3ff;font:800 36px/1 var(--font-oxanium),sans-serif;text-shadow:0 0 28px #46e0ff73;align-items:center;gap:8px;margin:3px 0 5px;display:flex}.rp-rescue__card button{width:min(280px,100%);margin-top:8px}.rp-rescue__error{color:#ff8ca1;font-size:13px}*{box-sizing:border-box}body,html{background:var(--ink);min-width:320px;min-height:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}body{overflow-x:hidden}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}::selection{color:#fff;background:#19e6f247}.battle-entry,.battle-room-shell,.game-shell,.lobby-shell,.matchmaking-shell,.portal-page,.portal-shell{isolation:isolate;background:#041426;width:100%;min-height:100dvh;position:relative;overflow:hidden}.arena-background,.game-surface,.phaser-surface{z-index:-3;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.game-surface,.phaser-surface{z-index:-2}.battle-background{z-index:-3;contain:strict;background:#01030a;position:absolute;inset:0;overflow:hidden}.battle-background,.battle-background__canvas{pointer-events:none;touch-action:none;width:100%;height:100%}.battle-background__canvas{-webkit-user-select:none;user-select:none;display:block}.battle-background[data-failed=true]{background:radial-gradient(circle at 50% 35%,#081932,#01030a 72%)}.battle-background[data-mode=ranked]{background:radial-gradient(circle at 50% 24%,#363b843d,#0000 38%),linear-gradient(#04040b,#010106 72%)}.battle-fx-debug{z-index:500;font-family:var(--font-ui);pointer-events:auto;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:fixed;bottom:10px;right:10px}.battle-fx-debug__panel button,.battle-fx-debug__toggle{color:#bffaff;min-height:28px;font:700 8px/1.2 var(--font-ui);letter-spacing:.06em;cursor:pointer;background:#02111feb;border:1px solid #52def14d;border-radius:5px;padding:5px 8px}.battle-fx-debug__toggle kbd{color:#6d9ba8;margin-left:5px}.battle-fx-debug__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#010a15f5;border:1px solid #40d7f057;border-radius:8px;width:min(510px,100vw - 20px);max-height:min(680px,100dvh - 58px);padding:11px;overflow-y:auto;box-shadow:0 20px 70px #000000a6,inset 0 0 35px #30d3ec09}.battle-fx-debug__panel header{color:#dffeff;justify-content:space-between;margin-bottom:9px;font-size:9px;display:flex}.battle-fx-debug__panel header span{color:#ff546f}.battle-fx-debug__panel section+section{margin-top:9px}.battle-fx-debug__panel section>small{color:#648b9b;letter-spacing:.13em;margin-bottom:5px;font-size:7px;display:block}.battle-fx-debug__panel section>div{flex-wrap:wrap;gap:5px;display:flex}.battle-fx-debug__panel button:hover{color:#fff;background:#1885993d;border-color:#53eaff}.battle-fx-debug__panel button[aria-pressed=true]{color:#fff;background:#18859952;border-color:#53eaff;box-shadow:inset 0 0 10px #53eaff1f}.battle-fx-lab-page{isolation:isolate;background:#01030a;width:100vw;height:100dvh;position:relative;overflow:hidden}.battle-fx-lab-page__label{z-index:2;pointer-events:none;font-family:var(--font-ui);text-shadow:0 2px 16px #000;flex-direction:column;display:flex;position:absolute;top:24px;left:24px}.battle-fx-lab-page__label small{color:#5ddff0;letter-spacing:.2em;font-size:7px}.battle-fx-lab-page__label strong{letter-spacing:.08em;margin-top:4px;font-size:13px}.battle-fx-lab-page__label span{color:#7895a2;margin-top:5px;font-size:8px}body:has(.battle-fx-lab-page) .game-loading--startup,body:has(.battle-fx-lab-page) .onboarding-overlay{display:none}.arena-background canvas,.game-surface canvas,.phaser-surface canvas{outline:none;display:block;width:100%!important;height:100%!important}.arena-vignette{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#020a168c,#0000 32% 68%,#020a168c),linear-gradient(#01071147,#0000 35%,#0107119e);position:absolute;inset:0}.battle-entry .arena-vignette{background:radial-gradient(at 50% 38%,#0202080d 0 16%,#02020857 52%,#010105d6 100%),linear-gradient(90deg,#010107b8,#0000 28% 72%,#010107b8),linear-gradient(#0101072e,#0000 34%,#010106b8)}.battle-entry__heading h1{text-shadow:0 0 34px #7182ff33,0 14px 40px #000000b8}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#030e1cbd;border-bottom:1px solid #74d8ea29;grid-template-columns:220px minmax(320px,1fr) auto auto;align-items:center;min-height:74px;padding:0 34px;display:grid;position:relative;box-shadow:0 12px 38px #00071447}.brand-mark{align-items:center;width:max-content;display:inline-flex}.brand-mark__logo{width:146px;height:66px;display:block;position:relative;overflow:hidden}.brand-mark__logo img{object-fit:cover;object-position:50% 50%}.brand-mark[data-compact] .brand-mark__logo{width:94px;height:44px}.topbar__nav{justify-content:center;gap:34px;height:74px;display:flex}.topbar__nav a{color:#9eb7c4;letter-spacing:.08em;place-items:center;font-size:14px;font-weight:600;transition:color .16s;display:grid;position:relative}.topbar__nav a:focus-visible,.topbar__nav a:hover{color:#fff;outline:none}.topbar__nav a:after{content:"";background:var(--cyan);height:2px;box-shadow:0 0 12px var(--cyan);opacity:0;transition:all .16s;position:absolute;bottom:0;left:20%;right:20%;transform:scaleX(.35)}.topbar__nav a:hover:after{opacity:1;transform:scaleX(1)}.topbar__actions,.topbar__status{align-items:center;gap:10px;display:flex}.topbar__status{margin-right:18px}.latency-chip,.region-chip{color:#86a7b7;font-family:var(--font-ui);letter-spacing:.08em;background:#020d1a75;border:1px solid #79c6d921;align-items:center;gap:7px;font-size:9px;display:inline-flex}.latency-chip i,.live-dot,.match-panel__eta i,.service-ok i{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #8ef33fd9}.latency-chip[data-status=checking] i{background:var(--cyan);box-shadow:0 0 10px #19e6f2cc}.latency-chip[data-status=fair] i{background:var(--amber);box-shadow:0 0 10px #ffb92ecc}.latency-chip[data-status=poor] i{background:var(--danger);box-shadow:0 0 10px #ff4d67cc}.latency-chip[data-status=offline]{color:#8d6d76}.latency-chip[data-status=offline] i{background:#9a5564;box-shadow:0 0 8px #ff4d6759}.icon-button{color:#a3bdc9;cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:all .16s;display:grid;position:relative}.icon-button:hover{color:#fff;background:#19e6f212;border-color:#19e6f238}.player-trigger{color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:9px;min-width:166px;padding:6px 8px;display:flex}.player-trigger__avatar{color:var(--cyan);place-items:center;display:grid}.player-trigger>span:nth-child(2){flex-direction:column;flex:1;align-items:flex-start;line-height:1;display:flex}.player-trigger strong{font-family:var(--font-ui);letter-spacing:.05em;font-size:10px}.dropdown-content,.select-content{z-index:100;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#041322fa;border:1px solid #25d2e747;min-width:190px;box-shadow:0 24px 70px #00050f99,inset 0 0 30px #1481970f}.dropdown-content a,.select-item{color:#aac3ce;cursor:pointer;outline:none;align-items:center;gap:9px;padding:9px 10px;display:flex}.lobby-content{z-index:3;width:min(1450px,100% - 68px);margin:0 auto;padding:clamp(34px,6vh,76px) 0 52px;position:relative}.lobby-kicker{color:#9bb5c2;letter-spacing:.09em;background:#030f1d8a;border:1px solid #6ecbde26;align-items:center;gap:10px;width:max-content;font-weight:600;display:flex}.lobby-grid{grid-template-columns:minmax(310px,.9fr) minmax(470px,1.25fr) minmax(265px,.72fr);align-items:center;gap:clamp(24px,3vw,46px);margin-top:clamp(26px,4vh,52px);display:grid}.lobby-hero{align-self:center}.battle-entry__heading>span,.battle-waiting>span,.eyebrow,.lobby-hero>.eyebrow,.matchmaking-card>span,.mode-card__copy>span,.section-heading>span{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.3em;font-size:10px;font-weight:600}.lobby-hero h1{font-family:var(--font-ui);letter-spacing:-.035em;text-shadow:0 7px 32px #000714ad;margin:17px 0 20px;font-size:clamp(40px,4.1vw,68px);font-weight:600;line-height:1.06}.lobby-hero h1 em{color:var(--cyan);text-shadow:0 0 28px #19e6f24d;font-style:normal}.lobby-hero p{color:#aac0ca;max-width:510px;margin:0;font-size:17px;line-height:1.7}.lobby-hero__stats{gap:17px;margin-top:30px;display:flex}.lobby-hero__stats span{color:#85a4b2;font-family:var(--font-ui);letter-spacing:.08em;align-items:center;gap:7px;font-size:9px;display:inline-flex}.lobby-hero__stats strong{color:#fff;font-weight:600}.mode-card,.mode-stack{display:grid}.mode-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(110deg,#041729f0,#06273ac2);border:1px solid #5dc5dc42;grid-template-columns:62px 1fr auto;align-items:center;min-height:190px;padding:26px 26px 26px 22px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 22px 70px #00071373,inset 0 0 70px #25b4d00a}.mode-card:hover{border-color:#19e6f285;transform:translateY(-3px);box-shadow:0 28px 80px #0007138c,inset 0 0 70px #25b4d014}.mode-card:after,.mode-card:before{content:"";z-index:1;pointer-events:none;position:absolute}.mode-card:before{background:var(--cyan);width:3px;box-shadow:0 0 18px var(--cyan);inset:0 auto 0 0}.mode-card--battle:before{background:var(--violet);box-shadow:0 0 18px var(--violet)}.mode-card:after{background:var(--cyan);opacity:.6;width:64px;height:1px;top:0;right:0}.mode-card__halo{pointer-events:none;background:radial-gradient(circle,#19e6f221,#0000 67%);border-radius:50%;width:240px;height:240px;position:absolute;top:-75px;left:-60px}.mode-card__icon{z-index:2;width:60px;height:60px;color:var(--cyan);background:#0f899f21;border:1px solid #19e6f259;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 22px #19e6f21f,0 0 20px #19e6f217}.mode-card__copy{z-index:2;min-width:0;position:relative}.mode-card h2{font-family:var(--font-ui);letter-spacing:.02em;margin:6px 0 8px;font-size:26px;font-weight:600}.mode-card p{color:#86a5b3;max-width:390px;margin:0;font-size:14px;line-height:1.45}.mode-card__meta{color:#7394a2;font-family:var(--font-ui);letter-spacing:.08em;gap:18px;margin-top:15px;font-size:8px;display:flex}.mode-card__action{z-index:2;align-self:stretch;display:flex}.energy-button,.mode-card__action{align-items:center;position:relative}.energy-button{color:#00131a;font-family:var(--font-ui);letter-spacing:.08em;cursor:pointer;background:linear-gradient(#4ef4fb,#19cad7);border:1px solid #6cf7ff;border-radius:0;justify-content:center;padding:0 20px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #fffc,inset 0 -4px #00546438,0 0 24px #19e6f23b}.energy-button__label{z-index:2;white-space:nowrap;align-items:center;gap:8px;display:inline-flex;position:relative}.energy-button__sheen{background:#ffffff73;width:32%;transition:transform .28s;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-22deg)}.energy-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fffc,inset 0 -4px #0054642e,0 0 34px #19e6f26b}.energy-button:hover .energy-button__sheen{transform:translate(470%)skew(-22deg)}.energy-button:active{transform:translateY(1px);box-shadow:inset 0 3px 8px #00323e52}.energy-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.energy-button--danger{color:#fff;background:linear-gradient(#ff657d,#db2947);border-color:#ff8296}.lobby-rail{display:grid}.hud-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#041323d1;border:1px solid #5bb9cf3b;position:relative;box-shadow:0 22px 60px #0005105c,inset 0 0 34px #1ca7bf09}.hud-panel__corner{z-index:1;pointer-events:none;width:22px;height:22px;position:absolute}.hud-panel__corner--tl{border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);top:-1px;left:-1px}.hud-panel__corner--br{border-bottom:2px solid #19e6f26b;border-right:2px solid #19e6f26b;bottom:-1px;right:-1px}.profile-panel__top{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.profile-panel__badge{color:#b6a2ff;background:#8556ff17;border:1px solid #8556ff5c;place-items:center;width:36px;height:36px;display:grid}.profile-panel__top>span:nth-child(2){flex-direction:column;display:flex}.profile-panel small,.season-panel small{color:#7593a2;font-family:var(--font-ui);letter-spacing:.08em;font-size:8px}.profile-panel strong{font-family:var(--font-ui);margin-top:3px;font-size:10px}.profile-panel__top em{color:var(--cyan);font-family:var(--font-ui);font-size:15px;font-style:normal;font-weight:600}.rank-progress{background:#6baabb26;height:4px;margin:15px 0 8px;overflow:hidden}.rank-progress span{background:linear-gradient(90deg,#148da3,var(--cyan));height:100%;display:block;box-shadow:0 0 12px #19e6f28c}.rank-progress--gold span{background:linear-gradient(90deg,#9e5e18,var(--amber));box-shadow:0 0 12px #ffb92e7a}.profile-panel__foot,.season-level,.season-panel__header{color:#7394a2;font-family:var(--font-ui);letter-spacing:.05em;justify-content:space-between;font-size:8px;display:flex}.season-panel__header span{color:var(--amber);align-items:center;gap:7px;font-size:9px;display:flex}.season-panel>strong{font-family:var(--font-ui);letter-spacing:.08em;margin:13px 0;display:block}.season-level em{color:#9eb7c2;font-style:normal}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-grid a{color:#9bb6c1;background:#041323b3;border:1px solid #5bb9cf2e;align-items:center;gap:10px;min-height:54px;padding:0 13px;font-weight:600;transition:all .15s;display:flex}.quick-grid a:hover{color:#fff;background:#0a394abd;border-color:#19e6f26b;transform:translateY(-2px)}.quick-grid svg{color:var(--cyan)}.quick-grid b{background:var(--magenta);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;margin-left:3px;font-size:9px;display:inline-grid}.lobby-footer{z-index:5;color:#80a5b5a6;font-family:var(--font-ui);letter-spacing:.1em;justify-content:flex-end;gap:18px;font-size:7px;display:flex;position:absolute;bottom:16px;left:30px;right:30px}.service-ok{color:#8ef33fa8;align-items:center;gap:6px;display:inline-flex}.audio-consent-overlay{z-index:220;opacity:1;-webkit-backdrop-filter:blur(16px)saturate(.72);backdrop-filter:blur(16px)saturate(.72);background:radial-gradient(circle at 50% 44%,#19e6f21f,#0000 34%),#010711d6;transition:opacity .18s cubic-bezier(.23,1,.32,1);position:fixed;inset:0}.audio-consent-overlay[data-state=closed]{opacity:0}.audio-consent-modal{z-index:221;opacity:1;text-align:center;background:linear-gradient(145deg,#092235fa,#020d1bfc);border:1px solid #19e6f26b;border-radius:20px;outline:0;flex-direction:column;align-items:center;width:min(520px,100vw - 32px);padding:34px;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 38px 120px #000000c7,inset 0 0 80px #19e6f20e,0 0 45px #19e6f21a}.audio-consent-modal[data-state=closed]{opacity:0;transform:translate(-50%,-50%)scale(.97)}@starting-style{.audio-consent-overlay[data-state=open]{opacity:0}.audio-consent-modal[data-state=open]{opacity:0;transform:translate(-50%,-50%)scale(.97)}}.audio-consent-modal__icon{width:68px;height:68px;color:var(--cyan);background:#19e6f217;border:1px solid #19e6f26b;place-items:center;margin-bottom:18px;display:grid;box-shadow:inset 0 0 24px #19e6f214,0 0 32px #19e6f226}.audio-consent-modal__eyebrow{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.22em;font-size:8px;font-weight:700}.audio-consent-modal h2{color:#f2fdff;font-family:var(--font-ui);margin:8px 0 10px;font-size:clamp(24px,5vw,32px);line-height:1.15}.audio-consent-modal>p{color:#8eabb7;max-width:420px;margin:0;font-size:13px;line-height:1.58}.audio-consent-modal__preview{width:100%;color:var(--cyan);text-align:left;background:#061c2ca8;border:1px solid #5cbbcf33;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:24px 0 18px;padding:12px 14px;display:grid}.audio-consent-modal__preview>span{flex-direction:column;min-width:0;display:flex}.audio-consent-modal__preview small{color:#6f929f;font-size:8px}.audio-consent-modal__preview strong{color:#dffcff;font-family:var(--font-ui);letter-spacing:.1em;margin-top:2px;font-size:11px}.audio-consent-modal__preview>svg:last-child{color:var(--lime)}.audio-consent-modal__actions{grid-template-columns:1.45fr 1fr;gap:9px;width:100%;display:grid}.audio-consent-modal__actions button,.battle-waiting>button:not(.energy-button),.matchmaking-retry,.replay-placeholder button{min-height:46px;color:var(--cyan);cursor:pointer;background:#19e6f214;border:1px solid #19e6f266;padding:8px 14px;font-size:11px;font-weight:700;transition:transform .15s cubic-bezier(.23,1,.32,1),border-color .15s,background-color .15s}.audio-consent-modal__actions button{border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.audio-consent-modal__actions button:active{transform:scale(.97)}.audio-consent-modal__actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.audio-consent-modal__actions button:disabled{opacity:.72;cursor:wait}.audio-consent-modal__enable{box-shadow:inset 0 1px #ffffffb3,0 0 25px #19e6f233;color:#00151c!important;background:linear-gradient(#51f3fb,#19cbd8)!important;border-color:#78f8ff!important}.audio-consent-modal__mute{color:#93aeb9!important;background:#05172699!important;border-color:#76a9b838!important}.audio-consent-modal__note{color:#587785;margin-top:13px;font-size:9px}@media (hover:hover) and (pointer:fine){.audio-consent-modal__enable:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffbf,0 0 34px #19e6f24d}.audio-consent-modal__mute:hover{color:#d7edf2!important;border-color:#76becd66!important}}.onboarding-overlay{z-index:300;-webkit-backdrop-filter:blur(18px)saturate(.75);backdrop-filter:blur(18px)saturate(.75);background:radial-gradient(circle at 50% 40%,#19e6f21f,#0000 36%),#010711f0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-card{background:linear-gradient(145deg,#081f31fa,#020d1bfc);border:1px solid #19e6f25c;border-radius:22px;width:min(500px,100vw - 28px);padding:32px;box-shadow:0 34px 110px #000000bd,inset 0 0 70px #19e6f20b}.onboarding-card__icon{width:56px;height:56px;color:var(--cyan);background:#19e6f214;border:1px solid #19e6f261;border-radius:15px;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 0 28px #19e6f229}.onboarding-card>small{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.18em;font-size:8px}.onboarding-card h1{margin:8px 0 9px;font-size:clamp(25px,5vw,34px)}.onboarding-card>p{color:#8eabb7;font-size:13px;line-height:1.55}.onboarding-card form{margin-top:23px;display:grid}.onboarding-card label{gap:7px;display:grid}.onboarding-card label>span{color:#a8c4cf;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.onboarding-card input,.onboarding-card select{width:100%;height:46px;font:inherit;background:#020f1cc7;border:1px solid #65bed040;border-radius:8px;outline:0;padding:0 13px}.onboarding-card input:focus,.onboarding-card select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #19e6f214}.onboarding-country-preview{background:#071f2e7a;border:1px solid #65bed024;align-items:center;gap:10px;padding:9px 12px;display:flex}.onboarding-country-preview>span{font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:23px}.onboarding-country-preview strong{font-size:12px}.onboarding-country-preview small{color:#668693;font-family:var(--font-ui);margin-left:auto}.onboarding-error{color:#ff738d;margin:0}.onboarding-card form>button{color:#031018;background:linear-gradient(100deg,#14bfd0,var(--cyan));cursor:pointer;border-radius:8px;min-height:48px;font-weight:800;box-shadow:0 0 28px #19e6f238}.onboarding-card form>button:disabled{opacity:.46;cursor:wait}.onboarding-card--loading .onboarding-card__icon{animation:spin 1.6s linear infinite}.profile-hero-card>p{justify-content:center;align-items:center;gap:9px;display:flex}.profile-hero-card>p .leaderboard-country-flag{display:inline-grid}.battle-room-shell,.game-shell{height:100dvh;min-height:560px}.battle-room-topbar,.game-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020c19b8;border-bottom:1px solid #5ac0d529;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 24px;display:grid;position:absolute;top:0;left:0;right:0}.battle-room-topbar>a,.game-topbar__back,.section-back{color:#8eaab6;align-items:center;gap:8px;width:max-content;font-size:12px;font-weight:600;display:inline-flex}.battle-room-topbar>a:hover,.game-topbar__back:hover,.section-back:hover{color:#fff}.game-topbar__mode{font-family:var(--font-ui);flex-direction:column;align-items:center;display:flex}.game-topbar__mode small{color:var(--cyan);letter-spacing:.24em;font-size:7px}.game-topbar__mode strong{letter-spacing:.12em;margin-top:3px;font-size:11px}.game-topbar__actions{justify-content:flex-end;gap:8px;display:flex}.game-topbar__actions button{color:#9bb4c0;cursor:pointer;background:#041627b8;border:1px solid #5bb9cf30;place-items:center;width:36px;height:36px;padding:0;display:grid}.game-topbar__actions button:hover{border-color:#19e6f273}.game-objective{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03111fad;border:1px solid #19e6f22b;grid-template-columns:auto minmax(180px,320px) minmax(90px,180px);align-items:center;gap:14px;min-height:34px;padding:0 13px;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%)}.game-objective>span,.game-objective>strong{font-family:var(--font-ui);letter-spacing:.08em;font-size:8px}.game-objective>span{color:var(--cyan)}.game-objective>strong{color:#a8c0ca;text-align:center;font-weight:500}.game-objective>div{background:#6badbe29;width:120px;height:3px}.game-objective>div span{background:var(--cyan);height:100%;box-shadow:0 0 10px var(--cyan);display:block}.keyboard-hint{z-index:12;color:#8babb8b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020c188a;align-items:center;gap:17px;padding:8px 13px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}kbd{color:#dffaff;font-family:var(--font-ui);background:#0b2c3dc7;border:solid #75cddf47;border-width:1px 1px 2px;place-items:center;margin:0 2px;padding:0 5px;display:inline-grid;box-shadow:inset 0 1px #ffffff12}.touch-controls{display:none}.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}.game-intro{z-index:140;pointer-events:all;background:radial-gradient(circle at 50% 52%,#19e6f22e,#0000 34%),linear-gradient(#010812f0,#020e1cfa);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.game-loading{z-index:145;contain:strict;background:radial-gradient(circle at 50% 48%,#19e6f21f,#0000 30%),linear-gradient(#020916,#041629 58%,#020916);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.game-loading--startup{z-index:310}.game-loading__grid{opacity:.28;background-image:linear-gradient(#19e6f214 1px,#0000 0),linear-gradient(90deg,#19e6f214 1px,#0000 0);background-size:44px 44px;position:absolute;inset:-20%;transform:perspective(520px)rotateX(62deg)translateY(24%);-webkit-mask-image:radial-gradient(circle,#000 0 32%,#0000 72%);mask-image:radial-gradient(circle,#000 0 32%,#0000 72%)}.game-loading__content{z-index:2;flex-direction:column;align-items:center;width:min(420px,100vw - 48px);display:flex;position:relative}.game-loading__content>small,.game-loading__content>span{color:#82aab9;font-family:var(--font-ui);letter-spacing:.28em;font-size:8px;font-weight:700}.loading-brand-logo{object-fit:contain;filter:drop-shadow(0 0 24px #19e6f233);-webkit-user-select:none;user-select:none;height:auto;display:block}.game-loading__logo{width:min(330px,72vw);margin:2px 0 18px}.route-loading{z-index:150;opacity:1;contain:strict;background:radial-gradient(circle at 50% 48%,#8556ff2e,#0000 30%),linear-gradient(#020916f7,#041429fc);place-items:center;transition:opacity .18s cubic-bezier(.23,1,.32,1);display:grid;position:fixed;inset:0;overflow:hidden}@starting-style{.route-loading{opacity:0}}.route-loading__grid{opacity:.22;background-image:linear-gradient(#8556ff1f 1px,#0000 0),linear-gradient(90deg,#19e6f217 1px,#0000 0);background-size:44px 44px;position:absolute;inset:-20%;transform:perspective(520px)rotateX(62deg)translateY(24%);-webkit-mask-image:radial-gradient(circle,#000 0 32%,#0000 72%);mask-image:radial-gradient(circle,#000 0 32%,#0000 72%)}.route-loading__content{z-index:2;width:min(390px,100vw - 48px);color:var(--cyan);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.route-loading__content>small,.route-loading__content>span{color:#90afba;font-family:var(--font-ui);letter-spacing:.2em;font-size:8px;font-weight:700}.route-loading__logo{width:min(280px,64vw);margin:-18px 0 -8px}.route-loading__content>span{margin-top:0}.route-loading__content>strong{color:#f2fdff;font-family:var(--font-ui);letter-spacing:.04em;margin:9px 0 24px;font-size:clamp(23px,5vw,34px)}.route-loading__track{background:#599db229;width:100%;height:3px;position:relative;overflow:hidden}.route-loading__track i{background:linear-gradient(90deg,transparent,var(--cyan),#bba8ff,transparent);inset-block:0;width:38%;animation:route-loading-scan .85s linear infinite;position:absolute;left:0}.route-loading__content>small{color:#9ddbe4;margin-top:13px}@keyframes route-loading-scan{0%{transform:translate(-110%)}to{transform:translate(300%)}}.game-loading__track{background:#599db22e;width:100%;height:3px;overflow:hidden;box-shadow:0 0 0 1px #19e6f20f}.game-loading__track i{background:linear-gradient(90deg,#1389a4,var(--cyan),#dffeff);height:100%;box-shadow:0 0 16px var(--cyan);display:block}.game-loading__content>small{color:#9ddbe4;letter-spacing:.18em;margin-top:13px}.game-loading__stalled{color:#91aeb9;text-align:center;justify-items:center;gap:12px;margin-top:24px;display:grid}.game-loading__stalled p{margin:0;font-size:12px;line-height:1.5}.game-loading__stalled button{color:#031018;background:linear-gradient(100deg,#14bfd0,var(--cyan));cursor:pointer;border:0;border-radius:7px;min-width:112px;min-height:40px;padding:8px 18px;font-size:12px;font-weight:800;box-shadow:0 0 24px #19e6f22e}.game-loading__stalled button:focus-visible{outline-offset:3px;outline:2px solid #fff}.game-intro:after,.game-intro:before{content:"";border:1px solid #19e6f21a;position:absolute;inset:10%;transform:rotate(45deg)scale(.72)}.game-intro:after{border-color:#8556ff1f;inset:18%;transform:rotate(-45deg)scale(.68)}.game-intro__flare{background:linear-gradient(90deg,#0000,#19e6f2e6,#fff,#8556ffe6,#0000);width:min(920px,92vw);height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #19e6f2bf,0 0 90px #8556ff57}.game-intro__logo-frame{z-index:2;aspect-ratio:2.28;background:0 0;width:min(820px,88vw);position:relative;overflow:visible}.game-intro__logo-frame img{object-fit:cover;object-position:50% 51%;filter:drop-shadow(0 18px 32px #000000b8)drop-shadow(0 0 22px #4143ff61);width:100%;height:100%;transform:scale(1.06)}.game-intro>span{z-index:3;color:#a9f8ff;font-family:var(--font-ui);text-shadow:0 0 18px #19e6f2d9;font-size:clamp(8px,1vw,12px);font-weight:700;position:absolute;top:calc(50% + min(220px,24vw))}.game-over-overlay{z-index:150;overscroll-behavior:none;-webkit-backdrop-filter:blur(13px)saturate(.72);backdrop-filter:blur(13px)saturate(.72);contain:strict;background:radial-gradient(circle at 50% 38%,#8556ff33,#0000 36%),#01060fe6;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.game-over-overlay__pulse{pointer-events:none;border:2px solid #ff3c6f8c;animation:game-over-pulse 1.8s ease-out infinite;position:fixed;inset:0;box-shadow:inset 0 0 110px #ff294d24}.game-over-card{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;contain:layout paint;background:linear-gradient(145deg,#0a1c31fa,#030d1cfc),#030d1cfa;border:1px solid #8556ff9e;border-radius:22px;width:min(620px,100vw - 32px);max-height:calc(100dvh - 40px);padding:24px 28px 26px;position:relative;overflow:hidden auto;box-shadow:0 36px 120px #000000d1,inset 0 0 90px #8556ff12,0 0 45px #8556ff33}.game-over-card:before{content:"";pointer-events:none;background:linear-gradient(112deg,#0000 0 41%,#ffffff0b 49%,#0000 57%) 0 0/240% 100%;animation:result-scan 2.8s linear infinite;position:absolute;inset:0}.game-over-card__mark{aspect-ratio:1.72;background:0 0;width:min(430px,82vw);margin:-2px auto 8px;overflow:visible}.game-over-card__mark img{object-fit:cover;object-position:center;filter:drop-shadow(0 14px 24px #000000b3)drop-shadow(0 0 18px #5d3dff6b);width:100%;height:100%;transform:scale(1.04)}.game-over-card__eyebrow{color:#8eacba;font-family:var(--font-ui);letter-spacing:.2em;text-align:center;font-size:8px;display:block}.game-over-score{flex-direction:column;align-items:center;margin:12px 0 16px;display:flex}.game-over-score small{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.2em;font-size:8px}.game-over-score strong{color:#f4fdff;font-family:var(--font-ui);text-shadow:0 0 24px #19e6f259;margin-top:3px;font-size:clamp(34px,6vw,54px);line-height:1}.game-over-score em{color:#06111e;background:var(--amber);font-family:var(--font-ui);letter-spacing:.12em;margin-top:8px;padding:4px 9px;font-size:8px;font-style:normal;font-weight:800;box-shadow:0 0 18px #ffb92e73}.game-over-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.game-over-stats span{background:#0c2f4152;border:1px solid #6bc8dc26;flex-direction:column;align-items:center;min-height:58px;padding:9px 6px;display:flex}.game-over-stats small{color:#7393a1;font-size:8px}.game-over-stats strong{font-family:var(--font-ui);margin-top:5px;font-size:15px}.game-over-rank{color:#9cb5c0;justify-content:center;align-items:center;gap:9px;margin:12px 0;font-size:11px;display:flex}.game-over-rank strong,.game-over-rank svg{color:var(--amber)}.game-over-actions{grid-template-columns:1.35fr 1fr 1fr;gap:8px;display:grid}.game-over-actions .energy-button{width:100%;min-height:42px}.game-over-actions>a{color:#93afba;background:#071d2d85;border:1px solid #69bfd22e;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:10px;display:inline-flex}.game-over-actions>a:hover{color:#fff;border-color:#19e6f26b}@keyframes game-over-pulse{0%{opacity:.8}70%,to{opacity:0}}@keyframes result-scan{0%{background-position:140% 0}to{background-position:-140% 0}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#010710bd;animation:fade-in .16s;position:fixed;inset:0}.modal-content{z-index:101;background:#041323fa;border:1px solid #19e6f261;max-height:min(760px,100dvh - 40px);padding:30px;animation:modal-in .18s;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 100px #00030ac7,inset 0 0 70px #19e6f20b}.modal-content:after,.modal-content:before{content:"";background:var(--cyan);width:42px;height:2px;box-shadow:0 0 14px var(--cyan);position:absolute}.modal-content:before{top:-1px;left:-1px}.modal-content:after{bottom:-1px;right:-1px}.modal-title{font-family:var(--font-ui);margin:0;font-weight:600}.modal-description{color:#84a2b0;margin:9px 36px 24px 0}.modal-close{color:#8eabb7;cursor:pointer;background:0 0;border:1px solid #69bfd22e;place-items:center;width:31px;height:31px;padding:0;font-size:22px;display:grid;position:absolute}.pause-actions{gap:10px;display:grid}.pause-actions .energy-button{width:100%}.pause-actions>a{color:#8ba8b5;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:12px;display:flex}.result-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.result-grid>span{background:#0c2d3e57;border:1px solid #64c0d32b;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.result-grid small{color:#718f9d;font-size:9px}.result-grid strong{font-family:var(--font-ui);margin-top:5px;font-size:16px}.result-rank{color:#9bb5c0;background:#ffb92e0d;border:1px solid #ffb92e36;align-items:center;gap:9px;margin-bottom:18px;padding:12px;font-size:13px;display:flex}.result-rank strong,.result-rank svg{color:var(--amber)}.settings-panel{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-panel--compact{grid-template-columns:1fr}.settings-group h3{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;margin:0 0 13px;font-size:10px}.setting-row{border-bottom:1px solid #65b8cb1f;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:10px 0;display:flex}.setting-row--stack{flex-direction:column;align-items:stretch;min-height:68px;display:flex}.setting-row--stack>span{color:#a6bec8;align-items:center;gap:8px;font-size:12px;display:flex}.setting-row--stack em{color:var(--cyan);font-family:var(--font-ui);margin-left:auto;font-size:9px;font-style:normal}.setting-row__copy{color:var(--cyan);align-items:center;gap:10px;display:flex}.setting-row__copy>span{flex-direction:column;display:flex}.setting-row__copy strong{color:#cfe1e7;font-size:12px}.setting-row__copy small{color:#6f8c99;margin-top:3px;font-size:10px}.slider-root{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:18px;display:flex;position:relative}.slider-track{background:#5fa9ba2e;flex:1;height:3px;position:relative}.slider-range{background:var(--cyan);height:100%;position:absolute;box-shadow:0 0 10px #19e6f299}.slider-thumb{background:var(--cyan);width:14px;height:14px;box-shadow:0 0 0 1px var(--cyan),0 0 12px #19e6f2a6;border:2px solid #02131c;border-radius:50%;display:block}.switch-root{cursor:pointer;background:#43647047;border:1px solid #66bacc40;border-radius:20px;width:38px;height:20px;padding:0;position:relative}.switch-thumb{background:#78909b;border-radius:50%;width:14px;height:14px;transition:all .14s;display:block}.switch-thumb[data-state=checked]{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.select-trigger{color:#d6e8ed;min-width:108px;min-height:34px;font-family:var(--font-ui);cursor:pointer;background:#031220c7;border:1px solid #64bed13d;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:9px;display:inline-flex}.select-trigger--wide{min-width:200px}.select-item{font-family:var(--font-ui);justify-content:space-between;font-size:9px}.battle-entry__content{z-index:4;width:min(1180px,100% - 48px);margin:0 auto;padding:35px 0 70px;position:relative}.battle-entry__heading{text-align:center;max-width:660px;margin:28px auto 34px}.battle-entry__heading h1,.battle-waiting h1,.matchmaking-card h1{font-family:var(--font-ui);letter-spacing:.04em;margin:10px 0;font-size:clamp(34px,4vw,52px);font-weight:600}.battle-entry__heading p,.battle-waiting p,.matchmaking-card p{color:#8da9b5;margin:0;font-size:15px;line-height:1.55}.battle-entry__grid{grid-template-columns:.8fr 1.25fr .85fr;align-items:stretch;gap:18px;display:grid}.battle-rank-card,.battle-rules-card,.match-panel{padding:28px}.battle-rank-card{text-align:center;flex-direction:column;align-items:center;display:flex}.battle-rank-card__crest,.rank-crest{color:#a9b9c8;filter:drop-shadow(0 0 18px #94c0d84d)}.battle-rank-card>span,.battle-rules-card>span{color:#6f8e9b;font-family:var(--font-ui);letter-spacing:.14em;margin-top:9px;font-size:8px}.battle-rank-card h2{font-family:var(--font-ui);margin:8px 0 2px;font-size:24px}.battle-rank-card>strong{color:var(--cyan);font-family:var(--font-ui)}.battle-rank-card>.rank-progress{width:100%}.battle-rank-card>small{color:#7794a1;font-size:9px}.battle-rank-card__stats{grid-template-columns:repeat(3,1fr);width:100%;margin-top:auto;padding-top:24px;display:grid}.battle-rank-card__stats span{border-right:1px solid #64b7c924;flex-direction:column;display:flex}.battle-rank-card__stats span:last-child{border-right:0}.battle-rank-card__stats small{color:#688895;font-size:9px}.battle-rank-card__stats strong{font-family:var(--font-ui);margin-top:3px}.match-panel__title{align-items:center;gap:13px;display:flex}.match-panel__icon{width:52px;height:52px;color:var(--violet);background:#8556ff17;border:1px solid #8556ff59;place-items:center;display:grid}.match-panel__title>span:last-child{flex-direction:column;display:flex}.match-panel__title small{color:#a98fff;font-family:var(--font-ui);letter-spacing:.14em;font-size:8px}.match-panel__title strong{margin-top:3px;font-size:21px}.match-panel__features{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.match-panel__features span{color:#839eaa;text-align:center;background:#0b2c3d47;border:1px solid #5bb5c924;flex-direction:column;align-items:center;gap:7px;padding:12px 7px;font-size:9px;display:flex}.match-panel__features svg{color:var(--cyan)}.region-select-row{color:#8faab6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.region-select-row>span{align-items:center;gap:7px;display:inline-flex}.match-panel__cta{display:block}.match-panel__cta .energy-button{width:100%;min-height:52px}.match-panel__cta .energy-button:disabled{opacity:.74;cursor:wait}.match-panel__friend-button{color:#ebebf5b8;cursor:pointer;width:100%;min-height:42px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin-top:9px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.match-panel__friend-button:active{transform:scale(.98)}.match-panel__friend-button:disabled{opacity:.46;cursor:wait}@media (hover:hover) and (pointer:fine){.match-panel__friend-button:hover{color:#fff;background:#ffffff1a}}.match-panel__eta{color:#6f8d9a;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:9px;display:flex}.battle-rules-card h3{margin:7px 0 16px;font-size:18px}.battle-rules-card ul{margin:0;padding:0;list-style:none}.battle-rules-card li{border-bottom:1px solid #62b7ca1f;justify-content:space-between;gap:10px;padding:10px 0;display:flex}.battle-rules-card li strong{color:#b3c8d0;font-family:var(--font-ui);font-size:8px}.battle-rules-card li span{color:var(--cyan);font-size:11px}.battle-rules-card__actions{gap:11px;margin-top:16px;display:grid}.battle-rules-card__actions>a{color:var(--cyan);text-align:center;font-size:10px}.battle-item-catalog-trigger{color:#eafcff;text-align:left;cursor:pointer;width:100%;min-height:50px;transition:border-color .15s ease,background-color .15s ease,transform .1s var(--ease-out);background:linear-gradient(135deg,#8556ff2e,#19e6f214);border:1px solid #8556ff4d;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;display:grid;box-shadow:inset 0 1px #ffffff0d}.battle-item-catalog-trigger>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.battle-item-catalog-trigger strong{font-size:11px}.battle-item-catalog-trigger small{color:#7693a1;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.battle-item-catalog-trigger>svg{color:#9d86f4}.battle-item-catalog-trigger__icon{color:#b9a7ff;background:#8556ff1f;border:1px solid #8556ff52;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.battle-item-catalog-trigger:active{transform:scale(.985)}@media (hover:hover) and (pointer:fine){.battle-item-catalog-trigger:hover{background:linear-gradient(135deg,#8556ff40,#19e6f21f);border-color:#967cff8f}}.modal-overlay.battle-item-catalog-overlay{z-index:130}.modal-content.battle-item-catalog-dialog{z-index:131;background:#0d0e14f0;border-color:#8556ff47;width:min(1180px,100vw - 48px);max-height:min(880px,100dvh - 32px);padding:30px}.battle-item-catalog-dialog__header{grid-template-columns:auto 1fr;gap:14px;padding-right:42px;display:grid}.battle-item-catalog-dialog__header>div>span{color:#a890ff;font-family:var(--font-ui);letter-spacing:.16em;font-size:8px;font-weight:700}.battle-item-catalog-dialog__header .modal-title{margin-top:4px;font-size:25px}.battle-item-catalog-dialog__header .modal-description{margin:5px 0 0;font-size:11px}.battle-item-catalog-dialog__mark{color:#b9a7ff;background:#8556ff1f;border:1px solid #8556ff52;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.battle-item-catalog-dialog__facts{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 22px;display:grid}.battle-item-catalog-dialog__facts>span{background:#7676801a;border:1px solid #ffffff12;border-radius:11px;justify-content:center;align-items:baseline;gap:6px;padding:10px;display:flex}.battle-item-catalog-dialog__facts strong{color:#eefcff;font-family:var(--font-ui);font-size:15px}.battle-item-catalog-dialog__facts small{color:#667d88;letter-spacing:.08em;font-size:7px}.battle-item-guide{--item-guide-accent:#ff765f;--item-guide-soft:#ff765f1a;margin-top:22px}.battle-item-guide--support{--item-guide-accent:#35d7b0;--item-guide-soft:#35d7b017}.battle-item-guide>header{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px;display:grid}.battle-item-guide__icon{width:31px;height:31px;color:var(--item-guide-accent);border:1px solid var(--item-guide-accent);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.battle-item-guide__icon{border:1px solid color-mix(in srgb,var(--item-guide-accent) 28%,transparent)}}.battle-item-guide__icon{background:var(--item-guide-soft);border-radius:9px}.battle-item-guide>header>div>span{color:var(--item-guide-accent);font-family:var(--font-ui);letter-spacing:.14em;font-size:7px;font-weight:700}.battle-item-guide h2{margin:1px 0 0;font-size:16px}.battle-item-guide>header>p{color:#687e89;justify-self:end;margin:0;font-size:9px}.battle-item-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.battle-item-guide-card{border:1px solid var(--item-guide-accent);grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:112px;padding:12px;display:grid}@supports (color:color-mix(in lab,red,red)){.battle-item-guide-card{border:1px solid color-mix(in srgb,var(--item-guide-accent) 20%,#ffffff0d)}}.battle-item-guide-card{background:radial-gradient(circle at 0 0,var(--item-guide-soft),#14151bb3 70%);border-radius:13px}.battle-item-guide-card__icon{width:42px;height:42px;color:var(--item-guide-accent);border:1px solid var(--item-guide-accent);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.battle-item-guide-card__icon{border:1px solid color-mix(in srgb,var(--item-guide-accent) 27%,transparent)}}.battle-item-guide-card__icon{background:var(--item-guide-soft);border-radius:11px}.battle-item-guide-card__copy{flex-direction:column;min-width:0;display:flex}.battle-item-guide-card__copy>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.battle-item-guide-card h3{color:#f2fbff;margin:0;font-size:12px}.battle-item-guide-card em{color:var(--item-guide-accent);border:1px solid var(--item-guide-accent);flex:none;padding:2px 5px}@supports (color:color-mix(in lab,red,red)){.battle-item-guide-card em{border:1px solid color-mix(in srgb,var(--item-guide-accent) 22%,transparent)}}.battle-item-guide-card em{border-radius:999px;font-size:6px;font-style:normal}.battle-item-guide-card p{color:#82949c;margin:6px 0 8px;font-size:8px;line-height:1.45}.battle-item-guide-card small{color:var(--item-guide-accent);margin-top:auto;font-size:7px;font-weight:700}.matchmaking-shell{place-items:center;height:100dvh;display:grid}.matchmaking-shell:after{content:"";z-index:-1;background:#0108127a;position:absolute;inset:0}.matchmaking-orbit{z-index:-1;aspect-ratio:1;border:1px solid #19e6f21a;border-radius:50%;width:min(620px,80vw);animation:rotate 18s linear infinite;position:absolute}.matchmaking-orbit:after,.matchmaking-orbit:before{content:"";border:1px dashed #19e6f21c;border-radius:50%;position:absolute}.matchmaking-orbit:before{inset:16%}.matchmaking-orbit:after{inset:32%}.matchmaking-orbit span{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 14px var(--cyan);border-radius:50%;position:absolute}.matchmaking-orbit span:first-child{top:10%;left:28%}.matchmaking-orbit span:nth-child(2){bottom:38%;right:4%}.matchmaking-orbit span:nth-child(3){bottom:8%;left:30%}.battle-waiting,.matchmaking-card{z-index:4;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041222e0;border:1px solid #19e6f24d;flex-direction:column;align-items:center;width:min(470px,100vw - 32px);padding:46px;display:flex;position:relative;box-shadow:0 35px 110px #00040da6,inset 0 0 80px #19e6f20a}.matchmaking-icon{width:92px;height:92px;color:var(--cyan);background:#19e6f20f;border:1px solid #19e6f252;border-radius:50%;place-items:center;margin-bottom:20px;display:grid;box-shadow:inset 0 0 30px #19e6f214,0 0 35px #19e6f21f}.matchmaking-icon--found{color:var(--lime);border-color:#8ef33f57}.matchmaking-icon--error{color:var(--danger);border-color:#ff4d6757}.matchmaking-card h1{font-size:31px}.matchmaking-time{color:var(--cyan);align-items:center;gap:8px;margin:24px 0 15px;font-size:24px}.matchmaking-range,.matchmaking-time{font-family:var(--font-ui);display:flex}.matchmaking-range{color:#708f9d;letter-spacing:.1em;gap:14px;font-size:8px}.matchmaking-range strong{color:#a9c0c9}.matchmaking-cancel{color:#87a5b1;align-items:center;gap:7px;margin-top:28px;font-size:12px;display:inline-flex}.matchmaking-retry{margin-top:18px}.spin{animation:rotate .9s linear infinite}.battle-room-topbar{color:#8ca9b5;font-family:var(--font-ui);letter-spacing:.08em;font-size:9px}.battle-room-topbar>span{align-items:center;gap:7px;display:inline-flex}.battle-room-center{gap:12px;min-width:0}.battle-room-center,.battle-room-id{justify-self:center;align-items:center;display:inline-flex}.battle-room-id{color:var(--cyan);gap:7px}.friend-match-score{color:#ffeab6;min-width:90px;font-family:var(--font-ui);font-variant-numeric:tabular-nums;background:linear-gradient(145deg,#ffb92e26,#7e4dff1c);border:1px solid #ffb92e5c;border-radius:11px;justify-items:center;gap:3px;padding:8px 9px 7px;display:grid;box-shadow:inset 0 1px #ffffff1c,0 0 22px #ffb92e1a}.friend-match-score small{color:#ffe4a6b8;letter-spacing:.16em;font-size:6px;font-weight:700}.friend-match-score strong{letter-spacing:.02em;align-items:baseline;gap:7px;font-size:22px;line-height:.86;display:flex}.friend-match-score strong b{color:#fff6db;text-align:center;text-shadow:0 0 14px #ffcd5e57;min-width:16px;font-weight:650}.friend-match-score strong i{color:#ffbd3e;font-size:16px;font-style:normal}.friend-match-score--compact{border-radius:8px;grid-template-columns:auto auto;column-gap:6px;min-width:0;padding:5px 7px}.friend-match-score--compact small{font-size:6px}.friend-match-score--compact strong{gap:4px;font-size:13px}.friend-match-score--compact strong b{min-width:9px}.friend-match-score--compact strong i{font-size:11px}.battle-room-network{align-items:center;gap:7px;display:inline-flex}.battle-room-topbar__right{justify-self:end;align-items:center;gap:12px;display:flex}.battle-waiting{width:min(660px,100vw - 32px);padding:38px 42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-waiting>svg{color:var(--cyan);margin-bottom:12px}.battle-waiting h1{font-size:29px}.battle-waiting p{margin-bottom:20px}.battle-waiting--countdown{border-color:#ffb92e94;box-shadow:0 35px 110px #00040db8,inset 0 0 95px #ffb92e12,0 0 55px #ffb92e29}.battle-waiting--countdown>svg{color:var(--amber)}.battle-waiting--countdown h1{color:#fff5cf;text-shadow:0 0 38px #ffb92e8c;font-size:clamp(68px,10vw,112px);line-height:.9}.battle-versus{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;width:100%;margin:0 0 18px;display:grid}.battle-player-card{text-align:left;background:linear-gradient(135deg,#19e6f21a,#030f1dc7 62%);border:1px solid #19e6f23d;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #19e6f209}.battle-player-card:before{content:"";background:var(--cyan);width:2px;box-shadow:0 0 16px var(--cyan);position:absolute;inset:0 auto 0 0}.battle-player-card--opponent{background:linear-gradient(225deg,#be66ff1c,#030f1dc7 62%);border-color:#be66ff47}.battle-player-card--opponent:before{background:#c477ff;left:auto;right:0;box-shadow:0 0 16px #a94cff}.battle-player-card--searching{opacity:.62}.battle-player-card__emblem{background:radial-gradient(circle,#19e6f224,#030e1beb 68%);border:1px solid #19e6f257;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 0 20px #19e6f214,0 0 18px #19e6f214}.battle-player-card--opponent .battle-player-card__emblem{background:radial-gradient(circle,#c477ff24,#030e1beb 68%);border-color:#c477ff61}.battle-player-card__emblem span{filter:saturate(.9);font-size:24px}.battle-player-card--searching .battle-player-card__emblem span{color:#6f8591;font-family:var(--font-ui);font-size:17px}.battle-player-card__identity{min-width:0}.battle-player-card__identity small{color:#5c8795;font-family:var(--font-ui);letter-spacing:.22em;margin-bottom:3px;font-size:6px;display:block}.battle-player-card__identity strong{color:#eaffff;font-family:var(--font-ui);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.battle-player-card--opponent .battle-player-card__identity strong{color:#f2e3ff}.battle-player-card__meta{flex-wrap:wrap;align-items:center;gap:4px 9px;margin-top:4px;display:flex}.battle-player-card__meta span{color:#f1c768;font-family:var(--font-ui);letter-spacing:.06em;white-space:nowrap;align-items:center;gap:4px;font-size:7px;display:inline-flex}.battle-player-card__meta span:last-child{color:#9bb6c0}.battle-player-card--opponent .battle-player-card__meta span:last-child{color:#c9a6e5}.battle-player-card__rating{color:#9eb8c2;font-family:var(--font-ui);flex-direction:column;align-items:flex-end;display:flex}.battle-player-card__rating>strong{color:#d8fbff;font-size:13px;line-height:1}.battle-player-card__rating>small{letter-spacing:.12em;margin-top:2px;font-size:6px}.battle-player-card__rating>em{color:#6b8c98;letter-spacing:.12em;margin-top:8px;font-size:5px;font-style:normal}.battle-player-card--ready .battle-player-card__rating>em{color:var(--lime);text-shadow:0 0 10px #8ef33f47}.battle-versus__mark{color:var(--amber);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.battle-versus__mark svg{filter:drop-shadow(0 0 8px #ffb92e59)}.battle-versus__mark strong{font-family:var(--font-ui);letter-spacing:.08em;font-size:10px}.battle-versus>.friend-match-score{place-self:center}.battle-ready-steps{background:#020d1985;border:1px solid #61b5c924;grid-template-columns:repeat(4,1fr);width:100%;margin:4px 0 24px;display:grid}.battle-ready-steps span{color:#526f7c;font-family:var(--font-ui);letter-spacing:.06em;border-right:1px solid #61b5c91c;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;font-size:7px;display:flex}.battle-ready-steps span:last-child{border-right:0}.battle-ready-steps i{color:#587784;border:1px solid #61b5c933;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;font-style:normal;display:grid}.battle-ready-steps .is-active{color:var(--amber);background:#ffb92e0b}.battle-ready-steps .is-active i{color:#07131e;border-color:var(--amber);background:var(--amber);box-shadow:0 0 14px #ffb92e52}.battle-ready-steps .is-complete{color:#aaf7ff}.battle-ready-steps .is-complete i{color:#03131c;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 14px #19e6f247}.battle-waiting-actions{justify-content:center;align-items:stretch;gap:9px;width:100%;display:flex}.battle-waiting-actions>.energy-button{min-width:170px}.friend-room-waiting{grid-template-columns:1fr 1fr auto;align-items:stretch;gap:8px;width:100%;margin:2px 0 18px;display:grid}.friend-room-waiting>span{text-align:left;background:#64d2ff0e;border:1px solid #64d2ff2e;border-radius:13px;flex-direction:column;justify-content:center;min-height:54px;padding:8px 12px;display:flex}.friend-room-waiting small{color:#ebebf56e;font-size:8px}.friend-room-waiting strong{color:#b7f0ff;font-family:var(--font-ui);letter-spacing:.08em;margin-top:2px;font-size:17px}.friend-room-waiting__buttons{gap:7px;display:flex}.friend-room-waiting button{color:#aeeeff;cursor:pointer;min-height:54px;transition:transform .1s var(--ease-out),background-color .14s ease;background:#0a84ff24;border:1px solid #64d2ff47;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:11px;font-weight:700;display:inline-flex}.friend-room-waiting button:active{transform:scale(.97)}.friend-room-waiting .friend-room-waiting__exit{color:#ffd5dae0;background:#ff453a1a;border-color:#ff546b47}.friend-room-waiting em{color:#7ee7ff;text-align:center;grid-column:1/-1;font-size:10px;font-style:normal}@media (hover:hover) and (pointer:fine){.friend-room-waiting button:hover{background:#0a84ff40}.friend-room-waiting .friend-room-waiting__exit:hover{background:#ff453a2e}}.battle-ai-button{color:#d9c9ff;cursor:pointer;background:linear-gradient(135deg,#be66ff2b,#180c31c7);border:1px solid #be66ff75;justify-content:center;align-items:center;gap:10px;min-width:188px;min-height:46px;padding:7px 16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #be66ff14,0 0 22px #9947ff17}.battle-ai-button:before{content:"";background:#c477ff;width:2px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #a94cff}.battle-ai-button:hover:not(:disabled){border-color:#d3a1ffbf;transform:translateY(-1px);box-shadow:inset 0 0 34px #be66ff21,0 0 28px #9947ff29}.battle-ai-button:disabled{opacity:.65;cursor:wait}.battle-ai-button>svg{filter:drop-shadow(0 0 8px #c477ff80);flex:none}.battle-ai-button>span{flex-direction:column;align-items:flex-start;display:flex}.battle-ai-button strong{color:#f0e9ff;font-size:10px}.battle-ai-button small{color:#b28bd0;font-family:var(--font-ui);letter-spacing:.13em;margin-top:2px;font-size:5px}.battle-player-card--opponent .battle-player-card__emblem svg{color:#d5a7ff;filter:drop-shadow(0 0 10px #be66ff8c)}.battle-game-stage{visibility:hidden;opacity:0;transform-origin:50%;pointer-events:none;transition:visibility 0s linear .22s,opacity .18s var(--ease-out),transform .22s var(--ease-out);will-change:opacity,transform;transform:scale(.985)}.battle-game-stage.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:scale(1)}.battle-ready-atmosphere{z-index:0;pointer-events:none;background:linear-gradient(90deg,#020f1bb8,#0000 34% 66%,#140721ad),radial-gradient(at 50% 46%,#01050c14 0 20%,#01050ca8 76%);position:absolute;inset:58px 0 0;overflow:hidden}.battle-ready-atmosphere:before{content:"";opacity:.3;background:linear-gradient(115deg,#0000 0 43%,#19e6f214 43.15% 43.3%,#0000 43.45%),linear-gradient(65deg,#0000 0 56%,#c477ff14 56.15% 56.3%,#0000 56.45%);position:absolute;inset:0}.battle-ready-atmosphere:after{content:"";opacity:.48;background:linear-gradient(#0000,#ffb92eb8 45% 55%,#0000);width:1px;position:absolute;top:9%;bottom:7%;left:50%;transform:scaleY(.84);box-shadow:0 0 30px #ffb92e3d}.battle-ready-atmosphere--countdown:before{animation:battle-ready-pressure .68s var(--ease-in-out) infinite alternate}.battle-stage-reveal{z-index:16;pointer-events:none;animation:battle-stage-flash .44s var(--ease-out) both;position:absolute;inset:58px 0 0;overflow:hidden}.battle-stage-reveal:after,.battle-stage-reveal:before{content:"";opacity:.9;width:51%;animation:battle-stage-curtain .36s var(--ease-out) both;position:absolute;top:0;bottom:0}.battle-stage-reveal:before{transform-origin:0;background:linear-gradient(90deg,#01060ed1,#0f7b9157);left:0}.battle-stage-reveal:after{transform-origin:100%;background:linear-gradient(270deg,#01060ed1,#79379d57);right:0}.battle-stage-reveal>span{z-index:1;width:2px;animation:battle-stage-seam .42s var(--ease-out) both;background:#fff;position:absolute;top:7%;bottom:7%;left:50%;box-shadow:0 0 18px #fff,0 0 48px #19e6f2e6,0 0 72px #c477ffc2}@keyframes battle-ready-pressure{0%{opacity:.22;transform:scale(1)}to{opacity:.46;transform:scale(1.015)}}@keyframes battle-stage-curtain{0%{opacity:.9;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes battle-stage-seam{0%{opacity:0;transform:scaleY(.35)}18%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.08)}}@keyframes battle-stage-flash{0%{opacity:.82}to{opacity:0}}.battle-room-shell.is-reduced-motion .battle-game-stage{transition:visibility 0s linear .16s,opacity .16s var(--ease-out);transform:none}.battle-room-shell.is-reduced-motion .battle-game-stage.is-visible{transition-delay:0s}.battle-room-shell.is-reduced-motion .battle-ready-atmosphere--countdown:before{animation:none}.battle-room-shell.is-reduced-motion .battle-stage-reveal{display:none}@media (prefers-reduced-motion:reduce){.battle-game-stage{transition:visibility 0s linear .16s,opacity .16s var(--ease-out);transform:none}.battle-game-stage.is-visible{transition-delay:0s}.battle-ready-atmosphere--countdown:before{animation:none}.battle-stage-reveal{display:none}}.battle-result-overlay{--result-accent:#64d2ff;z-index:45;-webkit-backdrop-filter:blur(14px)saturate(125%);backdrop-filter:blur(14px)saturate(125%);background:#01060fb8;place-items:center;padding:76px 18px 18px;display:grid;position:absolute;inset:0;overflow-y:auto}.battle-result-overlay--win{--result-accent:#ffd60a}.battle-result-overlay--loss{--result-accent:#ff5d68}.battle-result-overlay>div:not(.battle-result-overlay__flare){width:min(760px,100vw - 32px)}.battle-result-overlay__flare{aspect-ratio:1;background:radial-gradient(circle,var(--result-accent),transparent 64%);border-radius:50%;width:min(900px,90vw);position:fixed;top:32%;left:50%}@supports (color:color-mix(in lab,red,red)){.battle-result-overlay__flare{background:radial-gradient(circle,color-mix(in srgb,var(--result-accent) 17%,transparent),transparent 64%)}}.battle-result-overlay__flare{opacity:.65;pointer-events:none;transform:translate(-50%,-50%)}.battle-result{border:1px solid var(--result-accent);flex-direction:column;width:100%;max-height:calc(100dvh - 96px);padding:28px;display:flex;position:relative;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.battle-result{border:1px solid color-mix(in srgb,var(--result-accent) 38%,transparent)}}.battle-result{box-shadow:0 40px 130px #000000b8,inset 0 1px #ffffff14,inset 0 0 100px var(--result-accent);background:linear-gradient(155deg,#18191ff5,#0c0d13f7);border-radius:24px}@supports (color:color-mix(in lab,red,red)){.battle-result{box-shadow:0 40px 130px #000000b8,inset 0 1px #ffffff14,inset 0 0 100px color-mix(in srgb,var(--result-accent) 5%,transparent)}}.battle-result{text-align:left;-webkit-backdrop-filter:blur(28px)saturate(155%);backdrop-filter:blur(28px)saturate(155%)}.battle-result--pending{z-index:45;text-align:center;align-items:center;width:min(520px,100vw - 32px);padding:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-result--pending>svg{color:var(--danger);margin-bottom:12px}.battle-result--pending>span{color:#87a7b4;font-family:var(--font-ui);letter-spacing:.28em;font-size:8px}.battle-result--pending h1{font-family:var(--font-ui);margin:9px 0 5px;font-size:clamp(40px,6vw,58px)}.battle-result--pending p{color:#88a5b1;margin:0}.battle-result__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.battle-result__outcome-icon{width:58px;height:58px;color:var(--result-accent);background:var(--result-accent);border-radius:18px;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.battle-result__outcome-icon{background:color-mix(in srgb,var(--result-accent) 13%,transparent)}}.battle-result__outcome-icon{box-shadow:inset 0 1px var(--result-accent)}@supports (color:color-mix(in lab,red,red)){.battle-result__outcome-icon{box-shadow:inset 0 1px color-mix(in srgb,var(--result-accent) 22%,transparent)}}.battle-result__header>span:nth-child(2){min-width:0}.battle-result__header small{color:#ebebf570;font-family:var(--font-ui);letter-spacing:.16em;font-size:8px;font-weight:650}.battle-result__header h1{color:#f5f5f7;font-family:var(--font-ui);letter-spacing:-.03em;margin:2px 0 1px;font-size:clamp(30px,5vw,46px);line-height:1}.battle-result--win .battle-result__header h1{color:#fff2b8;text-shadow:0 0 28px #ffd60a38}.battle-result--loss .battle-result__header h1{color:#ffd9de}.battle-result__header p{color:#ebebf57a;margin:5px 0 0;font-size:11px}.battle-result-grade{border:1px solid var(--result-accent);flex-direction:column;justify-content:center;align-items:center;min-width:112px;min-height:98px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.battle-result-grade{border:1px solid color-mix(in srgb,var(--result-accent) 26%,transparent)}}.battle-result-grade{background:var(--result-accent);border-radius:20px}@supports (color:color-mix(in lab,red,red)){.battle-result-grade{background:color-mix(in srgb,var(--result-accent) 8%,#ffffff06)}}.battle-result-grade{text-align:center;box-shadow:inset 0 1px #ffffff12,0 12px 38px #0000002e}.battle-result-grade small{letter-spacing:.13em;font-size:6px}.battle-result-grade strong{color:var(--result-accent);font-family:var(--font-ui);letter-spacing:-.06em;text-shadow:0 0 24px var(--result-accent);margin:2px 0 0;font-size:42px;line-height:.95}@supports (color:color-mix(in lab,red,red)){.battle-result-grade strong{text-shadow:0 0 24px color-mix(in srgb,var(--result-accent) 38%,transparent)}}.battle-result-grade span{color:#ebebf594;margin-top:5px;font-size:8px}.battle-result-performance{border-top:1px solid #ffffff14;grid-template-columns:1.35fr .85fr;gap:18px;margin-top:22px;padding-top:20px;display:grid}.battle-result-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;display:grid}.battle-result-dimension{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;display:grid}.battle-result-dimension>span{color:#ebebf594;align-items:center;gap:6px;font-size:10px;display:inline-flex}.battle-result-dimension>span svg{color:var(--result-accent)}.battle-result-dimension>strong{color:#f5f5f7;font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:12px}.battle-result-dimension>i{background:#76768033;border-radius:99px;grid-column:1/-1;height:4px;overflow:hidden}.battle-result-dimension>i b{border-radius:inherit;background:linear-gradient(90deg,var(--result-accent),var(--result-accent));width:100%;height:100%;display:block}@supports (color:color-mix(in lab,red,red)){.battle-result-dimension>i b{background:linear-gradient(90deg,color-mix(in srgb,var(--result-accent) 68%,#0a84ff),var(--result-accent))}}.battle-result-dimension>i b{box-shadow:0 0 12px var(--result-accent)}@supports (color:color-mix(in lab,red,red)){.battle-result-dimension>i b{box-shadow:0 0 12px color-mix(in srgb,var(--result-accent) 30%,transparent)}}.battle-result-dimension>i b{transform-origin:0}.battle-result-highlights{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.battle-result-highlights span{background:#ffffff08;border:1px solid #ffffff13;border-radius:13px;flex-direction:column;justify-content:center;min-height:53px;padding:9px 11px;display:flex}.battle-result-highlights small{color:#ebebf566;font-size:8px}.battle-result-highlights strong{color:#f5f5f7;font-family:var(--font-ui);margin-top:2px;font-size:16px}.battle-result-sync{color:#ebebf57a;justify-content:center;align-items:center;gap:8px;min-height:104px;margin-top:20px;font-size:10px;display:flex}.battle-result-sync span{background:var(--result-accent);width:6px;height:6px;box-shadow:0 0 12px var(--result-accent);border-radius:50%}.battle-rank-update{background:linear-gradient(#ffffff0e,#ffffff06);border:1px solid #ffffff17;border-radius:18px;margin-top:18px;padding:16px 18px 14px;box-shadow:inset 0 1px #ffffff0f}.battle-rank-update--unranked{background:linear-gradient(135deg,#259ddd2b,#745cff1a);border-color:#5ed8ff40;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;display:grid}.battle-rank-update--unranked>svg{color:#72d9ff;filter:drop-shadow(0 0 9px #51c9ff61)}.battle-rank-update--unranked>span{flex-direction:column;display:flex}.battle-rank-update--unranked small{color:#b6e7ff9e;letter-spacing:.09em;font-size:8px}.battle-rank-update--unranked strong{color:#f5f8ff;font-family:var(--font-ui);margin-top:2px;font-size:15px}.battle-rank-update--unranked p{color:#e1efffa1;grid-column:2;margin:4px 0 0;font-size:10px;line-height:1.5}.battle-friend-series-score{font-family:var(--font-ui);font-variant-numeric:tabular-nums;background:radial-gradient(circle at 50% 0,#ffb92e29,#0000 66%),linear-gradient(135deg,#ffb92e17,#7e4dff1a);border:1px solid #ffb92e57;border-radius:18px;justify-items:center;gap:5px;margin-top:18px;padding:17px 18px;display:grid;box-shadow:inset 0 1px #ffffff17}.battle-friend-series-score>span{color:#ffde93bd;letter-spacing:.18em;font-size:8px;font-weight:700}.battle-friend-series-score>strong{color:#fff6dc;text-shadow:0 0 22px #ffc53f42;align-items:baseline;gap:12px;font-size:42px;line-height:1;display:flex}.battle-friend-series-score>strong b{text-align:center;min-width:31px;font-weight:650}.battle-friend-series-score>strong i{color:#ffbd3e;font-size:25px;font-style:normal}.battle-friend-series-score>small{color:#e8f1ff99;font-family:var(--font-body);font-size:10px}.battle-rank-update__summary{align-items:center;gap:11px;display:flex}.battle-rank-update__summary>svg{color:var(--result-accent);filter:drop-shadow(0 0 8px var(--result-accent))}@supports (color:color-mix(in lab,red,red)){.battle-rank-update__summary>svg{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--result-accent) 30%,transparent))}}.battle-rank-update__summary>span{flex-direction:column;display:flex}.battle-rank-update__summary small{color:#ebebf566;font-size:8px}.battle-rank-update__summary strong{color:#f5f5f7;font-family:var(--font-ui);margin-top:2px;font-size:15px}.battle-rank-update__summary b{color:#11120a;background:var(--result-accent);border-radius:99px;padding:4px 8px;font-size:8px}.battle-rank-update.is-demoted .battle-rank-update__summary b{color:#fff;background:var(--danger)}.battle-rank-update__summary em{font-family:var(--font-ui);font-variant-numeric:tabular-nums;margin-left:auto;font-size:21px;font-style:normal;font-weight:750}.is-positive{color:var(--lime)}.is-negative{color:var(--danger)}.battle-rank-update__track{background:#76768038;border-radius:99px;height:8px;margin-top:14px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #00000042}.battle-rank-update__track>span{border-radius:inherit;background:linear-gradient(90deg,#0a84ff,var(--result-accent));width:100%;height:100%;box-shadow:0 0 16px var(--result-accent);display:block}@supports (color:color-mix(in lab,red,red)){.battle-rank-update__track>span{box-shadow:0 0 16px color-mix(in srgb,var(--result-accent) 28%,transparent)}}.battle-rank-update__track>span{transform-origin:0;will-change:transform}.battle-rank-update__track>span:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000 35%,#ffffffb8,#0000 65%) 0 0/220% 100%;animation:battle-rank-shimmer 1.25s linear .55s;position:absolute;inset:0}.battle-rank-update__track>i{background:#ffffff75;width:1px;height:14px;position:absolute;top:-3px;box-shadow:0 0 7px #ffffff59}.battle-rank-update__numbers{color:#ebebf56b;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.battle-rank-update__numbers span:first-child{color:#f5f5f7c7;font-weight:650}.battle-rank-update__formula{gap:8px;margin-top:12px;display:flex}.battle-rank-update__formula span{color:#ebebf56b;background:#00000029;border-radius:8px;padding:5px 8px;font-size:8px}.battle-rank-update__formula strong{color:#f5f5f7d1;font-variant-numeric:tabular-nums;margin-left:3px}.battle-result__save-row{justify-content:center;align-items:center;gap:8px;min-height:24px;margin-top:7px;display:flex}.battle-result__save{color:#ebebf561;text-align:center;font-size:9px}.battle-result__save.is-error{color:var(--danger)}.battle-result__save-row button{color:#f5f5f7;transition:transform .1s var(--ease-out),background-color .14s ease;background:#ff5d681a;border:1px solid #ff5d684d;border-radius:7px;padding:4px 7px;font-size:8px}.battle-result__save-row button:active{transform:scale(.96)}.battle-result-actions{grid-template-columns:1.2fr 1fr;gap:9px;width:100%;margin-top:15px;display:grid}.battle-result-actions>a{color:#ebebf594;min-height:43px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);background:#ffffff09;border:1px solid #ffffff17;border-radius:14px;justify-content:center;align-items:center;font-size:11px;display:flex}.battle-result-actions>a:first-child{background:0 0;border:0}.battle-result-actions .energy-button{width:100%}.battle-result-actions>a:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.battle-result-actions>a:hover{color:#fff;background:#ffffff12}}@keyframes battle-rank-shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}@media (max-width:680px){.battle-result-overlay{place-items:start center;padding:76px 10px 10px}.battle-result-overlay>div:not(.battle-result-overlay__flare){width:100%}.battle-result{border-radius:20px;max-height:none;padding:20px 16px}.battle-result__header{grid-template-columns:auto 1fr}.battle-result-grade{text-align:left;grid-column:1/-1;grid-template-columns:auto auto 1fr;justify-content:start;align-items:center;width:100%;min-height:62px;display:grid}.battle-result-grade strong{margin:0 10px;font-size:34px}.battle-result-grade span{margin:0}.battle-result-dimensions,.battle-result-performance{grid-template-columns:1fr}}.battle-items-layer{--item-attack:#ff674d;--item-attack-soft:#ff674d29;--item-support:#35d7b0;--item-support-soft:#35d7b026;--effect-board-width:max(100px,min(280px,calc((100vw - 160px) / 2),calc((100vh - 298px) / 2)));--effect-board-height:calc(var(--effect-board-width) * 2);--effect-board-gap:max(54px,5.5vw);z-index:18;pointer-events:none;position:absolute;inset:0}.battle-item-bar{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);pointer-events:auto;background:linear-gradient(#091f30e8,#020d1af5);border:1px solid #74cadc33;border-radius:15px;width:min(660px,100vw - 24px);padding:8px 10px 10px;position:absolute;bottom:10px;right:50%;transform:translate(50%);box-shadow:0 15px 48px #00020c99,inset 0 1px #ffffff0b}.battle-item-bar:before{content:"";background:linear-gradient(90deg,#0000,#19e6f2b3,#0000);height:1px;position:absolute;inset:-1px 18% auto;box-shadow:0 0 13px #19e6f24d}.battle-item-bar>header{justify-content:space-between;align-items:center;margin:0 2px 7px;display:flex}.battle-item-bar>header span{color:#a8f7ff;font-family:var(--font-ui);letter-spacing:.16em;align-items:center;gap:6px;font-size:7px;font-weight:700;display:inline-flex}.battle-item-bar>header small{color:#607f8c;letter-spacing:.04em;font-size:7px}.battle-item-bar__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-height:61px;display:grid}.battle-item-card{color:#eaffff;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:40px minmax(0,1fr);align-items:center;min-width:0;min-height:61px;padding:7px 24px 7px 8px;transition:transform .15s,border-color .15s,box-shadow .15s,filter .15s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #ffffff05}.battle-item-card:after{content:"";background:currentColor;width:2px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 11px}.battle-item-card.item-card--attack{color:var(--item-attack);background:linear-gradient(125deg,var(--item-attack-soft),#111623c7 62%)}.battle-item-card.item-card--support{color:var(--item-support);background:linear-gradient(125deg,var(--item-support-soft),#0a1b22c7 62%)}.battle-item-card:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.battle-item-card.is-selected{border-color:currentColor;box-shadow:0 0 0 1px,0 7px 20px,inset 0 0 24px}@supports (color:color-mix(in lab,red,red)){.battle-item-card.is-selected{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 34%,transparent),0 7px 20px color-mix(in srgb,currentColor 16%,transparent),inset 0 0 24px color-mix(in srgb,currentColor 9%,transparent)}}.battle-item-card.is-selected{transform:translateY(-2px)}.battle-item-card.is-selected:before{content:"SELECTED";color:currentColor;font-family:var(--font-ui);letter-spacing:.12em;font-size:4px;font-weight:700;position:absolute;top:3px;right:5px}.battle-item-card:disabled{opacity:.55;cursor:default}.battle-item-card>span{color:currentColor;border:1px solid;grid-row:1/3;place-items:center;width:34px;height:42px;display:grid}@supports (color:color-mix(in lab,red,red)){.battle-item-card>span{border:1px solid color-mix(in srgb,currentColor 28%,transparent)}}.battle-item-card>span{background:currentColor;border-radius:8px}@supports (color:color-mix(in lab,red,red)){.battle-item-card>span{background:color-mix(in srgb,currentColor 8%,#0006)}}.battle-item-card>strong{color:#eefcff;font-family:var(--font-ui);text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:9px;line-height:1.15;overflow:hidden}.battle-item-card>small{color:currentColor;letter-spacing:.12em;align-self:start;margin-top:3px;font-size:6px;font-weight:700}.battle-item-card>em{color:#dff9ff;font-family:var(--font-ui);font-size:9px;font-style:normal;font-weight:700;position:absolute;bottom:7px;right:6px}.battle-item-card>kbd{z-index:2;border-radius:4px;width:13px;min-width:13px;height:13px;margin:0;padding:0;font-size:5px;position:absolute;top:4px;left:4px}.battle-item-card:focus-visible{outline-offset:2px;outline:2px solid #fff}.battle-item-empty{color:#668692;letter-spacing:.04em;background:#030f1b59;border:1px dashed #64b4c621;border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:8px;display:flex}.item-reward{z-index:54;perspective:900px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.item-reward__halo{filter:blur(3px);background:radial-gradient(circle,#ffffff29,#19e6f21a 25%,#0000 67%);border-radius:50%;width:330px;height:330px;animation:item-halo 1.5s cubic-bezier(.16,.8,.2,1) both;position:absolute}.item-reward--rare .item-reward__halo{background:radial-gradient(circle,#fffac645,#ffb92e26 29%,#be66ff14 48%,#0000 70%)}.item-reward__card{z-index:3;width:150px;height:196px;color:var(--item-support);background:radial-gradient(circle at 50% 28%,currentColor,#04121ffa 62%);border:1px solid;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.item-reward__card{background:radial-gradient(circle at 50% 28%,color-mix(in srgb,currentColor 22%,transparent),#04121ffa 62%)}}.item-reward__card{box-shadow:0 26px 70px #000000a6,0 0 32px,inset 0 0 34px}@supports (color:color-mix(in lab,red,red)){.item-reward__card{box-shadow:0 26px 70px #000000a6,0 0 32px color-mix(in srgb,currentColor 25%,transparent),inset 0 0 34px color-mix(in srgb,currentColor 8%,transparent)}}.item-reward__card{transform-style:preserve-3d;animation:item-card-reward 1.55s cubic-bezier(.2,.8,.2,1) both}.item-reward__card.item-card--attack{color:var(--item-attack)}.item-reward--rare .item-reward__card{color:#ffcb52;box-shadow:0 28px 78px #000000b3,0 0 50px #ffb92e52,inset 0 0 42px #ffd55a1a}.item-reward__card small{color:#b6cfd7;font-family:var(--font-ui);letter-spacing:.15em;font-size:7px;position:absolute;top:16px}.item-reward__card svg{filter:drop-shadow(0 0 14px)}.item-reward__card strong{color:#f8feff;font-family:var(--font-ui);letter-spacing:.04em;margin-top:13px;font-size:20px}.item-reward__card em{color:#03131e;letter-spacing:.15em;background:currentColor;border-radius:999px;padding:3px 10px;font-size:7px;font-style:normal;font-weight:800;position:absolute;bottom:14px}.item-reward__particles{position:absolute;inset:0}.item-reward__particles i{--angle:calc(var(--particle) * 30deg);width:5px;height:16px;transform:rotate(var(--angle)) translateY(-45px);animation:item-particle 1s calc(var(--particle) * 9ms) cubic-bezier(.16,.7,.2,1) both;background:#c8fbff;border-radius:4px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px}.item-reward--rare .item-reward__particles i{background:#ffd765}.item-use-toast{z-index:42;min-width:190px;color:var(--item-support);background:#05121fe6;border:1px solid;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:82px;box-shadow:0 12px 38px #00000080,0 0 22px}@supports (color:color-mix(in lab,red,red)){.item-use-toast{box-shadow:0 12px 38px #00000080,0 0 22px color-mix(in srgb,currentColor 14%,transparent)}}.item-use-toast{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);animation:item-toast 1.35s both}.item-use-toast--local{left:15%}.item-use-toast--opponent{right:15%}.item-use-toast--attack{color:var(--item-attack)}.item-use-toast.is-blocked{color:#67e8ff}.item-use-toast span{flex-direction:column;display:flex}.item-use-toast small{color:currentColor;font-family:var(--font-ui);letter-spacing:.16em;font-size:6px;font-weight:700}.item-use-toast strong{color:#f1fdff;margin-top:2px;font-size:11px}.item-impact{top:calc(128px + max(0px,(100vh - 298px - var(--effect-board-height))/2));z-index:40;width:var(--effect-board-width);height:var(--effect-board-height);color:var(--item-support);background:radial-gradient(circle,currentColor,#0000 58%);border:2px solid;border-radius:7px;place-items:center;display:grid;position:absolute}@supports (color:color-mix(in lab,red,red)){.item-impact{background:radial-gradient(circle,color-mix(in srgb,currentColor 13%,transparent),transparent 58%)}}.item-impact{box-shadow:inset 0 0 50px,0 0 32px}@supports (color:color-mix(in lab,red,red)){.item-impact{box-shadow:inset 0 0 50px color-mix(in srgb,currentColor 14%,transparent),0 0 32px color-mix(in srgb,currentColor 34%,transparent)}}.item-impact{animation:item-impact 1.25s cubic-bezier(.16,.8,.2,1) both}.item-impact--local{left:calc(50% - var(--effect-board-gap)/2 - var(--effect-board-width))}.item-impact--opponent{left:calc(50% + var(--effect-board-gap)/2)}.item-impact--attack{color:var(--item-attack)}.item-impact.is-blocked{color:#67e8ff}.item-impact svg{filter:drop-shadow(0 0 17px)}.item-transfer{top:calc(128px + max(0px,(100vh - 298px - var(--effect-board-height))/2) + var(--effect-board-height)/2 - 16px);left:calc(50% - var(--effect-board-gap)/2 - var(--effect-board-width)/2);z-index:43;width:calc(var(--effect-board-width) + var(--effect-board-gap));height:32px;color:var(--item-attack);position:absolute}.item-transfer>i{background:linear-gradient(90deg,#0000,currentColor 28% 72%,#0000);width:calc(100% - 16px);height:2px;animation:item-transfer-line .8s ease-out both;position:absolute;top:15px;left:8px;box-shadow:0 0 10px,0 0 24px}.item-transfer>span{color:#fff;width:28px;height:28px;box-shadow:0 0 18px var(--item-attack);background:#32121a;border:1px solid;border-radius:50%;place-items:center;animation:item-transfer-right 1s cubic-bezier(.18,.7,.22,1) both;display:grid;position:absolute;top:3px;left:0}.item-transfer--opponent-to-local>span{animation-name:item-transfer-left;left:auto;right:0}.item-transfer.is-blocked{color:#67e8ff}.item-transfer.is-blocked>span{background:#092733;box-shadow:0 0 18px #67e8ff}.battle-status-strip{gap:5px;max-width:32vw;display:flex;position:absolute;top:105px;overflow:hidden}.battle-status-strip--local{left:max(12px,calc(50% - var(--effect-board-gap)/2 - var(--effect-board-width)))}.battle-status-strip--opponent{right:max(12px,calc(50% - var(--effect-board-gap)/2 - var(--effect-board-width)));justify-content:flex-end}.battle-status-strip span{color:var(--item-support);border:1px solid;flex:none;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.battle-status-strip span{border:1px solid color-mix(in srgb,currentColor 25%,transparent)}}.battle-status-strip span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03111db8;border-radius:999px;font-size:6px;font-weight:700}.battle-status-strip .is-attack{color:var(--item-attack)}.battle-effect-regions{position:absolute;inset:0}.battle-board-effect{top:calc(128px + max(0px,(100vh - 298px - var(--effect-board-height))/2));width:var(--effect-board-width);height:var(--effect-board-height);transform-origin:50%;border-radius:5px;position:absolute;overflow:hidden}.battle-board-effect--local{left:calc(50% - var(--effect-board-gap)/2 - var(--effect-board-width))}.battle-board-effect--opponent{left:calc(50% + var(--effect-board-gap)/2)}.battle-board-effect.has-mirror{transform:scaleX(-1)}.battle-board-effect.has-invert{transform:rotate(180deg)}.battle-board-effect.has-prank{animation:prank-wobble .7s steps(2) infinite}.effect-blind{z-index:8;color:#ff6c57;isolation:isolate;border:1px solid #ff674d66;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 70px #57000029}.effect-blind:before{content:"";z-index:0;will-change:opacity,transform;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 5px),radial-gradient(circle at 50% 48%,#74080838,#0000 31%),#000;animation:blind-static .22s steps(2) infinite,blind-breathe 2s cubic-bezier(.45,0,.55,1) infinite;position:absolute;inset:-12%}.effect-blind:after{content:"SIGNAL LOST";z-index:1;color:#ff9b89;font-family:var(--font-ui);letter-spacing:.22em;text-shadow:0 0 12px #ff46348c;font-size:7px;position:absolute;top:58%}.effect-blind svg{z-index:1;filter:drop-shadow(0 0 18px #ff4a34b8);animation:blind-icon-pulse 1.15s ease-in-out infinite;position:relative}.effect-fog{z-index:4;-webkit-backdrop-filter:blur(3px)saturate(.72);backdrop-filter:blur(3px)saturate(.72);isolation:isolate;background:linear-gradient(112deg,#02080c6b,#2e40433d 48%,#02090e80);border:1px solid #b1d3d333;position:absolute;inset:0;overflow:hidden}.effect-fog:after,.effect-fog:before,.effect-fog__cloud{content:"";filter:blur(10px);opacity:.82;will-change:transform;width:165%;height:48%;position:absolute}.effect-fog:before{background:radial-gradient(circle at 14% 56%,#e0eee7ad 0 8%,#0000 23%),radial-gradient(circle at 36% 37%,#8ea8a5a6 0 11%,#0000 29%),radial-gradient(circle at 61% 58%,#c7dbd699 0 9%,#0000 26%),radial-gradient(circle at 82% 31%,#6480838f 0 10%,#0000 27%);animation:fog-bank-right 4.2s ease-in-out infinite alternate;top:-4%;left:-44%}.effect-fog:after{background:radial-gradient(circle at 18% 40%,#6f8d8e94 0 10%,#0000 28%),radial-gradient(circle at 42% 66%,#d0e1dca6 0 8%,#0000 24%),radial-gradient(circle at 67% 35%,#849e9e9e 0 11%,#0000 29%),radial-gradient(circle at 88% 62%,#bed4d094 0 9%,#0000 26%);animation:fog-bank-left 5.1s ease-in-out infinite alternate;bottom:-5%;right:-46%}.effect-fog__cloud{background:radial-gradient(circle at 15% 48%,#d7e7e299 0 7%,#0000 23%),radial-gradient(circle at 34% 66%,#69878a94 0 10%,#0000 27%),radial-gradient(circle at 58% 38%,#bed5d19e 0 9%,#0000 25%),radial-gradient(circle at 81% 61%,#7b97978f 0 10%,#0000 27%);display:block}.effect-fog__cloud--one{animation:fog-cloud-one 3.7s ease-in-out infinite alternate;top:20%;left:-58%}.effect-fog__cloud--two{opacity:.84;animation:fog-cloud-two 4.6s ease-in-out infinite alternate;top:43%;right:-62%}.effect-fog__cloud--three{opacity:.72;animation:fog-cloud-three 5.4s ease-in-out infinite alternate;bottom:10%;left:-45%}.effect-fog__grain{opacity:.08;mix-blend-mode:screen;background:repeating-linear-gradient(117deg,#0000 0 7px,#e0f3ef29 8px 9px,#0000 10px 17px);animation:fog-grain 1.8s steps(3) infinite;display:block;position:absolute;inset:0}.effect-freeze{color:#a7f5ff;background:linear-gradient(135deg,#9befff3d,#0000 38%,#53bff22e);border:2px solid #92efff85;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 45px #71dfff33}.effect-freeze:after,.effect-freeze:before{content:"";background:#dcfcffa6;width:70%;height:1px;position:absolute;transform:rotate(55deg);box-shadow:42px 24px #dcfcff47,-48px 38px #dcfcff5c}.effect-freeze:after{transform:rotate(-35deg)}.effect-prank{color:#ffcf4e;background:#2d1537d6;border:1px solid #ffcf4e80;border-radius:50%;place-items:center;width:50px;height:50px;animation:prank-spin 1.8s ease-in-out infinite;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 0 24px #ff4bb24d}@keyframes item-card-reward{0%{opacity:0;transform:translateY(36px)rotateY(180deg)scale(.35)}20%{opacity:1;transform:translateY(0)rotateY(0)scale(1.08)}64%{opacity:1;transform:translateY(0)rotateY(0)scale(1)}to{opacity:0;transform:translateY(calc(50vh - 62px))rotateY(0)scale(.24)}}@keyframes item-halo{0%{opacity:0;transform:scale(.2)}32%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes item-particle{0%{opacity:0;transform:rotate(var(--angle)) translateY(-25px) scale(.3)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-190px) scale(.1)}}@keyframes item-toast{0%{opacity:0;transform:translateY(-18px)scale(.92)}14%,76%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes item-impact{0%{opacity:0;transform:scale(.82)}16%{opacity:1;transform:scale(1.035)}48%{opacity:.82;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes item-transfer-line{0%{opacity:0;transform:scaleX(.05)}20%,70%{opacity:.9;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes item-transfer-right{0%{opacity:0;transform:translate(0)scale(.65)}16%{opacity:1}76%{opacity:1;transform:translateX(calc(var(--effect-board-width) + var(--effect-board-gap) - 28px)) scale(1)}to{opacity:0;transform:translateX(calc(var(--effect-board-width) + var(--effect-board-gap) - 28px)) scale(1.5)}}@keyframes item-transfer-left{0%{opacity:0;transform:translate(0)scale(.65)}16%{opacity:1}76%{opacity:1;transform:translateX(calc(28px - var(--effect-board-width) - var(--effect-board-gap))) scale(1)}to{opacity:0;transform:translateX(calc(28px - var(--effect-board-width) - var(--effect-board-gap))) scale(1.5)}}@keyframes blind-static{0%{transform:translateY(-2%)}to{transform:translateY(2%)}}@keyframes blind-breathe{0%,to{opacity:1}50%{opacity:.84}}@keyframes blind-icon-pulse{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes fog-bank-right{0%{transform:translate(-8%,-4%)scale(1.05)}to{transform:translate(27%,9%)scale(1.24)}}@keyframes fog-bank-left{0%{transform:translate(12%,6%)scale(1.08)}to{transform:translate(-24%,-8%)scale(1.28)}}@keyframes fog-cloud-one{0%{transform:translateY(-7%)scale(.94)}to{transform:translate(74%,8%)scale(1.18)}}@keyframes fog-cloud-two{0%{transform:translateY(8%)scale(1.08)}to{transform:translate(-68%,-7%)scale(1.25)}}@keyframes fog-cloud-three{0%{transform:translate(-4%,4%)scale(1)}to{transform:translate(62%,-6%)scale(1.19)}}@keyframes fog-grain{0%{transform:translate(-2%,-1%)}50%{transform:translate(2%,1%)}to{transform:translate(-1%,2%)}}@keyframes prank-wobble{0%,to{filter:hue-rotate()}33%{filter:hue-rotate(70deg)}66%{filter:hue-rotate(-50deg)}}@keyframes prank-spin{0%,to{transform:rotate(-8deg)scale(.94)}50%{transform:rotate(9deg)scale(1.06)}}@media (max-width:720px){.battle-room-center{position:absolute;left:50%;transform:translate(-50%)}.battle-room-center .friend-match-score--compact{display:grid}.battle-waiting-actions{flex-direction:column}.battle-ai-button{width:100%}.battle-item-bar{width:calc(100vw - 12px);padding:6px;bottom:6px}.battle-item-bar>header small{display:none}.battle-item-bar__cards{scrollbar-width:none;min-height:58px;display:flex;overflow-x:auto}.battle-item-card{flex:0 0 132px;min-height:56px}.battle-item-empty{text-align:center;min-width:100%;padding:0 10px}.item-use-toast--local{left:8px}.item-use-toast--opponent{right:8px}.battle-status-strip{max-width:calc(100vw - 24px);top:94px}}@media (prefers-reduced-motion:reduce){.battle-board-effect.has-prank,.effect-blind svg,.effect-blind:before,.effect-fog:after,.effect-fog:before,.effect-fog__cloud,.effect-fog__grain,.effect-prank,.item-impact,.item-reward__card,.item-reward__halo,.item-reward__particles i,.item-transfer>i,.item-transfer>span,.item-use-toast{animation-duration:.01ms!important;animation-iteration-count:1!important}}.battle-attack-feedback-layer{--attack-board-width:max(100px,min(280px,calc((100vw - 160px) / 2),calc((100vh - 298px) / 2)));--attack-board-height:calc(var(--attack-board-width) * 2);--attack-board-gap:max(54px,5.5vw);--attack-board-top:calc(128px + max(0px,(100vh - 298px - var(--attack-board-height))/2));z-index:32;pointer-events:none;position:absolute;inset:0;overflow:hidden}.battle-attack-pulse{--attack-color:#ffbd3d;--attack-rgb:255,189,61;position:absolute;inset:0}.battle-attack-pulse--opponent-to-local{--attack-color:#ff496b;--attack-rgb:255,73,107}.battle-attack-pulse--heavy{filter:saturate(1.12)}.battle-attack-pulse--critical{--attack-color:#fff07d;--attack-rgb:255,240,125;filter:saturate(1.2)}.battle-attack-pulse--opponent-to-local.battle-attack-pulse--critical{--attack-color:#ff6b9f;--attack-rgb:255,107,159}.battle-attack-flash{background:radial-gradient(circle at 50% 48%,rgba(var(--attack-rgb),.11),transparent 52%);mix-blend-mode:screen;animation:battle-attack-screen-flash 1.05s ease-out both;position:absolute;inset:0}.battle-attack-impact,.battle-attack-source{top:var(--attack-board-top);width:var(--attack-board-width);height:var(--attack-board-height);border-radius:7px;position:absolute}.battle-attack-pulse--local-to-opponent .battle-attack-source,.battle-attack-pulse--opponent-to-local .battle-attack-impact{left:calc(50% - var(--attack-board-gap)/2 - var(--attack-board-width))}.battle-attack-pulse--local-to-opponent .battle-attack-impact,.battle-attack-pulse--opponent-to-local .battle-attack-source{left:calc(50% + var(--attack-board-gap)/2)}.battle-attack-source{border:1px solid rgba(var(--attack-rgb),.46);background:radial-gradient(circle at 50% 62%,rgba(var(--attack-rgb),.22),transparent 52%);box-shadow:inset 0 0 60px rgba(var(--attack-rgb),.12),0 0 30px rgba(var(--attack-rgb),.16);animation:battle-attack-source-charge .55s cubic-bezier(.16,.8,.2,1) both;overflow:hidden}.battle-attack-source:before{content:"";background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(var(--attack-rgb),.12) 9px,transparent 10px);animation:battle-attack-grid-charge .52s ease-in both;position:absolute;inset:8% -30%;transform:perspective(180px)rotateX(62deg)}.battle-attack-source>i,.battle-attack-source>span{aspect-ratio:1;border:2px solid var(--attack-color);width:48%;box-shadow:0 0 20px rgba(var(--attack-rgb),.34),inset 0 0 18px rgba(var(--attack-rgb),.18);border-radius:50%;animation:battle-attack-source-ring .58s cubic-bezier(.12,.8,.2,1) both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-attack-source>i{opacity:.52;border-style:dashed;width:73%;animation-delay:70ms}.battle-attack-vector{top:calc(var(--attack-board-top) + var(--attack-board-height)/2 - 42px);left:calc(50% - var(--attack-board-gap)/2 - var(--attack-board-width)/2);z-index:3;width:calc(var(--attack-board-width) + var(--attack-board-gap));height:84px;position:absolute}.battle-attack-vector__beam{background:linear-gradient(90deg,transparent,var(--attack-color) 14%,#fff 50%,var(--attack-color) 86%,transparent);width:calc(100% - 14px);height:7px;box-shadow:0 0 7px #fff,0 0 18px var(--attack-color),0 0 42px rgba(var(--attack-rgb),.6);border-radius:99px;animation:battle-attack-beam .72s cubic-bezier(.12,.76,.16,1) both;position:absolute;top:39px;left:7px;transform:scaleX(0)}.battle-attack-pulse--local-to-opponent .battle-attack-vector__beam{transform-origin:0}.battle-attack-pulse--opponent-to-local .battle-attack-vector__beam{transform-origin:100%}.battle-attack-vector__beam:after{content:"";background:linear-gradient(90deg,transparent,rgba(var(--attack-rgb),.2),transparent);filter:blur(8px);position:absolute;inset:-14px 0}.battle-attack-vector__beam>i{opacity:.75;background:linear-gradient(90deg,#0000,#fff,#0000);width:84%;height:1px;position:absolute;top:-7px;left:8%}.battle-attack-vector__beam>i:last-child{animation-delay:60ms;top:13px}.battle-attack-vector__core{z-index:4;color:#fff;border:1px solid var(--attack-color);background:radial-gradient(circle,#fff 0 6%,var(--attack-color) 28%,#39120b 70%);width:44px;height:44px;box-shadow:0 0 18px #fff,0 0 34px var(--attack-color),0 0 64px rgba(var(--attack-rgb),.5);border-radius:50%;place-items:center;animation:battle-attack-core-right .82s cubic-bezier(.2,.72,.12,1) both;display:grid;position:absolute;top:20px;left:0}.battle-attack-pulse--opponent-to-local .battle-attack-vector__core{animation-name:battle-attack-core-left;left:auto;right:0}.battle-attack-pulse--opponent-to-local .battle-attack-vector__core svg{transform:scaleX(-1)}.battle-attack-vector__particles{position:absolute;inset:0}.battle-attack-vector__particles i{top:var(--particle-y);width:var(--particle-size);height:2px;box-shadow:0 0 8px var(--attack-color);opacity:0;animation:battle-attack-particle-right .72s var(--particle-delay) cubic-bezier(.15,.7,.1,1) both;background:#fff;border-radius:9px;position:absolute;left:5%}.battle-attack-pulse--opponent-to-local .battle-attack-vector__particles i{animation-name:battle-attack-particle-left;left:auto;right:5%}.battle-attack-impact{z-index:2;border:2px solid var(--attack-color);background:radial-gradient(circle at 50% 52%,#ffffff47,rgba(var(--attack-rgb),.18) 16%,transparent 56%);box-shadow:inset 0 0 78px rgba(var(--attack-rgb),.28),0 0 44px rgba(var(--attack-rgb),.35);transform-origin:50%;animation:battle-attack-impact 1.18s cubic-bezier(.12,.75,.16,1) both;overflow:hidden}.battle-attack-impact:before{content:"";background:linear-gradient(112deg,transparent 37%,#ffffffeb 48%,rgba(var(--attack-rgb),.55) 52%,transparent 62%);animation:battle-attack-impact-scan .78s ease-out .28s both;position:absolute;inset:-20%;transform:translate(-120%)}.battle-attack-impact__reticle{color:#fff;filter:drop-shadow(0 0 13px var(--attack-color));animation:battle-attack-reticle .88s cubic-bezier(.14,.8,.18,1) .25s both}.battle-attack-impact__reticle,.battle-attack-impact__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-attack-impact__ring{aspect-ratio:1;width:36%;box-shadow:0 0 18px #fff,0 0 45px var(--attack-color);border:2px solid #fff;border-radius:50%;animation:battle-attack-impact-ring .8s ease-out .26s both}.battle-attack-impact__fractures{position:absolute;inset:0}.battle-attack-impact__fractures i{width:var(--attack-spread);background:linear-gradient(90deg,#fff,var(--attack-color),transparent);height:2px;box-shadow:0 0 9px var(--attack-color);transform-origin:0;opacity:0;animation:battle-attack-fracture .58s ease-out .33s both;position:absolute;top:50%;left:50%}.battle-attack-impact__fractures i:first-child{transform:rotate(8deg)}.battle-attack-impact__fractures i:nth-child(2){animation-delay:.36s;transform:rotate(53deg)}.battle-attack-impact__fractures i:nth-child(3){animation-delay:.39s;transform:rotate(102deg)}.battle-attack-impact__fractures i:nth-child(4){animation-delay:.35s;transform:rotate(156deg)}.battle-attack-impact__fractures i:nth-child(5){animation-delay:.41s;transform:rotate(211deg)}.battle-attack-impact__fractures i:nth-child(6){animation-delay:.37s;transform:rotate(264deg)}.battle-attack-impact__fractures i:nth-child(7){animation-delay:.43s;transform:rotate(318deg)}.battle-attack-callout{z-index:6;min-width:230px;color:var(--attack-color);border:1px solid rgba(var(--attack-rgb),.62);background:linear-gradient(110deg,#050f1bf2,rgba(var(--attack-rgb),.13));box-shadow:0 16px 42px #0000008a,0 0 30px rgba(var(--attack-rgb),.18),inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;animation:battle-attack-callout 1.5s cubic-bezier(.16,.8,.2,1) both;display:grid;position:absolute;top:72px}.battle-attack-pulse--local-to-opponent .battle-attack-callout{right:max(12px,calc(50% - var(--attack-board-gap)/2 - var(--attack-board-width)))}.battle-attack-pulse--opponent-to-local .battle-attack-callout{left:max(12px,calc(50% - var(--attack-board-gap)/2 - var(--attack-board-width)))}.battle-attack-callout>svg{filter:drop-shadow(0 0 9px)}.battle-attack-callout>span{flex-direction:column;display:flex}.battle-attack-callout>span small{color:currentColor;font-family:var(--font-ui);letter-spacing:.17em;font-size:5px;font-weight:700}.battle-attack-callout>span strong{color:#f7fdff;margin-top:2px;font-size:11px}.battle-attack-callout>em{color:#fff;font-family:var(--font-ui);text-shadow:0 0 12px var(--attack-color);align-items:baseline;gap:3px;font-size:22px;font-style:normal;font-weight:800;display:flex}.battle-attack-callout>em small{color:currentColor;letter-spacing:.08em;font-size:5px}@media (min-width:1100px){.battle-attack-callout{top:calc(var(--attack-board-top) + 18px)}.battle-attack-pulse--local-to-opponent .battle-attack-callout{right:auto;left:calc(50% + var(--attack-board-gap)/2 + var(--attack-board-width) + 14px)}.battle-attack-pulse--opponent-to-local .battle-attack-callout{right:calc(50% + var(--attack-board-gap)/2 + var(--attack-board-width) + 14px);left:auto}}@keyframes battle-attack-screen-flash{0%,to{opacity:0}28%{opacity:.35}42%{opacity:1}}@keyframes battle-attack-source-charge{0%{opacity:0;transform:scale(.96)}20%{opacity:1}58%{opacity:.92;transform:scale(1.015)}to{opacity:0;transform:scale(1.04)}}@keyframes battle-attack-grid-charge{0%{opacity:0;transform:perspective(180px)rotateX(62deg)translateY(35%)}55%{opacity:1}to{opacity:0;transform:perspective(180px)rotateX(62deg)translateY(-20%)}}@keyframes battle-attack-source-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)rotate(-40deg)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(95deg)}}@keyframes battle-attack-beam{0%,16%{opacity:0;transform:scaleX(0)}25%{opacity:1}70%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes battle-attack-core-right{0%,18%{opacity:0;transform:translate(0)scale(.25)rotate(-30deg)}28%{opacity:1}72%{opacity:1;transform:translateX(calc(var(--attack-board-width) + var(--attack-board-gap) - 44px)) scale(1) rotate(18deg)}to{opacity:0;transform:translateX(calc(var(--attack-board-width) + var(--attack-board-gap) - 44px)) scale(2.2) rotate(45deg)}}@keyframes battle-attack-core-left{0%,18%{opacity:0;transform:translate(0)scale(.25)rotate(30deg)}28%{opacity:1}72%{opacity:1;transform:translateX(calc(44px - var(--attack-board-width) - var(--attack-board-gap))) scale(1) rotate(-18deg)}to{opacity:0;transform:translateX(calc(44px - var(--attack-board-width) - var(--attack-board-gap))) scale(2.2) rotate(-45deg)}}@keyframes battle-attack-particle-right{0%,20%{opacity:0;transform:translate(0)scaleX(.2)}32%{opacity:.95}86%{opacity:.7;transform:translateX(calc(var(--attack-board-width) + var(--attack-board-gap) - 40px)) scaleX(2.2)}to{opacity:0;transform:translateX(calc(var(--attack-board-width) + var(--attack-board-gap) - 30px)) scaleX(.2)}}@keyframes battle-attack-particle-left{0%,20%{opacity:0;transform:translate(0)scaleX(.2)}32%{opacity:.95}86%{opacity:.7;transform:translateX(calc(40px - var(--attack-board-width) - var(--attack-board-gap))) scaleX(2.2)}to{opacity:0;transform:translateX(calc(30px - var(--attack-board-width) - var(--attack-board-gap))) scaleX(.2)}}@keyframes battle-attack-impact{0%,26%{opacity:0;transform:scale(.92)}34%{opacity:1;transform:scale(1.035)}43%{transform:translateX(calc(0px - var(--attack-shake))) scale(1.01)}49%{transform:translateX(var(--attack-shake)) scale(1.02)}57%{transform:translate(-1px)scale(1)}74%{opacity:.82}to{opacity:0;transform:scale(1.055)}}@keyframes battle-attack-impact-scan{0%{opacity:0;transform:translate(-120%)}25%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes battle-attack-reticle{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)rotate(-65deg)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.72)rotate(22deg)}}@keyframes battle-attack-impact-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}32%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(3.4)}}@keyframes battle-attack-fracture{0%{opacity:0;scale:0 1}24%{opacity:1}to{opacity:0;scale:1}}@keyframes battle-attack-callout{0%{opacity:0;transform:translateY(-12px)scale(.94)}12%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-5px)scale(.98)}}@media (prefers-reduced-motion:reduce){.battle-attack-flash,.battle-attack-impact,.battle-attack-source,.battle-attack-vector{display:none}.battle-attack-callout{animation:battle-attack-callout 1.1s both}}.portal-shell{min-height:100dvh;overflow:visible}.portal-content{z-index:4;width:min(1240px,100% - 48px);margin:0 auto;padding:48px 0 80px;position:relative}.section-heading{margin-bottom:32px}.section-heading h1{font-family:var(--font-ui);letter-spacing:-.02em;margin:8px 0 7px;font-size:clamp(30px,3.5vw,47px);font-weight:600}.section-heading p{color:#8ba7b3;margin:0}.toolbar-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.history-filter,.store-toolbar>div,.tab-list{background:#031221a8;border:1px solid #5fb5c92e;display:flex}.history-filter button,.store-toolbar button,.tab-list button{color:#819eaa;cursor:pointer;background:0 0;border-right:1px solid #5fb5c91f;align-items:center;gap:6px;min-height:38px;padding:0 13px;font-size:11px;display:inline-flex}.history-filter button.active,.store-toolbar button.active,.tab-list button[data-state=active]{box-shadow:inset 0 -2px var(--cyan);background:#19e6f21a}.search-field{color:#7393a0;background:#031221a8;border:1px solid #5fb5c92e;align-items:center;gap:7px;min-width:180px;min-height:38px;margin-left:auto;padding:0 11px;display:flex}.search-field input{color:#fff;background:0 0;border:0;outline:none;width:120px;font-size:11px}.country-score-note{color:#8baab6;min-height:42px;font-family:var(--font-ui);background:linear-gradient(90deg,#19e6f212,#03122175);border:1px solid #5fb5c924;justify-content:space-between;align-items:center;gap:18px;margin:-2px 0 12px;padding:0 14px;font-size:10px;display:flex}.country-score-note>span{color:#a8c7d1;align-items:center;gap:7px;display:inline-flex}.country-score-note b{color:var(--cyan);font-weight:600}.country-score-note small{color:#65838f;text-align:right;font-size:9px}.leaderboard-panel{overflow:hidden}.leaderboard-head,.leaderboard-row{grid-template-columns:90px minmax(190px,1.5fr) 1fr .7fr .7fr .8fr 1fr;align-items:center;gap:12px;min-height:54px;padding:0 20px;display:grid}.leaderboard-grid--ranked{grid-template-columns:90px minmax(190px,1.45fr) .72fr 1.1fr .75fr .65fr .8fr}.leaderboard-grid--country{grid-template-columns:90px minmax(220px,1.55fr) .9fr .85fr .8fr .75fr .9fr}.leaderboard-head{color:#678795;font-family:var(--font-ui);letter-spacing:.08em;background:#08223173;border-bottom:1px solid #60b8cb29;font-size:8px}.leaderboard-row{color:#9cb4be;font-family:var(--font-ui);border-bottom:1px solid #60b8cb1a;font-size:10px}.leaderboard-row:hover{background:#19e6f209}.leaderboard-row.current{border-left:2px solid var(--cyan);color:#fff;background:#19e6f213}.leaderboard-row>strong{color:var(--amber)}.leaderboard-row>.country-score,.leaderboard-row>.leaderboard-rating{color:var(--cyan);font-size:12px}.rank-label{color:#d5e9ee}.leaderboard-player{align-items:center;gap:10px;display:flex}.leaderboard-player.country-name>span{flex-direction:column;gap:2px;min-width:0;display:flex}.leaderboard-player.country-name b{color:#d5e9ee;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-player.country-name small{color:#5f808d;letter-spacing:.12em;font-size:8px}.leaderboard-country-flag{background:#04142494;border:1px solid #62bccf38;border-radius:4px;flex:none;place-items:center;width:32px;height:24px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:20px;font-style:normal;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 0 10px #19e6f20d,0 3px 10px #0000003d}.leaderboard-country-flag>span{transform:translateY(-.5px)}.leaderboard-state{color:#6f929f;letter-spacing:.06em;place-items:center;min-height:160px;font-size:12px;display:grid}.leaderboard-state--error{color:#ff738d}.verified{color:var(--lime);align-items:center;gap:5px;font-size:7px;display:inline-flex}.feature-layout{grid-template-columns:330px 1fr;gap:18px;display:grid}.profile-hero-card,.rank-hero-card{text-align:center;flex-direction:column;align-items:center;padding:35px;display:flex}.profile-hero-card>span,.rank-hero-card>small{color:#6f8e9b;font-family:var(--font-ui);letter-spacing:.13em;margin-top:12px;font-size:8px}.profile-hero-card h2,.rank-hero-card h2{font-family:var(--font-ui);margin:8px 0 2px;font-size:27px}.rank-hero-card>strong{color:var(--cyan);font-family:var(--font-ui);font-size:19px}.rank-hero-card>.rank-progress{width:100%;margin-top:24px}.profile-hero-card p,.rank-hero-card>p{color:#7593a0;font-size:11px}.rank-stats{border-top:1px solid #5fb5c921;grid-template-columns:repeat(3,1fr);width:100%;margin-top:21px;padding-top:20px;display:grid}.rank-stats span{flex-direction:column;display:flex}.rank-stats small{color:#688895;font-size:9px}.rank-stats strong{font-family:var(--font-ui);margin-top:3px}.season-track{padding:28px}.season-track__head{color:var(--amber);font-family:var(--font-ui);justify-content:space-between;align-items:center;font-size:10px;display:flex}.season-track__head small,.season-track__head span{align-items:center;gap:7px;display:inline-flex}.season-track__head small{color:#809da9}.tier-row{grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;display:grid}.tier-row>span{color:#597581;background:#09253447;border:1px solid #5fb5c91c;flex-direction:column;align-items:center;gap:5px;padding:13px 6px;display:flex}.tier-row>span.unlocked{color:#fff;background:#19e6f212;border-color:#19e6f245}.tier-row i{background:#5e89971f;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.tier-row b{font-family:var(--font-ui)}.tier-row b,.tier-row small{font-size:8px}.season-rewards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.season-rewards h3{grid-column:1/-1;margin:0 0 4px;font-size:15px}.season-rewards>span{color:var(--amber);background:#ffb92e0a;border:1px solid #ffb92e29;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:12px;display:grid}.season-rewards b{color:#c7d7dd;font-family:var(--font-ui);font-size:8px}.season-rewards small{color:#6f8e9b;grid-column:2;font-size:9px}.profile-avatar{width:120px;height:120px;color:var(--cyan);background:#19e6f20f;border:1px solid #19e6f247;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 40px #19e6f212}.profile-grid-coins{color:var(--amber);font-family:var(--font-ui);align-items:center;gap:6px;margin-top:2px;font-size:10px;display:inline-flex}.profile-grid-coins strong{color:#ffe3a4;font-size:16px;font-weight:700}.profile-hero-card .energy-button{margin-top:15px}.profile-data{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-grid .hud-panel{flex-direction:column;padding:18px;display:flex}.metric-grid small{color:#6f8e9b;font-size:9px}.metric-grid strong{font-family:var(--font-ui);margin-top:6px;font-size:19px}.metric-grid em{color:var(--cyan);margin-top:6px;font-size:8px;font-style:normal}.skill-profile{padding:23px}.skill-profile h3{margin:0 0 17px;font-size:16px}.skill-profile>div{color:#8ca7b2;font-family:var(--font-ui);grid-template-columns:90px 1fr 35px;align-items:center;gap:12px;margin:13px 0;font-size:8px;display:grid}.skill-profile em{color:var(--cyan);text-align:right;font-style:normal}.skill-progress{background:#5da3b424;height:4px;overflow:hidden}.skill-progress>div{background:var(--cyan);width:100%;height:100%;box-shadow:0 0 8px var(--cyan)}.history-panel{padding:18px}.history-filter{width:max-content;margin-bottom:16px}.history-row{color:#8fa9b4;border-bottom:1px solid #5fb5c91a;grid-template-columns:42px minmax(180px,1.5fr) minmax(78px,.8fr) minmax(76px,.65fr) .65fr;align-items:center;gap:13px;min-height:66px;padding:0 12px;display:grid}.history-icon{width:38px;height:38px;color:var(--cyan);background:#19e6f20d;border:1px solid #19e6f233;place-items:center;display:grid}.history-icon--battle{color:var(--violet);background:#8556ff0d;border-color:#8556ff3d}.history-row>span:nth-child(2){flex-direction:column;display:flex}.history-row small{color:#6b8794;font-family:var(--font-ui);font-size:7px}.history-row b,.history-row strong{color:#d7e5e9;font-family:var(--font-ui);font-size:10px}.history-grid-coins,.history-row>span:nth-child(5){align-items:center;gap:5px;font-size:9px;display:inline-flex}.history-grid-coins{color:var(--amber);font-family:var(--font-ui);white-space:nowrap;font-weight:600}.history-archive{gap:14px;display:grid}.history-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.history-summary>.hud-panel{flex-direction:column;gap:5px;padding:17px 19px;display:flex}.history-summary small{color:#6f8e9b;font-size:9px}.history-summary strong{color:#e8f6f8;font-family:var(--font-ui);font-size:20px}.history-state{color:#6f929f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:190px;display:flex}.history-state--error{color:#ff738d}.history-state small{color:#708d99}.replay-viewer{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.replay-stage{min-height:650px;padding:0;overflow:hidden}.replay-surface{width:100%;height:650px;position:relative}.replay-console{align-self:start;padding:22px}.replay-console__status{color:var(--lime);background:#8ef33f0d;border:1px solid #8ef33f33;align-items:center;gap:10px;padding:12px;display:flex}.replay-console__status span{flex-direction:column;gap:3px;display:flex}.replay-console__status small{color:#77918b;font-size:8px}.replay-console__status strong{font-family:var(--font-ui);font-size:9px}.replay-console dl{gap:0;margin:16px 0;display:grid}.replay-console dl>div{border-bottom:1px solid #5fb5c91a;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.replay-console dt{color:#688794;font-size:9px}.replay-console dd{color:#d7e7eb;font-family:var(--font-ui);text-align:right;margin:0;font-size:9px}.replay-console .replay-hash{flex-direction:column}.replay-console .replay-hash dd{overflow-wrap:anywhere;color:var(--cyan);text-align:left}.replay-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.replay-controls>span{color:#6f8e9b;margin-left:5px;font-size:9px}.replay-controls button{color:#91adb7;cursor:pointer;background:#031221b3;border:1px solid #5fb5c933;align-items:center;gap:5px;min-height:34px;padding:0 10px;display:inline-flex}.replay-controls button.active{color:#00151c;border-color:var(--cyan);background:var(--cyan)}.replay-error,.replay-loading{color:#7898a4;text-align:center;align-content:center;place-items:center;gap:10px;min-height:360px;display:grid}.replay-error{color:#ff738d}.mission-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.mission-card{grid-template-columns:50px 1fr auto;align-items:center;gap:13px;padding:20px;display:grid}.mission-card__icon{width:48px;height:48px;color:var(--cyan);background:#19e6f20f;border:1px solid #19e6f23b;place-items:center;display:grid}.mission-card>span:nth-child(2) small{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.1em;font-size:7px}.mission-card h3{margin:4px 0;font-size:17px}.mission-card p{color:#7997a3;margin:0;font-size:11px}.mission-card__progress{grid-column:1/3;align-items:center;gap:9px;display:flex}.mission-card__progress>div{background:#5aa4b524;flex:1;height:4px;overflow:hidden}.mission-card__progress>div>div{background:var(--cyan);width:100%;height:100%}.mission-card__progress em{color:#7998a4;font-family:var(--font-ui);font-size:8px;font-style:normal}.mission-card>strong{color:var(--amber);font-family:var(--font-ui);font-size:10px}.mission-card>button{color:#001a20;background:var(--cyan);cursor:pointer;border:0;padding:6px 12px;font-weight:700}.mission-card>button:disabled{color:#7f9ba7;cursor:default;background:#5e9ba92e}.store-toolbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.store-toolbar>span{color:var(--amber);font-family:var(--font-ui);align-items:center;gap:7px;font-size:10px;display:inline-flex}.store-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.store-card{padding:14px;overflow:hidden}.store-preview{height:150px;color:var(--cyan);background:radial-gradient(circle,#19e6f238,#071a2cdb 64%);place-items:center;margin:-14px -14px 15px;display:grid}.store-card--violet .store-preview{color:var(--violet);background:radial-gradient(circle,#8556ff3d,#071a2cdb 64%)}.store-card--amber .store-preview{color:var(--amber);background:radial-gradient(circle,#ffb92e38,#071a2cdb 64%)}.store-card--magenta .store-preview{color:var(--magenta);background:radial-gradient(circle,#ff2d7d38,#071a2cdb 64%)}.store-card--lime .store-preview{color:var(--lime);background:radial-gradient(circle,#8ef33f30,#071a2cdb 64%)}.store-card small{color:#6d8b98;font-family:var(--font-ui);letter-spacing:.1em;font-size:7px}.store-card h3{font-family:var(--font-ui);margin:6px 0 14px;font-size:14px}.store-card>button{color:var(--amber);font-family:var(--font-ui);cursor:pointer;background:#ffb92e0f;border:1px solid #ffb92e47;align-items:center;gap:6px;padding:7px 12px;font-size:8px;display:inline-flex}.store-card>button.equipped{color:var(--lime);background:#8ef33f0f;border-color:#8ef33f45}.pass-layout{grid-template-columns:290px 1fr;gap:16px;display:grid}.pass-summary{text-align:center;flex-direction:column;align-items:center;padding:28px;display:flex}.pass-summary>svg{color:var(--amber)}.pass-summary>span{color:var(--amber);font-family:var(--font-ui);letter-spacing:.12em;margin-top:10px;font-size:8px}.pass-summary h2{font-family:var(--font-ui);margin:7px 0}.pass-summary p{color:#7896a2;font-size:11px}.pass-summary .rank-progress{width:100%;margin-bottom:20px}.pass-track{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pass-tier{color:#526d79;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.pass-tier.unlocked{color:var(--cyan);border-color:#19e6f242}.pass-tier strong{font-family:var(--font-ui);font-size:11px}.pass-tier span{background:#19e6f208;border:1px solid;place-items:center;width:58px;height:58px;margin:10px;display:grid}.pass-tier small{font-size:9px}.event-grid{grid-template-columns:1.3fr .85fr .85fr;gap:14px;display:grid}.event-card{padding:27px}.event-card>span,.event-card>svg{color:var(--cyan)}.event-card>span{font-family:var(--font-ui);letter-spacing:.14em;font-size:8px}.event-card h2,.event-card h3{font-family:var(--font-ui);margin:8px 0}.event-card p{color:#809eaa;line-height:1.5}.event-card>div{color:var(--amber);font-family:var(--font-ui);align-items:center;gap:7px;font-size:9px;display:flex}.event-card .energy-button{margin-top:22px}.event-card--featured{background:linear-gradient(130deg,#184154e6,#051424eb)}.training-layout{grid-template-columns:340px 1fr;gap:15px;display:grid}.controls-card{padding:25px}.controls-card h2{font-family:var(--font-ui);margin:0 0 15px;font-size:18px}.controls-card>div{color:#90abb6;border-bottom:1px solid #5fb5c91a;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;display:flex}.training-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.training-cards .hud-panel{padding:23px}.training-cards svg{color:var(--cyan)}.training-cards h3{margin:10px 0 6px;font-size:17px}.training-cards p{color:#7b99a5;margin:0;font-size:12px;line-height:1.55}.training-cards .rules-card--wide{grid-column:1/-1}.training-rule-list{gap:0;margin:16px 0 0;padding:0;list-style:none;display:grid}.training-rule-list li{border-top:1px solid #5fb5c91c;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:14px;padding:9px 0;display:grid}.training-rule-list strong{color:#d8f8fc;font-family:var(--font-ui);letter-spacing:.04em;font-size:9px}.training-rule-list span{color:#86a6b2;font-size:11px;line-height:1.45}.training-rule-list--values{grid-template-columns:1fr 1fr;column-gap:22px}.training-rule-list--values li{grid-template-columns:minmax(0,1fr) auto}.training-rule-list--values span{color:var(--cyan);font-family:var(--font-ui)}.training-rule-note{color:#b5a4f4;background:#8556ff12;border-left:2px solid #9f82ff;margin-top:13px;padding:10px 12px;font-size:10px;line-height:1.5;display:block}.rules-card--items{background:linear-gradient(135deg,#8556ff11,#041323d1 58%);border-color:#8556ff47}.portal-page--centered{place-items:center;display:grid}.replay-placeholder,.standalone-result{text-align:center;flex-direction:column;align-items:center;width:min(520px,100% - 32px);padding:42px;display:flex}.replay-placeholder>svg,.standalone-result>svg{color:var(--cyan)}.standalone-result>span{color:var(--cyan);font-family:var(--font-ui);letter-spacing:.15em;margin-top:14px;font-size:8px}.standalone-result h1{font-family:var(--font-ui);margin:7px 0}.replay-placeholder p,.standalone-result p{color:#809da9}.replay-placeholder{justify-content:center;width:100%;min-height:360px}.replay-placeholder strong{font-family:var(--font-ui);margin-top:16px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes rotate{to{transform:rotate(1turn)}}@media (max-width:1180px){.topbar{grid-template-columns:190px 1fr auto;padding:0 20px}.topbar__status{display:none}.lobby-grid{grid-template-columns:minmax(280px,.8fr) minmax(460px,1.2fr)}.lobby-rail{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.battle-entry__grid{grid-template-columns:1fr 1.4fr}.battle-rules-card{grid-column:1/-1}.store-grid{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:1.2fr 1fr}.event-card:last-child{grid-column:1/-1}}@media (max-width:900px){.topbar{grid-template-columns:auto 1fr auto;min-height:64px}.topbar__nav{gap:18px;height:64px}.topbar__nav a:nth-child(3),.topbar__nav a:nth-child(4){display:none}.player-trigger{min-width:0}.player-trigger>span:nth-child(2),.player-trigger>svg:last-child{display:none}.lobby-content{width:min(760px,100% - 32px);padding-top:26px}.lobby-grid{grid-template-columns:1fr;margin-top:28px}.lobby-hero{text-align:center}.lobby-hero p{margin-inline:auto}.lobby-hero__stats{justify-content:center}.lobby-rail{grid-template-columns:1fr 1fr}.quick-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.lobby-footer{justify-content:center;padding:22px;position:relative;bottom:auto;left:auto;right:auto}.game-objective{top:64px}.keyboard-hint{display:none}.battle-entry__grid{grid-template-columns:1fr}.battle-rules-card{grid-column:auto}.battle-item-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-layout,.pass-layout,.training-layout{grid-template-columns:1fr}.profile-data{min-width:0}.metric-grid{grid-template-columns:1fr 1fr}.toolbar-row{flex-wrap:wrap}.search-field{margin-left:0}.leaderboard-head,.leaderboard-row{grid-template-columns:70px minmax(150px,1fr) 1fr .6fr}.leaderboard-head>:nth-child(5),.leaderboard-head>:nth-child(6),.leaderboard-head>:nth-child(7),.leaderboard-row>:nth-child(5),.leaderboard-row>:nth-child(6),.leaderboard-row>:nth-child(7){display:none}.history-row{grid-template-columns:42px minmax(150px,1fr) .8fr auto auto}.event-grid,.replay-viewer{grid-template-columns:1fr}.replay-console{width:100%}.event-card:last-child{grid-column:auto}}@media (max-width:680px){.topbar{padding:0 13px}.history-summary{grid-template-columns:1fr 1fr}.replay-stage{min-height:560px}.replay-surface{height:560px}.brand-mark__logo{width:94px;height:44px}.topbar__nav{justify-content:flex-start;gap:15px}.topbar__actions .icon-button:nth-child(2){display:none}.lobby-content{width:calc(100% - 24px)}.lobby-kicker{max-width:100%;font-size:9px}.lobby-hero h1{font-size:37px}.lobby-hero p{font-size:15px}.lobby-hero__stats span:nth-child(2){display:none}.mode-card{grid-template-columns:50px 1fr;padding:20px 17px}.mode-card__icon{width:48px;height:48px}.mode-card__action{grid-column:1/-1}.mode-card__action .energy-button{width:100%}.lobby-rail{grid-template-columns:1fr}.quick-grid{grid-column:auto;grid-template-columns:1fr 1fr}.audio-consent-modal{border-radius:16px;width:calc(100vw - 24px);padding:26px 18px}.audio-consent-modal__actions{grid-template-columns:1fr}.lobby-footer{flex-wrap:wrap}.battle-room-shell,.game-shell{min-height:620px}.battle-room-topbar,.game-topbar{grid-template-columns:1fr auto;padding:0 12px}.battle-room-id,.game-topbar__mode{display:none}.game-objective{grid-template-columns:auto 1fr;width:calc(100% - 24px);top:64px}.game-objective>div{display:none}.touch-controls{right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:20;pointer-events:none;grid-template-columns:1fr 58px 1fr;align-items:end;gap:12px;display:grid;position:absolute;left:12px}.touch-controls button{color:#dcfaffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;touch-action:manipulation;background:#041727a8;border:1px solid #4dc7dc59;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;display:grid;box-shadow:inset 0 0 18px #19e6f20f}.touch-controls button:active{color:#fff;border-color:var(--cyan);background:#19e6f22e;transform:scale(.94)}.touch-controls__action,.touch-controls__move{gap:6px;display:flex}.touch-controls__action{justify-self:end}.touch-controls .touch-controls__hold{color:#a8c2cc;flex-direction:column;justify-self:center;gap:0;width:54px;height:54px;display:flex}.touch-controls__hold small{font-family:var(--font-ui);font-size:6px}.touch-controls .touch-controls__drop{width:60px;height:60px;color:var(--cyan)}.settings-panel{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr 1fr}.game-intro__logo-frame{border-radius:14px;width:calc(100vw - 28px)}.game-intro>span{top:calc(50% + 24vw)}.game-over-overlay{align-items:center;padding:12px}.game-over-card{border-radius:16px;width:100%;max-height:calc(100dvh - 24px);margin:0;padding:18px 14px}.game-over-card__mark{width:min(390px,88vw)}.game-over-stats{grid-template-columns:1fr 1fr 1fr}.game-over-actions{grid-template-columns:1fr}.battle-entry__content,.portal-content{width:calc(100% - 24px);padding-top:25px}.battle-entry__heading h1{font-size:30px}.modal-content.battle-item-catalog-dialog{border-radius:18px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 14px}.battle-item-catalog-dialog__header{grid-template-columns:1fr;gap:9px}.battle-item-catalog-dialog__mark{width:40px;height:40px}.battle-item-catalog-dialog__header .modal-title{font-size:21px}.battle-item-catalog-dialog__facts{grid-template-columns:repeat(2,1fr)}.battle-item-guide>header{grid-template-columns:auto 1fr}.battle-item-guide>header>p{grid-column:1/-1;justify-self:start}.battle-item-guide__grid{grid-template-columns:1fr}.battle-item-guide-card{min-height:98px}.match-panel__features{grid-template-columns:1fr}.region-select-row{flex-direction:column;align-items:stretch}.select-trigger--wide{width:100%}.battle-waiting,.matchmaking-card{padding:30px 20px}.friend-room-waiting{grid-template-columns:1fr 1fr}.friend-room-waiting__buttons{grid-column:1/-1}.friend-room-waiting button{min-height:44px}.friend-room-dialog__choices{grid-template-columns:1fr}.friend-room-choice{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:13px;min-height:124px}.friend-room-choice strong{margin:0}.friend-room-choice small{grid-column:2;margin-top:-14px}.battle-versus{grid-template-columns:1fr;gap:8px}.battle-versus__mark{flex-direction:row;padding:1px 0}.battle-player-card{grid-template-columns:46px minmax(0,1fr) auto;padding:10px 12px}.battle-player-card__emblem{width:42px;height:42px}.battle-player-card__emblem span{font-size:20px}.section-heading{margin-bottom:22px}.tab-list{width:100%;overflow-x:auto}.country-score-note{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 12px}.country-score-note small{text-align:left}.search-field{width:100%}.search-field input{flex:1}.leaderboard-panel{overflow-x:auto}.leaderboard-head,.leaderboard-row{min-width:570px}.metric-grid,.mission-grid,.season-rewards,.store-grid,.training-cards,.training-rule-list--values{grid-template-columns:1fr}.season-rewards h3{grid-column:auto}.tier-row{grid-template-columns:repeat(3,1fr)}.history-panel{overflow-x:auto}.history-row{min-width:500px}.store-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.store-toolbar>div{width:100%;overflow-x:auto}.pass-track{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root{--font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC",system-ui,sans-serif;--ink:#07080c;--arena:#0b0d13;--arena-soft:#131722;--panel:#1d1d20b8;--panel-solid:#1c1c1e;--cyan:#64d2ff;--cyan-soft:#0a84ff;--lime:#30d158;--violet:#7d7aff;--magenta:#ff375f;--amber:#ffd60a;--text:#f5f5f7;--muted:#ebebf599;--danger:#ff453a;--line:#ffffff1a;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}body,html{color:var(--text);font-family:var(--font-ui);font-optical-sizing:auto;background:#07080c}html{overflow-x:clip}button,input,select,textarea{font-family:var(--font-ui)}[role=button],a,button{touch-action:manipulation}:focus-visible{outline-offset:3px;outline:3px solid #64d2ffe6}.battle-entry,.battle-room-shell,.game-shell,.lobby-shell,.matchmaking-shell,.portal-page,.portal-shell{background:radial-gradient(circle at 50% -15%,#0a84ff33,#0000 42%),linear-gradient(#0d1018,#07080c 72%)}.arena-vignette{background:radial-gradient(circle at 50% 38%,#0000 18%,#07080c26 58%,#07080cad 100%),linear-gradient(#07080c0a,#07080c8f)}.topbar{-webkit-backdrop-filter:blur(32px)saturate(180%);background:#0e0f14ad;border:0;grid-template-columns:180px minmax(320px,1fr) auto auto;min-height:72px;padding:0 28px;box-shadow:0 1px #ffffff14,0 18px 50px #00000029}.brand-mark__logo{width:132px;height:58px}.topbar__nav{background:#76768029;border:1px solid #ffffff0f;border-radius:999px;justify-self:center;gap:3px;height:auto;padding:4px;box-shadow:inset 0 1px #ffffff0a}.topbar__nav a{color:#ebebf599;letter-spacing:-.01em;min-height:34px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);border-radius:999px;padding:0 17px;font-size:13px;font-weight:590}.topbar__nav a:after{display:none}.topbar__nav a[data-active]{color:#fff;background:#ffffff24;box-shadow:0 1px 4px #00000038,inset 0 1px #ffffff0f}.game-over-actions>a:active,.game-topbar__actions button:active,.icon-button:active,.pause-actions>a:active,.player-trigger:active,.quick-grid a:active,.topbar__nav a:active{transform:scale(.96)}.latency-chip,.region-chip{color:#ebebf58c;letter-spacing:0;background:#76768024;border:0;border-radius:999px;min-height:30px;padding:0 10px;font-size:10px;font-weight:590}.icon-button{color:#ebebf5b3;width:38px;height:38px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);border:0;border-radius:12px}@media (hover:hover) and (pointer:fine){.icon-button:hover{color:#fff;background:#ffffff1a;border-color:#0000}}.player-trigger{min-width:158px;transition:background-color .14s ease,transform .1s var(--ease-out);border:0;border-radius:16px;padding:6px 9px 6px 7px}.player-trigger:hover,.player-trigger[data-state=open]{background:#ffffff17;border-color:#0000}.player-trigger__avatar{color:#64d2ff}.player-trigger strong{letter-spacing:-.01em;font-size:12px;font-weight:650}.player-trigger small{color:#ebebf580;margin-top:4px;font-size:10px}.dropdown-content,.select-content{min-width:208px;transform-origin:var(--radix-dropdown-menu-content-transform-origin,var(--radix-select-content-transform-origin));-webkit-backdrop-filter:blur(32px)saturate(180%);animation:apple-popover-in .16s var(--ease-out);background:#262629d1;border:1px solid #ffffff1f;border-radius:16px;padding:6px;box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff14}.dropdown-content a,.select-item{color:#f5f5f7c2;border-radius:10px;min-height:38px;padding:8px 10px;font-size:13px}.dropdown-content [data-highlighted],.dropdown-content a:hover,.select-item[data-highlighted]{color:#fff;background:#0a84ff}.lobby-content{width:min(1420px,100% - 64px);padding:clamp(36px,6vh,72px) 0 60px}.lobby-kicker{color:#ebebf5a3;letter-spacing:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1d1d2085;border:1px solid #ffffff14;border-radius:999px;min-height:30px;padding:0 12px;font-size:11px;font-weight:550;box-shadow:inset 0 1px #ffffff0d}.latency-chip i,.live-dot,.service-ok i{box-shadow:0 0 0 3px #30d15821}.battle-entry__heading>span,.battle-waiting>span,.eyebrow,.lobby-hero>.eyebrow,.matchmaking-card>span,.mode-card__copy>span,.section-heading>span{color:#64d2ff;letter-spacing:.14em;font-size:11px;font-weight:650}.lobby-hero h1{letter-spacing:-.052em;text-shadow:0 16px 45px #00000047;margin:16px 0 20px;font-size:clamp(44px,4.3vw,68px);font-weight:720;line-height:1.02}.lobby-hero h1 em{color:#f5f5f794;text-shadow:none;background:linear-gradient(92deg,#64d2ff,#bf9dff)}.lobby-hero p{color:#ebebf59e;letter-spacing:.005em;max-width:480px;font-size:16px;line-height:1.65}.lobby-hero__stats{gap:8px;margin-top:28px}.lobby-hero__stats span{color:#ebebf580;letter-spacing:0;background:#7676801f;border-radius:999px;min-height:30px;padding:0 10px;font-size:10px;font-weight:570}.lobby-hero__stats svg{color:#64d2ffe6}.mode-card{-webkit-backdrop-filter:blur(34px)saturate(155%);min-height:182px;background:linear-gradient(135deg,#2c2c30cc,#19191da3);border:1px solid #ffffff1c;border-radius:28px;grid-template-columns:60px 1fr auto;gap:18px;padding:24px;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff1a}.mode-card:after,.mode-card:before{display:none}.mode-card__halo{background:radial-gradient(circle,#64d2ff21,#0000 68%);width:300px;height:300px;top:-95px;left:-82px}.mode-card--battle .mode-card__halo{background:radial-gradient(circle,#7d7aff29,#0000 68%)}@media (hover:hover) and (pointer:fine){.mode-card:hover{border-color:#ffffff30;transform:translateY(-2px);box-shadow:0 30px 80px #0006,inset 0 1px #ffffff21}}.mode-card__icon{color:#64d2ff;background:linear-gradient(145deg,#64d2ff38,#0a84ff21);border:0;border-radius:18px;width:58px;height:58px;box-shadow:inset 0 1px #ffffff29}.mode-card--battle .mode-card__icon{color:#bf9dff;background:linear-gradient(145deg,#bf9dff38,#5e5ce629);border-color:#0000}.mode-card--battle .mode-card__copy>span{color:#bf9dff}.mode-card h2{letter-spacing:-.025em;margin:5px 0 8px;font-size:25px;font-weight:700}.mode-card p{color:#ebebf58c;line-height:1.5}.mode-card__meta{color:#ebebf561;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:14px;font-size:9px;font-weight:620}.mode-card p.mode-card__reward{color:#f5ca5c;letter-spacing:.04em;margin-top:3px;font-size:11px;font-weight:680}.energy-button{color:#fff;letter-spacing:-.01em;min-height:46px;transition:transform .12s var(--ease-out),filter .16s ease,box-shadow .16s ease;background:linear-gradient(#168dfb,#0879e6);border:0;border-radius:15px;padding:0 19px;font-size:13px;font-weight:650;box-shadow:inset 0 1px #fff3,0 8px 24px #0a84ff3d}.energy-button__sheen{display:none}@media (hover:hover) and (pointer:fine){.energy-button:hover{filter:brightness(1.08);transform:none;box-shadow:inset 0 1px #ffffff3d,0 10px 28px #0a84ff4d}}.energy-button:active{filter:brightness(.94);transform:scale(.97);box-shadow:inset 0 1px 5px #0000002e,0 4px 14px #0a84ff29}.energy-button--secondary{color:#fff;background:linear-gradient(#716ff0,#5e5ce6);border-color:#0000;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #5e5ce633}.energy-button--danger{background:linear-gradient(#ff5d52,#ff453a);border-color:#0000}.hud-panel{-webkit-backdrop-filter:blur(28px)saturate(150%);background:#1e1e22a8;border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 18px 52px #00000042,inset 0 1px #ffffff14}.hud-panel__corner{display:none}.profile-panel,.season-panel{padding:18px}.profile-panel__badge{background:#7d7aff26;border:0;border-radius:12px}.profile-panel small,.profile-panel__foot,.season-level,.season-panel small,.season-panel__header{color:#ebebf570;letter-spacing:0;font-size:9px}.profile-panel strong{font-size:12px}.profile-panel__top em{color:#64d2ff;font-variant-numeric:tabular-nums;font-size:16px;font-weight:680}.rank-progress{background:#7676802e;border-radius:999px;height:5px}.rank-progress span{border-radius:inherit;box-shadow:none;background:linear-gradient(90deg,#0a84ff,#64d2ff)}.rank-progress--gold span{box-shadow:none;background:linear-gradient(90deg,#ff9f0a,#ffd60a)}.season-panel__header span{color:#ffd60a;font-size:10px}.season-panel>strong{letter-spacing:.02em;font-size:15px}.quick-grid a{color:#ebebf5a1;min-height:56px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#1e1e2294;border:1px solid #ffffff17;border-radius:16px;font-size:12px;box-shadow:inset 0 1px #ffffff0f}@media (hover:hover) and (pointer:fine){.quick-grid a:hover{color:#fff;background:#343438b8;border-color:#ffffff24;transform:none}}.quick-grid b{background:#ff453a}.lobby-footer{color:#ebebf54d;letter-spacing:.04em;font-size:8px}.service-ok{color:#30d158b8}.battle-room-topbar,.game-topbar{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#0e0f14a8;border:0;height:64px;padding:0 20px;box-shadow:0 1px #ffffff14}.battle-room-topbar>a,.game-topbar__back,.section-back{color:#ebebf59e;min-height:36px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);border-radius:11px;padding:0 11px;font-size:13px}@media (hover:hover) and (pointer:fine){.battle-room-topbar>a:hover,.game-topbar__back:hover,.section-back:hover{color:#fff;background:#ffffff14}}.game-topbar__mode small{color:#64d2ff;letter-spacing:.14em;font-size:8px;font-weight:650}.game-topbar__mode strong{letter-spacing:.02em;font-size:12px;font-weight:680}.game-topbar__actions button{color:#ebebf5b8;width:38px;height:38px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);background:#76768029;border:0;border-radius:12px;box-shadow:inset 0 1px #ffffff0f}.game-topbar__actions button:hover{color:#fff;background:#ffffff24;border-color:#0000}.game-objective{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#1d1d209e;border:1px solid #ffffff17;border-radius:14px;min-height:36px;padding:0 14px;top:76px;box-shadow:0 12px 32px #0000002e,inset 0 1px #ffffff0f}.game-objective>span,.game-objective>strong{letter-spacing:.02em;font-size:9px}.game-objective>span{color:#64d2ff;font-weight:650}.game-objective>strong{color:#ebebf59e}.game-objective>div{background:#76768033;border-radius:999px;height:4px;overflow:hidden}.game-objective>div span{border-radius:inherit;box-shadow:none;transition:transform .18s var(--ease-out);background:#0a84ff}.keyboard-hint{color:#ebebf56b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1d1d208a;border:1px solid #ffffff14;border-radius:14px;gap:14px;padding:7px 11px;bottom:14px;box-shadow:inset 0 1px #ffffff0d}kbd{color:#f5f5f7e6;background:#76768038;border:1px solid #ffffff1f;border-bottom-color:#fff3;border-radius:6px;min-width:24px;height:22px;font-size:8px;box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000038}.modal-overlay{-webkit-backdrop-filter:blur(18px)saturate(80%);animation:apple-fade-in .16s var(--ease-out);background:#0000007a}.modal-content{-webkit-backdrop-filter:blur(38px)saturate(170%);width:min(520px,100vw - 32px);animation:apple-modal-in .22s var(--ease-out);scrollbar-color:#ebebf538 transparent;scrollbar-width:thin;background:#242427e6;border:1px solid #ffffff21;border-radius:28px;padding:28px;box-shadow:0 32px 100px #0000008f,inset 0 1px #ffffff1a}.modal-content::-webkit-scrollbar{width:7px}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-thumb{background:#ebebf538 padding-box padding-box;border:2px solid #0000;border-radius:999px}.modal-content:after,.modal-content:before{display:none}.modal-title{letter-spacing:-.035em;font-size:24px;font-weight:720}.modal-description{color:#ebebf58f;font-size:14px;line-height:1.5}.modal-close{color:#ebebf594;width:32px;height:32px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);background:#76768038;border:0;border-radius:50%;font-size:21px;line-height:1;top:15px;right:15px}.modal-close:active{transform:scale(.92)}.pause-actions>a{color:#ebebf58f;min-height:42px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);border-radius:13px}.pause-actions>a:hover{color:#fff;background:#ffffff12}.game-over-overlay{-webkit-backdrop-filter:blur(22px)saturate(75%);background:#00000094}.game-over-card:before,.game-over-overlay__pulse{display:none}.game-over-card{-webkit-backdrop-filter:blur(40px)saturate(150%);backdrop-filter:blur(40px)saturate(150%);background:#1f1f23e6;border:1px solid #ffffff21;border-radius:28px;box-shadow:0 40px 120px #0000009e,inset 0 1px #ffffff1a}.game-over-card__mark img{filter:drop-shadow(0 12px 24px #00000075)}.game-over-card__eyebrow,.game-over-score small{color:#ebebf57a;letter-spacing:.12em}.game-over-score strong{letter-spacing:-.045em;text-shadow:none;font-variant-numeric:tabular-nums}.game-over-score em{box-shadow:none;border-radius:999px}.game-over-stats span,.result-grid>span{background:#76768024;border:0;border-radius:14px}.game-over-actions>a{transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);background:#76768029;border:0;border-radius:13px}.setting-row{border-bottom-color:#ffffff14}.settings-group h3{color:#ebebf573;letter-spacing:.06em;font-size:11px}.select-trigger{background:#7676802e;border-color:#0000;border-radius:10px}.switch-root{background:#76768052;border-color:#0000;box-shadow:inset 0 0 0 1px #ffffff0a}.switch-root[data-state=checked]{background:#30d158;border-color:#0000}.slider-track{background:#76768047;border-radius:999px}.slider-range{border-radius:inherit;box-shadow:none;background:#0a84ff}.slider-thumb{background:#fff;border-color:#00000014;box-shadow:0 2px 7px #00000052}@starting-style{.lobby-hero,.lobby-rail,.mode-card{opacity:0;transform:translateY(10px)}}.lobby-hero,.lobby-rail,.mode-card{opacity:1;transition:opacity .26s var(--ease-out),transform .26s var(--ease-out);transform:translateY(0)}.mode-card:nth-child(2){transition-delay:45ms}.lobby-rail{transition-delay:90ms}@keyframes apple-popover-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes apple-fade-in{0%{opacity:0}to{opacity:1}}@keyframes apple-modal-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.friend-room-dialog__overlay{z-index:160}.modal-content.friend-room-dialog{z-index:161;width:min(510px,100vw - 32px);padding:28px}.friend-room-dialog__header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding-right:28px;display:grid}.friend-room-dialog__header>div>span{color:#64d2ff;letter-spacing:.15em;font-size:8px;font-weight:700}.friend-room-dialog__mark{color:#64d2ff;background:#0a84ff1f;border:1px solid #64d2ff57;border-radius:17px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 0 28px #0a84ff29}.friend-room-dialog__choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.friend-room-choice{color:#ebebf5d1;text-align:left;cursor:pointer;min-height:174px;transition:transform .15s var(--ease-out),border-color .15s ease,background-color .15s ease;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;justify-items:start;padding:18px;display:grid;box-shadow:inset 0 1px #ffffff0f}.friend-room-choice>span{color:#a9edff;background:#64d2ff1f;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.friend-room-choice strong{color:#f5f5f7;margin-top:18px;font-size:15px}.friend-room-choice small{color:#ebebf57a;margin-top:5px;font-size:11px;line-height:1.38}.friend-room-choice--primary{background:linear-gradient(145deg,#0a84ff38,#64d2ff0f);border-color:#64d2ff52}.friend-room-choice--primary>span{color:#001019;background:#64d2ff;box-shadow:0 0 20px #64d2ff3d}.friend-room-choice:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.friend-room-choice:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-1px)}.friend-room-choice--primary:hover{background:linear-gradient(145deg,#0a84ff4d,#64d2ff17);border-color:#64d2ff8c}}.friend-code-input{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:26px;display:grid}.friend-code-input input{aspect-ratio:1;color:#f5f5f7;width:100%;min-height:64px;font-family:var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;transition:border-color .14s ease,box-shadow .14s ease,transform .1s var(--ease-out);background:#0003;border:1px solid #ffffff24;border-radius:17px;outline:0;padding:0;font-size:clamp(25px,7vw,34px);font-weight:720;box-shadow:inset 0 1px #ffffff0e}.friend-code-input input:focus{border-color:#64d2ff;box-shadow:0 0 0 4px #64d2ff1f,inset 0 1px #ffffff14}.friend-code-input.is-invalid{animation:friend-code-shake .31s ease-in-out}.friend-code-input.is-invalid input{border-color:#ff453aa6}.friend-room-dialog__hint{color:#ebebf573;margin:13px 0 0;font-size:11px;line-height:1.45}.friend-room-dialog__error{color:#ff7a72;margin:10px 0 0;font-size:12px;line-height:1.45}.friend-room-dialog__actions{grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:22px;display:grid}.friend-room-dialog__actions>button:not(.energy-button){color:#ebebf5a8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;min-height:46px;font-size:12px;font-weight:650}.friend-room-dialog__actions .energy-button{min-height:46px}.friend-room-dialog__actions>button:active{transform:scale(.97)}.friend-room-dialog__actions>button:disabled{opacity:.55;cursor:wait}@keyframes friend-code-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (max-width:1180px){.topbar{grid-template-columns:160px 1fr auto}.lobby-grid{grid-template-columns:minmax(280px,.8fr) minmax(470px,1.2fr)}}@media (max-width:900px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;min-height:64px}.topbar__nav{height:auto}.lobby-content{width:min(760px,100% - 32px)}.lobby-grid{grid-template-columns:minmax(0,1fr)}.game-objective{top:76px}}@media (max-width:680px){.topbar{padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.topbar__nav{gap:2px;padding:3px}.topbar__nav a{min-height:32px;padding:0 12px;font-size:12px}.brand-mark__logo{width:82px;height:42px}.lobby-hero h1{font-size:42px}.mode-card{border-radius:22px;grid-template-columns:52px 1fr;padding:20px}.mode-card__icon{border-radius:15px;width:50px;height:50px}.battle-room-topbar,.game-topbar{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.game-objective{top:76px}.touch-controls button{color:#f5f5f7e0;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#2c2c30ad;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 8px 24px #0003}.touch-controls button:active{color:#fff;background:#0a84ffb8;border-color:#ffffff2e;transform:scale(.94)}.game-over-card,.modal-content{border-radius:22px}}@media (prefers-reduced-transparency:reduce){.battle-result,.battle-result-overlay,.battle-room-topbar,.dropdown-content,.game-objective,.game-over-card,.game-topbar,.hud-panel,.keyboard-hint,.modal-content,.mode-card,.select-content,.topbar{background:#1c1c1e;-webkit-backdrop-filter:none!important}}@media (prefers-contrast:more){.dropdown-content,.game-objective,.game-over-card,.hud-panel,.modal-content,.mode-card,.select-content,.topbar{background:#141416f5;border:1px solid #ffffff6b}}.cosmetics-store{--store-ink:#f3f7f8;--store-muted:#dbecf08f;position:relative}.store-showcase{background:linear-gradient(145deg,#081726ed,#070d19f5);border-color:#6fcddc30;grid-template-columns:minmax(0,1.35fr) minmax(310px,.78fr);min-height:410px;margin-bottom:20px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0a}.store-showcase__visual{--cosmetic-accent:#45e9ff;background:radial-gradient(circle at 52% 50%,var(--cosmetic-accent),transparent 38%),linear-gradient(135deg,var(--cosmetic-accent),transparent 50%),#06101d;border-right:1px solid #ffffff12;min-height:410px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.store-showcase__visual{background:radial-gradient(circle at 52% 50%,color-mix(in srgb,var(--cosmetic-accent) 26%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--cosmetic-accent) 7%,transparent),transparent 50%),#06101d}}.store-showcase__visual{isolation:isolate}.store-showcase__visual:after,.store-showcase__visual:before{z-index:-1;content:"";position:absolute}.store-showcase__visual:before{background:conic-gradient(from 45deg at 50% 50%,transparent,var(--cosmetic-accent),transparent 28%);inset:-25%}@supports (color:color-mix(in lab,red,red)){.store-showcase__visual:before{background:conic-gradient(from 45deg at 50% 50%,transparent,color-mix(in srgb,var(--cosmetic-accent) 10%,transparent),transparent 28%)}}.store-showcase__visual:before{filter:blur(30px);animation:cosmetic-ambient-orbit 18s linear infinite}.store-showcase__visual:after{background-color:#0000;background-image:linear-gradient(90deg,#0000 49.8%,#ffffff09 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#ffffff06 50%,#0000 50.2%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 52%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 52%,#000,#0000 72%)}.store-showcase__grid{border:1px solid var(--cosmetic-accent);position:absolute;inset:11% 8%}@supports (color:color-mix(in lab,red,red)){.store-showcase__grid{border:1px solid color-mix(in srgb,var(--cosmetic-accent) 22%,transparent)}}.store-showcase__grid{clip-path:polygon(0 0,42% 0,44% 2px,56% 2px,58% 0,100% 0,100% 32%,calc(100% - 2px) 34%,calc(100% - 2px) 66%,100% 68%,100% 100%,58% 100%,56% calc(100% - 2px),44% calc(100% - 2px),42% 100%,0 100%,0 68%,2px 66%,2px 34%,0 32%);opacity:.46}.store-showcase__preview{place-items:center;display:grid;position:absolute;inset:36px 42px 38px}.store-showcase__watermark{color:var(--cosmetic-accent);position:absolute;top:22px;left:24px}@supports (color:color-mix(in lab,red,red)){.store-showcase__watermark{color:color-mix(in srgb,var(--cosmetic-accent) 72%,white)}}.store-showcase__watermark{font-family:var(--font-ui);letter-spacing:.2em;font-size:8px;font-weight:700}.store-preview-replay{color:#eefcff;border:1px solid var(--cosmetic-accent);align-items:center;gap:7px;min-height:34px;padding:0 12px;display:inline-flex;position:absolute;bottom:18px;right:20px}@supports (color:color-mix(in lab,red,red)){.store-preview-replay{border:1px solid color-mix(in srgb,var(--cosmetic-accent) 36%,transparent)}}.store-preview-replay{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030b15b3;border-radius:10px;font-size:11px;transition:transform .14s ease-out,border-color .14s ease-out,background-color .14s ease-out}.store-preview-replay:hover{border-color:var(--cosmetic-accent);background:#071825e6;transform:translateY(-1px)}.store-preview-replay:active{transform:scale(.97)}.store-showcase__copy{flex-direction:column;align-items:flex-start;min-width:0;padding:42px 36px 32px;display:flex}.store-rarity{color:#9bc1c8;width:max-content;font-family:var(--font-ui);letter-spacing:.12em;background:#9acad312;border:1px solid #9acad333;border-radius:6px;padding:5px 8px;font-size:7px;font-style:normal;font-weight:700;display:inline-flex}.store-rarity--rare{color:#65c8ff;background:#2d91ff14;border-color:#45b2ff4d}.store-rarity--epic{color:#c294ff;background:#8b4bff1a;border-color:#9b5eff57}.store-rarity--legendary{color:#ffd276;background:#ffae2c1a;border-color:#ffbe4361;box-shadow:inset 0 0 16px #ffbf400d}.store-showcase__copy h2{color:var(--store-ink);font-family:var(--font-ui);letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(27px,3vw,42px);font-weight:760;line-height:1}.store-showcase__copy h3{color:var(--cosmetic-accent,#8adfeb);letter-spacing:.13em;margin:8px 0 17px;font-size:13px;font-weight:500}.store-showcase__copy>p{color:var(--store-muted);margin:0;font-size:13px;line-height:1.75}.store-motion-spec{width:100%;color:var(--cosmetic-accent,#67e8f9);border:1px solid var(--cosmetic-accent,#67e8f9);align-items:center;gap:10px;margin-top:22px;padding:11px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.store-motion-spec{border:1px solid color-mix(in srgb,var(--cosmetic-accent,#67e8f9) 22%,transparent)}}.store-motion-spec{background:var(--cosmetic-accent,#67e8f9);border-radius:9px}@supports (color:color-mix(in lab,red,red)){.store-motion-spec{background:color-mix(in srgb,var(--cosmetic-accent,#67e8f9) 5%,transparent)}}.store-motion-spec span{flex-direction:column;gap:3px;min-width:0;display:flex}.store-motion-spec small{color:#dceef26b;font-family:var(--font-ui);letter-spacing:.14em;font-size:6px}.store-motion-spec b{color:#cce4e9;font-family:var(--font-ui);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.store-showcase__actions{align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:25px;display:flex}.store-showcase__actions>span{color:#dcebf06b;align-items:center;gap:5px;font-size:9px;display:inline-flex}.store-primary-action{color:#071119;background:linear-gradient(180deg,var(--cosmetic-accent,#67e8f9),var(--cosmetic-accent,#67e8f9));border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:142px;min-height:44px;padding:0 18px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.store-primary-action{background:linear-gradient(180deg,color-mix(in srgb,var(--cosmetic-accent,#67e8f9) 72%,white),var(--cosmetic-accent,#67e8f9))}}.store-primary-action{box-shadow:0 8px 24px var(--cosmetic-accent,#67e8f9),inset 0 1px #ffffff9e}@supports (color:color-mix(in lab,red,red)){.store-primary-action{box-shadow:0 8px 24px color-mix(in srgb,var(--cosmetic-accent,#67e8f9) 20%,transparent),inset 0 1px #ffffff9e}}.store-primary-action{font-family:var(--font-ui);cursor:pointer;font-size:10px;font-weight:760;transition:transform .12s ease-out,filter .12s ease-out}.store-primary-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.store-primary-action:active{transform:scale(.97)}.store-primary-action.is-equipped{color:#8edca6;cursor:default;background:#5cd57d1a;box-shadow:inset 0 0 0 1px #65e78933}.cosmetics-store .store-toolbar{margin:0 0 22px}.cosmetics-store .store-toolbar>div{flex-wrap:wrap}.cosmetics-store .store-toolbar>span{color:#d9b851;gap:7px}.cosmetics-store .store-toolbar>span b{color:#ffe17b;font-variant-numeric:tabular-nums;font-size:13px}.store-collection-heading{grid-template-columns:40px 1fr auto;align-items:center;gap:12px;margin:0 0 14px;display:grid}.store-collection-heading>span{color:#87ddeb;background:#38b4cd14;border:1px solid #79d5e42e;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.store-collection-heading div{flex-direction:column;gap:2px;display:flex}.store-collection-heading small{color:#abccd375;font-family:var(--font-ui);letter-spacing:.17em;font-size:6px}.store-collection-heading h2{color:#eaf5f7;margin:0;font-size:17px;font-weight:600}.store-collection-heading em{color:#aac9d06b;font-family:var(--font-ui);letter-spacing:.1em;font-size:8px;font-style:normal}.cosmetics-store .store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cosmetics-store .store-card{background:linear-gradient(160deg,#0d1d2ad1,#08111ceb);border-color:#78b5c124;min-width:0;padding:0 0 15px;transition:border-color .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out;position:relative;overflow:hidden}.cosmetics-store .store-card:hover{border-color:var(--cosmetic-accent,#5eddec)}@supports (color:color-mix(in lab,red,red)){.cosmetics-store .store-card:hover{border-color:color-mix(in srgb,var(--cosmetic-accent,#5eddec) 33%,transparent)}}.cosmetics-store .store-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #00000047}.cosmetics-store .store-card.is-selected{border-color:#63d9ea6b;box-shadow:0 0 0 1px #48d9ec12,0 18px 38px #0000004d}.store-card__select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.cosmetics-store .store-preview{--cosmetic-accent:#65e8f4;height:172px;color:var(--cosmetic-accent);background:radial-gradient(circle at 50% 58%,var(--cosmetic-accent),transparent 46%),linear-gradient(145deg,var(--cosmetic-accent),transparent 50%),#040f1bd1;border:0;border-radius:0;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.cosmetics-store .store-preview{background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--cosmetic-accent) 20%,transparent),transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--cosmetic-accent) 7%,transparent),transparent 50%),#040f1bd1}}.cosmetics-store .store-preview{box-shadow:inset 0 -1px #ffffff0d}.cosmetics-store .store-preview:after{content:"";background:linear-gradient(115deg,#0000 32%,#ffffff14 48%,#0000 62%);transition:transform .65s ease-out;position:absolute;inset:0;transform:translate(-120%)}.cosmetics-store .store-card:hover .store-preview:after{transform:translate(120%)}.cosmetics-store .store-preview>.store-rarity{z-index:4;position:absolute;top:10px;left:10px}.store-equipped-badge{z-index:4;color:#83e49f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#124c2b8c;border:1px solid #69e28c40;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;font-style:normal;display:inline-flex;position:absolute;top:10px;right:10px}.store-card__copy{flex-direction:column;min-height:126px;padding:16px 16px 10px;display:flex}.store-card__copy small{color:#658690;font-family:var(--font-ui);letter-spacing:.13em;font-size:7px}.store-card__copy b{color:#edf7f8;font-family:var(--font-ui);margin-top:7px;font-size:13px;font-weight:650}.store-card__copy em{color:var(--cosmetic-accent,#7adfec);margin-top:3px;font-size:10px;font-style:normal}.store-card__copy p{color:#c5dade7a;margin:10px 0 0;font-size:10px;line-height:1.55}.store-card__action{color:#e8ca68;min-width:92px;min-height:32px;font-family:var(--font-ui);cursor:pointer;background:#d9ae2912;border:1px solid #e5bf4240;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:0 16px;padding:0 12px;font-size:8px;transition:background-color .13s ease-out,transform .1s ease-out;display:inline-flex}.store-card__action:hover{background:#d9ae2921}.store-card__action:active{transform:scale(.97)}.store-card__action.is-equipped{color:#80d99a;cursor:default;background:#4ec67012;border-color:#66d98738}.store-empty{color:#6f929d;text-align:center;align-content:center;place-items:center;min-height:240px;display:grid}.store-empty h3{color:#d8e7ea;margin:12px 0 3px}.store-empty p{margin:0;font-size:11px}.cosmetic-block-preview{--preview-cell:18px;width:calc(var(--preview-cell) * 10);height:calc(var(--preview-cell) * 8);filter:drop-shadow(0 16px 20px #00000057);position:relative}.cosmetic-block-preview.is-large{--preview-cell:clamp(29px,4.35vw,38px)}.cosmetic-preview-glow{z-index:-1;background:var(--cosmetic-accent,currentColor);filter:blur(34px);opacity:.18;border-radius:50%;position:absolute;inset:22% -16% -22%}.cosmetic-block-stage{border:1px solid var(--cosmetic-accent,currentColor);width:100%;height:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-stage{border:1px solid color-mix(in srgb,var(--cosmetic-accent,currentColor) 32%,transparent)}}.cosmetic-block-stage{border-radius:calc(var(--preview-cell) * .28);background:linear-gradient(#a7e1eb0e 1px,#0000 0),linear-gradient(90deg,#a7e1eb0e 1px,#0000 0),linear-gradient(#091b2cd6,#020a13eb);background-size:var(--preview-cell) var(--preview-cell),var(--preview-cell) var(--preview-cell),100% 100%;box-shadow:inset 0 0 0 1px #ffffff06,inset 0 -30px 34px #00000042,0 13px 30px #00000038}.cosmetic-block-stage:after{background:var(--cosmetic-accent,currentColor);height:1px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-stage:after{background:color-mix(in srgb,var(--cosmetic-accent,currentColor) 75%,white)}}.cosmetic-block-stage:after{box-shadow:0 0 12px var(--cosmetic-accent,currentColor);content:"";opacity:.62}.cosmetic-block-cell{z-index:1;top:calc(var(--y) * var(--preview-cell));left:calc(var(--x) * var(--preview-cell));width:calc(var(--preview-cell) - 1px);height:calc(var(--preview-cell) - 1px);border-radius:max(2px,calc(var(--preview-cell) * .1));background:linear-gradient(145deg,var(--cosmetic-accent,currentColor),var(--cosmetic-accent,currentColor));border:1px solid #ffffff47;position:absolute;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-cell{background:linear-gradient(145deg,color-mix(in srgb,var(--cosmetic-accent,currentColor) 72%,white),color-mix(in srgb,var(--cosmetic-accent,currentColor) 48%,#07111d))}}.cosmetic-block-cell{background-image:var(--block-tile);animation:cosmetic-block-lock-in .42s calc(var(--index) * 22ms) cubic-bezier(.23,1,.32,1) both;background-position:50%;background-size:100% 100%;box-shadow:inset 1px 1px #ffffff3d,inset -2px -2px #00000047,0 2px 4px #0000003d}.cosmetic-block-cell[data-state=active]{z-index:2;border-color:var(--cosmetic-accent,currentColor)}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-cell[data-state=active]{border-color:color-mix(in srgb,var(--cosmetic-accent,currentColor) 68%,white)}}.cosmetic-block-cell[data-state=active]{box-shadow:inset 1px 1px #ffffff6b,inset -2px -2px #0003,0 0 12px var(--cosmetic-accent,currentColor)}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-cell[data-state=active]{box-shadow:inset 1px 1px #ffffff6b,inset -2px -2px #0003,0 0 12px color-mix(in srgb,var(--cosmetic-accent,currentColor) 56%,transparent)}}.cosmetic-block-cell[data-state=locked]{filter:saturate(.84)brightness(.78)}.theme-standard .cosmetic-block-cell{background:linear-gradient(145deg,var(--piece-color),var(--piece-color))}@supports (color:color-mix(in lab,red,red)){.theme-standard .cosmetic-block-cell{background:linear-gradient(145deg,color-mix(in srgb,var(--piece-color) 68%,white),var(--piece-color))}}.theme-standard .cosmetic-block-cell{box-shadow:inset 1px 1px #ffffff6b,inset -2px -2px var(--piece-color),0 2px 4px #0000003d}@supports (color:color-mix(in lab,red,red)){.theme-standard .cosmetic-block-cell{box-shadow:inset 1px 1px #ffffff6b,inset -2px -2px color-mix(in srgb,var(--piece-color) 45%,#030811),0 2px 4px #0000003d}}.theme-standard .cosmetic-block-cell--i{--piece-color:#32d9ff}.theme-standard .cosmetic-block-cell--j{--piece-color:#4f7cff}.theme-standard .cosmetic-block-cell--l{--piece-color:#ff9d42}.theme-standard .cosmetic-block-cell--o{--piece-color:#ffdb57}.theme-standard .cosmetic-block-cell--s{--piece-color:#75df79}.theme-standard .cosmetic-block-cell--t{--piece-color:#a978ff}.theme-standard .cosmetic-block-cell--z{--piece-color:#ff5d78}.theme-forged-metal{--block-tile:url(/block-themes/forged-metal-v2.webp)}.theme-heartwood{--block-tile:url(/block-themes/heartwood-v2.webp)}.theme-aqua-bubble{--block-tile:url(/block-themes/aqua-bubble-v2.webp)}.theme-verdant-relic{--block-tile:url(/block-themes/verdant-relic-v2.webp)}.theme-obsidian-prism{--block-tile:url(/block-themes/obsidian-prism-v2.webp)}.cosmetic-block-preview__label{z-index:3;color:var(--cosmetic-accent,currentColor);display:none;position:absolute}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-preview__label{color:color-mix(in srgb,var(--cosmetic-accent,currentColor) 68%,white)}}.cosmetic-block-preview__label{font-family:var(--font-ui);letter-spacing:.13em;text-shadow:0 1px 5px #02070d;font-size:7px;font-weight:700}.cosmetic-block-preview.is-large .cosmetic-block-preview__label{display:block}.cosmetic-block-preview__label--active{top:calc(var(--preview-cell) * .36);left:calc(var(--preview-cell) * .42)}.cosmetic-block-preview__label--locked{right:calc(var(--preview-cell) * .42);bottom:calc(var(--preview-cell) * .32);opacity:.65}.cosmetic-block-preview.is-replaying .cosmetic-block-cell[data-state=active]{animation:cosmetic-block-fall 5s cubic-bezier(.23,1,.32,1) both}.cosmetic-block-preview.is-replaying .cosmetic-block-cell[data-state=locked]{animation:cosmetic-block-field-settle 5s both}.cosmetic-block-preview.is-replaying .cosmetic-block-stage:before{z-index:4;background:radial-gradient(ellipse at 46% 78%,var(--cosmetic-accent),transparent 34%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.cosmetic-block-preview.is-replaying .cosmetic-block-stage:before{background:radial-gradient(ellipse at 46% 78%,color-mix(in srgb,var(--cosmetic-accent) 68%,white),transparent 34%)}}.cosmetic-block-preview.is-replaying .cosmetic-block-stage:before{content:"";opacity:0;pointer-events:none;animation:cosmetic-block-lock-flash 5s both}.cosmetic-frame-preview{--frame-width:138px;width:var(--frame-width);aspect-ratio:10/15;box-shadow:inset 0 0 0 2px #75d9e9,inset 0 0 20px #020811,0 18px 30px #00000059,0 0 30px var(--cosmetic-accent,currentColor);background:linear-gradient(145deg,#173446,#07111d);border:4px solid #2b7587;border-radius:9px;place-items:center;padding:12px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.cosmetic-frame-preview{box-shadow:inset 0 0 0 2px #75d9e9,inset 0 0 20px #020811,0 18px 30px #00000059,0 0 30px color-mix(in srgb,var(--cosmetic-accent,currentColor) 15%,transparent)}}.cosmetic-frame-preview.is-large{--frame-width:clamp(190px,25vw,255px);border-width:6px;padding:17px}.cosmetic-frame-viewport{border:1px solid var(--cosmetic-accent,#45e9ff);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.cosmetic-frame-viewport{border:1px solid color-mix(in srgb,var(--cosmetic-accent,#45e9ff) 28%,transparent)}}.cosmetic-frame-viewport{background:radial-gradient(circle at 50% 34%,var(--cosmetic-accent,#45e9ff),transparent 54%),linear-gradient(180deg,#091628fa,#030a15fa)}@supports (color:color-mix(in lab,red,red)){.cosmetic-frame-viewport{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--cosmetic-accent,#45e9ff) 10%,transparent),transparent 54%),linear-gradient(180deg,#091628fa,#030a15fa)}}.cosmetic-frame-viewport:before{border:1px solid var(--cosmetic-accent,#45e9ff);position:absolute;inset:10px}@supports (color:color-mix(in lab,red,red)){.cosmetic-frame-viewport:before{border:1px solid color-mix(in srgb,var(--cosmetic-accent,#45e9ff) 16%,transparent)}}.cosmetic-frame-viewport:before{content:""}.cosmetic-frame-viewport span{color:var(--cosmetic-accent,#45e9ff);position:relative}@supports (color:color-mix(in lab,red,red)){.cosmetic-frame-viewport span{color:color-mix(in srgb,var(--cosmetic-accent,#45e9ff) 68%,white 20%)}}.cosmetic-frame-viewport span{font-family:var(--font-ui);letter-spacing:.16em;opacity:.72;font-size:7px;font-weight:800}.frame-ornament{z-index:3;opacity:.8;border:2px solid;width:17px;height:17px;position:absolute}.frame-ornament--tl{border-bottom:0;border-right:0;top:-6px;left:-6px}.frame-ornament--tr{border-bottom:0;border-left:0;top:-6px;right:-6px}.frame-ornament--bl{border-top:0;border-right:0;bottom:-6px;left:-6px}.frame-ornament--br{border-top:0;border-left:0;bottom:-6px;right:-6px}.frame-gilded-filigree{color:#ffdc83;background:repeating-linear-gradient(45deg,#ffdd7d26 0 2px,#0000 2px 6px),linear-gradient(145deg,#5b4019,#1b160e);border-color:#9b6b22;border-radius:5px;box-shadow:inset 0 0 0 2px #ffe2a0,inset 0 0 0 6px #664719,inset 0 0 24px #080704,0 18px 34px #0006,0 0 28px #eeb74533}.frame-gilded-filigree .frame-ornament{border-width:3px;border-radius:12px 0;width:26px;height:26px;transform:rotate(2deg)}.frame-dragon-scale{color:#ff765e;background:radial-gradient(circle at 50% 0,#8b321d 0 14%,#0000 15%) 0 0/16px 14px,radial-gradient(circle at 50% 0,#481913 0 14%,#0000 15%) 8px 7px/16px 14px,#1c1112;border-color:#6f2019;box-shadow:inset 0 0 0 2px #ff765e,inset 0 0 0 6px #46120e,inset 0 0 22px #080505,0 18px 34px #0006,0 0 30px #ff4a2c2e}.frame-dragon-scale .frame-ornament{transform:rotate(45deg)}.frame-carbon-weave{color:#9dc1d2;background:repeating-linear-gradient(45deg,#c6e0ea1f 0 2px,#0000 2px 5px),repeating-linear-gradient(-45deg,#020609a6 0 2px,#0000 2px 5px),#101a20;border-color:#344752;box-shadow:inset 0 0 0 2px #7e99a5,inset 0 0 0 6px #15252e,0 18px 34px #0006}.frame-carbon-weave .frame-ornament{background:#a6bbc3;border-radius:2px;width:20px;height:10px;box-shadow:inset 0 0 0 2px #30444f}.frame-jade-temple{color:#73e5a7;background:repeating-linear-gradient(90deg,#0000 0 12px,#85e8b626 13px 15px),linear-gradient(145deg,#34745a,#102c25);border-color:#286c51;border-radius:3px;box-shadow:inset 0 0 0 2px #9be8bd,inset 0 0 0 6px #25543f,inset 0 0 24px #07130f,0 18px 34px #0000006b,0 0 30px #43d2872e}.frame-jade-temple:after{content:"";border:1px dashed #debe68b3;position:absolute;inset:5px}.frame-jade-temple .frame-ornament{border-color:#e1bc66;transform:rotate(45deg)}.cosmetic-effect-preview{--fx-color:var(--cosmetic-accent,#45e9ff);filter:drop-shadow(0 10px 24px #0000004d);flex-direction:column;gap:10px;width:min(86%,310px);display:flex}.cosmetic-effect-preview.is-large{gap:17px;width:min(78%,430px)}.effect-lane{grid-template-columns:22px 1fr;align-items:center;height:17px;display:grid;position:relative}.is-large .effect-lane{grid-template-columns:28px 1fr;height:24px}.effect-lane>b{color:var(--fx-color)}@supports (color:color-mix(in lab,red,red)){.effect-lane>b{color:color-mix(in srgb,var(--fx-color) 72%,white)}}.effect-lane>b{font-family:var(--font-ui);font-size:8px}.effect-lane__track{border:1px solid var(--fx-color);height:100%}@supports (color:color-mix(in lab,red,red)){.effect-lane__track{border:1px solid color-mix(in srgb,var(--fx-color) 16%,transparent)}}.effect-lane__track{background:#030a13c2}.effect-lane__beam{background:linear-gradient(90deg,transparent,var(--fx-color) 15%,white 50%,var(--fx-color) 85%,transparent);width:calc(100% - 22px);box-shadow:0 0 7px var(--fx-color),0 0 18px var(--fx-color);position:absolute;top:3px;bottom:3px;left:22px}@supports (color:color-mix(in lab,red,red)){.effect-lane__beam{box-shadow:0 0 7px var(--fx-color),0 0 18px color-mix(in srgb,var(--fx-color) 46%,transparent)}}.effect-lane__beam{animation:cosmetic-fx-reveal 1.8s calc((var(--line-delay,0) + 1) * 90ms) cubic-bezier(.16,.82,.2,1) infinite;transform:scaleX(0)}.is-large .effect-lane__beam{width:calc(100% - 28px);left:28px}.effect-lane[data-lines="2"]{--line-delay:1}.effect-lane[data-lines="3"]{--line-delay:2}.effect-lane[data-lines="4"]{--line-delay:3}.effect-lane>i{background:var(--fx-color);width:5px;height:5px;box-shadow:0 0 8px var(--fx-color);opacity:0;animation:cosmetic-fx-particle 1.8s calc(.18s + var(--line-delay,0) * 90ms) ease-out infinite;border:1px solid #fff;position:absolute;top:50%;left:54%}.effect-lane>i:nth-of-type(2){animation-delay:calc(.24s + var(--line-delay,0) * 90ms);top:20%;left:42%}.effect-lane>i:nth-of-type(3){animation-delay:calc(.3s + var(--line-delay,0) * 90ms);top:76%;left:67%}.effect-lane>i:nth-of-type(4){animation-delay:calc(.35s + var(--line-delay,0) * 90ms);top:35%;left:80%}.effect-neon-bloom{--fx-color:#ff4fa3}.effect-neon-bloom .effect-lane>i{border-radius:100% 0;transform:rotate(45deg)}.effect-ember-rift{--fx-color:#ff7135}.effect-ember-rift .effect-lane__beam{clip-path:polygon(0 48%,18% 21%,34% 59%,48% 20%,62% 67%,78% 30%,100% 52%,100% 100%,0 100%);background:linear-gradient(90deg,#0000,#ff562e,#fff1a8,#ff562e,#0000)}.effect-ember-rift .effect-lane>i{border:0;width:3px;height:8px;transform:rotate(35deg)}.effect-bubble-pop{--fx-color:#67e7ff}.effect-bubble-pop .effect-lane__beam{background:#69e0ff29;border:1px solid #c9faffcc;border-radius:99px;top:1px;bottom:1px}.effect-bubble-pop .effect-lane>i{background:#69e0ff3d;border-radius:50%;width:9px;height:9px}.effect-verdant-spiral{--fx-color:#88df67}.effect-verdant-spiral .effect-lane>i{background:#9be578;border-radius:100% 0;width:9px;height:5px;transform:rotate(35deg)}.effect-royal-salvo{--fx-color:#ffd468}.effect-royal-salvo .effect-lane__beam{background:linear-gradient(90deg,#0000,#9c691e 12%,#ffe49b 35%,#fff 50%,#ffe49b 65%,#9c691e 88%,#0000)}.effect-royal-salvo .effect-lane>i{background:#ffe59b;transform:rotate(45deg)}@keyframes cosmetic-ambient-orbit{to{transform:rotate(1turn)}}@keyframes cosmetic-block-lock-in{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cosmetic-block-fall{0%,12%{transform:translateY(0)scale(1)}70%{transform:translateY(calc(var(--preview-cell) * 3.82)) scale(1)}76%{transform:translateY(calc(var(--preview-cell) * 4.08)) scaleX(1.05) scaleY(.94)}83%,to{transform:translateY(calc(var(--preview-cell) * 4)) scale(1)}}@keyframes cosmetic-block-field-settle{0%,73%{filter:saturate(.84)brightness(.78)}77%{filter:saturate(1.2)brightness(1.18)}84%,to{filter:saturate(.84)brightness(.78)}}@keyframes cosmetic-block-lock-flash{0%,72%,to{opacity:0}78%{opacity:.32}86%{opacity:0}}@keyframes cosmetic-fx-reveal{0%,12%{opacity:0;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}52%{opacity:.9}72%,to{opacity:0;transform:scaleX(1)}}@keyframes cosmetic-fx-particle{0%,27%{opacity:0;transform:translate(0)rotate(0)scale(.2)}39%{opacity:1}72%,to{opacity:0;transform:translate(calc((var(--line-delay,0) + 1) * 9px),-18px) rotate(130deg) scale(.1)}}@media (max-width:980px){.store-showcase{grid-template-columns:1fr}.store-showcase__visual{border-bottom:1px solid #ffffff12;border-right:0;min-height:360px}.store-showcase__copy{min-height:340px}.cosmetics-store .store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.store-showcase__visual{min-height:300px}.store-showcase__preview{inset:34px 18px 46px}.store-showcase__copy{min-height:0;padding:27px 20px 22px}.store-showcase__copy h2{font-size:28px}.store-showcase__actions{flex-direction:column;align-items:flex-start}.store-primary-action{width:100%}.cosmetics-store .store-toolbar{align-items:stretch}.cosmetics-store .store-toolbar>div{grid-template-columns:repeat(3,1fr);width:100%;display:grid;overflow:visible}.cosmetics-store .store-toolbar button{justify-content:center;padding:0 6px}.cosmetics-store .store-grid{grid-template-columns:1fr}.cosmetics-store .store-preview{height:190px}.cosmetic-block-preview.is-large{--preview-cell:36px}.cosmetic-frame-preview.is-large{--frame-width:172px}.store-collection-heading em{display:none}}@media (prefers-reduced-motion:reduce){.cosmetic-block-cell,.effect-lane>i,.effect-lane__beam,.store-showcase__visual:before{animation:none}.cosmetic-block-preview.is-replaying .cosmetic-block-cell[data-state=active]{transform:translateY(calc(var(--preview-cell) * 4))}.effect-lane__beam{opacity:.72;transform:scaleX(1)}.effect-lane>i{opacity:.6}.cosmetics-store .store-card:hover{transform:none}}.onboarding-consents{background:#0003;border:1px solid #ffffff17;border-radius:14px;gap:10px;padding:13px;display:grid}.onboarding-card .onboarding-consent{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.onboarding-card .onboarding-consent input[type=checkbox]{accent-color:#0a84ff;cursor:pointer;flex:none;width:18px;height:18px;margin:0}.onboarding-card .onboarding-consent>span{color:#f5f5f7b8;font-size:12px;font-weight:500;line-height:1.5;display:block}.lobby-footer a,.onboarding-consent a{color:#64d2ff;text-decoration:none}.lobby-footer a:focus-visible,.lobby-footer a:hover,.onboarding-consent a:focus-visible,.onboarding-consent a:hover{text-underline-offset:3px;text-decoration:underline}.onboarding-consents>small{color:#ebebf561;font-size:10px;line-height:1.45}.legal-page{color:#f5f5f7;background:radial-gradient(circle at 12% 3%,#0a84ff2e,#0000 30%),radial-gradient(circle at 88% 30%,#64d2ff14,#0000 28%),#090a0e;min-height:100dvh;padding:clamp(20px,5vw,64px) 18px;position:relative;overflow:hidden}.legal-page__glow{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.legal-document{-webkit-backdrop-filter:blur(28px)saturate(135%);background:#1d1d21d1;border:1px solid #ffffff1c;border-radius:28px;width:min(900px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 42px 120px #00000073,inset 0 1px #ffffff14}.legal-document__header{background:linear-gradient(150deg,#64d2ff14,#0000 58%);border-bottom:1px solid #ffffff17;padding:clamp(26px,5vw,52px)}.legal-document__back,.legal-document__badge{align-items:center;gap:7px;display:inline-flex}.legal-document__back{color:#ebebf599;margin-bottom:34px;font-size:13px;text-decoration:none}.legal-document__back:focus-visible,.legal-document__back:hover{color:#fff}.legal-document__badge{color:#64d2ff;letter-spacing:.04em;width:max-content;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.legal-document h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,6vw,58px);line-height:1.05}.legal-document__header>p{color:#ebebf599;max-width:680px;margin:16px 0 0;font-size:15px;line-height:1.75}.legal-document__meta{flex-wrap:wrap;gap:10px 24px;margin:26px 0 0;display:flex}.legal-document__meta div{gap:8px;font-size:12px;display:flex}.legal-document__meta dt{color:#ebebf561}.legal-document__meta dd{color:#f5f5f7d1;margin:0}.legal-document__header nav{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.legal-document__header nav a,.legal-document__header nav span{color:#ebebf58f;background:#7676801f;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;text-decoration:none;display:inline-flex}.legal-document__header nav a[aria-current=page]{color:#fff;background:#0a84ff}.legal-document__header nav span{background:0 0;margin-left:auto}.legal-document__draft{color:#ffd60a;background:#ffd60a12;border:1px solid #ffd60a2e;border-radius:14px;margin:28px clamp(22px,5vw,52px) 0;padding:14px 16px;font-size:12px;line-height:1.65}.legal-document__content{padding:clamp(28px,5vw,52px)}.legal-document__content section+section{border-top:1px solid #ffffff14;margin-top:38px;padding-top:34px}.legal-document__content h2{color:#f5f5f7f2;letter-spacing:-.02em;margin:0 0 14px;font-size:20px}.legal-document__content li,.legal-document__content p{color:#ebebf5a8;font-size:14px;line-height:1.9}.legal-document__content p{margin:10px 0 0}.legal-document__content ol{gap:9px;margin:0;padding-left:1.4em;display:grid}.legal-document__content strong{color:#f5f5f7f0}.legal-table-wrap{border:1px solid #ffffff17;border-radius:16px;margin:18px 0;overflow-x:auto}.legal-document table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px;line-height:1.6}.legal-document td,.legal-document th{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;padding:13px 14px}.legal-document th{color:#f5f5f7e0;background:#7676801f}.legal-document td{color:#ebebf599}@media (max-width:600px){.legal-page{padding:0}.legal-document{background:#141417e6;border:0;border-radius:0}.legal-document__header nav span{width:100%;margin-left:0;padding-left:0}}@media print{.legal-page{color:#000;background:#fff;padding:0}.legal-document__back,.legal-document__draft,.legal-document__header nav,.legal-page__glow{display:none}.legal-document{width:100%;box-shadow:none;background:#fff;border:0}.legal-document__content,.legal-document__header{padding:24px 0}.legal-document h1,.legal-document th,.legal-document__content h2,.legal-document__content strong,.legal-document__meta dd{color:#000}.legal-document td,.legal-document__content li,.legal-document__content p,.legal-document__header>p,.legal-document__meta dt{color:#333}}.lobby-shell{background:radial-gradient(circle at 16% 20%,#0a84ff38,#0000 31%),radial-gradient(circle at 84% 16%,#7d7aff33,#0000 28%),linear-gradient(145deg,#10131b,#07080c 54%,#0c0d14);flex-direction:column;display:flex}.lobby-shell .arena-background{opacity:.44;mix-blend-mode:screen}.lobby-shell>.battle-background{opacity:.62;filter:saturate(.82)brightness(.82)}.lobby-shell .arena-vignette{background:radial-gradient(circle at 50% 38%,#0000 20%,#07080c33 60%,#07080cc2 100%),linear-gradient(#07080c0a,#07080ca3)}.topbar{-webkit-backdrop-filter:blur(34px)saturate(180%);background:#1e1e22a8;border:1px solid #ffffff1f;border-radius:22px;width:min(1420px,100% - 28px);min-height:68px;margin:14px auto 0;padding:0 18px;box-shadow:0 20px 60px #0000003d,inset 0 1px #ffffff14}.topbar__nav{background:#0000002e;border-color:#0000;padding:3px}.topbar__nav a{min-height:36px}.topbar__nav a[data-active]{background:#ffffff29;box-shadow:0 2px 8px #00000038,inset 0 1px #ffffff12}.lobby-content{flex-direction:column;flex:1 0 auto;justify-content:center;width:min(1340px,100% - 36px);padding:clamp(24px,4vh,56px) 0 clamp(42px,6vh,80px);display:flex}.lobby-kicker{background:#1e1e2294;min-height:32px;margin-left:8px;padding:0 13px}.lobby-grid{grid-template-columns:minmax(360px,.92fr) minmax(540px,1.28fr);gap:18px;margin-top:18px}.lobby-hero{isolation:isolate;-webkit-backdrop-filter:blur(38px)saturate(160%);background:radial-gradient(circle at 78% 74%,#0a84ff33,#0000 34%),linear-gradient(145deg,#303035d1,#18181db3);border:1px solid #ffffff21;border-radius:34px;flex-direction:column;justify-content:center;min-height:422px;padding:clamp(30px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000057,inset 0 1px #ffffff1f}.lobby-hero:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 28% 72%,#64d2ff0a);position:absolute;inset:0}.lobby-hero>:not(.lobby-hero__art){z-index:2;position:relative}.lobby-hero>.eyebrow{color:#8bdcff;letter-spacing:.12em;max-width:70%;font-size:10px}.lobby-hero h1{letter-spacing:-.062em;max-width:560px;margin:18px 0;font-size:clamp(48px,4.6vw,68px);line-height:.98}.lobby-hero h1 em{-webkit-text-fill-color:transparent;background:linear-gradient(96deg,#fff 4%,#94dcff 48%,#c4a7ff 96%);-webkit-background-clip:text;background-clip:text}.lobby-hero p{color:#f5f5f79e;max-width:440px;font-size:15px;line-height:1.6}.lobby-hero__stats{flex-wrap:wrap;max-width:440px;margin-top:26px}.lobby-hero__stats span{background:#0000003d;box-shadow:inset 0 1px #ffffff0d}.lobby-hero__art{z-index:0;opacity:.84;pointer-events:none;width:250px;height:250px;position:absolute;bottom:-42px;right:-28px}.lobby-hero__ring{border:1px solid #64d2ff38;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 80px #0a84ff14,0 0 60px #0a84ff14}.lobby-hero__ring--inner{border-color:#bf9dff42;inset:46px}.hero-tetromino{filter:drop-shadow(0 22px 30px #00000052);grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,44px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.hero-tetromino i{background:linear-gradient(145deg,#72dbff,#0a84ff);border:1px solid #ffffff42;border-radius:11px;width:40px;height:40px;box-shadow:inset 0 2px #ffffff57,inset 0 -5px #002f7a33}.hero-tetromino i:first-child{grid-area:1/2}.hero-tetromino i:nth-child(2){grid-area:2/1}.hero-tetromino i:nth-child(3){grid-area:2/2}.hero-tetromino i:nth-child(4){grid-area:2/3}.mode-stack{gap:18px}.mode-card{min-height:202px;transition:transform .18s var(--ease-out),border-color .18s ease,box-shadow .18s ease;background:radial-gradient(circle at 12% 22%,#64d2ff26,#0000 28%),linear-gradient(138deg,#2b2e35db,#18191eb3);border:1px solid #ffffff21;border-radius:32px;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;padding:28px;box-shadow:0 28px 76px #0000004d,inset 0 1px #ffffff1f}.mode-card--battle{background:radial-gradient(circle at 12% 22%,#bf9dff2e,#0000 28%),linear-gradient(138deg,#2d2a37e6,#191820b8)}.mode-card.mode-card--battle-split{min-height:0;overflow:hidden;padding:0!important;display:block!important}.mode-card--battle-split .mode-card__halo{opacity:.7}.battle-mode-split{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.battle-mode-split__pane{grid-template-rows:1fr auto;grid-template-columns:52px minmax(0,1fr);column-gap:15px;min-width:0;min-height:202px;padding:26px 28px 24px;display:grid;position:relative}.battle-mode-split__pane+.battle-mode-split__pane{border-left:1px solid #ffffff1a}.battle-mode-split__pane--friend{background:linear-gradient(135deg,#48cde114,#795cff1c)}.battle-mode-split__icon{color:#bf9dff;background:linear-gradient(145deg,#bf9dff3d,#5e5ce626);border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffff29}.battle-mode-split__pane--friend .battle-mode-split__icon{color:#82e7ff;background:linear-gradient(145deg,#64d2ff3b,#5d71ff2e)}.battle-mode-split__pane .mode-card__copy>span{color:#bf9dff}.battle-mode-split__pane--friend .mode-card__copy>span{color:#89e8ff}.battle-mode-split__pane .mode-card__copy h2{margin:3px 0 5px;font-size:23px}.battle-mode-split__pane .mode-card__copy p{font-size:12px;line-height:1.45}.battle-mode-split__pane .mode-card__meta{gap:10px;margin-top:11px;font-size:8px}.battle-mode-split__action.energy-button{grid-column:1/-1;place-self:end stretch;width:100%;min-height:38px;margin-top:15px}.energy-button--friend{color:#e6fbff;background:linear-gradient(135deg,#1786bd,#5a61de);border-color:#69daff6b;box-shadow:0 9px 20px #2a8af438,inset 0 1px #ffffff3d}@media (hover:hover) and (pointer:fine){.energy-button--friend:hover:not([aria-disabled=true]){background:linear-gradient(135deg,#249bce,#6d70ee);box-shadow:0 13px 26px #2a8af452,inset 0 1px #ffffff4d}}.mode-card:after{border-radius:inherit;opacity:1;background:linear-gradient(135deg,#ffffff0f,#0000 36%);width:auto;height:auto;display:block;inset:0}.mode-card__halo{width:360px;height:360px;top:-120px;left:-110px}.mode-card__index{z-index:1;color:#f5f5f714;letter-spacing:-.06em;pointer-events:none;font-size:58px;font-weight:760;line-height:1;position:absolute;top:16px;right:24px}.mode-card__icon{border-radius:20px;width:64px;height:64px}.mode-card h2{margin-top:7px;font-size:27px}.mode-card p{max-width:420px;font-size:13px;line-height:1.55}.mode-card__action.energy-button{z-index:3;place-self:end;min-width:124px}.lobby-rail{grid-column:1/-1;grid-template-columns:minmax(250px,1fr) minmax(250px,1fr) minmax(420px,1.7fr);gap:14px}.lobby-rail .hud-panel{background:#1e1e2294;border-radius:24px;min-height:106px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:10px}.quick-grid a{background:#1e1e228a;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:106px;padding:18px}.quick-grid svg{width:25px;height:25px}.quick-grid span{align-items:center;display:flex}.lobby-footer{width:min(1340px,100% - 36px);margin:0 auto;padding:4px 8px 18px;position:relative;bottom:auto;left:auto;right:auto}@media (hover:hover) and (pointer:fine){.mode-card:hover{border-color:#ffffff38;transform:translateY(-4px)scale(1.004);box-shadow:0 36px 90px #00000061,inset 0 1px #ffffff29}.quick-grid a:hover{background:#323237c7;transform:translateY(-2px)}}.mode-card:active{transform:scale(.995)}@media (max-width:1180px){.topbar{grid-template-columns:160px 1fr auto}.topbar__status{display:none}.lobby-grid{grid-template-columns:minmax(340px,.9fr) minmax(500px,1.2fr)}.lobby-rail{grid-template-columns:1fr 1fr}.quick-grid{grid-column:1/-1}}@media (max-width:900px){.topbar{border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;width:calc(100% - 20px);min-height:64px;margin-top:10px;padding:0 12px}.topbar__nav{justify-self:center;gap:2px}.topbar__nav a{padding:0 12px}.lobby-content{width:min(780px,100% - 28px)}.lobby-grid{grid-template-columns:1fr}.lobby-hero{text-align:left;min-height:390px}.lobby-hero p{margin-inline:0}.lobby-hero__stats{justify-content:flex-start}.mode-stack{grid-template-columns:1fr 1fr}.mode-card--battle-split{grid-column:1/-1}.mode-card{grid-template-columns:56px minmax(0,1fr);align-content:start;min-height:262px;padding:24px}.mode-card__icon{border-radius:18px;width:56px;height:56px}.mode-card__action.energy-button{grid-column:1/-1;place-self:end stretch;width:100%;margin-top:auto}}@media (max-width:680px){.topbar{background:#0e0f14f0;border:0;border-radius:0;width:100%;margin-top:0;-webkit-backdrop-filter:none!important}.lobby-content{width:calc(100% - 20px);padding-top:18px}.lobby-kicker{margin-left:4px}.lobby-hero{border-radius:28px;min-height:410px;padding:28px 22px}.lobby-hero>.eyebrow{max-width:74%;font-size:9px}.lobby-hero h1{max-width:330px;font-size:clamp(42px,13vw,54px)}.lobby-hero p{max-width:290px;font-size:14px}.lobby-hero__art{opacity:.58;bottom:-58px;right:-72px;transform:scale(.82)}.battle-mode-split,.mode-stack{grid-template-columns:1fr}.battle-mode-split__pane{min-height:0}.battle-mode-split__pane+.battle-mode-split__pane{border-top:1px solid #ffffff1a;border-left:0}.mode-card{border-radius:26px;min-height:236px}.lobby-rail{grid-template-columns:1fr}.quick-grid{grid-column:auto;grid-template-columns:1fr 1fr}.quick-grid a{min-height:94px}.lobby-footer{width:calc(100% - 20px);padding-bottom:calc(92px + env(safe-area-inset-bottom))}}@media (prefers-reduced-transparency:reduce){.lobby-hero,.lobby-rail .hud-panel,.mode-card,.quick-grid a,.topbar{-webkit-backdrop-filter:none;background:#1c1c1e}}@media (prefers-contrast:more){.lobby-hero,.lobby-rail .hud-panel,.mode-card,.quick-grid a{border-color:#ffffff80}}@media (prefers-reduced-motion:reduce){.mode-card:hover,.quick-grid a:hover{transform:none}.dropdown-content,.lobby-hero,.lobby-rail,.modal-content,.mode-card,.select-content{transform:none!important}.battle-rank-update__track>span:after{animation:none}}.battle-result-overlay.is-reduced-motion .battle-rank-update__track>span:after{animation:none}.topbar{position:sticky;top:0}.topbar__nav a{gap:6px;display:inline-flex}.topbar__nav a>svg{display:none}.mode-card__action.energy-button{align-self:center;min-width:118px}.mode-card__action[aria-disabled=true]{opacity:.64;pointer-events:none}.onboarding-overlay{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(30px)saturate(120%);background:radial-gradient(circle at 50% 28%,#0a84ff2e,#0000 34%),#07080cd6}.onboarding-card{-webkit-backdrop-filter:blur(40px)saturate(160%);background:linear-gradient(145deg,#2f2f33f0,#1b1b1feb);border:1px solid #ffffff21;border-radius:30px;width:min(520px,100%);padding:clamp(26px,4vw,36px);box-shadow:0 42px 120px #00000094,inset 0 1px #ffffff1c}.onboarding-card__icon{color:#64d2ff;background:linear-gradient(145deg,#64d2ff38,#0a84ff1f);border:0;border-radius:18px;width:62px;height:62px;margin-bottom:20px;box-shadow:inset 0 1px #ffffff24}.onboarding-card>small{color:#64d2ff;letter-spacing:.12em;font-size:11px;font-weight:650}.onboarding-card h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(27px,5vw,36px);font-weight:730;line-height:1.08}.onboarding-card>p:not(.onboarding-privacy){color:#ebebf594;margin:0;font-size:14px;line-height:1.55}.onboarding-privacy{color:#64d2ff;background:#0003;border:1px solid #64d2ff1f;border-radius:14px;align-items:flex-start;gap:10px;margin:20px 0 0;padding:12px 13px;display:flex}.onboarding-privacy svg{flex:none;margin-top:1px}.onboarding-privacy span{color:#ebebf58f;font-size:11px;line-height:1.45}.onboarding-privacy strong{color:#f5f5f7e0;margin-bottom:2px;font-size:12px;display:block}.onboarding-card form{gap:15px;margin-top:22px}.onboarding-card label{gap:8px}.onboarding-card label>span{color:#f5f5f7c7;font-size:12px;font-weight:620}.onboarding-card input,.onboarding-card select{color:#fff;background:#0000003d;border:1px solid #ffffff1a;border-radius:13px;height:50px;padding:0 14px;transition:border-color .14s,box-shadow .14s,background-color .14s}.onboarding-card input::placeholder{color:#ebebf54d}.onboarding-card input:focus,.onboarding-card select:focus{background:#00000052;border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff33}.onboarding-country-preview{background:#76768024;border:0;border-radius:14px;min-height:54px;padding:9px 13px}.onboarding-country-preview strong{color:#f5f5f7d6;font-size:13px}.onboarding-country-preview small{color:#ebebf561;letter-spacing:.06em;font-size:10px}.onboarding-error{color:#ff8a84;background:#ff453a1a;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45}.onboarding-card form>button{color:#fff;min-height:50px;transition:transform .1s var(--ease-out),filter .14s ease,box-shadow .14s ease;background:linear-gradient(#168dfb,#0879e6);border:0;border-radius:14px;font-weight:680;box-shadow:inset 0 1px #fff3,0 10px 28px #0a84ff3d}.onboarding-card form>button:active{filter:brightness(.94);transform:scale(.98)}.onboarding-card form>button:disabled{opacity:.42;box-shadow:none}.audio-consent-overlay{-webkit-backdrop-filter:blur(28px)saturate(115%);background:#07080cc2}.audio-consent-modal{background:#242427eb;border:1px solid #ffffff21;border-radius:28px;box-shadow:0 38px 110px #00000094,inset 0 1px #ffffff1a}.audio-consent-modal__icon{color:#64d2ff;background:#0a84ff29;border:0;border-radius:18px;box-shadow:inset 0 1px #ffffff1f}.audio-consent-modal__preview{background:#0003;border-color:#ffffff14;border-radius:14px}.audio-consent-modal__actions button{border:0;border-radius:13px}.audio-consent-modal__enable{color:#fff!important;background:linear-gradient(#168dfb,#0879e6)!important;border:0!important}.audio-consent-modal__mute{color:#f5f5f7b3!important;background:#76768033!important;border:0!important}.portal-content{width:min(1200px,100% - 56px);padding-top:clamp(38px,5vw,64px)}.section-heading{max-width:760px;margin-bottom:30px}.section-heading h1{letter-spacing:-.045em;margin:9px 0 8px;font-size:clamp(34px,4vw,52px);font-weight:730;line-height:1.04}.section-heading p{color:#ebebf58f;font-size:15px;line-height:1.55}.history-filter,.store-toolbar>div,.tab-list{background:#76768024;border:1px solid #ffffff12;border-radius:14px;gap:3px;padding:4px}.history-filter button,.store-toolbar button,.tab-list button{color:#ebebf58c;min-height:34px;transition:color .14s ease,background-color .14s ease,transform .1s var(--ease-out);border:0;border-radius:10px;padding:0 12px;font-size:12px}.history-filter button.active,.store-toolbar button.active,.tab-list button[data-state=active]{color:#fff;background:#ffffff24;box-shadow:0 1px 4px #0003,inset 0 1px #ffffff0d}.history-filter button:active,.mission-card>button:active,.store-card>button:active,.store-toolbar button:active,.tab-list button:active{transform:scale(.97)}.search-field{background:#1e1e22a8;border:1px solid #ffffff17;border-radius:13px;min-height:42px;padding:0 13px;transition:border-color .14s,box-shadow .14s}.search-field:focus-within{border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff29}.history-icon,.mission-card__icon,.store-preview{border-color:#0000;border-radius:15px;box-shadow:inset 0 1px #ffffff12}.settings-page-panel{padding:clamp(20px,3vw,30px)}.setting-row{min-height:66px}.slider-thumb{width:18px;height:18px}.switch-root{width:44px;height:26px}.switch-thumb{background:#fff;width:22px;height:22px;transform:translate(2px);box-shadow:0 2px 5px #0000004d}.switch-thumb[data-state=checked]{background:#fff;transform:translate(20px);box-shadow:0 2px 5px #00000047}@media (max-width:900px){.topbar__nav a:nth-child(3),.topbar__nav a:nth-child(4){display:inline-flex}}@media (max-width:680px){.topbar{min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:#0e0f14f0;grid-template-columns:1fr auto;-webkit-backdrop-filter:none!important}.topbar__nav{right:auto;top:calc(100dvh - 74px - env(safe-area-inset-bottom));z-index:180;-webkit-backdrop-filter:blur(30px)saturate(180%);background:#1f1f23d1;border:1px solid #ffffff21;border-radius:21px;grid-template-columns:repeat(4,1fr);gap:2px;width:min(420px,100% - 20px);height:64px;padding:5px;display:grid;position:fixed;bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #00000075,inset 0 1px #ffffff14}.topbar__nav a,.topbar__nav a:nth-child(3),.topbar__nav a:nth-child(4){letter-spacing:0;border-radius:16px;flex-direction:column;gap:2px;min-width:0;min-height:52px;padding:0 4px;font-size:10px;display:flex}.topbar__nav a>svg{display:block}.topbar__nav a[data-active]{color:#64d2ff;box-shadow:none;background:#0a84ff29}.brand-mark__logo{width:88px;height:44px}.battle-entry__content,.lobby-content,.portal-content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.lobby-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.onboarding-overlay{align-items:start;overflow-y:auto}.onboarding-card{border-radius:24px;margin:auto 0;padding:24px 20px}.onboarding-card__icon{border-radius:16px;width:54px;height:54px;margin-bottom:16px}.onboarding-privacy{margin-top:16px}.mode-card__action.energy-button{width:100%}}@media (prefers-reduced-transparency:reduce){.audio-consent-overlay,.onboarding-overlay{-webkit-backdrop-filter:none;background:#07080cf5}.audio-consent-modal,.onboarding-card,.topbar__nav{-webkit-backdrop-filter:none;background:#1c1c1e}}@media (prefers-contrast:more){.audio-consent-modal,.onboarding-card,.onboarding-card input,.onboarding-card select,.topbar__nav{border-color:#ffffff7a}.onboarding-card>p:not(.onboarding-privacy),.onboarding-privacy span,.section-heading p{color:#f5f5f7e6}}.cosmetics-store .store-card>.store-card__select{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.cosmetics-store .store-card>.store-card__action{padding:0 12px;display:inline-flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}