@layer tokens;@layer tokens{:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--gutter: max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--form-field-min: 160px;--metric-card-min: 180px;--chart-bar-h: 96px;--border-width: 1px;--broadcast-cover-max-h: 320px;--home-hero-title-measure: 20ch;--home-hero-subtitle-measure: 40ch;--home-hero-subtitle-size: clamp(1rem, 1.6vw, 1.25rem);--home-hero-title-size-compact: 2.125rem;--home-enter-duration: .7s;--home-enter-stagger: .11s;--home-sheen-duration: 1.8s;--home-rise-travel: 18px;--home-reveal-travel: 56px;--home-reveal-scale: .97;--home-hover-lift: 6px;--home-hover-zoom: 1.04;--home-parallax-range: 640px;--home-parallax-scale: 1.08;--home-parallax-shift: 5%;--layout-content-max: 1420px;--layout-wide-max: 1720px;--layout-workspace-max: 1760px;--reading-measure: 72ch;--dialog-width: 600px;--column-panel-width: 440px;--armor-shot-card-width: 20rem;--armor-shot-card-compact-width: 17rem;--armor-shot-icon-size: 28px;--armor-shot-reading-width: 5rem;--column-panel-max-height: 680px;--shot-detail-width: 360px;--tank-config-min: 320px;--tank-config-max: 480px;--tank-param-column-min: 300px;--tank-header-image-min: 112px;--tank-header-image-max: 200px;--tank-card-min: 176px;--tank-skill-group-min: 208px;--onboarding-card-width: 360px;--onboarding-outline: 2px solid var(--color-accent);--table-z-row: 1;--table-z-head: 2;--table-z-corner: 3;--header-block: 48px;--header-h: var(--header-block);--sidebar-rail-w: 72px;--sidebar-full-w: 240px;--sidebar-w: 0px;--nav-drawer-w: min(304px, 85dvw);--detail-drawer-w: min(400px, 100dvw);--font-size-display-hero: clamp(2.5rem, 6vw, 4.5rem);--line-height-display-hero: 1.05;--font-size-display-showcase: clamp(2.75rem, 7vw, 6.5rem);--line-height-display-showcase: 1.15;--font-size-display: 32px;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 16px;--font-size-body: 14px;--font-size-caption: 12px;--font-size-caption-xs: 11px;--line-height-display: 40px;--line-height-h1: 32px;--line-height-h2: 28px;--line-height-h3: 24px;--line-height-body: 20px;--line-height-caption: 16px;--line-height-caption-xs: 14px;--line-height-prose: 1.7;--font-size-doc: 16px;--line-height-doc: 1.75;--type-display-hero: 700 var(--font-size-display-hero) / var(--line-height-display-hero) var(--font-family-sans);--type-display-showcase: 700 var(--font-size-display-showcase) / var(--line-height-display-showcase) var(--font-family-sans);--type-display: 700 var(--font-size-display) / var(--line-height-display) var(--font-family-sans);--type-h1: 700 var(--font-size-h1) / var(--line-height-h1) var(--font-family-sans);--type-h2: 600 var(--font-size-h2) / var(--line-height-h2) var(--font-family-sans);--type-h3: 600 var(--font-size-h3) / var(--line-height-h3) var(--font-family-sans);--type-body: 400 var(--font-size-body) / var(--line-height-body) var(--font-family-sans);--type-caption: 400 var(--font-size-caption) / var(--line-height-caption) var(--font-family-sans);--font-family-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-family-mono: ui-monospace, "SF Mono", Consolas, monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--z-base: 0;--z-sticky: 100;--z-header: 200;--z-drawer: 300;--z-sheet: 400;--z-menu: 500;--z-dialog: 600;--z-tooltip: 650;--z-toast: 700;--pb-z-canvas: 1;--pb-z-hud: 5;--pb-z-scrim: 6;--pb-z-controls: 7;--pb-z-transient: 8;--pb-z-modal: 9;--pb-roster-min: 9rem;--pb-timeline-min-w: 120px;--pb-roster-max: 11rem;--pb-workspace-fallback-h: 80dvh;--pb-label-player-width: 110px;--pb-label-hp-bar-width: 64px;--pb-label-reload-bar-height: 2px;--control-h-sm: 28px;--control-h-md: 32px;--control-h-lg: 40px;--row-h: 36px;--hit-min: 24px;--hit-min-comfortable: 44px;--control-check: 18px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--focus-outline: 2px solid var(--color-accent);--focus-outline-offset: 2px}@supports (corner-shape: squircle){:root{--corner-shape: squircle;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px}*,:before,:after{corner-shape:var(--corner-shape)}}@media(min-width:768px){:root{--gutter: max(24px, env(safe-area-inset-left), env(safe-area-inset-right))}}@media(min-width:768px)and (not ((pointer:coarse)and (orientation:landscape)and (max-height:520px))){:root{--header-block: 0px;--sidebar-w: var(--sidebar-rail-w)}}@media(min-width:1200px)and (not ((pointer:coarse)and (orientation:landscape)and (max-height:520px))){:root:not([data-sidebar=collapsed]){--sidebar-w: var(--sidebar-full-w)}}@media(min-width:1200px){:root{--gutter: max(32px, env(safe-area-inset-left), env(safe-area-inset-right))}}:root[data-topbar=hidden]{--header-h: 0px}:root[data-shell-chrome=immersive]{--header-block: 0px;--header-h: 0px}:root{--immersive-nav-reserve: 0px}:root[data-shell-chrome=immersive]{--immersive-nav-reserve: calc(var(--hit-min-comfortable) + var(--space-2))}@media(pointer:coarse){:root{--font-size-body: 15px;--line-height-body: 22px;--control-h-sm: 44px;--control-h-md: 44px;--control-h-lg: 48px;--row-h: 48px;--hit-min: 44px;--control-check: 24px}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}}@layer tokens{:root{--color-playback-label-text: #ffffff;--color-playback-label-destroyed: #9aa3ad;--color-playback-label-track: rgb(0 0 0 / .45);--color-playback-label-locked: rgb(255 255 255 / .25);--text-shadow-playback-label: 0 1px 2px rgb(0 0 0 / .95), 0 0 3px rgb(0 0 0 / .95);--color-playback-damage-text: #ffb340;--color-map-playable-boundary: #ff2f2f;--text-shadow-playback-damage: 0 0 2px rgb(0 0 0), 0 0 4px rgb(0 0 0 / .95), 0 1px 0 rgb(0 0 0 / .95), 0 -1px 0 rgb(0 0 0 / .95), 1px 0 0 rgb(0 0 0 / .95), -1px 0 0 rgb(0 0 0 / .95);--pb-label-reload-outline: 0 0 0 1.5px rgb(0 0 0 / .7);--pb-reticle-ink: #33ff33;--pb-reticle-outline: rgb(0 0 0 / .7);--color-qr-surface: #ffffff;--theme-preview-spring-canvas: #08140f;--theme-preview-spring-accent: #f2b450;--theme-preview-spring-image: url(/assets/theme-spring-wide-Ba70suUg.webp);--theme-preview-summer-canvas: #191304;--theme-preview-summer-accent: #f7bd3c;--theme-preview-summer-image: url(/assets/theme-summer-wide-Dv7LoZ1H.webp);--theme-preview-autumn-canvas: #160f08;--theme-preview-autumn-accent: #ef8434;--theme-preview-autumn-image: url(/assets/theme-autumn-wide-DB9ADBwy.webp);--theme-preview-winter-canvas: #eef3f8;--theme-preview-winter-accent: #1f6fd1;--theme-preview-winter-image: url(/assets/theme-winter-wide-ofDHe4En.webp);--green-400: #5cc280;--green-700: #16703c;--red-400: #f2786d;--red-700: #b8352a}:root,:root[data-ui-profile=summer]{color-scheme:dark;--color-canvas: #191304;--color-surface-1: #231a09;--color-surface-2: #2f2311;--color-surface-3: #3e2f18;--color-text-primary: #f8efd9;--color-text-secondary: #d9c7a0;--color-text-tertiary: #b8a277;--color-border-subtle: #4b3a1d;--color-border-strong: #a28a5a;--color-accent: #f7bd3c;--color-on-accent: #1a1204;--color-accent-text: #ffd166;--color-success: #5cc280;--color-danger: #f2786d;--color-warning: #f5ca76;--color-info: #6db3ec;--color-team-1: #5cc280;--color-team-2: #f2786d;--color-team-ally: var(--color-team-1);--color-team-enemy: var(--color-team-2);--color-team-enemy-cb: #c38bf0;--color-team-neutral: #f5f5f5;--color-on-team-neutral: #1c1f1d;--color-objective: #ffc24b;--color-scrim: rgb(0 0 0 / .6);--color-onboarding-scrim: rgb(0 0 0 / .18);--elevation-1: none;--elevation-2: 0 4px 12px rgb(0 0 0 / .4);--elevation-3: 0 12px 32px rgb(0 0 0 / .5);--theme-hero-image: url(/assets/theme-summer-wide-Dv7LoZ1H.webp);--theme-hero-image-portrait: url(/assets/theme-summer-portrait-CUvGORbU.webp);--theme-hero-scrim: linear-gradient(90deg, rgb(25 19 4 / .95) 0%, rgb(25 19 4 / .82) 45%, rgb(25 19 4 / .15) 100%);--theme-hero-scrim-portrait: linear-gradient(0deg, rgb(25 19 4 / .95) 15%, rgb(25 19 4 / .35) 100%);--theme-glass: rgb(25 19 4 / .55);--theme-backdrop: linear-gradient(0deg, var(--color-canvas) 0%, transparent 14%), radial-gradient(ellipse 70% 65% at 82% -6%, rgb(255 220 140 / .46) 0%, rgb(248 182 62 / .21) 38%, transparent 72%), radial-gradient(ellipse 120% 85% at 86% -30%, rgb(255 192 74 / .075) 0%, transparent 66%), radial-gradient(ellipse 100% 75% at 50% 116%, rgb(255 134 44 / .24) 0%, rgb(150 62 12 / .11) 52%, transparent 78%), linear-gradient(180deg, transparent 38%, rgb(25 19 4 / .33) 100%);--theme-pattern: repeating-linear-gradient(0deg, rgb(247 189 60 / .08) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, rgb(247 189 60 / .08) 0 1px, transparent 1px 48px)}:root[data-ui-profile=spring]{color-scheme:dark;--color-canvas: #08140f;--color-surface-1: #0e1d17;--color-surface-2: #14271f;--color-surface-3: #1b3228;--color-text-primary: #e7f1ea;--color-text-secondary: #a6bdb0;--color-text-tertiary: #869d90;--color-border-subtle: #1f3a2e;--color-border-strong: #5f8072;--color-accent: #f2b450;--color-on-accent: #1a1206;--color-accent-text: #f8c56e;--color-success: #66d48f;--color-danger: #f2786d;--color-warning: #f5ca76;--color-info: #6db3ec;--color-team-1: #66d48f;--color-team-2: #f2786d;--color-team-ally: var(--color-team-1);--color-team-enemy: var(--color-team-2);--color-team-enemy-cb: #c38bf0;--color-team-neutral: #f5f5f5;--color-on-team-neutral: #1c1f1d;--color-objective: #ffc24b;--color-scrim: rgb(0 0 0 / .6);--color-onboarding-scrim: rgb(0 0 0 / .18);--elevation-1: none;--elevation-2: 0 4px 12px rgb(0 0 0 / .4);--elevation-3: 0 12px 32px rgb(0 0 0 / .5);--theme-hero-image: url(/assets/theme-spring-wide-Ba70suUg.webp);--theme-hero-image-portrait: url(/assets/theme-spring-portrait-BTRn5JiI.webp);--theme-hero-scrim: linear-gradient(90deg, rgb(8 20 15 / .95) 0%, rgb(8 20 15 / .82) 45%, rgb(8 20 15 / .15) 100%);--theme-hero-scrim-portrait: linear-gradient(0deg, rgb(8 20 15 / .95) 15%, rgb(8 20 15 / .35) 100%);--theme-glass: rgb(8 20 15 / .55);--theme-backdrop: linear-gradient(0deg, var(--color-canvas) 0%, transparent 14%), radial-gradient(ellipse 90% 70% at 90% -12%, rgb(120 235 180 / .24) 0%, rgb(70 190 137 / .11) 40%, transparent 72%), radial-gradient(ellipse 70% 55% at 0% 100%, rgb(242 184 84 / .17) 0%, rgb(242 184 84 / .06) 44%, transparent 72%), radial-gradient(ellipse 110% 60% at 50% 118%, rgb(20 60 40 / .35) 0%, transparent 70%), linear-gradient(180deg, transparent 55%, rgb(3 10 7 / .5) 100%);--theme-pattern: repeating-radial-gradient(ellipse at 15% 85%, rgb(102 212 143 / .1) 0 1px, transparent 1px 26px)}:root[data-ui-profile=autumn]{color-scheme:dark;--color-canvas: #160f08;--color-surface-1: #20160c;--color-surface-2: #2a1d10;--color-surface-3: #362516;--color-text-primary: #f6ead6;--color-text-secondary: #d0bb9a;--color-text-tertiary: #ad9576;--color-border-subtle: #3d2c19;--color-border-strong: #937a55;--color-accent: #ef8434;--color-on-accent: #1a0d04;--color-accent-text: #ffa15c;--color-success: #6cc08a;--color-danger: #ff8070;--color-warning: #f5ca76;--color-info: #6db3ec;--color-team-1: #6cc08a;--color-team-2: #ff8070;--color-team-ally: var(--color-team-1);--color-team-enemy: var(--color-team-2);--color-team-enemy-cb: #c38bf0;--color-team-neutral: #f5f5f5;--color-on-team-neutral: #1c1f1d;--color-objective: #ffc24b;--color-scrim: rgb(0 0 0 / .6);--color-onboarding-scrim: rgb(0 0 0 / .18);--elevation-1: none;--elevation-2: 0 4px 12px rgb(0 0 0 / .4);--elevation-3: 0 12px 32px rgb(0 0 0 / .5);--theme-hero-image: url(/assets/theme-autumn-wide-DB9ADBwy.webp);--theme-hero-image-portrait: url(/assets/theme-autumn-portrait-CLFwWcQ5.webp);--theme-hero-scrim: linear-gradient(90deg, rgb(22 15 8 / .95) 0%, rgb(22 15 8 / .82) 45%, rgb(22 15 8 / .15) 100%);--theme-hero-scrim-portrait: linear-gradient(0deg, rgb(22 15 8 / .95) 15%, rgb(22 15 8 / .35) 100%);--theme-glass: rgb(22 15 8 / .55);--theme-backdrop: linear-gradient(0deg, var(--color-canvas) 0%, transparent 14%), radial-gradient(ellipse 65% 60% at 0% 0%, rgb(6 3 1 / .62) 0%, transparent 66%), radial-gradient(ellipse 70% 65% at 100% 100%, rgb(8 4 2 / .7) 0%, transparent 70%), linear-gradient(118deg, rgb(255 139 64 / .24) 0%, rgb(198 77 32 / .13) 34%, transparent 64%), radial-gradient(ellipse 90% 60% at 55% 112%, rgb(239 132 52 / .12) 0%, transparent 68%);--theme-pattern: repeating-linear-gradient(-24deg, rgb(239 132 52 / .09) 0 2px, transparent 2px 22px)}:root[data-ui-profile=winter]{color-scheme:light;--color-canvas: #eef3f8;--color-surface-1: #ffffff;--color-surface-2: #f5f8fc;--color-surface-3: #e2ebf5;--color-text-primary: #0f2236;--color-text-secondary: #3b5470;--color-text-tertiary: #4a6380;--color-border-subtle: #cbd8e6;--color-border-strong: #6f849b;--color-accent: #1f6fd1;--color-on-accent: #ffffff;--color-accent-text: #1d63b8;--color-success: #11703f;--color-danger: #b8322a;--color-warning: #855600;--color-info: #1a64a8;--color-team-1: #11703f;--color-team-2: #b8322a;--color-team-ally: var(--color-team-1);--color-team-enemy: var(--color-team-2);--color-team-enemy-cb: #7b3fb3;--color-team-neutral: #f5f5f5;--color-on-team-neutral: #1c1f1d;--color-objective: #ffc24b;--color-scrim: rgb(15 34 54 / .35);--color-onboarding-scrim: rgb(15 34 54 / .12);--elevation-1: 0 1px 2px rgb(15 34 54 / .06);--elevation-2: 0 4px 12px rgb(15 34 54 / .1);--elevation-3: 0 12px 32px rgb(15 34 54 / .16);--theme-hero-image: url(/assets/theme-winter-wide-ofDHe4En.webp);--theme-hero-image-portrait: url(/assets/theme-winter-portrait-i7qdq1FO.webp);--theme-hero-scrim: linear-gradient(90deg, rgb(238 243 248 / .96) 0%, rgb(238 243 248 / .86) 45%, rgb(238 243 248 / .1) 100%);--theme-hero-scrim-portrait: linear-gradient(0deg, rgb(238 243 248 / .97) 18%, rgb(238 243 248 / .4) 100%);--theme-glass: rgb(255 255 255 / .72);--theme-backdrop: linear-gradient(0deg, var(--color-canvas) 0%, transparent 14%), radial-gradient(ellipse 90% 60% at 62% -18%, rgb(255 255 255 / .98) 0%, rgb(226 240 253 / .55) 42%, transparent 74%), radial-gradient(ellipse 55% 45% at 100% 8%, rgb(188 219 250 / .45) 0%, transparent 70%), radial-gradient(ellipse 80% 55% at 18% 104%, rgb(170 204 238 / .55) 0%, rgb(200 222 246 / .25) 46%, transparent 78%), radial-gradient(ellipse 80% 55% at 82% 106%, rgb(170 204 238 / .45) 0%, transparent 74%), linear-gradient(180deg, rgb(255 255 255 / .55) 0%, transparent 38%, rgb(184 212 242 / .38) 100%);--theme-pattern: repeating-radial-gradient(circle at 88% 18%, rgb(31 111 209 / .09) 0 1px, transparent 1px 34px)}:root[data-ui-profile=winter] [data-scene-surface]{color-scheme:dark;--color-canvas: #0b0f11;--color-surface-1: #11171a;--color-surface-2: #172024;--color-surface-3: #1e292e;--color-text-primary: #eceae4;--color-text-secondary: #aab1ac;--color-text-tertiary: #8a938e;--color-border-subtle: #25313a;--color-border-strong: #6c7a82;--color-accent-text: #6fb0ff;--color-success: #5cc280;--color-danger: #f2786d;--color-warning: #f5ca76;--color-info: #6db3ec;--color-team-1: #5cc280;--color-team-2: #f2786d;--color-team-enemy-cb: #c38bf0;--color-scrim: rgb(0 0 0 / .6);--elevation-1: none;--elevation-2: 0 4px 12px rgb(0 0 0 / .4);--elevation-3: 0 12px 32px rgb(0 0 0 / .5);--theme-glass: rgb(11 15 17 / .72)}}:root{--style-revision: 2;--bg: var(--color-canvas);--bg-card: var(--color-surface-1);--bg-card2: var(--color-surface-2);--bg-card-hover: var(--color-surface-3);--bg-blue: var(--color-surface-3);--bg-blue-light: var(--color-surface-2);--bg-upload: var(--color-surface-1);--bg-elevated: var(--color-surface-2);--bg-chip: color-mix(in srgb, var(--color-accent) 8%, var(--color-surface-2));--bg-list-hover: var(--color-surface-2);--bg-rating: color-mix(in srgb, var(--color-accent) 10%, var(--color-surface-1));--bg-t1: color-mix(in srgb, var(--color-team-1) 12%, var(--color-surface-1));--bg-t2: color-mix(in srgb, var(--color-team-2) 12%, var(--color-surface-1));--tag-bg: var(--color-surface-3);--text: var(--color-text-primary);--text-heading: var(--color-text-primary);--text-sub: var(--color-text-secondary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-tertiary);--text-label: var(--color-text-secondary);--text-upload: var(--color-text-primary);--text-upload-sub: var(--color-text-secondary);--text-modal: var(--color-text-primary);--text-rating: var(--color-text-secondary);--text-code: var(--color-text-primary);--border: var(--color-border-subtle);--border-header: var(--color-border-subtle);--border-ghost: var(--color-border-subtle);--border-dashed: var(--color-border-strong);--border-chip: color-mix(in srgb, var(--color-accent) 30%, var(--color-border-subtle));--border-col: var(--color-border-subtle);--border-light: var(--color-border-subtle);--border-light-strong: var(--color-border-strong);--border-heavy: var(--color-border-strong);--border-warn: var(--color-warning);--border-tab-active: var(--color-accent);--border-rating: color-mix(in srgb, var(--color-accent) 25%, var(--color-border-subtle));--accent: var(--color-accent);--accent-hover: var(--color-accent-text);--accent-dark: var(--color-accent-text);--accent-light: var(--color-accent-text);--accent-icon: var(--color-accent-text);--accent-shadow: color-mix(in srgb, var(--color-accent) 22%, transparent);--accent-text: var(--color-on-accent);--hero-fg-rgb: 247 240 223;--surface-shadow: var(--elevation-2);--hard-shadow: var(--elevation-3);--error: var(--color-danger);--warn-text: var(--color-warning);--warn-bg: color-mix(in srgb, var(--color-warning) 14%, var(--color-surface-1));--delete: var(--color-danger);--scroll-fade: var(--color-canvas);--rating-elite-bg: #f0b33e;--rating-elite-fg: #17130b;--rating-great-bg: #b48224;--rating-great-fg: #fff4db;--rating-good-bg: #6f5d26;--rating-good-fg: #f6df9b;--rating-mid-bg: #403827;--rating-mid-fg: #d9c8a9;--rating-poor-bg: #302d27;--rating-poor-fg: #aaa091;--status-info-bg: color-mix(in srgb, var(--color-info) 16%, var(--color-surface-1));--status-info-fg: var(--color-info);--status-warn-bg: color-mix(in srgb, var(--color-warning) 16%, var(--color-surface-1));--status-warn-fg: var(--color-warning);--status-ok-bg: color-mix(in srgb, var(--color-success) 16%, var(--color-surface-1));--status-ok-fg: var(--color-success);--status-err-bg: color-mix(in srgb, var(--color-danger) 16%, var(--color-surface-1));--status-err-fg: var(--color-danger);--danger-solid-fg: #ffffff;--focus-ring: color-mix(in srgb, var(--color-accent) 34%, transparent);--topbar-h: var(--header-h);--layout-gutter: 24px;--content-max: 1280px;--wide-max: 1600px;--workspace-gutter: 24px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-body: 14px;--font-lg: 16px;--font-xl: 20px;--friendly: #22c55e;--friendly-strong: #4ade80;--friendly-fg: #0b1f10;--enemy: #ef4444;--enemy-strong: #f87171;--enemy-fg: #1a0606}:root[data-ui-profile=winter]{--hero-fg-rgb: 15 34 54}.layout-content,.layout-wide,.layout-data-workspace{position:relative;isolation:isolate;width:min(var(--layout-content-max),calc(100% - var(--gutter) * 2));margin:0 auto;padding:var(--space-6) 0 var(--space-12)}.layout-wide{width:min(var(--layout-wide-max),calc(100% - var(--gutter) * 2))}.layout-data-workspace{width:min(var(--layout-workspace-max),calc(100% - var(--gutter) * 2))}.layout-full-workspace{width:100%;height:calc(100dvh - var(--header-h) - env(safe-area-inset-bottom));overflow:hidden}:root{--showcase-page-max: 1760px;--showcase-wide-max: 1720px;--showcase-content-max: 1420px;--showcase-gutter: max(clamp(12px, 1.6vw, 30px), env(safe-area-inset-left), env(safe-area-inset-right));--showcase-surface: var(--color-surface-1);--showcase-surface-2: var(--color-surface-2);--showcase-line: color-mix(in srgb, var(--border) 76%, var(--accent) 24%);--showcase-tactical: linear-gradient(160deg, var(--color-surface-2) 0%, var(--color-surface-1) 100%);--showcase-tactical-2: linear-gradient(165deg, var(--color-surface-2) 0%, var(--color-canvas) 100%);--showcase-tactical-border: var(--color-border-subtle);--showcase-tactical-border-strong: color-mix(in srgb, var(--color-accent) 38%, transparent);--showcase-tactical-heading: var(--color-text-primary);--showcase-tactical-text: var(--color-text-secondary);--showcase-tactical-muted: var(--color-text-tertiary);--showcase-tactical-soft: color-mix(in srgb, var(--color-canvas) 55%, transparent);--showcase-tactical-soft-2: color-mix(in srgb, var(--color-canvas) 80%, transparent)}.wrap{max-width:var(--layout-wide-max)!important;width:calc(100% - var(--gutter) * 2)!important;margin-inline:auto!important}.layout-data-workspace{width:min(var(--layout-workspace-max),calc(100% - var(--gutter) * 2))!important;max-width:none!important;padding:var(--space-6) 0 var(--space-12)}.admin-page{width:min(var(--layout-workspace-max),calc(100% - var(--gutter) * 2))!important;max-width:none!important;margin-inline:auto!important;padding:var(--space-6) 0 var(--space-12)}.profile-page{width:min(var(--layout-content-max),calc(100% - var(--gutter) * 2))!important;max-width:none!important;margin-inline:auto!important;padding:var(--space-6) 0 var(--space-12)}.profile-page .hero-avatar{display:none!important}.profile-page .profile-main{display:grid;gap:14px}.profile-page .profile-hero{position:relative;overflow:hidden;min-height:118px;padding:24px 28px!important;border-color:color-mix(in srgb,var(--accent) 34%,var(--border))!important;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 9%,var(--bg-card)),var(--bg-card) 48%),var(--bg-card)!important}.profile-page .profile-hero:after{content:"";position:absolute;right:-60px;top:-130px;width:340px;height:340px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;corner-shape:round;box-shadow:0 0 0 54px color-mix(in srgb,var(--accent) 3%,transparent);pointer-events:none}.profile-page .hero-left{gap:0!important}.profile-page .hero-name{font-size:1.65rem!important;letter-spacing:-.02em}.profile-page .hero-subtitle{color:var(--text-sub)!important}.profile-page .profile-body{gap:14px!important}.profile-page .profile-card{border-color:var(--showcase-tactical-border)!important;background:var(--showcase-tactical)!important;box-shadow:var(--surface-shadow)!important}.profile-page .section-head{border-bottom-color:color-mix(in srgb,var(--accent) 18%,var(--border))!important}.profile-page .card-title{letter-spacing:-.01em}@media(min-width:768px)and (not (min-width:1200px)){.layout-content,.layout-data-workspace,.admin-page,.profile-page{padding-top:var(--space-5)}}@media not (min-width:768px){.layout-content,.layout-data-workspace,.admin-page,.profile-page{width:calc(100% - var(--gutter) * 2);padding:var(--space-4) 0 var(--space-8)}.profile-page .profile-body{display:block!important}.profile-page .profile-left,.profile-page .profile-right{display:grid;gap:12px}.profile-page .profile-hero{padding:20px!important;min-height:100px}.profile-page .hero-name{font-size:1.35rem!important}}.layout-data-workspace{padding-right:var(--pd-drawer-offset, 0px)}.layout-data-workspace .tablewrap{position:relative;isolation:isolate;overflow:auto;max-width:100%}.layout-data-workspace table{width:max-content;min-width:100%;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.layout-data-workspace table thead th{position:sticky;top:0;z-index:var(--table-z-head);height:var(--row-h);background:var(--color-surface-2);color:var(--color-text-secondary)}.layout-data-workspace table tbody td{height:var(--row-h)}.layout-data-workspace table th:first-child,.layout-data-workspace table td:first-child{position:sticky;left:0;z-index:var(--table-z-row);background:var(--color-surface-1)}.layout-data-workspace table tbody tr.t1 td:first-child{background:color-mix(in oklab,var(--color-team-ally) 8%,var(--color-surface-1))}.layout-data-workspace table tbody tr.t2 td:first-child{background:color-mix(in oklab,var(--color-team-enemy) 8%,var(--color-surface-1))}.layout-data-workspace table thead th:first-child{z-index:var(--table-z-corner);background:var(--color-surface-2)}@media(hover:hover){.layout-data-workspace table tbody tr:hover td:first-child{background:var(--color-surface-2)}}.hof-admin{width:min(1760px,calc(100% - var(--showcase-gutter) * 2))!important;max-width:none!important;margin-inline:auto!important;padding:24px 0 64px!important}@media not (min-width:768px){.hof-admin{width:calc(100% - 16px)!important;padding:12px 0 42px!important}}.lb-wrap{width:min(1720px,calc(100% - var(--showcase-gutter) * 2))!important;max-width:none!important;margin:0 auto!important;padding:22px 0 64px!important;--hof-tabs-block: calc(var(--control-h-md) + var(--space-2) * 2 + 2px);--hof-sticky-top: calc(var(--header-h) + 6px + var(--hof-tabs-block) + var(--space-2))}.lb-wrap>.tabs{position:sticky;top:calc(var(--header-h) + 6px);z-index:22;display:flex;gap:5px;margin-bottom:14px!important;padding:var(--space-2)!important;border:1px solid var(--color-border-subtle)!important;border-radius:8px;background:color-mix(in srgb,var(--bg) 84%,transparent)!important;box-shadow:var(--elevation-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lb-wrap>.tabs button{min-height:var(--control-h-md);padding:0 18px!important;border-radius:6px!important}.lb-wrap .lb-head{position:relative;overflow:hidden;margin-bottom:12px;padding:24px 26px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:9px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 7%,var(--bg-card)),var(--bg-card) 46%);box-shadow:var(--surface-shadow)}.lb-wrap .lb-head:after{content:"";position:absolute;right:-50px;top:-125px;width:320px;height:320px;border:1px solid color-mix(in srgb,var(--color-accent) 14%,transparent);border-radius:50%;corner-shape:round;box-shadow:0 0 0 54px color-mix(in srgb,var(--color-accent) 2.5%,transparent)}.lb-wrap .lb-kicker{color:var(--accent-light)!important;font-weight:900;letter-spacing:.1em}.lb-wrap .lb-head h1{margin:5px 0!important;font-size:1.7rem!important;letter-spacing:-.025em}.lb-wrap .lb-head p{max-width:760px;color:var(--text-sub)!important}.lb-wrap .lb-submit-row{margin-bottom:10px!important}.lb-wrap .lb-toolbar{position:sticky;top:119px;z-index:18;gap:8px!important;padding:10px!important;border:1px solid var(--color-border-subtle)!important;border-radius:8px;background:color-mix(in srgb,var(--bg-card) 94%,transparent)!important;box-shadow:var(--elevation-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lb-wrap .lb-toolbar :is(select,input){border-color:var(--color-border-strong)!important;background:var(--color-surface-1)!important}.lb-wrap .tablewrap{max-height:calc(100dvh - var(--hof-sticky-top) - var(--space-4));scroll-margin-top:var(--hof-sticky-top);margin-top:12px;overflow:auto!important;border:1px solid var(--color-border-subtle)!important;border-radius:8px;background:var(--bg-card);box-shadow:var(--elevation-2)}.lb-wrap table{width:max-content!important;min-width:100%!important;font-variant-numeric:tabular-nums}.lb-wrap thead th{position:sticky;top:0;z-index:4;height:42px;background:var(--color-surface-2)!important;color:var(--text-sub)!important}.lb-wrap tbody td{height:45px}.lb-wrap tbody tr:hover{background:var(--bg-list-hover)!important}.lb-wrap .lb-dmg{color:var(--accent-dark)!important;font-weight:900}.lb-wrap .rk{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.hof-admin{width:min(1760px,calc(100% - var(--showcase-gutter) * 2))!important;max-width:none!important;margin:0 auto!important;padding:22px 0 64px!important}@media(max-width:1199px){.lb-wrap,.hof-admin{width:calc(100% - var(--gutter) * 2)!important;padding-top:16px!important}.lb-wrap>.tabs,.lb-wrap .lb-toolbar{position:static}.lb-wrap{--hof-sticky-top: calc(var(--header-h) + var(--space-2))}}@media not (min-width:768px){.lb-wrap,.hof-admin{width:calc(100% - var(--gutter) * 2)!important;padding:10px 0 42px!important}.lb-wrap>.tabs{position:static}.lb-wrap .lb-head{padding:18px!important}.lb-wrap .lb-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important;overflow:visible!important}.lb-wrap .lb-toolbar>*{min-width:0}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:nth-child(1){grid-area:1 / 1}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:nth-child(2){grid-area:1 / 2}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:nth-child(3){grid-area:2 / 1}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:nth-child(7){grid-area:5 / 1}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:has(select option[value=RATING]){grid-area:2 / 2}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:has(.hof-vehicle-select){grid-area:3 / 1 / 4 / 3}.lb-wrap .lb-toolbar:not(.h100-toolbar) .lb-limit:has(.lb-nick-input){grid-area:4 / 1 / 5 / 3}.lb-wrap .lb-toolbar:not(.h100-toolbar)>button:last-child{grid-area:5 / 2}.lb-wrap .lb-toolbar.h100-toolbar .lb-limit:nth-child(1){grid-area:1 / 1}.lb-wrap .lb-toolbar.h100-toolbar .lb-limit:nth-child(2){grid-area:1 / 2}.lb-wrap .lb-toolbar.h100-toolbar .lb-limit:has(.h100-vehicle-select),.lb-wrap .lb-toolbar.h100-toolbar .lb-limit:has(.mark3-vehicle-select){grid-area:2 / 1 / 3 / 3}.lb-wrap .lb-toolbar.h100-toolbar>button:nth-child(4){grid-area:3 / 1}.lb-wrap .lb-toolbar.h100-toolbar>button:nth-child(5){grid-area:3 / 2}}.lb-wrap{color:var(--color-text-primary)}.lb-wrap>.tabs{border-color:var(--color-border-subtle)!important;background:color-mix(in srgb,var(--color-surface-1) 90%,transparent)!important;box-shadow:var(--elevation-2)!important}.lb-wrap>.tabs button{color:var(--color-text-secondary)!important}.lb-wrap>.tabs button.active{border-color:color-mix(in srgb,var(--color-accent) 42%,transparent)!important;background:color-mix(in srgb,var(--color-accent) 13%,transparent)!important;color:var(--color-accent-text)!important}.lb-wrap .lb-head{border-color:color-mix(in srgb,var(--color-accent) 38%,transparent)!important;background:linear-gradient(100deg,color-mix(in srgb,var(--color-surface-1) 96%,transparent),color-mix(in srgb,var(--color-surface-1) 92%,transparent) 58%,color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-1)))!important;color:var(--color-text-primary)!important;box-shadow:var(--elevation-2)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lb-wrap .lb-head h1{color:var(--color-text-primary)!important}.lb-wrap .lb-head p{color:var(--color-text-secondary)!important}.lb-wrap .lb-toolbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px 14px!important;align-items:end!important;padding:12px 14px!important;border:1px solid var(--color-border-subtle)!important;background:color-mix(in srgb,var(--color-surface-1) 92%,transparent)!important;color:var(--color-text-secondary)!important;box-shadow:var(--elevation-2)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lb-wrap .lb-toolbar .lb-limit:has(.hof-vehicle-select),.lb-wrap .lb-toolbar .lb-limit:has(.lb-nick-input){grid-column:span 2}.lb-wrap .lb-toolbar>*{min-width:0}.lb-wrap .lb-toolbar .lb-limit{display:grid;gap:4px;min-width:0}.lb-wrap .lb-toolbar .lb-label,.lb-wrap .lb-toolbar .label{color:var(--color-text-secondary)!important}.lb-wrap .lb-toolbar .lb-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-wrap .lb-toolbar :is(select,input){width:100%!important;min-width:0!important;max-width:none!important;height:38px!important;border:1px solid var(--color-border-strong)!important;border-radius:6px!important;background:var(--color-surface-1)!important;color:var(--color-text-primary)!important;box-shadow:inset 0 1px #ffffff05}.lb-wrap .lb-toolbar .lb-nick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0}.lb-wrap .lb-toolbar .lb-nick-input{width:100%!important;min-width:0!important}.lb-wrap .lb-toolbar select:disabled,.lb-wrap .lb-toolbar input:disabled{opacity:.52}.lb-wrap .lb-toolbar input::placeholder{color:var(--color-text-tertiary)!important}.lb-wrap .lb-toolbar button:not(.vp-btn){min-height:38px;justify-self:start;border:1px solid var(--color-border-strong)!important;border-radius:6px!important;background:var(--color-surface-2)!important;color:var(--color-text-primary)!important}.lb-wrap .lb-toolbar button:not(.vp-btn):hover{border-color:var(--color-accent)!important;color:var(--color-accent-text)!important}.lb-wrap .lb-submit-row{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 14px!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--color-border-subtle) 50%,transparent)!important;border-radius:8px!important;background:color-mix(in srgb,var(--color-surface-1) 50%,transparent)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lb-wrap .h100-pending-card{border-color:var(--showcase-tactical-border)!important;background:var(--showcase-tactical-soft)!important;box-shadow:none!important}.lb-wrap .h100-pending-title{color:var(--color-accent-text)!important}.lb-wrap .h100-pending-meta{color:var(--color-text-secondary)!important}.lb-wrap .h100-pending-meta strong{color:var(--color-accent-text)!important}.lb-wrap .h100-pending-time{color:var(--color-text-tertiary)!important}.lb-wrap .lb-download{border-color:var(--color-border-subtle)!important;background:color-mix(in srgb,var(--color-surface-1) 90%,transparent)!important;color:var(--color-text-secondary)!important}.lb-wrap .lb-download:hover:not(:disabled){background:var(--color-surface-3)!important;color:var(--color-accent-text)!important}.lb-wrap .pagination button{border-color:var(--color-border-subtle)!important;background:var(--color-surface-2)!important;color:var(--color-text-primary)!important}.lb-wrap .pagination button:hover:not(:disabled){background:var(--color-surface-3)!important}.lb-wrap .lb-submit-row button,.lb-wrap .submit-btn{border-color:var(--color-accent)!important;background:linear-gradient(180deg,var(--color-accent-text),var(--color-accent))!important;color:var(--color-on-accent)!important;box-shadow:0 10px 26px color-mix(in srgb,var(--color-accent) 20%,transparent)}.lb-wrap .tablewrap{border-color:var(--color-border-subtle)!important;background:color-mix(in srgb,var(--color-surface-1) 94%,transparent)!important;box-shadow:var(--elevation-2)!important}.lb-wrap table thead th{background:var(--color-surface-2)!important;color:var(--color-text-secondary)!important}.lb-wrap table tbody tr{background:color-mix(in srgb,var(--color-surface-1) 86%,transparent)}.lb-wrap table tbody tr:hover{background:color-mix(in srgb,var(--color-surface-3) 96%,transparent)!important}.lb-wrap table tbody td{color:var(--color-text-primary)}.lb-wrap .lb-upload-msg.err{color:var(--color-danger)!important}.lb-wrap .error{border:1px solid color-mix(in srgb,var(--color-danger) 46%,transparent)!important;border-left:3px solid color-mix(in srgb,var(--color-danger) 85%,transparent)!important;border-radius:7px;background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface-1))!important;color:var(--color-danger)!important;box-shadow:var(--elevation-2)}.lb-wrap .warn{border:1px solid color-mix(in srgb,var(--color-warning) 42%,transparent)!important;border-radius:7px;background:color-mix(in srgb,var(--color-warning) 16%,var(--color-surface-1))!important;color:var(--color-warning)!important}@media(min-width:1200px){.lb-wrap .lb-toolbar.h100-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1199px){.lb-wrap .lb-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media not (min-width:768px){.lb-wrap .lb-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important;overflow:visible!important}.lb-wrap .lb-toolbar .lb-limit:has(.h100-vehicle-select){grid-column:1 / -1!important}}.hof-admin{width:min(1760px,calc(100% - 48px))!important;max-width:1760px!important}.lb-wrap .lb-toolbar{position:relative!important;top:auto!important;z-index:5!important}@media(min-width:1081px){.analysis-panel .panel-head{top:var(--header-h)!important}}@media not (min-width:768px){.hof-admin{width:100%!important;padding-inline:12px!important}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--theme-pattern),var(--theme-backdrop),var(--color-canvas);background-attachment:fixed;color:var(--color-text-primary);font:var(--type-body)}a{color:var(--color-accent-text);text-decoration:none}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.ic{width:var(--space-4);height:var(--space-4);flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.up-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-lg);height:var(--control-h-lg);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-accent-text)}.up-icon .ic{width:var(--space-6);height:var(--space-6)}.control-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-width:0;margin-block-end:var(--space-4)}.control-bar>.control-bar-end{margin-inline-start:auto}.control-bar.is-sticky{position:sticky;top:var(--header-h);z-index:var(--z-sticky);padding-block:var(--space-2);background:var(--color-canvas)}.wrap{max-width:var(--layout-wide-max);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-12)}h2{margin:0 0 var(--space-3);color:var(--color-text-primary);font:var(--type-h2)}.app-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);width:100%;margin:var(--space-6) auto 0;padding:var(--space-4) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-subtle);color:var(--color-text-tertiary);font:var(--type-caption);text-align:center;background:linear-gradient(180deg,transparent 0,var(--color-canvas) var(--space-5))}.app-footer a{color:inherit;text-decoration:underline;text-underline-offset:var(--space-1)}.business-bootstrap-notice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-2) var(--gutter);border-bottom:1px solid var(--color-warning);background:color-mix(in oklab,var(--color-warning) 14%,var(--color-surface-1));color:var(--color-warning);font:var(--type-body)}.business-bootstrap-retry{min-height:var(--control-h-md);padding:var(--space-1) var(--space-3);border:1px solid currentColor;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer;font:var(--type-body);font-weight:600;white-space:nowrap}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1)}.tabs button{flex:1;min-height:var(--control-h-md);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;font:var(--type-body);font-weight:600}.tabs button.active{background:var(--color-surface-3);color:var(--color-accent-text)}.tabs button:disabled{opacity:.5;cursor:not-allowed}.tablewrap{overflow-x:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--elevation-1);scrollbar-color:var(--color-border-strong) var(--color-surface-1)}table{width:100%;border-collapse:collapse;font:var(--type-body);font-variant-numeric:tabular-nums}th,td{height:var(--row-h);padding:var(--space-2) var(--space-3);text-align:left;white-space:nowrap}th{background:var(--color-surface-2);color:var(--color-text-secondary);font:var(--type-caption);font-weight:600;border-bottom:1px solid var(--color-border-subtle)}td{border-bottom:1px solid var(--color-border-subtle)}tbody tr:last-child td{border-bottom:0}tbody tr.t1 td{background:color-mix(in oklab,var(--color-team-ally) 8%,var(--color-surface-1))}tbody tr.t2 td{background:color-mix(in oklab,var(--color-team-enemy) 8%,var(--color-surface-1))}.alive,.dead{display:inline-flex;align-items:center;min-height:var(--control-h-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font:var(--type-caption);font-weight:600}.alive{background:color-mix(in oklab,var(--color-success) 14%,var(--color-surface-1));color:var(--color-success)}.dead{background:color-mix(in oklab,var(--color-danger) 14%,var(--color-surface-1));color:var(--color-danger)}.warn,.error{display:block;padding:var(--space-3) var(--space-4);border:1px solid currentColor;border-radius:var(--radius-md);margin-bottom:var(--space-3);font:var(--type-body)}.warn{background:color-mix(in oklab,var(--color-warning) 14%,var(--color-surface-1));color:var(--color-warning)}.error{background:color-mix(in oklab,var(--color-danger) 14%,var(--color-surface-1));color:var(--color-danger)}.up-title{color:var(--color-text-primary);font:var(--type-h3);font-weight:700}.up-sub{margin-top:var(--space-2);color:var(--color-text-secondary);font:var(--type-body)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text-secondary);font:var(--type-caption)}.filebtn,.ghost,.btn-sm,.linkbtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h-md);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-primary);cursor:pointer;font:var(--type-body);font-weight:600;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.filebtn{border-color:transparent;background:var(--color-accent);color:var(--color-on-accent)}.ghost{border-color:var(--color-border-strong);background:var(--color-surface-1);color:var(--color-text-primary)}.filebtn input{display:none}.filebtn:disabled,.ghost:disabled,.btn-sm:disabled,.linkbtn:disabled{opacity:.5;cursor:not-allowed}.filebtn.lg{min-height:var(--control-h-lg);padding-inline:var(--space-6)}.ghost.sm,.btn-sm,.linkbtn{min-height:var(--control-h-sm);padding:var(--space-1) var(--space-3)}.ghost.danger{color:var(--color-danger);border-color:var(--color-danger)}.modal-overlay,.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);display:flex;align-items:center;justify-content:center;z-index:var(--z-dialog)}.modal{width:min(90%,var(--dialog-width));max-height:calc(100dvh - var(--space-8));padding:var(--space-5);overflow-y:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--elevation-3)}.global-error-modal{max-width:var(--column-panel-width)}.modal h2{margin:0 0 var(--space-1);font:var(--type-h2)}.modal p{margin:var(--space-2) 0;color:var(--color-text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap}.error-msg{color:var(--color-danger)}.colpanel{position:fixed;top:calc(var(--header-h) + env(safe-area-inset-top) + var(--space-4));right:var(--gutter);z-index:var(--z-menu);width:min(var(--column-panel-width),calc(100% - var(--gutter) * 2));max-height:min(var(--column-panel-max-height),calc(100dvh - var(--header-h) - var(--space-8) - env(safe-area-inset-top) - env(safe-area-inset-bottom)));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface-1);box-shadow:var(--elevation-2)}.colpanel-head{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-2);align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-2)}.cph-title{min-width:0;color:var(--color-text-primary);font:var(--type-body);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collist{list-style:none;margin:0;padding:var(--space-2);overflow-y:auto;min-height:0}.collist li{display:grid;grid-template-columns:var(--space-6) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-primary)}.collist li.dragging{opacity:.5}.grip{color:var(--color-text-tertiary);cursor:grab;font:var(--type-body)}.colitem{min-width:0;min-height:var(--hit-min);display:inline-flex;align-items:center;gap:var(--space-2);font:var(--type-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat{color:var(--color-text-tertiary);font:var(--type-caption)}.colmove{display:inline-flex;gap:var(--space-1)}.colmove-btn{width:max(var(--control-h-sm),var(--hit-min));height:max(var(--control-h-sm),var(--hit-min));padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text-secondary);cursor:pointer;font:var(--type-caption)}.colmove-btn:disabled{opacity:.35;cursor:default}.scroll-hint{display:none}@media(hover:hover){a:hover{color:var(--color-accent-text);text-decoration:underline}.tabs button:hover:not(.active,:disabled){color:var(--color-text-primary);background:var(--color-surface-2)}tr:hover td,.collist li:hover{background:var(--color-surface-2)}.filebtn:hover:not(:disabled){background:color-mix(in oklab,var(--color-accent) 88%,var(--color-text-primary))}.ghost:hover:not(:disabled),.btn-sm:hover:not(:disabled),.linkbtn:hover:not(:disabled),.business-bootstrap-retry:hover{background:var(--color-surface-2)}.colmove-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-text)}}@media not (min-width:768px){.wrap{padding:var(--space-4) var(--gutter) var(--space-8)}th,td{padding:var(--space-2)}.tabs{overflow-x:auto}.tabs button{flex:none;white-space:nowrap}.colpanel-head{grid-template-columns:repeat(3,minmax(0,1fr))}.cph-title{grid-column:1 / -1}.collist li{grid-template-columns:var(--space-4) minmax(0,1fr) auto;column-gap:var(--space-1)}.collist .grip{grid-column:1;grid-row:1 / span 2}.collist .colitem,.collist .cat{grid-column:2}.collist .colmove{grid-column:3;grid-row:1 / span 2}.colpanel .linkbtn{width:100%;padding-inline:var(--space-1)}input,select,textarea{font-size:max(var(--font-size-h3),1em)}.modal{width:calc(100% - var(--gutter) * 2)}.scroll-hint{display:block;text-align:center;color:var(--color-text-tertiary);font:var(--type-caption);margin:var(--space-2) 0 0;padding-bottom:var(--space-1)}.lb-toolbar{flex-wrap:wrap;gap:var(--space-2)}}.pb-vehicle:has(.pb-selected-mark){z-index:60!important}.pb-vehicle:has(.pb-hitbox:hover){z-index:55!important}.pb-vehicle:has(.pb-recorder-badge){z-index:50!important}.pb-vehicle.pb-destroyed{z-index:45}.pb-vehicle:not(.pb-destroyed){z-index:40}.pb-labels,.pb-hp-hud{text-shadow:0 1px 2px rgba(0,0,0,.8)}.battle-playback{min-width:0;background:var(--color-canvas)}.battle-playback .pb-main,.battle-playback .pb-map-stage{position:relative;min-width:0}.battle-playback .pb-svg{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.battle-playback .pb-annotation-surface{min-width:0;margin-block-start:var(--space-2)}.battle-playback .pb-panel-options{display:grid;gap:var(--space-2);font:var(--type-caption)}.battle-playback .pb-panel-options label{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--control-h-md)}.pb-replay-mode-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--color-border-subtle)}.pb-replay-mode-bar button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:var(--control-h-lg);padding:var(--space-1) var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-accent-text);font:var(--type-caption);font-weight:600;cursor:pointer}.pb-replay-mode-bar button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.pb-replay-mode-bar button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.pb-replay-mode-bar>span{flex:1;color:var(--color-text-secondary);font:var(--type-caption)}@media not (min-width:768px){.pb-replay-mode-bar>span{display:none}}@media(orientation:portrait)and (not (min-width:768px)){.battle-playback.playback-workspace.pb-form-mobile:not(:fullscreen){block-size:auto}.battle-playback.playback-workspace.pb-form-mobile .pb-main{display:flex;flex-direction:column}.battle-playback.playback-workspace.pb-form-mobile .pb-main>.pb-map-stage{inline-size:100%}.battle-playback.playback-workspace.pb-form-mobile .pb-main .pb-map{inline-size:100%}.battle-playback.playback-workspace.pb-form-mobile .pb-inline-area{display:flex;flex-direction:column;gap:var(--space-2)}.battle-playback.playback-workspace.pb-form-mobile .pb-sidebar.pb-floating{position:static;inline-size:100%;max-block-size:none}}.playback-workspace{position:relative;container-type:inline-size;isolation:isolate;--pb-lane-w: var(--pb-roster-min)}.pb-quick-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-inline-size:var(--hit-min);min-block-size:var(--hit-min);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-1);color:var(--color-text-primary);font:var(--type-caption);font-weight:600;cursor:pointer;pointer-events:auto}.pb-quick-action[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-text);background:var(--color-surface-3)}.pb-quick-action:hover{background:var(--color-surface-2)}.pb-quick-action:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:var(--space-1)}:is(.battle-playback.pb-phone-landscape,.pb-root.compact-bar) .pb-controls .pb-time{flex-basis:auto;margin-inline:auto;order:0}.battle-playback.playback-workspace:not(:fullscreen),.battle-playback.playback-workspace:fullscreen{display:flex;flex-direction:column;gap:var(--space-1);block-size:var(--pb-workspace-h, var(--pb-workspace-fallback-h));min-block-size:0;margin-block-start:0;padding-block-end:env(safe-area-inset-bottom)}.battle-playback.playback-workspace .pb-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:max-content max-content max-content;position:relative;align-content:start;gap:var(--space-1);padding:0;min-block-size:0}.battle-playback.playback-workspace.pb-roster-lanes .pb-main{grid-template-columns:minmax(var(--pb-roster-min),2fr) minmax(0,6fr) minmax(var(--pb-roster-min),2fr)}.battle-playback.playback-workspace .pb-main>.pb-map-stage{display:block;position:relative;inset:auto;grid-column:1;grid-row:2;block-size:auto;min-block-size:0;margin:0}.battle-playback.playback-workspace.pb-roster-lanes .pb-main>.pb-map-stage{grid-column:2}.battle-playback.playback-workspace .pb-team-lane{position:static;inset:auto;grid-row:1 / -1;max-block-size:var(--pb-workspace-h, var(--pb-workspace-fallback-h));min-block-size:0;min-inline-size:0;overflow-y:auto}.battle-playback.playback-workspace .pb-main>.pb-mobile-overlay{position:relative;inset:auto;grid-column:1;grid-row:3;inline-size:100%;opacity:1;pointer-events:auto;padding:0}.battle-playback.playback-workspace.pb-roster-lanes .pb-main>.pb-mobile-overlay{grid-column:2}.battle-playback.playback-workspace .pb-mobile-overlay .pb-mobile-overlay-content{position:relative;inset:auto;display:block;margin:0;padding:0;pointer-events:auto}.battle-playback.playback-workspace .pb-hud{position:relative;inset:auto;inline-size:100%;grid-column:1;grid-row:1;padding:var(--space-1)}.battle-playback.playback-workspace.pb-roster-lanes .pb-main>.pb-hud{grid-column:2}.battle-playback.playback-workspace.pb-phone-landscape .pb-main{flex:1 1 auto;grid-template-rows:max-content minmax(0,1fr) max-content}.battle-playback.playback-workspace.pb-phone-landscape .pb-team-lane{grid-row:1 / 3;max-block-size:100%}.battle-playback.playback-workspace.pb-phone-landscape:not(:fullscreen){padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.battle-playback.playback-workspace.pb-phone-landscape.pb-roster-lanes .pb-main>.pb-mobile-overlay{grid-column:1 / -1}:is(.battle-playback.playback-workspace.pb-phone-landscape [data-test=pb-transport-controls],.pb-root.playback-workspace.compact-bar .controls-content){display:flex;flex-direction:row;align-items:center;gap:var(--space-1)}:is(.battle-playback.playback-workspace.pb-phone-landscape [data-test=pb-transport-controls],.pb-root.playback-workspace.compact-bar .controls-content)>.pb-progress{flex:1 1 auto;inline-size:auto;min-inline-size:var(--pb-timeline-min-w)}:is(.battle-playback.playback-workspace.pb-phone-landscape [data-test=pb-transport-controls],.pb-root.playback-workspace.compact-bar .controls-content)>.pb-controls{flex:none;flex-wrap:nowrap}.pb-root.playback-workspace:not(.portrait-flow){display:block;position:relative;block-size:var(--pb-workspace-h, var(--pb-workspace-fallback-h));height:var(--pb-workspace-h, var(--pb-workspace-fallback-h));padding:0;overflow:hidden}.pb-root.playback-workspace:not(.portrait-flow)>.pb-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--pb-z-canvas);padding:0;margin:0}.pb-root.playback-workspace:not(.portrait-flow)>.hud{position:absolute;inset-block-start:var(--space-1);inset-inline-start:50%;transform:translate(-50%);z-index:var(--pb-z-hud);inline-size:auto;max-inline-size:min(60%,480px);margin:0;pointer-events:none}.pb-root.playback-workspace.roster-side:not(.portrait-flow)>.hud{max-inline-size:min(60%,max(14rem,calc(100% - 2 * var(--pb-overlay-lane-w) - var(--space-4))))}.pb-root.playback-workspace>.hud>.pb-hud{inline-size:auto}.pb-root.playback-workspace:not(.portrait-flow)>.controls{position:absolute;inset-block-end:var(--space-2);inset-inline:0;z-index:var(--pb-z-hud);display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-1);--pb-controls-max: min(100% - var(--space-4), 720px);inline-size:auto;max-inline-size:var(--pb-controls-max);margin-inline:auto;padding:var(--space-1) var(--space-2)}.pb-root.playback-workspace:not(.portrait-flow)>.controls>.controls-content{flex:1 1 auto;min-inline-size:0}.pb-root.playback-workspace:not(.portrait-flow)>.controls>.controls-toggle{order:1;flex:none}.pb-root.playback-workspace:not(.portrait-flow) .replay3d-annotations>.pb-annotation-toolbar{padding-block:0;border-block-width:0;scrollbar-width:none}.pb-root.playback-workspace.compact-bar .controls-content>.replay3d-annotations{flex:1 1 0;min-inline-size:0}.pb-root.playback-workspace.compact-bar .controls-content:has(>.replay3d-annotations)>.pb-progress,.pb-root.playback-workspace.compact-bar .controls-content:has(>.replay3d-annotations) .pb-time{display:none}.pb-root.playback-workspace.compact-bar:not(.portrait-flow)>.controls{--pb-controls-max: calc(100% - var(--space-4));align-items:center;margin-inline:var(--space-2);padding-block:var(--space-1)}.pb-root.playback-workspace:not(.portrait-flow)>.controls.controls-docked{inset-inline-start:auto;inset-inline-end:calc((100% - var(--pb-controls-max)) / 2);inline-size:fit-content;margin-inline:0}.pb-root.playback-workspace.portrait-flow>.controls.controls-docked{inline-size:fit-content;margin-inline-start:auto}.pb-root.playback-workspace.roster-side:not(.portrait-flow).phone-form{--pb-overlay-lane-w: clamp(10rem, 15vw, 13rem)}.pb-root.playback-workspace.roster-side:not(.portrait-flow).phone-form>.hud{max-inline-size:min(52%,max(12rem,calc(100% - 2 * var(--pb-overlay-lane-w) - var(--space-4))))}.pb-root.playback-workspace.roster-side:not(.portrait-flow){--pb-overlay-lane-w: min(clamp(11rem, 16vw, 15rem), calc(20% - var(--space-2)))}.pb-root.playback-workspace.roster-side:not(.portrait-flow) .team-lane.side-left,.pb-root.playback-workspace.roster-side:not(.portrait-flow) .team-lane.side-right{position:absolute;inset-block-start:var(--space-1);z-index:var(--pb-z-hud);inline-size:var(--pb-overlay-lane-w);max-block-size:calc(100% - 4rem);overflow-y:auto;overflow-x:hidden;min-block-size:0}.pb-root.playback-workspace.roster-side:not(.portrait-flow):not(.compact-bar) .team-lane{--roster-row-min: 40px}.pb-root.playback-workspace.roster-side:not(.portrait-flow) .side-left{inset-inline-start:var(--space-1)}.pb-root.playback-workspace.roster-side:not(.portrait-flow) .side-right{inset-inline-end:var(--space-1)}.battle-playback.playback-workspace .pb-map-stage>.pb-map{--pb-square-side: min(100%, var(--pb-square-avail-h, var(--pb-workspace-fallback-h)));inline-size:var(--pb-square-side);max-inline-size:100%;block-size:auto;aspect-ratio:1;margin-inline:auto}.battle-playback.playback-workspace .pb-main>.pb-sidebar.pb-floating{position:absolute;z-index:var(--pb-z-transient)}.battle-playback.playback-workspace .pb-team-lane-left{grid-column:1}.battle-playback.playback-workspace .pb-team-lane-right{grid-column:3}.battle-playback.playback-workspace:fullscreen{inline-size:100%;margin:0;padding-block-start:env(safe-area-inset-top);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);overflow:hidden}@media(min-width:1200px){.battle-playback.playback-workspace.pb-roster-lanes .pb-main{grid-template-columns:minmax(var(--pb-roster-min),1fr) minmax(0,2fr) minmax(var(--pb-roster-min),1fr)}}