/* Сгенерировано gen_tokens.py из tokens.json. Не редактировать вручную. */
:root {
  --color-bg: #0a0f0e;
  --color-bg-rgb: 10 15 14;
  --color-bg-haze: #17302b;
  --color-bg-haze-rgb: 23 48 43;
  --color-bg-haze-light: #3f6458;
  --color-bg-haze-light-rgb: 63 100 88;
  --color-surface: #131b1a;
  --color-surface-rgb: 19 27 26;
  --color-surface-raised: #1c2725;
  --color-surface-raised-rgb: 28 39 37;
  --color-surface-sunken: #0b1110;
  --color-surface-sunken-rgb: 11 17 16;
  --color-surface-hover: #24312e;
  --color-surface-hover-rgb: 36 49 46;
  --color-surface-selected: #cdd5d1;
  --color-surface-selected-rgb: 205 213 209;
  --color-on-surface-selected: #0a0f0e;
  --color-on-surface-selected-rgb: 10 15 14;
  --color-border: #2a3835;
  --color-border-rgb: 42 56 53;
  --color-border-strong: #3d4f4b;
  --color-border-strong-rgb: 61 79 75;
  --color-border-input: #738480;
  --color-border-input-rgb: 115 132 128;
  --color-text: #e8ece9;
  --color-text-rgb: 232 236 233;
  --color-text-muted: #a1aca8;
  --color-text-muted-rgb: 161 172 168;
  --color-text-subtle: #7d8985;
  --color-text-subtle-rgb: 125 137 133;
  --color-text-disabled: #56625e;
  --color-text-disabled-rgb: 86 98 94;
  --color-accent: #d9e13f;
  --color-accent-rgb: 217 225 63;
  --color-accent-dim: #7f8424;
  --color-accent-dim-rgb: 127 132 36;
  --color-accent-hover: #e6ec66;
  --color-accent-hover-rgb: 230 236 102;
  --color-on-accent: #171a03;
  --color-on-accent-rgb: 23 26 3;
  --color-on-accent-muted: #3a3d0c;
  --color-on-accent-muted-rgb: 58 61 12;
  --color-action: #43ad66;
  --color-action-rgb: 67 173 102;
  --color-action-hover: #55c178;
  --color-action-hover-rgb: 85 193 120;
  --color-on-action: #04200e;
  --color-on-action-rgb: 4 32 14;
  --color-danger: #c8303a;
  --color-danger-rgb: 200 48 58;
  --color-on-danger: #ffffff;
  --color-on-danger-rgb: 255 255 255;
  --color-danger-text: #ff6b70;
  --color-danger-text-rgb: 255 107 112;
  --color-warning: #e8a33a;
  --color-warning-rgb: 232 163 58;
  --color-success-text: #63d38a;
  --color-success-text-rgb: 99 211 138;
  --color-rank-gold: #cfb768;
  --color-rank-gold-rgb: 207 183 104;
  --color-tab-bar: #1d2422;
  --color-tab-bar-rgb: 29 36 34;
  --color-tab-active: #e8ece9;
  --color-tab-active-rgb: 232 236 233;
  --color-on-tab-active: #0a0f0e;
  --color-on-tab-active-rgb: 10 15 14;
  --color-chip: #2b3533;
  --color-chip-rgb: 43 53 51;
  --color-focus: #d9e13f;
  --color-focus-rgb: 217 225 63;
  --color-overlay: #000000;
  --color-overlay-rgb: 0 0 0;
  --color-hud-wreck: #c9d4e0;
  --color-hud-wreck-rgb: 201 212 224;
  --color-hud-wreck-dark: #7f8c99;
  --color-hud-wreck-dark-rgb: 127 140 153;
  --color-hud-hp-ghost: #f2d9a0;
  --color-hud-hp-ghost-rgb: 242 217 160;
  --color-hud-damage-flash: #b0121e;
  --color-hud-damage-flash-rgb: 176 18 30;
  --color-input-cb-dp-ally: #3d9df2;
  --color-input-cb-dp-ally-rgb: 61 157 242;
  --color-input-cb-dp-enemy: #ff9d2e;
  --color-input-cb-dp-enemy-rgb: 255 157 46;
  --color-input-cb-dp-enemy-fill: #c76d0a;
  --color-input-cb-dp-enemy-fill-rgb: 199 109 10;
  --color-input-cb-dp-pen-good: #5cb3ff;
  --color-input-cb-dp-pen-good-rgb: 92 179 255;
  --color-input-cb-dp-pen-maybe: #f2f2ea;
  --color-input-cb-dp-pen-maybe-rgb: 242 242 234;
  --color-input-cb-dp-pen-bad: #ff9d2e;
  --color-input-cb-dp-pen-bad-rgb: 255 157 46;
  --color-input-cb-tr-ally: #2ec4c4;
  --color-input-cb-tr-ally-rgb: 46 196 196;
  --color-input-cb-tr-enemy: #ff4d6d;
  --color-input-cb-tr-enemy-rgb: 255 77 109;
  --color-input-cb-tr-enemy-fill: #d63a58;
  --color-input-cb-tr-enemy-fill-rgb: 214 58 88;
  --color-input-cb-tr-pen-good: #4fd6d6;
  --color-input-cb-tr-pen-good-rgb: 79 214 214;
  --color-input-cb-tr-pen-maybe: #f2f2ea;
  --color-input-cb-tr-pen-maybe-rgb: 242 242 234;
  --color-input-cb-tr-pen-bad: #ff4d6d;
  --color-input-cb-tr-pen-bad-rgb: 255 77 109;
  --color-input-pad-face: #3a4643;
  --color-input-pad-face-rgb: 58 70 67;
  --color-metab-card-steel: #22303a;
  --color-metab-card-steel-rgb: 34 48 58;
  --color-metab-card-olive: #2b3222;
  --color-metab-card-olive-rgb: 43 50 34;
  --color-metab-card-night: #161a26;
  --color-metab-card-night-rgb: 22 26 38;
  --color-metab-card-rust: #3a2620;
  --color-metab-card-rust-rgb: 58 38 32;
  --color-metab-card-sand: #3a3424;
  --color-metab-card-sand-rgb: 58 52 36;
  --color-metab-card-camo: #1f2d27;
  --color-metab-card-camo-rgb: 31 45 39;
  --color-metab-frame-bronze: #a0704a;
  --color-metab-frame-bronze-rgb: 160 112 74;
  --color-metab-frame-silver: #aab4bc;
  --color-metab-frame-silver-rgb: 170 180 188;
  --color-metab-frame-gold: #d8b55e;
  --color-metab-frame-gold-rgb: 216 181 94;
  --color-metab-frame-prestige: #7fd1c4;
  --color-metab-frame-prestige-rgb: 127 209 196;
  --color-metab-star-off: #4a5352;
  --color-metab-star-off-rgb: 74 83 82;
  --color-future-accent: #46d4e6;
  --color-future-accent-rgb: 70 212 230;
  --color-future-strike: #ff6a3d;
  --color-future-strike-rgb: 255 106 61;
  --color-future-shield: #7fe8ff;
  --color-future-shield-rgb: 127 232 255;
  --color-hangar3d-armor-ricochet: #9b80e0;
  --color-hangar3d-armor-ricochet-rgb: 155 128 224;
  --color-online-on: #4fd18b;
  --color-online-on-rgb: 79 209 139;
  --color-online-off: #a1aca8;
  --color-online-off-rgb: 161 172 168;
  --color-online-busy: #e8a33a;
  --color-online-busy-rgb: 232 163 58;
  --color-online-field-bg: #0e1615;
  --color-online-field-bg-rgb: 14 22 21;
  --color-online-field-border: #738480;
  --color-online-field-border-rgb: 115 132 128;
  --color-online-field-focus: #d8d4bd;
  --color-online-field-focus-rgb: 216 212 189;
  --alpha-surface: 0.86;
  --alpha-surface-raised: 0.92;
  --alpha-overlay: 0.6;
  --alpha-bg-haze: 0.55;
  --alpha-hud-damage-flash: 0.38;
  --font-display: 'Oswald', system-ui, sans-serif;
  --font-condensed: 'Roboto Condensed', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', system-ui, sans-serif;
  --type-micro-size: 12px;
  --type-micro-line: 14px;
  --type-micro-weight: 500;
  --type-caption-size: 14px;
  --type-caption-line: 18px;
  --type-caption-weight: 400;
  --type-body-size: 16px;
  --type-body-line: 22px;
  --type-body-weight: 400;
  --type-label-size: 18px;
  --type-label-line: 22px;
  --type-label-weight: 600;
  --type-tab-size: 20px;
  --type-tab-line: 24px;
  --type-tab-weight: 600;
  --type-tile-size: 22px;
  --type-tile-line: 26px;
  --type-tile-weight: 700;
  --type-title-size: 28px;
  --type-title-line: 32px;
  --type-title-weight: 700;
  --type-heading-size: 40px;
  --type-heading-line: 44px;
  --type-heading-weight: 700;
  --type-display-size: 84px;
  --type-display-line: 84px;
  --type-display-weight: 700;
  --type-number-size: 22px;
  --type-number-line: 24px;
  --type-number-weight: 600;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-11: 64px;
  --space-12: 72px;
  --space-13: 96px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --motion-fast: 90ms;
  --motion-base: 160ms;
  --motion-slide: 240ms;
  --motion-screen: 320ms;
  --motion-ease: cubic-bezier(.16,1,.3,1);
  --layout-reference-w: 1920px;
  --layout-reference-h: 1080px;
  --layout-page-margin-x: 72px;
  --layout-topbar-height: 80px;
  --layout-tabs-height: 36px;
  --layout-content-top: 190px;
  --layout-left-column: 412px;
  --layout-right-column: 436px;
  --layout-tile-featured-w: 412px;
  --layout-tile-featured-h: 140px;
  --layout-tile-featured-actionbar: 34px;
  --layout-tile-mode-w: 412px;
  --layout-tile-mode-h: 58px;
  --layout-tile-mode-image-w: 412px;
  --layout-tile-mode-image-h: 96px;
  --layout-tile-gap: 10px;
  --layout-chip-height: 24px;
  --layout-challenge-row: 88px;
  --layout-progress-height: 3px;
  --layout-booster-tile-w: 144px;
  --layout-booster-tile-h: 144px;
  --layout-motd-card-w: 560px;
  --layout-motd-card-h: 310px;
  --layout-safe-zone: 0.05;
  --layout-hud-reticle-min-radius: 14px;
  --layout-hud-reticle-max-radius: 120px;
  --layout-hud-reticle-stroke: 2px;
  --layout-hud-reload-arc-radius: 34px;
  --layout-hud-minimap-w: 280px;
  --layout-hud-minimap-h: 280px;
  --layout-hud-minimap-dot: 8px;
  --layout-hud-damage-panel-w: 320px;
  --layout-hud-damage-panel-h: 96px;
  --layout-hud-hp-bar-height: 10px;
  --layout-hud-damage-log-width: 360px;
  --layout-hud-damage-log-rows: 6px;
  --layout-hud-marker-bar-w: 90px;
  --layout-hud-marker-bar-h: 6px;
  --layout-hud-banner-width: 640px;
  --layout-results-panel-w: 760px;
  --layout-results-panel-h: 560px;
  --layout-hangar-battle-button-w: 412px;
  --layout-hangar-battle-button-h: 72px;
  --layout-hud-shell-slot-w: 96px;
  --layout-hud-shell-slot-h: 56px;
  --layout-hangar-vehicle-tile-w: 240px;
  --layout-hangar-vehicle-tile-h: 72px;
  --layout-results-hit-row: 44px;
  --layout-hud-roster-width: 250px;
  --layout-hud-roster-row: 40px;
  --layout-hud-lamp-size: 48px;
  --layout-hud-capture-bar-w: 480px;
  --layout-hud-capture-bar-h: 8px;
  --layout-tree-node-w: 136px;
  --layout-tree-node-h: 62px;
  --layout-tree-column-gap: 20px;
  --layout-tree-row-gap: 14px;
  --layout-loadout-slot-w: 64px;
  --layout-loadout-slot-h: 64px;
  --layout-loadout-group-gap: 24px;
  --layout-info-column: 340px;
  --layout-info-row: 30px;
  --layout-stat-bar-w: 240px;
  --layout-stat-bar-h: 6px;
  --layout-page-panel-w: 1360px;
  --layout-page-panel-h: 760px;
  --layout-modal-w: 560px;
  --layout-modal-h: 360px;
  --layout-settings-label: 360px;
  --layout-settings-control: 420px;
  --layout-scoreboard-w: 1040px;
  --layout-scoreboard-h: 680px;
  --layout-scoreboard-row: 30px;
  --layout-hud-killfeed-width: 440px;
  --layout-hud-killfeed-rows: 6px;
  --layout-hud-hit-indicator-radius: 150px;
  --layout-hud-hit-indicator-arc: 28px;
  --layout-hud-consumable-slot-w: 64px;
  --layout-hud-consumable-slot-h: 56px;
  --layout-hud-module-icon: 34px;
  --layout-loading-panel-w: 1200px;
  --layout-loading-panel-h: 620px;
  --layout-results-wide-panel-w: 1240px;
  --layout-results-wide-panel-h: 720px;
  --layout-tree-nation-column: 230px;
  --layout-hud-key-icon: 28px;
  --layout-hud-key-icon-large: 34px;
  --layout-hud-damage-edge: 140px;
  --layout-hud-hit-arrow: 18px;
  --layout-hud-hp-notch-step: 250px;
  --layout-hud-damage-number-rise: 36px;
  --layout-hud-killcam-letterbox: 96px;
  --layout-hud-results-icon: 28px;
  --layout-hud-results-outcome-icon: 72px;
  --layout-hud-pen-bar-w: 180px;
  --layout-hud-pen-bar-h: 6px;
  --layout-hud-loading-team-w: 440px;
  --layout-hud-loading-team-h: 30px;
  --layout-input-key-icon: 28px;
  --layout-input-key-icon-small: 22px;
  --layout-input-bind-cell: 220px;
  --layout-input-bind-row: 40px;
  --layout-hangar-icon-sm: 18px;
  --layout-hangar-icon: 24px;
  --layout-hangar-icon-lg: 40px;
  --layout-hangar-badge: 18px;
  --layout-hangar-portrait: 112px;
  --layout-hangar-portrait-sm: 44px;
  --layout-hangar-news-tile-w: 412px;
  --layout-hangar-news-tile-h: 200px;
  --layout-hangar-notice-panel-w: 500px;
  --layout-hangar-notice-panel-h: 700px;
  --layout-hangar-skin-tile-w: 132px;
  --layout-hangar-skin-tile-h: 168px;
  --layout-hangar-tab-height: 44px;
  --layout-hangar-mode-tile-w: 412px;
  --layout-hangar-mode-tile-h: 52px;
  --layout-input-key-outline: 1px;
  --layout-input-swatch: 18px;
  --layout-metab-card-w: 440px;
  --layout-metab-card-h: 112px;
  --layout-metab-card-frame: 3px;
  --layout-metab-badge: 44px;
  --layout-metab-badge-sm: 22px;
  --layout-metab-star: 30px;
  --layout-metab-intro-panel-w: 600px;
  --layout-metab-intro-panel-h: 300px;
  --layout-metab-tile-w: 300px;
  --layout-metab-tile-h: 150px;
  --layout-modes-poi-badge: 40px;
  --layout-modes-ranked-pip: 14px;
  --layout-modes-ranked-panel: 520px;
  --layout-modes-ranked-row: 54px;
  --layout-modes-ranked-division: 380px;
  --layout-hangar3d-armor-tip-w: 300px;
  --layout-hangar3d-armor-tip-h: 0px;
  --layout-hangar3d-armor-swatch: 14px;
  --layout-hangar3d-armor-tip-offset: 22px;
  --layout-hangar3d-armor-panel: 600px;
  --layout-modes-mode-tile-compact-w: 201px;
  --layout-modes-mode-tile-compact-h: 58px;
  --layout-hangarbg-card-w: 280px;
  --layout-hangarbg-card-h: 176px;
  --layout-hangarbg-preview-height: 78px;
  --layout-online-panel-width: 620px;
  --layout-online-field-height: 44px;
  --layout-online-status-dot: 10px;
  --layout-online-queue-width: 520px;
  --layout-proto-tree-line: 22px;
  --layout-tree-details-width: 360px;
}
.t-micro { font-family: var(--font-condensed); font-size: var(--type-micro-size); line-height: var(--type-micro-line); font-weight: var(--type-micro-weight); text-transform: uppercase; letter-spacing: 0.06em; }
.t-caption { font-family: var(--font-body); font-size: var(--type-caption-size); line-height: var(--type-caption-line); font-weight: var(--type-caption-weight); }
.t-body { font-family: var(--font-body); font-size: var(--type-body-size); line-height: var(--type-body-line); font-weight: var(--type-body-weight); }
.t-label { font-family: var(--font-condensed); font-size: var(--type-label-size); line-height: var(--type-label-line); font-weight: var(--type-label-weight); text-transform: uppercase; letter-spacing: 0.04em; }
.t-tab { font-family: var(--font-condensed); font-size: var(--type-tab-size); line-height: var(--type-tab-line); font-weight: var(--type-tab-weight); text-transform: uppercase; letter-spacing: 0.05em; }
.t-tile { font-family: var(--font-condensed); font-size: var(--type-tile-size); line-height: var(--type-tile-line); font-weight: var(--type-tile-weight); text-transform: uppercase; letter-spacing: 0.03em; }
.t-title { font-family: var(--font-display); font-size: var(--type-title-size); line-height: var(--type-title-line); font-weight: var(--type-title-weight); text-transform: uppercase; letter-spacing: 0.02em; }
.t-heading { font-family: var(--font-display); font-size: var(--type-heading-size); line-height: var(--type-heading-line); font-weight: var(--type-heading-weight); text-transform: uppercase; letter-spacing: 0.01em; }
.t-display { font-family: var(--font-display); font-size: var(--type-display-size); line-height: var(--type-display-line); font-weight: var(--type-display-weight); text-transform: uppercase; }
.t-number { font-family: var(--font-condensed); font-size: var(--type-number-size); line-height: var(--type-number-line); font-weight: var(--type-number-weight); font-variant-numeric: tabular-nums; }