@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff)format("woff")}:root{--graphite-950:#0d0f11;--graphite-900:#121417;--graphite-850:#16181c;--graphite-825:#17191d;--graphite-800:#1b1e23;--graphite-750:#1f2228;--graphite-700:#2a2d34;--graphite-600:#3a3e46;--graphite-500:#4b4f57;--steel-400:#6f7680;--steel-350:#8f97a1;--steel-300:#97a0a9;--steel-200:#a3abb4;--armor-200:#d5d8df;--armor-100:#e7e9ed;--armor-50:#edeef2;--armor-0:#f5f5f7;--visor-300:#6fe08c;--visor-350:#6ee08a;--visor-400:#47d267;--visor-500:#2ca53f;--visor-950:#0d1a10;--rose-300:#ff8a8a;--rose-400:#ff6b6b;--rose-500:#e5484d;--amber-300:#ffd27a;--amber-400:#ffc145;--amber-500:#f0a91e;--color-bg:var(--graphite-850);--color-bg-deep:var(--graphite-900);--color-surface-1:var(--graphite-750);--color-surface-2:var(--graphite-700);--color-surface-3:var(--graphite-600);--color-sunken:var(--graphite-900);--color-track:var(--graphite-950);--color-hairline:#edeef214;--color-hairline-strong:#edeef229;--color-text:var(--armor-50);--color-text-muted:var(--steel-200);--color-text-faint:var(--steel-300);--color-text-disabled:var(--steel-400);--color-player:var(--visor-400);--color-player-text:var(--visor-300);--color-player-pressed:var(--visor-500);--color-player-hover:var(--visor-350);--color-on-player:var(--visor-950);--color-opponent:var(--rose-400);--color-opponent-text:var(--rose-300);--color-special:var(--amber-400);--color-special-soft:var(--amber-300);--color-special-charge:#a27a2e;--color-on-special:var(--graphite-850);--color-danger:var(--rose-400);--color-danger-strong:var(--rose-500);--color-danger-text:var(--rose-300);--color-danger-hover:var(--rose-300);--color-on-danger:var(--graphite-950);--color-success-text:var(--visor-300);--color-warning:var(--amber-400);--color-warning-text:var(--amber-300);--color-focus:var(--armor-0);--color-stamina:var(--steel-300);--color-chip:var(--rose-400);--color-hp:var(--armor-100);--color-hp-critical:var(--rose-500);--color-disabled:var(--graphite-750);--color-scrim:#0d0f11f2;--color-scrim-light:#0d0f114d;--color-cast-shadow:#0000008c;--color-spotlight:#ffd68c29;--color-spotlight-soft:#ffd68c12;--color-spotlight-none:#ffd68c00;--color-player-wash:#47d26724;--color-opponent-wash:#ff6b6b24;--color-special-wash:#ffc14529;--color-danger-wash:#ff6b6b1f;--color-stun-glow:#ff4141;--color-stage-top:var(--graphite-900);--color-stage-mid:var(--graphite-800);--color-stage-floor:#202329;--color-stage-floor-edge:var(--graphite-850);--color-stage-horizon:#edeef20f;--color-level-easy:var(--visor-300);--color-level-medium:var(--amber-300);--color-level-hard:var(--rose-300);--color-selection:#47d2673d;--color-heat-0:var(--graphite-700);--color-heat-1:#2a4a33;--color-heat-2:#2f7a42;--color-heat-3:var(--visor-500);--color-heat-4:var(--visor-300);--color-mech-white:var(--armor-50);--color-mech-black:#45484f;--color-mech-red:#d7263d;--color-mech-orange:#ff7a1a;--color-mech-gold:#f5c518;--color-mech-green:#2e9e4f;--color-mech-teal:#19c3c9;--color-mech-blue:#2f6fe0;--color-mech-purple:#7b3fe0;--color-mech-pink:#ff4fa3;--code-bg:var(--graphite-825);--code-chrome:var(--graphite-800);--code-text:var(--armor-100);--code-comment:var(--steel-350);--code-keyword:#f28bd0;--code-atom:#8ab4ff;--code-string:#f0b37e;--code-number:#b5e38c;--code-type:#ffd580;--code-function:#7fe0a0;--code-punctuation:#b7bec7;--code-invalid:var(--rose-300);--code-gutter-text:var(--steel-350);--code-active-line:var(--graphite-750);--code-cursor:var(--visor-400);--code-squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3'%3E%3Cpath d='m0 3 l2 -2 l1 0 l2 2 l1 0' stroke='%23ff6b6b' fill='none' stroke-width='1.1'/%3E%3C/svg%3E");--mask-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 3 19.5h18z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");--mask-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 9.5 17 19 7.5'/%3E%3C/svg%3E");--font-display:"Anton", "Anton Fallback", "Arial Narrow", sans-serif;--font-ui:"Inter", "Inter Fallback", system-ui, sans-serif;--font-code:"JetBrains Mono", "JetBrains Mono Fallback", ui-monospace, monospace;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--text-6xl:88px;--text-7xl:128px;--text-8xl:176px;--text-code:15px;--text-code-sm:13px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1;--leading-display:.9;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.5;--leading-code:1.6;--tracking-display:.01em;--tracking-label:.08em;--tracking-none:0;--measure:64ch;--space-0:0;--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--radius-meter:3px;--radius-sm:6px;--radius-control:8px;--radius-surface:12px;--radius-dot:50%;--hairline:1px;--rule:2px;--focus-ring:3px;--focus-offset:3px;--icon-stroke:2;--elevation-0:none;--elevation-1:0 1px 2px #00000059;--elevation-2:0 8px 24px #0006;--elevation-3:0 24px 64px #0000008c;--size-viewport:100dvh;--underline-offset:.2em;--size-icon-sm:16px;--size-icon:20px;--size-icon-lg:28px;--size-icon-xl:40px;--size-dot:8px;--size-check:18px;--size-control-sm:36px;--size-control:44px;--size-control-lg:56px;--size-brand-mark:40px;--size-avatar:32px;--size-portrait:56px;--size-portrait-sm:40px;--size-hp:18px;--size-hp-sm:12px;--size-stamina:6px;--size-special:10px;--size-arrow-key:88px;--size-arrow-key-sm:64px;--size-heat-cell:12px;--size-heat-gap:3px;--size-spark:12px;--size-spark-ray:52px;--size-spark-ray-width:6px;--size-countdown:6px;--size-reaction-cooldown:3px;--size-fighter-max:320px;--size-fighter-mobile:180px;--size-arena-reserve:104px;--size-arena-mobile:320px;--size-plate-h:64px;--size-plate-h-mobile:68px;--size-editor-mobile:280px;--size-home-art:76vh;--size-home-chrome:162px;--size-art-mobile-max:32vh;--size-menu:460px;--size-form:400px;--size-prose:720px;--size-page:1120px;--size-page-narrow:760px;--size-vs-art:58vh;--size-result-art:52vh;--fighter-scale-reach:1.13;--fighter-feet:.125;--fighter-spread:3%;--fighter-shadow-w:.3;--fighter-shadow-h:.045;--fighter-sole-x:.56;--brand-floor-shadow:radial-gradient(ellipse 24% 3% at 52% 94%, var(--color-cast-shadow) 90%, transparent 100%);--stage-horizon-at:70%;--size-clock-min:96px;--size-output-max:72px;--size-output-max-short:44px;--size-output-label:72px;--size-badge-top:6%;--size-damage-top:16%;--stamina-width:72%;--special-width:30%;--special-width-max:380px;--plate-width:40%;--plate-width-max:580px;--plate-width-mobile:46%;--layout-topbar-h:clamp(60px, 9dvh, 78px);--layout-arena-h:clamp(200px, 38dvh, 420px);--layout-brief-w:clamp(300px, 26.5vw, 430px);--layout-topbar-h-short:54px;--layout-arena-h-short:clamp(165px, 34dvh, 190px);--layout-editor-bar-h:44px;--layout-editor-status-h:30px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-press:80ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.3s;--duration-announce:.6s;--duration-meter:.3s;--duration-chip:.52s;--delay-chip:.65s;--duration-loop:1.4s;--duration-pulse:.9s;--duration-stun-pulse:.667s;--duration-spark:.34s;--duration-damage-default:.45s;--duration-reaction:3.6s;--duration-tick:.1s;--ease-steps:steps(2, end);--ease-linear:linear;--stun-glow-min:4px;--stun-glow-max:12px;--motion-rise:12px;--motion-rise-sm:6px;--motion-press:1px;--motion-damage-rise:-48px;--motion-scale-in:.96;--motion-scale-pop:1.08;--motion-scale-press:.98;--z-stage:0;--z-fighter:10;--z-badge:15;--z-hud:20;--z-fx:30;--z-callout:35;--z-sticky:40;--z-overlay:60;--z-dialog:70;--z-vs:80}@font-face{font-family:Inter Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);size-adjust:107.64%;ascent-override:90.49%;descent-override:22.56%;line-gap-override:0%}@font-face{font-family:Anton Fallback;src:local(Arial Narrow Bold),local(Liberation Sans Narrow Bold),local(Arial Bold);size-adjust:96%;ascent-override:118%;descent-override:33%;line-gap-override:0%}@font-face{font-family:JetBrains Mono Fallback;src:local(Menlo),local(Consolas),local(DejaVu Sans Mono),local(Liberation Mono);size-adjust:100%;ascent-override:102%;descent-override:30%;line-gap-override:0%}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{margin:var(--space-0);min-height:var(--size-viewport);font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01"}h1,h2,h3,h4,p,ol,ul,dl,dd,figure,pre,fieldset{margin:var(--space-0)}ol,ul{padding:var(--space-0);list-style:none}fieldset{min-width:var(--space-0);padding:var(--space-0);border:var(--space-0)}img,svg{display:block}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--color-player-text);text-underline-offset:var(--underline-offset)}::selection{background:var(--color-selection)}:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}:focus:not(:focus-visible){outline:none}[hidden]:not(.screen,.overlay){display:none!important}.icon{width:var(--size-icon);height:var(--size-icon);flex:none}.visually-hidden{width:var(--hairline);height:var(--hairline);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted)}.display{font-family:var(--font-display);font-weight:var(--weight-regular);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-transform:uppercase}.num{font-variant-numeric:tabular-nums}#app{min-height:var(--size-viewport);opacity:1;transition:opacity var(--duration-slow) var(--ease-out);grid-template-columns:minmax(0,1fr);display:grid}html:not(.fonts-ready) #app{opacity:0}#app>.screen{min-width:var(--space-0);grid-area:1/1}.screen{opacity:1;transition:opacity var(--duration-slow) var(--ease-out), translate var(--duration-slow) var(--ease-out), display var(--duration-slow) allow-discrete;translate:none}@starting-style{.screen{opacity:0;translate:0 var(--motion-rise)}}.screen[hidden]{opacity:0;translate:0 calc(var(--motion-rise-sm) * -1);pointer-events:none;transition-duration:var(--duration-base);transition-timing-function:var(--ease-in);display:none}.overlay{opacity:1;transition:opacity var(--duration-base) var(--ease-out), display var(--duration-base) allow-discrete}@starting-style{.overlay{opacity:0}}.overlay[hidden]{opacity:0;pointer-events:none;transition-timing-function:var(--ease-in);display:none}@media (width>=761px){html,body{height:100%;overflow:hidden}#app{height:var(--size-viewport)}#app>.screen{height:var(--size-viewport);overscroll-behavior:contain;overflow-y:auto}}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent}@media (prefers-reduced-motion:reduce){.screen,.screen[hidden]{translate:none}@starting-style{.screen{translate:none}}}body:has(.overlay:not([hidden])){overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-control);padding:var(--space-0) var(--space-6);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:nowrap;color:var(--color-text);background:var(--color-surface-2);border:var(--space-0);border-radius:var(--radius-control);transition:opacity var(--duration-fast) var(--ease-out), scale var(--duration-press) var(--ease-out), translate var(--duration-press) var(--ease-out);-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-flex}.btn .icon{width:var(--size-icon);height:var(--size-icon)}.btn:hover{background:var(--color-surface-3)}.btn:active:not(:disabled){scale:var(--motion-scale-press);translate:0 var(--motion-press);transition-duration:var(--duration-press)}.btn:disabled{color:var(--color-text-disabled);background:var(--color-disabled)}.btn-primary{color:var(--color-on-player);background:var(--color-player)}.btn-primary:hover{background:var(--color-player-hover)}.btn-primary:active:not(:disabled){background:var(--color-player-pressed)}.btn-danger{color:var(--color-on-danger);background:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-danger:active:not(:disabled){background:var(--color-danger-strong)}.btn-quiet{color:var(--color-text-muted);background:0 0}.btn-quiet:hover{color:var(--color-text);background:var(--color-surface-2)}.btn-quiet:disabled{background:0 0}.btn-sm{min-height:var(--size-control-sm);padding:var(--space-0) var(--space-4);font-size:var(--text-sm)}.btn-sm .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.btn-lg{min-height:var(--size-control-lg);padding:var(--space-0) var(--space-7);font-size:var(--text-lg)}.btn-block{width:100%}.icon-btn{width:var(--size-control-sm);height:var(--size-control-sm);padding:var(--space-0);color:var(--color-text-muted);background:var(--color-surface-2);border:var(--space-0);border-radius:var(--radius-control);transition:scale var(--duration-press) var(--ease-out);place-items:center;display:inline-grid}.music-toggle.is-floating{top:var(--space-4);right:var(--space-4);z-index:var(--z-sticky);position:fixed}.music-toggle .icon-music-off,.music-toggle[aria-pressed=false] .icon-music-on{display:none}.music-toggle[aria-pressed=false] .icon-music-off{display:block}.music-toggle[aria-pressed=false]{color:var(--color-text-faint)}.icon-btn:hover{color:var(--color-text);background:var(--color-surface-3)}.icon-btn:active:not(:disabled){scale:var(--motion-scale-press);transition-duration:var(--duration-press)}.icon-btn:disabled{color:var(--color-text-disabled);background:var(--color-disabled)}.field{gap:var(--space-1);display:grid}.field-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.input,.select{width:100%;min-height:var(--size-control);padding:var(--space-0) var(--space-3);font-size:var(--text-md);color:var(--color-text);background:var(--color-sunken);border:var(--hairline) solid var(--color-hairline-strong);border-radius:var(--radius-control)}.input::placeholder{color:var(--color-text-disabled)}.input:hover,.select:hover{border-color:var(--color-text-disabled)}.input:focus-visible,.select:focus-visible{outline-offset:var(--space-0);border-color:var(--color-focus)}.input[aria-invalid=true]{border-color:var(--color-danger)}.input:disabled,.select:disabled{color:var(--color-text-muted);background:var(--color-surface-1);border-color:var(--color-hairline);cursor:not-allowed}.input[readonly]{background:var(--color-surface-1)}.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - var(--space-5)) 50%, calc(100% - var(--space-4)) 50%;background-size:var(--space-1) var(--space-1), var(--space-1) var(--space-1);text-overflow:ellipsis;background-repeat:no-repeat}.select optgroup,.select option{color:var(--color-text);background:var(--color-surface-1)}.input-row{gap:var(--space-2);display:flex}.input-row .input{min-width:var(--space-0);flex:1}.check{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text-muted);cursor:pointer;display:flex}.check input{width:var(--size-check);height:var(--size-check);margin:var(--space-half) var(--space-0) var(--space-0);accent-color:var(--color-player);cursor:pointer;flex:none}.segmented{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-sunken);border-radius:var(--radius-control);display:inline-flex}.segmented>button,.segmented>label{min-height:calc(var(--size-control-sm) - var(--space-2));padding:var(--space-0) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);border:var(--space-0);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex;position:relative}.segmented>button:hover,.segmented>label:hover{color:var(--color-text)}.segmented>button.is-active{color:var(--color-text);background:var(--color-surface-3)}.segmented>label:has(input:checked){color:var(--color-text);background:var(--color-surface-3)}.segmented>button:disabled{color:var(--color-text-disabled);cursor:not-allowed}.segmented input{inset:var(--space-0);margin:var(--space-0);opacity:0;cursor:pointer;position:absolute}.segmented>label:has(input:focus-visible){outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--space-half)}.segmented-legend{align-items:center;gap:var(--space-1);padding:var(--space-0) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-faint);display:inline-flex}.segmented-legend .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.topbar{top:var(--space-0);z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--size-control-lg);padding:var(--space-2) var(--space-6);background:var(--color-bg-deep);display:flex;position:sticky}.topbar-actions{align-items:center;gap:var(--space-2);min-width:var(--space-0);display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);display:inline-flex}.brand img{width:var(--size-brand-mark);height:var(--size-brand-mark);object-fit:contain;background:var(--color-surface-2);border-radius:var(--radius-control)}.brand-word{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-none);letter-spacing:var(--tracking-display);text-transform:uppercase}.back-btn .icon{width:var(--size-icon);height:var(--size-icon)}.runtime-state{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);white-space:nowrap;display:inline-flex}.runtime-state>span{width:var(--size-dot);height:var(--size-dot);border-radius:var(--radius-dot);background:var(--color-warning);animation:pulse-opacity var(--duration-pulse) var(--ease-in-out) infinite alternate;flex:none}.runtime-state.runtime-ready>span{background:var(--color-player);animation:none}.runtime-state.runtime-failed>span{background:var(--color-danger);animation:none}.runtime-state.is-executing>span{background:var(--color-special);animation:pulse-opacity var(--duration-fast) var(--ease-in-out) infinite alternate}.status-line{align-items:flex-start;gap:var(--space-2);min-height:var(--size-control-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);border-radius:var(--radius-control);display:flex}.status-line:empty{display:none}.status-line.status-error,.status-line.status-success,.status-line.status-working{padding-inline:var(--space-0)}.status-error{color:var(--color-danger-text)}.status-success{color:var(--color-success-text)}.status-working{color:var(--color-text)}.status-error:before,.status-success:before{content:"";width:var(--size-icon);height:var(--size-icon);-webkit-mask:var(--mask-alert) center / contain no-repeat;mask:var(--mask-alert) center / contain no-repeat;background:currentColor;flex:none}.status-success:before{-webkit-mask-image:var(--mask-check);mask-image:var(--mask-check)}.loader{align-items:flex-end;gap:var(--space-half);height:var(--size-icon-sm);display:inline-flex}.loader i{width:var(--space-1);border-radius:var(--radius-meter);transform-origin:50% 100%;height:100%;animation:loader-bar var(--duration-loop) var(--ease-in-out) infinite;background:currentColor}.loader i:nth-child(2){animation-delay:calc(var(--duration-loop) / -3)}.loader i:nth-child(3){animation-delay:calc(var(--duration-loop) / -1.5)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger-text);background:var(--color-danger-wash);border-radius:var(--radius-control);display:flex}.kbd{min-width:calc(var(--size-control-sm) - var(--space-3));height:calc(var(--size-control-sm) - var(--space-3));padding:var(--space-0) var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-none);color:var(--color-text);background:var(--color-surface-2);border-radius:var(--radius-sm);box-shadow:inset 0 calc(var(--hairline) * -2) 0 var(--color-track);justify-content:center;align-items:center;display:inline-flex}.kbd .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.panel{background:var(--color-surface-1);border-radius:var(--radius-surface);box-shadow:var(--elevation-1)}.section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.section-note{font-size:var(--text-sm);color:var(--color-text-muted)}.empty-note{align-items:center;gap:var(--space-3);padding-block:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.empty-note .icon{color:var(--color-text-faint)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-opacity{0%{opacity:1}to{opacity:.35}}@keyframes loader-bar{0%,to{opacity:.5;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}@keyframes rise-in{0%{opacity:0;translate:0 var(--motion-rise)}to{opacity:1;translate:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.runtime-state>span,.loader i{animation:none}.btn:active:not(:disabled),.icon-btn:active:not(:disabled){translate:none;scale:none}}.account-gate{grid-template-columns:minmax(0, 1.1fr) minmax(var(--size-form), .9fr);align-items:center;gap:var(--space-10);min-height:var(--size-viewport);padding:var(--space-9) var(--space-10);background:radial-gradient(ellipse 46% 22% at 30% 86%, var(--color-spotlight) 0%, var(--color-spotlight-none) 100%), linear-gradient(180deg, var(--color-bg-deep) 0%, var(--color-bg) 100%);display:grid}.account-art{min-height:var(--space-0);place-items:center;display:grid}.account-art img{width:min(100%, var(--size-home-art));aspect-ratio:1;background:var(--brand-floor-shadow);height:auto}.account-column{gap:var(--space-4);width:100%;max-width:var(--size-form);display:grid}.account-brand{align-items:center;gap:var(--space-3);display:flex}.account-brand img{width:var(--size-control-lg);height:var(--size-control-lg);object-fit:contain;background:var(--color-surface-2);border-radius:var(--radius-control)}.account-wordmark{font-size:var(--text-5xl)}.account-card{gap:var(--space-5);padding:var(--space-7);background:var(--color-surface-1);border-radius:var(--radius-surface);box-shadow:var(--elevation-2);display:grid}.account-loading{align-items:center;gap:var(--space-3);min-height:var(--size-control);font-size:var(--text-md);color:var(--color-text-muted);display:flex}.account-loading:before{content:"";width:var(--size-icon);height:var(--size-icon);border:var(--rule) solid var(--color-surface-3);border-top-color:var(--color-player);border-radius:var(--radius-dot);animation:spin var(--duration-loop) linear infinite;flex:none}.account-loading.is-error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger-text);background:var(--color-danger-wash);border-radius:var(--radius-control);align-items:flex-start}.account-loading.is-error:before{border:var(--space-0);border-radius:var(--space-0);-webkit-mask:var(--mask-alert) center / contain no-repeat;mask:var(--mask-alert) center / contain no-repeat;background:currentColor;animation:none}.account-auth,.account-onboarding{gap:var(--space-5);display:grid}.account-tabs{grid-template-columns:1fr 1fr;display:grid}.account-tabs>button{min-height:var(--size-control-sm);font-size:var(--text-md)}.account-form{gap:var(--space-4);display:grid}.account-submit{margin-top:var(--space-2)}.account-text-action{justify-self:start}.account-onboarding-head{gap:var(--space-1);display:grid}.account-divider{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-faint);display:flex}.account-divider:before,.account-divider:after{content:"";height:var(--hairline);background:var(--color-hairline-strong);flex:1}.account-social{gap:var(--space-3);display:grid}.account-provider-list{gap:var(--space-2);display:grid}.account-legal{gap:var(--space-1) var(--space-5);padding-top:var(--space-4);font-size:var(--text-sm);border-top:var(--hairline) solid var(--color-hairline);flex-wrap:wrap;display:flex}.account-legal a{color:var(--color-text-faint)}@media (width<=760px){.account-gate{align-content:start;gap:var(--space-4);padding:var(--space-6) var(--space-4) var(--space-9);grid-template-columns:minmax(0,1fr)}.account-art img{width:min(var(--size-arena-mobile), var(--size-art-mobile-max))}.account-column{justify-self:center}.account-wordmark{font-size:var(--text-4xl)}.account-card{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){.account-loading:before{animation:none}}.main-menu{background:radial-gradient(ellipse 40% 24% at 30% 90%, var(--color-spotlight) 0%, var(--color-spotlight-none) 100%), linear-gradient(180deg, var(--color-bg-deep) 0%, var(--color-bg) 100%);grid-template-rows:auto minmax(min-content,1fr) auto;display:grid}.profile-chip{align-items:center;gap:var(--space-2);min-height:var(--size-control-sm);padding:var(--space-0) var(--space-4) var(--space-0) var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);background:var(--color-surface-2);border:var(--space-0);border-radius:var(--radius-control);transition:scale var(--duration-press) var(--ease-out);display:inline-flex}.profile-chip:before{content:"";width:calc(var(--size-control-sm) - var(--space-2));height:calc(var(--size-control-sm) - var(--space-2));background:var(--color-surface-3) url(/assets/mech-brand/head.png) center / contain no-repeat;border-radius:var(--radius-sm)}.profile-chip:hover{background:var(--color-surface-3)}.profile-chip:active{scale:var(--motion-scale-press)}.home-stage{grid-template-columns:minmax(0, 1.1fr) minmax(var(--size-form), .9fr);align-items:center;gap:var(--space-9);min-height:var(--space-0);padding:var(--space-6) var(--space-10) var(--space-9);display:grid}.home-legal{justify-self:end;gap:var(--space-1) var(--space-5);padding:var(--space-0) var(--space-6) var(--space-4);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.home-legal a{color:var(--color-text-faint);text-decoration:none}.home-legal a:hover{color:var(--color-text);text-underline-offset:var(--underline-offset);text-decoration:underline}.home-art{top:calc(var(--size-control-lg) + var(--space-6));height:min(100%, calc(var(--size-viewport) - var(--size-home-chrome)));min-height:var(--space-0);align-self:start;place-items:center;display:grid;position:sticky;container-type:size}.home-art img{width:auto;height:min(100cqh, 100cqw, var(--size-home-art));aspect-ratio:1;background:var(--brand-floor-shadow)}.home-side{gap:var(--space-7);width:100%;max-width:var(--size-menu);display:grid}.home-menu{gap:var(--space-3);display:grid}.home-notes{padding:var(--space-4) var(--space-6) var(--space-5);display:grid}.home-notes-head{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--hairline) solid var(--color-hairline);display:flex}.home-notes-mark{width:var(--size-control-sm);height:var(--size-control-sm);color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-sm);place-items:center;display:grid}.home-notes-title{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.dev-note{padding-top:var(--space-4)}.dev-notes-older{margin-top:var(--space-4);border-top:var(--hairline) solid var(--color-hairline)}.dev-notes-older summary{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);margin-inline:calc(var(--space-3) * -1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);border-radius:var(--radius-control);cursor:pointer;list-style:none;display:flex}.dev-notes-older summary::-webkit-details-marker{display:none}.dev-notes-older summary:hover{color:var(--color-text);background:var(--color-surface-2)}.dev-notes-chevron{width:var(--size-icon-sm);height:var(--size-icon-sm);transition:rotate var(--duration-fast) var(--ease-out);rotate:-90deg}.dev-notes-older[open] .dev-notes-chevron{rotate:90deg}.dev-notes-older ul{margin:var(--space-0);padding:var(--space-0);list-style:none}.dev-notes-older .dev-note{margin-top:var(--space-2);padding-bottom:var(--space-2)}.dev-notes-older .dev-note+.dev-note{margin-top:var(--space-0);border-top:var(--hairline) solid var(--color-hairline)}.dev-note-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.dev-note h3{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.dev-note time{font-size:var(--text-xs);color:var(--color-text-faint);flex:none}.dev-note p{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text-muted)}.home-title{margin-bottom:var(--space-6);font-size:var(--text-7xl)}.menu-item{grid-template-columns:var(--size-icon-lg) minmax(0, 1fr);align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-6);text-align:left;color:var(--color-text);background:var(--color-surface-1);border:var(--space-0);border-radius:var(--radius-surface);transition:scale var(--duration-press) var(--ease-out), translate var(--duration-fast) var(--ease-out);display:grid}.menu-item .icon{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-text-faint)}.menu-item strong{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);display:block}.menu-item small{margin-top:var(--space-half);font-size:var(--text-sm);color:var(--color-text-muted);display:block}.menu-item:hover{background:var(--color-surface-2);translate:var(--space-1) 0}.menu-item:active{scale:var(--motion-scale-press);transition-duration:var(--duration-press)}.menu-item.is-primary{padding-block:var(--space-6);color:var(--color-on-player);background:var(--color-player)}.menu-item.is-primary .icon,.menu-item.is-primary small{color:var(--color-on-player)}.menu-item.is-primary strong{font-size:var(--text-2xl)}.menu-item.is-primary:hover{background:var(--color-player-hover)}.menu-item.is-primary:active{background:var(--color-player-pressed)}@media (width<=760px){.main-menu>.topbar{padding-inline:var(--space-4)}.main-menu .topbar-actions{gap:var(--space-2)}.main-menu .runtime-state{font-size:var(--space-0);gap:var(--space-0)}.main-menu .topbar .brand-word{display:none}.home-stage{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-9);grid-template-columns:minmax(0,1fr)}.home-art{align-self:auto;height:100%;position:relative;top:auto;container-type:normal}.home-art img{height:min(var(--size-arena-mobile), var(--size-art-mobile-max))}.home-side{justify-self:center}.home-title{margin-bottom:var(--space-3);font-size:var(--text-5xl)}.home-legal{padding-inline:var(--space-4);justify-self:center}.home-notes{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){.menu-item:hover{translate:none}}.guide-view{background:radial-gradient(ellipse 50% 28% at 18% 0%, var(--color-spotlight-soft) 0%, var(--color-spotlight-none) 100%), var(--color-bg);grid-template-rows:auto minmax(0,1fr);align-content:start;display:grid}.guide-page{align-content:start;gap:var(--space-8);width:100%;max-width:calc(var(--size-page) + var(--space-6) * 2);padding:var(--space-7) var(--space-6) var(--space-10);margin-inline:auto;display:grid}.guide-view .page-head{gap:var(--space-4);display:grid}.guide-view .page-title{font-size:var(--text-6xl)}.guide-view .page-lede{max-width:var(--measure);font-size:var(--text-lg);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--color-text-muted)}.guide-keys{padding:var(--space-5) var(--space-6);background:var(--color-surface-1);border-radius:var(--radius-surface);box-shadow:var(--elevation-1);grid-template-columns:repeat(5,minmax(0,auto));justify-content:space-between;display:grid}.guide-keys>div{align-content:start;gap:var(--space-2);padding-inline:var(--space-5);display:grid}.guide-keys>div:first-child{padding-left:var(--space-0)}.guide-keys>div:last-child{padding-right:var(--space-0)}.guide-keys>div+div{border-left:var(--hairline) solid var(--color-hairline)}.guide-keys dt{align-items:center;gap:var(--space-1);min-height:var(--size-control-sm);display:flex}.guide-keys dd{margin:var(--space-0);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.guide-key-note{margin-left:var(--space-1);font-size:var(--text-sm);color:var(--color-text-faint)}.guide-plus{padding-inline:var(--space-half);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-faint)}.guide-finisher{align-items:center;gap:var(--space-2);height:calc(var(--size-control-sm) - var(--space-3));padding:var(--space-0) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-none);white-space:nowrap;color:var(--color-text);background:var(--color-surface-2);border-radius:var(--radius-control);display:inline-flex}.guide-finisher .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.guide-systems{max-width:calc(var(--measure) + var(--size-icon-lg) + var(--space-4));grid-template-columns:minmax(0,1fr);display:grid}.guide-system{grid-template-columns:var(--size-icon-lg) minmax(0, 1fr);align-items:start;gap:var(--space-4);padding-block:var(--space-6);border-top:var(--hairline) solid var(--color-hairline);display:grid}.guide-icon{width:var(--size-icon-lg);height:var(--size-icon-lg);color:var(--color-text-faint);place-items:center;display:grid}.guide-icon .icon{width:var(--size-icon-lg);height:var(--size-icon-lg)}.guide-system.is-special .guide-icon{color:var(--color-special)}.guide-system>div{gap:var(--space-2);max-width:var(--measure);display:grid}.guide-system h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.guide-system p{font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-text-muted)}.guide-system code{font-family:var(--font-ui);font-size:inherit;font-weight:var(--weight-bold);color:var(--color-text)}@media (width<=1100px){.guide-keys{justify-content:start;row-gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,auto))}.guide-keys>div:nth-child(n){padding-inline:var(--space-0) var(--space-6);border-left:var(--space-0)}.guide-systems{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.guide-view>.topbar{padding-inline:var(--space-4)}.guide-page{gap:var(--space-6);padding:var(--space-5) var(--space-4) var(--space-9)}.guide-view .page-title{font-size:var(--text-5xl)}.guide-view .page-lede{font-size:var(--text-md)}.guide-keys{row-gap:var(--space-0);padding:var(--space-2) var(--space-4);grid-template-columns:minmax(0,1fr)}.guide-keys>div:nth-child(n){justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-0);display:flex}.guide-keys>div+div{border-top:var(--hairline) solid var(--color-hairline)}.guide-keys dd{text-align:right}.guide-system{grid-template-columns:var(--size-control-sm) minmax(0, 1fr);gap:var(--space-3);padding-block:var(--space-5)}.guide-icon{width:var(--size-control-sm);height:var(--size-control-sm)}}.guide-key-word{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text)}.profile-view{background:linear-gradient(180deg, var(--color-bg-deep) 0%, var(--color-bg) 100%);grid-template-rows:auto minmax(0,1fr);align-content:start;display:grid}.profile-page{align-content:start;gap:var(--space-6);width:100%;max-width:calc(var(--size-page) + var(--space-6) * 2);padding:var(--space-4) var(--space-6) var(--space-10);margin-inline:auto;display:grid}.profile-hero{align-items:center;gap:var(--space-9);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.profile-bay{--profile-sprite-h:min(var(--size-fighter-max), var(--size-art-mobile-max));--profile-bay-pad:var(--space-5);padding:var(--space-6) var(--space-6) var(--profile-bay-pad);background:radial-gradient(ellipse 60% 34% at 50% 88%, var(--color-spotlight) 0%, var(--color-spotlight-none) 100%), var(--color-surface-1);border-radius:var(--radius-surface);box-shadow:var(--elevation-1);place-items:end center;display:grid;position:relative}.profile-bay:after{content:"";bottom:calc(var(--profile-bay-pad) + var(--profile-sprite-h) * .07);z-index:var(--z-stage);width:calc(var(--profile-sprite-h) * .5);height:calc(var(--profile-sprite-h) * .12);translate:calc(-50% - var(--profile-sprite-h) * .023) 0;border-radius:var(--radius-dot);background:var(--color-cast-shadow);position:absolute;left:50%}#profile-mech-sprite{z-index:var(--z-fighter);width:auto;height:var(--profile-sprite-h);position:relative}.profile-identity{gap:var(--space-6);min-width:var(--space-0);display:grid}.profile-name{font-size:var(--text-6xl);overflow-wrap:anywhere}.profile-stats{gap:var(--space-9);grid-template-columns:repeat(3,minmax(0,max-content));display:grid}.profile-stats>div{gap:var(--space-1);flex-direction:column-reverse;display:flex}.profile-stats dt{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.profile-stats dd{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-none)}.mech-paint{gap:var(--space-3);min-width:var(--space-0);margin:var(--space-0);padding:var(--space-0);border:0;display:grid}.mech-paint-legend{padding:var(--space-0);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.mech-paint-legend span{margin-left:var(--space-2);font-weight:var(--weight-regular);color:var(--color-text-muted)}.mech-paint-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.mech-swatch{width:var(--size-control-sm);height:var(--size-control-sm);background:var(--swatch);border:var(--hairline) solid var(--color-hairline-strong);border-radius:var(--radius-control);cursor:pointer;transition:scale var(--duration-press) var(--ease-out);position:relative}.mech-swatch:active{scale:.98}.mech-swatch input{inset:var(--space-0);margin:var(--space-0);opacity:0;cursor:pointer;position:absolute}.mech-swatch:has(input:checked){outline:var(--space-half) solid var(--color-text);outline-offset:var(--space-half)}.mech-swatch:has(input:focus-visible){outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset)}.mech-paint-status{min-height:var(--space-0);padding:var(--space-0)}.mech-swatch[data-color=white]{--swatch:var(--color-mech-white)}.mech-swatch[data-color=black]{--swatch:var(--color-mech-black)}.mech-swatch[data-color=red]{--swatch:var(--color-mech-red)}.mech-swatch[data-color=orange]{--swatch:var(--color-mech-orange)}.mech-swatch[data-color=gold]{--swatch:var(--color-mech-gold)}.mech-swatch[data-color=green]{--swatch:var(--color-mech-green)}.mech-swatch[data-color=teal]{--swatch:var(--color-mech-teal)}.mech-swatch[data-color=blue]{--swatch:var(--color-mech-blue)}.mech-swatch[data-color=purple]{--swatch:var(--color-mech-purple)}.mech-swatch[data-color=pink]{--swatch:var(--color-mech-pink)}.profile-section{padding:var(--space-6)}.profile-view .section-head{gap:var(--space-1);display:grid}.profile-activity{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.activity-summary{gap:var(--space-5);min-width:var(--space-0);display:grid}.activity-detail{padding-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);border-top:var(--hairline) solid var(--color-hairline)}.heatmap-frame{gap:var(--space-3);min-width:var(--space-0);display:grid}.heatmap-scroll{max-width:100%;padding:var(--space-1);margin:calc(var(--space-1) * -1);direction:rtl;overflow-x:auto}.battle-heatmap{grid-auto-flow:column;grid-template-rows:repeat(7, var(--size-heat-cell));grid-auto-columns:var(--size-heat-cell);gap:var(--size-heat-gap);direction:ltr;width:max-content;margin-right:auto;display:grid}.heatmap-day{width:var(--size-heat-cell);height:var(--size-heat-cell);padding:var(--space-0);background:var(--color-heat-0);border:var(--space-0);border-radius:var(--radius-meter)}.heatmap-day.activity-1{background:var(--color-heat-1)}.heatmap-day.activity-2{background:var(--color-heat-2)}.heatmap-day.activity-3{background:var(--color-heat-3)}.heatmap-day.activity-4{background:var(--color-heat-4)}.heatmap-day:hover{outline:var(--hairline) solid var(--color-text-muted);outline-offset:var(--hairline)}.heatmap-day:focus-visible,.heatmap-day.is-selected{outline:var(--rule) solid var(--color-focus);outline-offset:var(--hairline)}.heatmap-legend{justify-content:flex-end;align-items:center;gap:var(--size-heat-gap);font-size:var(--text-xs);color:var(--color-text-faint);display:flex}.heatmap-legend span:first-child{margin-right:var(--space-1)}.heatmap-legend span:last-child{margin-left:var(--space-1)}.heatmap-legend i{width:var(--size-heat-cell);height:var(--size-heat-cell);border-radius:var(--radius-meter);background:var(--color-heat-0)}.heatmap-legend i:nth-of-type(2){background:var(--color-heat-1)}.heatmap-legend i:nth-of-type(3){background:var(--color-heat-2)}.heatmap-legend i:nth-of-type(4){background:var(--color-heat-3)}.heatmap-legend i:nth-of-type(5){background:var(--color-heat-4)}.profile-friends{gap:var(--space-5);display:grid}.friend-search{gap:var(--space-2);max-width:var(--size-page-narrow);display:grid}.friend-status{max-width:var(--size-page-narrow)}.friend-columns{gap:var(--space-8);padding-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.friend-columns>div{align-content:start;gap:var(--space-2);min-width:var(--space-0);display:grid}.friend-heading{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.friend-list{display:grid}.friend-item{grid-template-columns:var(--size-avatar) minmax(0, 1fr) auto;align-items:center;gap:var(--space-3);min-height:calc(var(--size-control) + var(--space-4));padding-block:var(--space-2);display:grid}.friend-item+.friend-item{border-top:var(--hairline) solid var(--color-hairline)}.friend-item:before{content:"";width:var(--size-avatar);height:var(--size-avatar);background:var(--color-surface-2) url(/assets/mech-brand/head.png) center / contain no-repeat;border-radius:var(--radius-sm)}.friend-item strong{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.friend-item>span:not(:last-child){min-width:var(--space-0);display:grid}.friend-item small{font-size:var(--text-sm);color:var(--color-text-faint)}.friend-item small.is-online{color:var(--color-success-text)}.friend-request>span{gap:var(--space-2);display:flex}.profile-account{gap:var(--space-5);display:grid}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding-top:var(--space-5);border-top:var(--hairline) solid var(--color-hairline);flex-wrap:wrap;display:flex}.settings-row-copy{gap:var(--space-1);flex:1 1 var(--size-form);max-width:var(--size-page-narrow);display:grid}.settings-row-title{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.settings-links{gap:var(--space-1) var(--space-5);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.settings-row-status{flex-basis:100%}.settings-block{justify-content:stretch;display:grid}.method-list{max-width:var(--size-page-narrow);display:grid}.method-item{align-items:center;gap:var(--space-3);min-height:calc(var(--size-control) + var(--space-2));padding-block:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.method-item+.method-item{border-top:var(--hairline) solid var(--color-hairline)}.method-item>span{min-width:var(--space-0);display:grid}.method-item strong{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.method-item small{font-size:var(--text-sm);color:var(--color-text-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.method-item small.is-connected{color:var(--color-success-text)}.delete-account-form{gap:var(--space-4);max-width:var(--size-form);display:grid}.delete-account-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=1160px){.profile-activity{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.activity-summary{display:contents}.activity-detail{order:1}.heatmap-legend{justify-content:flex-start}}@media (width<=760px){.profile-view>.topbar{padding-inline:var(--space-4)}.profile-page{gap:var(--space-5);padding:var(--space-2) var(--space-4) var(--space-9)}.profile-hero{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.profile-bay{--profile-sprite-h:var(--size-fighter-mobile);--profile-bay-pad:var(--space-3);padding:var(--space-4) var(--space-4) var(--profile-bay-pad)}.profile-identity{gap:var(--space-5)}.profile-name{font-size:var(--text-5xl)}.profile-stats{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stats dd{font-size:var(--text-3xl)}.profile-section{padding:var(--space-5) var(--space-4)}.friend-columns{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}.profile-name{text-transform:none}@media (width>=761px){.heatmap-scroll{direction:ltr}.battle-heatmap{grid-template-rows:repeat(7,auto);grid-auto-columns:minmax(var(--size-heat-cell), 1fr);width:100%}.heatmap-day{aspect-ratio:1;width:100%;height:auto}}.matchmaking-view{background:radial-gradient(ellipse 44% 34% at 32% 78%, var(--color-spotlight-soft) 0%, var(--color-spotlight-none) 100%), linear-gradient(180deg, var(--color-bg-deep) 0%, var(--color-bg) 100%)}.matchmaking-view .page{align-content:start;column-gap:var(--space-7);row-gap:var(--space-4);width:100%;max-width:var(--size-page);padding:var(--space-8) var(--space-7) var(--space-10);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"head head""challenge challenge""modes modes""status status";margin-inline:auto;display:grid}.matchmaking-view .page-head{margin-bottom:var(--space-4);grid-area:head;align-self:end}.matchmaking-view .page-title{font-size:var(--text-5xl)}.online-challenge{align-self:end;gap:var(--space-2);margin-bottom:var(--space-4);grid-area:challenge;display:grid}.online-challenge-note{font-size:var(--text-sm);color:var(--color-text-faint)}.online-modes{grid-area:modes;grid-template-columns:subgrid;align-items:stretch;display:grid}.online-mode-head h2{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.online-mode-head p{margin-top:var(--space-1);font-size:var(--text-md);color:var(--color-text-muted)}.online-find{gap:var(--space-6);padding:var(--space-8);background:var(--color-surface-2);border-radius:var(--radius-surface);box-shadow:var(--elevation-2);flex-direction:column;display:flex}.online-find .online-mode-head h2{font-size:var(--text-3xl);line-height:var(--leading-tight)}.online-find .online-mode-head p{font-size:var(--text-lg)}.online-pick{gap:var(--space-1);padding-top:var(--space-5);border-top:var(--hairline) solid var(--color-hairline);display:grid}.online-pick span{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.online-pick strong{font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.search-pulse{height:var(--size-stamina);margin-top:calc(var(--space-3) - var(--space-6));background:var(--color-track);border-radius:var(--radius-meter);opacity:0;transition:opacity var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.search-pulse i{inset-block:var(--space-0);left:var(--space-0);background:var(--color-player);border-radius:var(--radius-meter);opacity:0;width:30%;position:absolute;translate:-100%}.matchmaking-view[data-status=working]:not(:has(#room-code-panel:not([hidden]) #copy-room-code:disabled)):not(:has(#join-room-code:valid:not(:placeholder-shown))) #find-match:disabled+.search-pulse{opacity:1}.matchmaking-view[data-status=working]:not(:has(#room-code-panel:not([hidden]) #copy-room-code:disabled)):not(:has(#join-room-code:valid:not(:placeholder-shown))) #find-match:disabled+.search-pulse i{animation:search-sweep calc(var(--duration-loop) * 2) linear infinite}.search-pulse i:nth-child(2){animation-delay:calc(var(--duration-loop) * -2 / 3)}.search-pulse i:nth-child(3){animation-delay:calc(var(--duration-loop) * -4 / 3)}.online-private{gap:var(--space-5);padding:var(--space-7);background:var(--color-surface-1);border-radius:var(--radius-surface);flex-direction:column;display:flex}.private-create,.room-code-panel,.private-join{gap:var(--space-2);display:grid}.private-create{gap:var(--space-4)}.private-join{padding-top:var(--space-5);border-top:var(--hairline) solid var(--color-hairline)}.room-code-input{font-variant-numeric:tabular-nums}#join-room-code:not(:placeholder-shown){font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label)}#room-code{min-height:var(--size-control-lg);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);color:var(--color-text);background:var(--color-sunken)}#room-code::selection{background:var(--color-selection)}.room-code-panel:has(#copy-room-code:disabled) #room-code{color:var(--color-text-faint)}#copy-room-code{min-width:calc(var(--size-control-lg) * 2)}.connection-status{min-height:var(--size-control);padding:var(--space-3) var(--space-4);font-size:var(--text-md);grid-area:status}.connection-normal{color:var(--color-text-muted)}.connection-working{color:var(--color-text);background:var(--color-surface-1)}.connection-success{color:var(--color-success-text);background:var(--color-player-wash)}.connection-error{color:var(--color-danger-text);background:var(--color-danger-wash)}.connection-status>span{width:var(--size-icon);height:calc(var(--text-md) * var(--leading-body));flex:none;place-items:center;display:grid;position:relative}.connection-status>span:before,.connection-status>span:after{content:"";width:var(--size-dot);height:var(--size-dot);border-radius:var(--radius-dot);background:currentColor;grid-area:1/1}.connection-status>span:after{display:none}.connection-normal>span:before{background:var(--color-text-faint);opacity:.6}.connection-working>span:after{border:var(--rule) solid currentColor;animation:status-ring var(--duration-loop) var(--ease-in-out) infinite;background:0 0;display:block}.connection-success>span:before,.connection-error>span:before{width:var(--size-icon);height:var(--size-icon);border-radius:var(--space-0)}.connection-success>span:before{-webkit-mask:var(--mask-check) center / contain no-repeat;mask:var(--mask-check) center / contain no-repeat}.connection-error>span:before{-webkit-mask:var(--mask-alert) center / contain no-repeat;mask:var(--mask-alert) center / contain no-repeat}@keyframes search-sweep{0%{opacity:0;translate:-100%}20%{opacity:1}80%{opacity:1}to{opacity:0;translate:340%}}@keyframes status-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:2.4}}@media (width<=760px){.matchmaking-view>.topbar{padding-inline:var(--space-4)}.matchmaking-view .page{padding:var(--space-6) var(--space-4) var(--space-9);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""challenge""find""status""private"}.matchmaking-view .page-head{margin-bottom:var(--space-2)}.matchmaking-view .page-title{font-size:var(--text-4xl)}.online-modes{display:contents}.online-find{gap:var(--space-5);padding:var(--space-5);grid-area:find}.search-pulse{margin-top:calc(var(--space-3) - var(--space-5))}.online-find .online-mode-head h2{font-size:var(--text-2xl)}.online-find .online-mode-head p{font-size:var(--text-md)}.online-private{padding:var(--space-5);grid-area:private}#room-code{font-size:var(--text-xl)}#copy-room-code{min-width:var(--space-0)}}@media (prefers-reduced-motion:reduce){.matchmaking-view[data-status=working]:not(:has(#room-code-panel:not([hidden]) #copy-room-code:disabled)):not(:has(#join-room-code:valid:not(:placeholder-shown))) #find-match:disabled+.search-pulse i{animation:pulse-opacity var(--duration-pulse) var(--ease-in-out) infinite alternate;translate:0}.search-pulse i:nth-child(2){left:35%}.search-pulse i:nth-child(3){left:70%}.connection-working>span:after{animation:none;display:none}.connection-working>span:before{animation:pulse-opacity var(--duration-pulse) var(--ease-in-out) infinite alternate}}.online-pick{width:var(--hairline);height:var(--hairline);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.matchmaking-view:has(#room-code-panel:not([hidden])) .online-find{background:var(--color-surface-1);box-shadow:var(--elevation-0)}.matchmaking-view:has(#room-code-panel:not([hidden])) #find-match{color:var(--color-text);background:var(--color-surface-2)}.matchmaking-view:has(#room-code-panel:not([hidden])) #copy-room-code:not(:disabled){color:var(--color-on-player);background:var(--color-player)}.game-shell{grid-template-rows:var(--layout-topbar-h) var(--layout-arena-h) minmax(0, 1fr);background:var(--color-bg);display:grid}.battle-topbar{gap:var(--space-4);min-height:var(--space-0);padding:var(--space-2) var(--space-5);position:relative}.battle-topbar .brand img{width:var(--size-control-sm);height:var(--size-control-sm)}.battle-topbar .brand-word{font-size:var(--text-xl)}.round-state{min-width:var(--space-0);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.round-state>span{display:none}.is-link-frozen .round-state{color:var(--color-warning-text)}.sound-toggle .icon-sound-off,.sound-toggle[aria-pressed=false] .icon-sound-on{display:none}.sound-toggle[aria-pressed=false] .icon-sound-off{display:block}.sound-toggle[aria-pressed=false]{color:var(--color-text-faint)}.connect-button{color:var(--color-text-muted);background:0 0}.connect-button:hover{color:var(--color-text);background:var(--color-surface-2)}.connect-button.is-connected{color:var(--color-player-text)}.battle-topbar .segmented{background:var(--color-surface-1)}.quit-fight:hover{color:var(--color-danger-text)}.arena{--fighter-h:min(var(--size-fighter-max), calc((var(--layout-arena-h) - var(--size-arena-reserve)) * var(--fighter-scale-reach)));--fighter-lift:var(--space-4);--floor-y:calc(100% - var(--fighter-lift) - var(--fighter-h) * var(--fighter-feet));min-height:var(--space-0);background:radial-gradient(ellipse calc(var(--fighter-h) * var(--fighter-shadow-w)) calc(var(--fighter-h) * var(--fighter-shadow-h)) at calc(50% - var(--fighter-spread) / 2 - var(--fighter-h) * var(--fighter-sole-x)) var(--floor-y), var(--color-cast-shadow) 0%, transparent 100%), radial-gradient(ellipse calc(var(--fighter-h) * var(--fighter-shadow-w)) calc(var(--fighter-h) * var(--fighter-shadow-h)) at calc(50% + var(--fighter-spread) / 2 + var(--fighter-h) * var(--fighter-sole-x)) var(--floor-y), var(--color-cast-shadow) 0%, transparent 100%), radial-gradient(ellipse 46% 40% at 50% 100%, var(--color-spotlight) 0%, var(--color-spotlight-none) 100%), linear-gradient(180deg, var(--color-stage-top) 0%, var(--color-stage-mid) var(--stage-horizon-at), var(--color-stage-horizon) var(--stage-horizon-at), var(--color-stage-floor) calc(var(--stage-horizon-at) + var(--hairline)), var(--color-stage-floor-edge) 100%);will-change:transform;grid-template-columns:1fr 1fr;align-items:end;display:grid;position:relative;overflow:hidden}.fighter{z-index:var(--z-fighter);width:var(--fighter-h);height:var(--fighter-h);margin-bottom:var(--fighter-lift);display:grid;position:relative}.fighter-player{margin-right:var(--fighter-spread);justify-self:end}.fighter-target{margin-left:var(--fighter-spread);justify-self:start}.fighter-sprite{object-fit:contain;width:100%;height:100%;display:block}.fighter[data-glow=stunned] .fighter-sprite{filter:drop-shadow(0 0 var(--stun-glow-max) var(--color-stun-glow));animation:stun-glow var(--duration-stun-pulse) var(--ease-steps) infinite}.fighter-badge{top:var(--size-badge-top);z-index:var(--z-badge);align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-tight);white-space:nowrap;color:var(--color-text);background:var(--color-surface-2);border-radius:var(--radius-control);box-shadow:var(--elevation-1);opacity:0;translate:-50% var(--motion-rise-sm);transition:opacity var(--duration-fast) var(--ease-out), translate var(--duration-fast) var(--ease-out);pointer-events:none;display:inline-flex;position:absolute;left:50%}.fighter-badge .icon{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-player-text)}.fighter-target .guard-badge .icon{color:var(--color-opponent-text)}.stun-badge{color:var(--color-on-special);background:var(--color-danger)}.is-blocking .fighter-player .guard-badge,.opponent-blocking .fighter-target .guard-badge,.is-stunned .fighter-player .stun-badge,.opponent-stunned .fighter-target .stun-badge{opacity:1;translate:-50%}.is-stunned .fighter-player .guard-badge,.opponent-stunned .fighter-target .guard-badge{opacity:0}.health{top:var(--space-3);z-index:var(--z-hud);grid-template-columns:var(--size-portrait) minmax(0, 1fr);align-items:center;gap:var(--space-3);width:min(var(--plate-width), var(--plate-width-max));display:grid;position:absolute}.health-player{left:var(--space-5)}.health-target{right:var(--space-5);grid-template-columns:minmax(0, 1fr) var(--size-portrait)}.hud-portrait{width:var(--size-portrait);height:var(--size-portrait);background:var(--color-surface-2);border-radius:var(--radius-control);box-shadow:inset 0 calc(var(--rule) * -1) 0 var(--color-player);overflow:hidden}.health-target .hud-portrait{box-shadow:inset 0 calc(var(--rule) * -1) 0 var(--color-opponent);order:2}.hud-portrait img{object-fit:contain;width:100%;height:100%}.health-target .hud-portrait img{scale:-1 1}.hud-vitals{gap:var(--space-1);min-width:var(--space-0);display:grid}.health-label{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:var(--space-0);display:flex}.health-target .health-label{flex-direction:row-reverse}.health-label strong{min-width:var(--space-0);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.health-label span{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-tight);flex:none}.health-track{height:var(--size-hp);background:var(--color-track);border-radius:var(--radius-meter);position:relative;overflow:hidden}.health-track>span{inset:var(--space-0);transform-origin:0%;position:absolute}.health-target .health-track>span{transform-origin:100%}.health-chip{background:var(--color-chip);transition:transform var(--duration-chip) var(--ease-in-out) var(--delay-chip)}.health-fill{transition:transform var(--duration-meter) var(--ease-out);background:var(--color-hp)}.health.is-critical .health-fill{background:var(--color-hp-critical);animation:pulse-opacity var(--duration-pulse) var(--ease-in-out) infinite alternate}.health.is-critical .health-label span{color:var(--color-danger-text)}.stamina-row{align-items:center;gap:var(--space-2);width:var(--stamina-width);display:flex}.health-target .stamina-row{flex-direction:row-reverse;justify-self:end}.stamina-row .label{font-size:var(--text-xs);color:var(--color-text-faint);flex:none}.stamina-track{height:var(--size-stamina);background:var(--color-track);border-radius:var(--radius-meter);flex:1;position:relative;overflow:hidden}.stamina-track>span{inset:var(--space-0);background:var(--color-stamina);transform-origin:0%;transition:transform var(--duration-tick) var(--ease-linear);position:absolute}.health-target .stamina-track>span{transform-origin:100%}.stamina-value{min-width:var(--space-6);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-faint);text-align:right;flex:none}.health-target .stamina-value{text-align:left}:is(.stamina-row:has(.is-depleted) .label,.stamina-row:has(.is-depleted) .stamina-value){color:var(--color-danger-text)}.stamina-track.is-depleted{background:var(--color-danger-wash);animation:pulse-opacity var(--duration-pulse) var(--ease-in-out) infinite alternate}.combat-clock{top:var(--space-2);z-index:var(--z-hud);min-width:var(--size-clock-min);justify-items:center;display:grid;position:absolute;left:50%;translate:-50%}.combat-clock .label{color:var(--color-text-faint)}.combat-clock strong{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-regular);line-height:var(--leading-none);letter-spacing:var(--tracking-display)}.special-gauge{bottom:var(--space-3);z-index:var(--z-hud);gap:var(--space-1);width:min(var(--special-width), var(--special-width-max));display:grid;position:absolute}.special-gauge-player{left:var(--space-5)}.special-gauge-target{right:var(--space-5)}.special-label{align-items:center;gap:var(--space-2);min-height:var(--size-icon);display:flex}.special-gauge-target .special-label{flex-direction:row-reverse}.special-value{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-muted)}.special-hint{align-items:center;gap:var(--space-1);display:none}.special-hint .kbd{height:var(--size-icon);min-width:var(--size-icon);padding:var(--space-0) var(--space-1)}.special-track{height:var(--size-special);background:var(--color-track);border-radius:var(--radius-meter);position:relative;overflow:hidden}.special-track>span{inset:var(--space-0);background:var(--color-special-charge);transform-origin:0%;transition:transform var(--duration-meter) var(--ease-out);position:absolute;transform:scaleX(0)}.special-gauge-target .special-track>span{transform-origin:100%}.special-track.is-ready>span{background:var(--color-special)}.special-track.is-ready:after{content:"";inset:var(--space-0);background:linear-gradient(90deg, transparent 0%, var(--color-special-soft) 50%, transparent 100%);opacity:.8;animation:ready-sweep var(--duration-loop) var(--ease-in-out) infinite;position:absolute;translate:-100%}.special-gauge:has(.is-ready) .special-value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-regular);line-height:var(--leading-none);letter-spacing:var(--tracking-display);color:var(--color-special)}.special-gauge:has(.is-ready) .special-label .label{color:var(--color-special)}.special-gauge-player:has(.is-ready) .special-hint{display:inline-flex}.reaction-bar{bottom:var(--space-0);left:calc(100% + var(--space-3));gap:var(--space-1);display:flex;position:absolute}.reaction-btn img{width:var(--size-icon-lg);height:var(--size-icon-lg);object-fit:contain}.reaction-btn:disabled img{opacity:.35}.reaction-cooldown{right:var(--space-0);bottom:calc(100% + var(--space-1));left:var(--space-0);height:var(--size-reaction-cooldown);background:var(--color-track);border-radius:var(--radius-meter);opacity:0;position:absolute;overflow:hidden}.reaction-cooldown>span{inset:var(--space-0);background:var(--color-text-muted);transform-origin:0%;position:absolute}.reaction-bar.is-cooling .reaction-cooldown{opacity:1}.reaction-bar.is-cooling .reaction-cooldown>span{animation:reaction-cooldown var(--reaction-cooldown) var(--ease-linear) forwards}.reaction-float{bottom:calc(var(--space-4) + var(--fighter-h) * .3);z-index:var(--z-fx);width:calc(var(--fighter-h) * .3);height:calc(var(--fighter-h) * .3);object-fit:contain;pointer-events:none;opacity:0;animation:reaction-rise var(--duration-reaction) var(--ease-out) forwards, reaction-appear var(--duration-reaction) var(--ease-linear) forwards;position:absolute}.reaction-float-player{left:calc(50% - var(--fighter-spread) / 2 - var(--fighter-h) * .65)}.reaction-float-ghost{left:calc(50% + var(--fighter-spread) / 2 + var(--fighter-h) * .35)}@keyframes reaction-cooldown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes reaction-rise{0%{translate:0}to{translate:0 calc(var(--fighter-h) * -.65)}}@keyframes reaction-appear{0%{opacity:0;scale:.85}15%{opacity:1;scale:1}70%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes reaction-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.combo-callout{top:calc(var(--space-3) + var(--size-plate-h) + var(--space-3));left:var(--space-5);z-index:var(--z-callout);align-items:end;column-gap:var(--space-2);pointer-events:none;transform-origin:0 100%;grid-template-columns:auto auto;display:grid;position:absolute}.combo-count{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-regular);line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--color-text);grid-row:span 2}.combo-word{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-none);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-text)}.combo-bonus{padding:var(--space-half) var(--space-2);font-size:var(--text-sm);font-style:normal;font-weight:var(--weight-bold);color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-sm);justify-self:start}.combo-callout[data-tier="1"] .combo-bonus{color:var(--color-on-player);background:var(--color-player)}.combo-callout[data-tier="2"] .combo-bonus,.combo-callout[data-tier="3"] .combo-bonus{color:var(--color-on-special);background:var(--color-special)}.combo-callout[data-tier="2"] .combo-count{color:var(--color-special-soft)}.combo-callout.is-max .combo-count,.combo-callout.is-max .combo-word{color:var(--color-special)}.combo-callout.is-max .combo-count{font-size:var(--text-6xl)}.combo-callout.is-popping{animation:combo-pop var(--duration-slow) var(--ease-out)}.damage-number{top:var(--size-damage-top);z-index:var(--z-fx);font-family:var(--font-display);font-size:var(--text-5xl);line-height:var(--leading-none);letter-spacing:var(--tracking-display);white-space:nowrap;color:var(--color-text);-webkit-text-stroke:var(--space-1) var(--color-bg-deep);paint-order:stroke fill;opacity:0;pointer-events:none;position:absolute;left:50%;translate:-50%}.damage-number-player{color:var(--color-danger-text)}.damage-number.is-stamina{font-size:var(--text-3xl);color:var(--color-stamina)}.damage-number.is-visible{animation:damage-rise var(--damage-duration,var(--duration-damage-default)) var(--ease-out)}.hit-spark{z-index:var(--z-fx);width:var(--size-spark);height:var(--size-spark);border-radius:var(--radius-dot);background:var(--color-special-soft);pointer-events:none;animation:spark-flash var(--duration-spark) var(--ease-out) forwards;position:absolute;top:46%;left:50%}.hit-spark i{width:var(--size-spark-ray);height:var(--size-spark-ray-width);margin-top:calc(var(--size-spark-ray-width) / -2);clip-path:polygon(0% 50%,30% 0%,100% 50%,30% 100%);background:linear-gradient(90deg, var(--armor-0) 0%, var(--color-special-soft) 100%);transform-origin:0%;transform:rotate(var(--spark-angle)) translateX(var(--space-1)) scaleX(.2);animation:spark-ray var(--duration-spark) var(--ease-out) forwards;position:absolute;top:50%;left:50%}.link-banner{z-index:var(--z-callout);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-weight:var(--weight-semibold);color:var(--color-text);background:var(--color-surface-2);border-radius:var(--radius-surface);box-shadow:var(--elevation-2);display:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.link-banner .loader{color:var(--color-warning)}.is-link-frozen .link-banner{animation:fade-in var(--duration-base) var(--ease-out);display:flex}.arena:after{content:"";inset:var(--space-0);z-index:var(--z-fx);background:var(--color-scrim-light);opacity:0;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none;position:absolute}.is-link-frozen .arena:after{opacity:1}@keyframes stun-glow{0%{filter:drop-shadow(0 0 var(--stun-glow-min) var(--color-stun-glow))}to{filter:drop-shadow(0 0 var(--stun-glow-max) var(--color-stun-glow))}}@keyframes combo-pop{0%{opacity:.4;scale:var(--motion-scale-pop)}to{opacity:1;scale:1}}@keyframes damage-rise{0%,65%{opacity:1;translate:-50%}to{opacity:0;translate:-50% var(--motion-damage-rise)}}@keyframes spark-flash{0%{opacity:1;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@keyframes spark-ray{0%{transform:rotate(var(--spark-angle)) translateX(var(--space-1)) scaleX(.2);opacity:1}55%{transform:rotate(var(--spark-angle)) translateX(var(--space-4)) scaleX(1);opacity:1}to{transform:rotate(var(--spark-angle)) translateX(var(--space-6)) scaleX(0);opacity:0}}@keyframes ready-sweep{0%{translate:-100%}to{translate:100%}}@media (width>=761px) and (height<=799px){.arena{--size-portrait:var(--size-portrait-sm)}.health{top:var(--space-2)}.health-label strong{font-size:var(--text-md)}.combo-callout{top:calc(var(--space-2) + var(--size-plate-h) + var(--space-2))}.combo-count{font-size:var(--text-4xl)}.combo-callout.is-max .combo-count{font-size:var(--text-5xl)}.combat-clock strong{font-size:var(--text-3xl)}.damage-number{font-size:var(--text-4xl)}}@media (width>=761px) and (height<=599px){.game-shell{grid-template-rows:var(--layout-topbar-h-short) var(--layout-arena-h-short) minmax(0, 1fr)}.arena{--fighter-h:calc((var(--layout-arena-h-short) - var(--size-arena-reserve)) * var(--fighter-scale-reach))}.combo-callout{display:none}}@media (width<=760px){.game-shell{grid-template-rows:auto var(--size-arena-mobile) auto}.battle-topbar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.battle-topbar .brand,.round-state{display:none}.battle-topbar .topbar-actions{justify-content:flex-end;row-gap:var(--space-2);flex-wrap:wrap;width:100%}.connect-button span{width:var(--hairline);height:var(--hairline);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.connect-button,.quit-fight{padding-inline:var(--space-2)}.fighter-badge{top:auto;bottom:var(--space-3)}.health-label{align-items:flex-start;gap:var(--space-0);flex-direction:column}.health-target .health-label{flex-direction:column;align-items:flex-end}.link-banner{white-space:nowrap}.battle-topbar .topbar-actions{gap:var(--space-1);margin-left:auto}.battle-topbar .brand img{width:var(--size-control-sm);height:var(--size-control-sm)}.arena{--fighter-h:var(--size-fighter-mobile);--fighter-lift:var(--space-8);--size-portrait:var(--size-portrait-sm)}.health{top:var(--space-2);gap:var(--space-2);width:calc(50% - var(--space-3) - var(--space-2))}.health-player{left:var(--space-3)}.health-target{right:var(--space-3)}.health-label strong{font-size:var(--text-sm)}.health-label span{font-size:var(--text-xs)}.health-track{height:var(--size-hp-sm)}.stamina-row{width:100%}.stamina-row .label{display:none}.combat-clock{top:calc(var(--space-2) + var(--size-plate-h-mobile) + var(--space-2))}.combat-clock strong{font-size:var(--text-2xl)}.combo-callout{top:calc(var(--space-2) + var(--size-plate-h-mobile) + var(--space-2));left:var(--space-3)}.combo-count{font-size:var(--text-3xl)}.combo-word{font-size:var(--text-md)}.combo-callout.is-max .combo-count{font-size:var(--text-4xl)}.special-gauge{bottom:var(--space-2);width:var(--plate-width-mobile)}.special-gauge-player{left:var(--space-3)}.special-gauge-target{right:var(--space-3)}.special-hint{display:none!important}.reaction-bar{bottom:calc(100% + var(--space-2));left:var(--space-0)}.reaction-float{bottom:calc(var(--space-8) + var(--fighter-h) * .3)}.damage-number{font-size:var(--text-4xl)}}@media (prefers-reduced-motion:reduce){.fighter[data-glow=stunned] .fighter-sprite,.health.is-critical .health-fill,.stamina-track.is-depleted,.special-track.is-ready:after{animation:none}.special-track.is-ready:after{display:none}.fighter-badge{translate:-50%}.combo-callout.is-popping{animation:fade-in var(--duration-fast) var(--ease-out)}.damage-number.is-visible{animation-name:damage-fade}.reaction-float{animation:reaction-fade var(--duration-reaction) var(--ease-linear) forwards}}@keyframes damage-fade{0%,65%{opacity:1}to{opacity:0}}.workbench{grid-template-columns:var(--layout-brief-w) minmax(0, 1fr);min-height:var(--space-0);border-top:var(--hairline) solid var(--color-track);display:grid}.brief-panel{min-width:var(--space-0);min-height:var(--space-0);background:var(--color-surface-1);border-right:var(--hairline) solid var(--color-track);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.problem-heading{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-bottom:var(--hairline) solid var(--color-hairline);display:grid}.brief-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.brief-label-row .field-label{font-size:var(--text-xs)}.brief-owner{min-width:var(--space-0);font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.problem-heading .select{min-height:var(--size-control-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.problem-body{-webkit-mask-image:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) calc(100% - var(--space-6)), transparent 100%);mask-image:linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) calc(100% - var(--space-6)), transparent 100%);align-content:start;gap:var(--space-2);min-height:var(--space-0);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-body);grid-auto-rows:max-content;display:grid;overflow-y:auto}.problem-meta{align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.problem-level{font-weight:var(--weight-bold)}.problem-level[data-level=Easy]{color:var(--color-level-easy)}.problem-level[data-level=Medium]{color:var(--color-level-medium)}.problem-level[data-level=Hard]{color:var(--color-level-hard)}.problem-title{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.problem-description{color:var(--color-text)}.brief-subhead{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-muted)}.code-block{padding:var(--space-2) var(--space-3);font-family:var(--font-code);font-size:var(--text-code-sm);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--code-text);background:var(--code-bg);border-radius:var(--radius-sm);overflow-x:auto}.code-block code{font:inherit}.test-list{gap:var(--space-1);display:grid}.test-list li{align-items:flex-start;gap:var(--space-2);color:var(--color-text-muted);display:flex}.test-mark{width:var(--size-icon-sm);height:var(--size-icon-sm);margin-top:var(--space-half);border:var(--rule) solid var(--color-surface-3);border-radius:var(--radius-dot);flex:none}.test-list li.is-passing{color:var(--color-text)}.test-list li.is-passing .test-mark{border-color:var(--color-player);background:var(--color-player);place-items:center;display:grid}.test-list li.is-passing .test-mark:after{content:"";background:var(--color-on-player);width:100%;height:100%;-webkit-mask:var(--mask-check) center / 75% no-repeat;mask:var(--mask-check) center / 75% no-repeat}.combat-panel{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:var(--hairline) solid var(--color-hairline);background:var(--color-surface-1);display:grid}.combat-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.combat-stats dt{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-faint)}.combat-stats dd{font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-tight);white-space:nowrap}.combat-stats small{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.is-blocking #guard-stat{color:var(--color-player-text)}.is-stunned #guard-stat{color:var(--color-danger-text)}.combat-feed{min-height:calc(var(--text-sm) * var(--leading-body) * 2);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-text)}.editor-panel{grid-template-rows:var(--layout-editor-bar-h) minmax(0, 1fr) auto auto var(--layout-editor-status-h);min-width:var(--space-0);min-height:var(--space-0);background:var(--code-bg);display:grid;overflow:hidden}.editor-toolbar{align-items:center;gap:var(--space-3);min-width:var(--space-0);padding:var(--space-0) var(--space-4);background:var(--code-chrome);border-bottom:var(--hairline) solid var(--color-hairline);display:flex}.file-tab{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);display:inline-flex}.file-tab .icon{width:var(--size-icon-sm);height:var(--size-icon-sm);color:var(--color-player)}.editor-locks{min-width:var(--space-0);flex:1;justify-content:center;display:flex}.editor-lock{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);background:var(--color-surface-2);border-radius:var(--radius-sm);animation:fade-in var(--duration-fast) var(--ease-out);display:none;overflow:hidden}.editor-lock .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.lock-guard .icon{color:var(--color-player-text)}.lock-stun{color:var(--color-danger-text);background:var(--color-danger-wash)}.lock-link{color:var(--color-warning-text)}.is-blocking:not(.is-stunned,.is-link-frozen) .lock-guard,.is-stunned:not(.is-link-frozen) .lock-stun,.is-link-frozen .lock-link{display:inline-flex}.editor-toolbar .runtime-state{margin-left:auto}#editor{min-width:var(--space-0);min-height:var(--space-0);transition:opacity var(--duration-fast) var(--ease-out);overflow:hidden}.is-blocking #editor,.is-stunned #editor,.is-link-frozen #editor{opacity:.55}#editor .cm-editor{height:100%;font-size:var(--text-code);color:var(--code-text);background:var(--code-bg)}#editor .cm-editor.cm-focused{outline:none}#editor .cm-scroller{min-height:var(--space-0);font-family:var(--font-code);line-height:var(--leading-code);overflow:auto}#editor .cm-content{padding-block:var(--space-3);caret-color:var(--code-cursor)}#editor .cm-gutters{color:var(--code-gutter-text);background:var(--code-bg);border-right:var(--hairline) solid var(--color-hairline)}#editor .cm-lineNumbers .cm-gutterElement{padding:var(--space-0) var(--space-2) var(--space-0) var(--space-3)}#editor .cm-activeLine{background:var(--code-active-line)}#editor .cm-activeLineGutter{color:var(--code-text);background:var(--code-active-line)}#editor .cm-cursor,#editor .cm-dropCursor{border-left:var(--rule) solid var(--code-cursor)}#editor .cm-selectionBackground,#editor .cm-focused .cm-selectionBackground{background:var(--color-selection)}#editor .cm-content ::selection{background:var(--color-selection)}#editor .cm-matchingBracket{color:var(--code-text);background:var(--color-surface-3);outline:none}#editor .cm-foldPlaceholder{color:var(--code-comment);background:var(--color-surface-2);border:var(--space-0)}#editor .cm-lintRange-error{background-image:var(--code-squiggle)}#editor .cm-tooltip{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-2);border:var(--space-0);border-radius:var(--radius-control);box-shadow:var(--elevation-2);overflow:hidden}#editor .cm-tooltip-autocomplete>ul{font-family:var(--font-code);font-size:var(--text-code-sm)}#editor .cm-tooltip-autocomplete>ul>li{padding:var(--space-1) var(--space-3)}#editor .cm-tooltip-autocomplete>ul>li[aria-selected]{color:var(--color-on-player);background:var(--color-player)}#editor .cm-completionDetail{color:var(--color-text-muted)}#editor .cm-diagnostic-error{border-left:var(--rule) solid var(--color-danger)}#editor .cm-panels{color:var(--color-text);background:var(--color-surface-2)}.editor-commandbar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--code-chrome);border-top:var(--hairline) solid var(--color-hairline);display:flex}.python-note{align-items:center;gap:var(--space-2);min-width:var(--space-0);font-size:var(--text-xs);color:var(--color-warning-text);display:none}.python-note:before{content:"";width:var(--size-icon-sm);height:var(--size-icon-sm);border:var(--rule) solid var(--color-surface-3);border-top-color:var(--color-warning);border-radius:var(--radius-dot);animation:spin var(--duration-loop) var(--ease-linear) infinite;flex:none}.editor-panel:has(.runtime-state:not(.runtime-ready,.runtime-failed)) .python-note{display:flex}.editor-actions{gap:var(--space-2);margin-left:auto;display:flex}.editor-actions .icon-btn{width:var(--size-control);height:var(--size-control)}.run-tests{min-width:calc(var(--size-control) * 5)}.output-drawer{grid-template-columns:var(--size-output-label) minmax(0, 1fr);align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--code-chrome);border-top:var(--hairline) solid var(--color-hairline);display:grid}.output-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-faint)}#program-output{-webkit-mask-image:linear-gradient(180deg, transparent 0%, var(--color-bg) var(--space-3), var(--color-bg) 100%);mask-image:linear-gradient(180deg, transparent 0%, var(--color-bg) var(--space-3), var(--color-bg) 100%);max-height:var(--size-output-max);font-family:var(--font-code);font-size:var(--text-code-sm);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--code-text);flex-direction:column-reverse;display:flex;overflow:auto}.editor-footer{min-width:var(--space-0);padding:var(--space-0) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;color:var(--color-text-faint);background:var(--code-chrome);border-top:var(--hairline) solid var(--color-hairline);justify-content:flex-end;align-items:center;display:flex;overflow:hidden}@media (width>=761px) and (height<=799px){.problem-heading{padding-block:var(--space-2)}.problem-body{padding:var(--space-3) var(--space-4)}.combat-panel{gap:var(--space-1);padding-block:var(--space-2)}.combat-stats dd{font-size:var(--text-md)}.combat-feed{min-height:var(--space-0)}.editor-commandbar{padding-block:var(--space-2)}.editor-actions .icon-btn{width:var(--size-control-sm);height:var(--size-control-sm)}.run-tests{min-height:var(--size-control-sm)}#program-output{max-height:var(--size-output-max-short)}}@media (width<=760px){.workbench{grid-template-columns:minmax(0,1fr)}.brief-panel{border-right:var(--space-0);border-bottom:var(--hairline) solid var(--color-track)}.editor-toolbar .runtime-state{display:none}.editor-panel{grid-template-rows:var(--layout-editor-bar-h) auto auto auto var(--layout-editor-status-h)}#editor,#editor .cm-editor{min-height:var(--size-editor-mobile)}.editor-commandbar{flex-wrap:wrap}.output-drawer{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.python-note:before{animation:none}}.problem-body{padding-bottom:var(--space-7)}.special-clash{inset:var(--space-0);z-index:var(--z-overlay);padding:var(--space-6);background:var(--color-scrim);place-items:center;display:grid;position:fixed}.special-clash-content{justify-items:center;gap:var(--space-4);width:100%;max-width:var(--size-page-narrow);text-align:center;display:grid}.special-clash:not([hidden]) .special-clash-content{animation:rise-in var(--duration-slow) var(--ease-out)}.special-clash-kicker{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-special)}.special-clash[data-role=defender] .special-clash-kicker{color:var(--color-danger-text)}.special-clash-title{font-size:var(--text-7xl);color:var(--color-text)}.special-clash[data-role=attacker] .special-clash-title{color:var(--color-special)}.special-clash:not([hidden]) .special-clash-title{animation:announce-in var(--duration-announce) var(--ease-out)}.special-clash-copy{font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--color-text-muted)}.special-sequence{gap:var(--space-4);margin-top:var(--space-2);display:flex}.special-sequence:empty{display:none}.special-key{width:var(--size-arrow-key);height:var(--size-arrow-key);color:var(--color-text-muted);background:var(--color-surface-2);border-radius:var(--radius-surface);box-shadow:var(--elevation-2);transition:translate var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out);place-items:center;display:grid}.special-key .icon{width:var(--size-icon-xl);height:var(--size-icon-xl);stroke-width:2.5px}.special-key.is-current{color:var(--color-on-special);background:var(--color-special);scale:var(--motion-scale-pop);translate:0 calc(var(--space-2) * -1)}.special-key.is-complete{color:var(--color-on-player);background:var(--color-player)}.special-countdown{width:min(100%, calc(var(--size-arrow-key) * 4 + var(--space-4) * 3));height:var(--size-countdown);margin-top:var(--space-3);background:var(--color-track);border-radius:var(--radius-meter);position:relative;overflow:hidden}.special-countdown span{inset:var(--space-0);background:var(--color-special);transform-origin:0%;transition:transform var(--duration-tick) var(--ease-linear);position:absolute}.special-clash[data-role=defender] .special-countdown span{background:var(--color-danger)}.match-result{inset:var(--space-0);z-index:var(--z-dialog);grid-template-rows:var(--layout-topbar-h) var(--layout-arena-h) minmax(0, 1fr);background:linear-gradient(180deg, var(--color-scrim-light) 0%, var(--color-scrim-light) calc(var(--layout-topbar-h) + var(--layout-arena-h)), var(--color-scrim) calc(var(--layout-topbar-h) + var(--layout-arena-h)), var(--color-scrim) 100%);display:grid;position:fixed}.result-announce{padding-bottom:var(--space-11);grid-row:2;place-items:end center;display:grid}.result-title{font-size:var(--text-6xl);color:var(--color-player-text);-webkit-text-stroke:var(--space-2) var(--color-bg-deep);paint-order:stroke fill}.match-result[data-outcome=ghost-win] .result-title{color:var(--color-danger-text)}.match-result[data-outcome=draw] .result-title{color:var(--color-text)}.match-result:not([hidden]) .result-title{animation:announce-in var(--duration-announce) var(--ease-out)}.result-card{place-self:start center;gap:var(--space-5);width:min(calc(100% - var(--space-8)), var(--size-page-narrow));margin-top:var(--space-6);padding:var(--space-7);background:var(--color-surface-1);border-radius:var(--radius-surface);box-shadow:var(--elevation-3);grid-row:3;display:grid}.match-result:not([hidden]) .result-card{animation:rise-in var(--duration-slow) var(--ease-out) var(--duration-fast) backwards}.result-summary{gap:var(--space-1);display:grid}.result-name{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere}.result-copy{font-size:var(--text-md);color:var(--color-text-muted)}.result-stats{gap:var(--space-7);padding-block:var(--space-4);border-block:var(--hairline) solid var(--color-hairline);grid-template-columns:auto auto minmax(0,1fr);display:grid}.result-stats dt{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-faint)}.result-stats dd{font-size:var(--text-lg);font-weight:var(--weight-bold);overflow-wrap:anywhere}.result-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.vs-reveal{inset:var(--space-0);z-index:var(--z-vs);align-items:center;gap:var(--space-6);padding:var(--space-9) var(--space-8);background:radial-gradient(ellipse 30% 22% at 22% 88%, var(--color-spotlight) 0%, var(--color-spotlight-none) 100%), radial-gradient(ellipse 30% 22% at 78% 88%, var(--color-spotlight) 0%, var(--color-spotlight-none) 100%), linear-gradient(90deg, var(--color-player-wash) 0%, transparent 42%, transparent 58%, var(--color-opponent-wash) 100%), var(--color-bg-deep);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:fixed;overflow:hidden}.vs-side{justify-items:center;gap:var(--space-5);min-width:var(--space-0);display:grid}.vs-side img{width:min(100%, var(--size-vs-art));aspect-ratio:1;background:var(--brand-floor-shadow);height:auto}.vs-pilot-opponent img{scale:-1 1}.vs-id{justify-items:center;gap:var(--space-1);text-align:center;max-width:100%;display:grid}.vs-id small{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-player-text)}.vs-pilot-opponent .vs-id small{color:var(--color-opponent-text)}.vs-id strong{max-width:100%;font-size:var(--text-5xl);overflow-wrap:anywhere}.vs-core{justify-items:center;gap:var(--space-4);max-width:calc(var(--size-menu) * .8);text-align:center;display:grid}.vs-mark{font-size:var(--text-8xl);color:var(--color-special)}.vs-problem{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.vs-reveal.is-entering .vs-pilot-player{animation:vs-left-in var(--duration-slow) var(--ease-out) both}.vs-reveal.is-entering .vs-pilot-opponent{animation:vs-right-in var(--duration-slow) var(--ease-out) both}.vs-reveal.is-entering .vs-core{animation:announce-in var(--duration-announce) var(--ease-out) var(--duration-fast) both}.vs-reveal.is-leaving{opacity:0;transition:opacity var(--duration-base) var(--ease-in)}@keyframes announce-in{0%{opacity:0;scale:var(--motion-scale-pop)}to{opacity:1;scale:1}}@keyframes vs-left-in{0%{opacity:0;translate:calc(var(--space-10) * -1) 0}to{opacity:1;translate:none}}@keyframes vs-right-in{0%{opacity:0;translate:var(--space-10) 0}to{opacity:1;translate:none}}@media (width>=761px) and (height<=799px){.special-clash-title{font-size:var(--text-6xl)}.result-title{font-size:var(--text-5xl)}.result-announce{padding-bottom:var(--space-10)}.result-card{margin-top:var(--space-4);padding:var(--space-6);gap:var(--space-4)}}@media (width>=761px) and (height<=599px){.match-result{grid-template-rows:var(--layout-topbar-h-short) var(--layout-arena-h-short) minmax(0, 1fr)}}@media (width<=760px){.special-sequence{gap:var(--space-2)}.special-key{width:var(--size-arrow-key-sm);height:var(--size-arrow-key-sm)}.special-clash-title,.result-title{font-size:var(--text-5xl)}.match-result{padding:var(--space-4);background:var(--color-scrim);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.result-announce{grid-row:1;align-self:end;place-items:end center}.result-card{width:100%;margin-top:var(--space-4);padding:var(--space-5);grid-row:2}.result-stats{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.result-stats div:last-child{grid-column:1/-1}.result-actions .btn{flex:1}.vs-reveal{gap:var(--space-3);padding:var(--space-6) var(--space-4);grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.vs-side{place-items:center start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr)}.vs-side img{width:var(--size-fighter-mobile)}.vs-id{text-align:left;justify-items:start}.vs-id strong{font-size:var(--text-3xl);overflow-wrap:break-word}.vs-mark{font-size:var(--text-6xl)}}@media (prefers-reduced-motion:reduce){.special-clash:not([hidden]) .special-clash-content,.special-clash:not([hidden]) .special-clash-title,.match-result:not([hidden]) .result-title,.match-result:not([hidden]) .result-card,.vs-reveal.is-entering .vs-pilot-player,.vs-reveal.is-entering .vs-pilot-opponent,.vs-reveal.is-entering .vs-core{animation-name:fade-in}.special-key.is-current{translate:none;scale:none}}.problem-pick{inset:var(--space-0);z-index:var(--z-overlay);padding:var(--space-6);background:var(--color-scrim);place-items:center;display:grid;position:fixed}.problem-pick-content{justify-items:center;gap:var(--space-4);width:100%;max-width:var(--size-page-narrow);text-align:center;display:grid}.problem-pick-controls{gap:var(--space-3);width:100%;display:grid}.problem-pick-controls .input-row{justify-content:center}