@charset "UTF-8";
/* Built from new/css/tokens.css by new/tools/export-wp.mjs. Do not edit here: change new/ and export again. */
/* Generated by tools/build-tokens.mjs from tokens/tokens.json. Do not edit by hand. */

:root {
  --ss-space-1: 4px;
  --ss-space-2: 8px;
  --ss-space-3: 12px;
  --ss-space-4: 16px;
  --ss-space-5: 24px;
  --ss-space-6: 32px;
  --ss-space-7: 48px;
  --ss-space-8: 64px;
  --ss-space-9: 96px;
  --ss-size-xs: 12px;
  --ss-size-sm: 14px;
  --ss-size-md: 16px;
  --ss-size-lg: 18px;
  --ss-size-xl: 22px;
  --ss-size-2xl: 28px;
  --ss-size-3xl: 36px;
  --ss-size-4xl: 48px;
  --ss-size-5xl: 60px;
  --ss-leading-tight: 1.1;
  --ss-leading-snug: 1.3;
  --ss-leading-body: 1.6;
  --ss-layout-max: 1240px;
  --ss-layout-gutter: clamp(16px, 3vw, 32px);
  --ss-layout-gap: clamp(16px, 2vw, 24px);
  --ss-layout-card-min: 280px;
  --ss-motion-fast: 120ms;
  --ss-motion-base: 200ms;
  --ss-motion-ease: cubic-bezier(.2,.7,.2,1);
}

/* Default skin: clean */
:root {
  --ss-color-brand-900: #0a2350;
  --ss-color-brand-800: #0f3576;
  --ss-color-brand-700: #1e5bb8;
  --ss-color-brand-600: #2a6fd6;
  --ss-color-brand-500: #4a8af0;
  --ss-color-brand-100: #e3edfd;
  --ss-color-brand-50: #f2f7ff;
  --ss-color-ink: #0f172a;
  --ss-color-ink-2: #334155;
  --ss-color-ink-3: #64748b;
  --ss-color-ink-4: #94a3b8;
  --ss-color-line: #e3e8f0;
  --ss-color-line-strong: #cbd5e1;
  --ss-color-canvas: #f4f6fa;
  --ss-color-surface: #ffffff;
  --ss-color-surface-2: #f8fafc;
  --ss-color-on-brand: #ffffff;
  --ss-color-accent: #f5b301;
  --ss-color-accent-ink: #3d2c00;
  --ss-color-win: #15803d;
  --ss-color-win-bg: #e7f6ec;
  --ss-color-loss: #c81e1e;
  --ss-color-loss-bg: #fdecec;
  --ss-color-push: #64748b;
  --ss-color-push-bg: #eef1f5;
  --ss-color-live: #e11d48;
  --ss-color-cta: #16a34a;
  --ss-color-cta-hover: #12813b;
  --ss-color-focus: #4a8af0;
  --ss-color-on-brand-2: #c9dbf7;
  --ss-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --ss-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ss-font-numeric: 'Inter', system-ui, sans-serif;
  --ss-font-mark: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --ss-weight-body: 400;
  --ss-weight-medium: 500;
  --ss-weight-strong: 700;
  --ss-weight-display: 700;
  --ss-weight-mark: 800;
  --ss-radius-sm: 6px;
  --ss-radius-md: 10px;
  --ss-radius-lg: 14px;
  --ss-radius-xl: 20px;
  --ss-radius-pill: 999px;
  --ss-shadow-1: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --ss-shadow-2: 0 2px 4px rgba(15,23,42,.05), 0 8px 20px rgba(15,23,42,.07);
  --ss-shadow-3: 0 4px 8px rgba(15,23,42,.06), 0 20px 40px rgba(15,23,42,.12);
  --ss-card-edge-width: 1px;
  --ss-card-edge-color: var(--ss-color-line);
  --ss-card-team-edge: 0;
  --ss-card-frame-width: 0px;
  --ss-card-frame-color: transparent;
  --ss-card-team-frame: 0;
  --ss-card-inset: 0px;
  --ss-card-stripe: 4px;
  --ss-card-radius: var(--ss-radius-lg);
  --ss-card-shadow: var(--ss-shadow-1);
  --ss-card-shadow-hover: var(--ss-shadow-2);
  --ss-card-overlay: none;
  --ss-card-overlay-size: 100% 100%;
  --ss-card-overlay-blend: normal;
  --ss-card-tilt: 0;
  --ss-card-lift: -2px;
  --ss-card-turn: 0deg;
  --ss-card-tag-display: none;
  --ss-card-tag-bg: var(--ss-color-accent);
  --ss-card-tag-ink: var(--ss-color-accent-ink);
  --ss-card-tag-font: var(--ss-font-display);
  --ss-card-tag-radius: var(--ss-radius-sm);
  --ss-card-tag-turn: 0deg;
  --ss-card-tag-shadow: none;
  --ss-card-art-display: none;
  --ss-card-art-frame: 0 solid transparent;
  --ss-card-top-display: flex;
  --ss-card-banner-ink: var(--ss-color-surface);
  --ss-card-banner-turn: 0deg;
  --ss-card-banner-shadow: none;
  --ss-card-no-display: none;
  --ss-card-serial-display: none;
  --ss-card-art-game-height: 190px;
  --ss-card-art-team-height: 240px;
  --ss-card-banner-top: auto;
  --ss-card-banner-right: -4%;
  --ss-card-banner-bottom: 16px;
  --ss-card-banner-left: -4%;
  --ss-card-banner-mode: horizontal-tb;
  --ss-card-banner-font: var(--ss-font-display);
  --ss-card-banner-weight: var(--ss-weight-display);
  --ss-card-banner-size: var(--ss-size-2xl);
  --ss-card-banner-style: var(--ss-display-style);
  --ss-card-banner-case: var(--ss-display-case);
  --ss-card-banner-tracking: var(--ss-display-tracking);
  --ss-card-banner-pad: 6px 12px;
  --ss-card-banner-align: center;
  --ss-card-banner-radius: 0;
  --ss-card-banner-text-shadow: none;
  --ss-card-plate-display: none;
  --ss-card-plate-top: auto;
  --ss-card-plate-right: auto;
  --ss-card-plate-bottom: 0;
  --ss-card-plate-left: 0;
  --ss-card-plate-mode: horizontal-tb;
  --ss-card-plate-ink: var(--ss-color-accent-ink);
  --ss-card-plate-font: var(--ss-font-body);
  --ss-card-plate-size: 12px;
  --ss-card-plate-style: normal;
  --ss-card-plate-case: uppercase;
  --ss-card-plate-pad: 5px 10px;
  --ss-card-plate-radius: 0;
  --ss-card-plate-turn: 0deg;
  --ss-card-plate-tracking: .06em;
  --ss-card-tag-clip: none;
  --ss-card-banner-color: var(--ss-color-ink);
  --ss-card-banner-image: none;
  --ss-card-plate-color: var(--ss-color-accent);
  --ss-card-plate-image: none;
  --ss-card-banner-team: 0;
  --ss-card-plate-team: 0;
  --ss-card-plate-center: 0;
  --ss-card-team-fill: 0;
  --ss-card-team-shade: none;
  --ss-card-rest-turn: 0deg;
  --ss-card-overlay-rest: 1;
  --ss-card-overlay-hover: 1;
  --ss-card-art-slash: 0;
  --ss-card-overlay-touch: 1;
  --ss-card-art-mark-z: auto;
  --ss-card-banner-deco: none;
  --ss-card-banner-deco-ink: var(--ss-color-accent);
  --ss-card-art-image-display: none;
  --ss-card-art-marks-with-image: inline-grid;
  --ss-card-art-slash-with-image: var(--ss-card-art-slash);
  --ss-card-feature-plate-with-image: block;
  --ss-card-art-game-pad: 26px;
  --ss-card-art-team-pad: 34px;
  --ss-card-mask: none;
  --ss-fill-page: var(--ss-color-canvas);
  --ss-fill-card: var(--ss-color-surface);
  --ss-fill-header: var(--ss-color-brand-800);
  --ss-fill-header-ink: var(--ss-color-on-brand);
  --ss-fill-header-hover: rgba(255,255,255,.1);
  --ss-fill-header-rule: 0 solid transparent;
  --ss-fill-footer: var(--ss-color-brand-900);
  --ss-fill-hero: var(--ss-color-brand-900);
  --ss-fill-pick: var(--ss-color-brand-900);
  --ss-fill-banner: radial-gradient(80% 160% at 100% 0%, var(--ss-color-brand-600) 0 30%, transparent 60%), var(--ss-color-brand-900);
  --ss-fill-art-overlay: none;
  --ss-fill-art-blend: normal;
  --ss-fill-head: transparent;
  --ss-fill-head-pad: 0;
  --ss-fill-head-shadow: none;
  --ss-fill-head-turn: 0deg;
  --ss-fill-foot: var(--ss-color-surface-2);
  --ss-fill-foot-rule: 1px solid var(--ss-color-line);
  --ss-display-case: uppercase;
  --ss-display-style: normal;
  --ss-display-tracking: .01em;
  --ss-display-fill: none;
  --ss-display-ink: currentColor;
  --ss-pick-transform: none;
  --ss-pick-shadow: none;
  --ss-pick-call-fill: none;
  --ss-pick-call-ink: var(--ss-color-on-brand);
  --ss-pick-clip: none;
}

[data-skin="clean"] {
  --ss-color-brand-900: #0a2350;
  --ss-color-brand-800: #0f3576;
  --ss-color-brand-700: #1e5bb8;
  --ss-color-brand-600: #2a6fd6;
  --ss-color-brand-500: #4a8af0;
  --ss-color-brand-100: #e3edfd;
  --ss-color-brand-50: #f2f7ff;
  --ss-color-ink: #0f172a;
  --ss-color-ink-2: #334155;
  --ss-color-ink-3: #64748b;
  --ss-color-ink-4: #94a3b8;
  --ss-color-line: #e3e8f0;
  --ss-color-line-strong: #cbd5e1;
  --ss-color-canvas: #f4f6fa;
  --ss-color-surface: #ffffff;
  --ss-color-surface-2: #f8fafc;
  --ss-color-on-brand: #ffffff;
  --ss-color-accent: #f5b301;
  --ss-color-accent-ink: #3d2c00;
  --ss-color-win: #15803d;
  --ss-color-win-bg: #e7f6ec;
  --ss-color-loss: #c81e1e;
  --ss-color-loss-bg: #fdecec;
  --ss-color-push: #64748b;
  --ss-color-push-bg: #eef1f5;
  --ss-color-live: #e11d48;
  --ss-color-cta: #16a34a;
  --ss-color-cta-hover: #12813b;
  --ss-color-focus: #4a8af0;
  --ss-color-on-brand-2: #c9dbf7;
  --ss-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --ss-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ss-font-numeric: 'Inter', system-ui, sans-serif;
  --ss-font-mark: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --ss-weight-body: 400;
  --ss-weight-medium: 500;
  --ss-weight-strong: 700;
  --ss-weight-display: 700;
  --ss-weight-mark: 800;
  --ss-radius-sm: 6px;
  --ss-radius-md: 10px;
  --ss-radius-lg: 14px;
  --ss-radius-xl: 20px;
  --ss-radius-pill: 999px;
  --ss-shadow-1: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);
  --ss-shadow-2: 0 2px 4px rgba(15,23,42,.05), 0 8px 20px rgba(15,23,42,.07);
  --ss-shadow-3: 0 4px 8px rgba(15,23,42,.06), 0 20px 40px rgba(15,23,42,.12);
  --ss-card-edge-width: 1px;
  --ss-card-edge-color: var(--ss-color-line);
  --ss-card-team-edge: 0;
  --ss-card-frame-width: 0px;
  --ss-card-frame-color: transparent;
  --ss-card-team-frame: 0;
  --ss-card-inset: 0px;
  --ss-card-stripe: 4px;
  --ss-card-radius: var(--ss-radius-lg);
  --ss-card-shadow: var(--ss-shadow-1);
  --ss-card-shadow-hover: var(--ss-shadow-2);
  --ss-card-overlay: none;
  --ss-card-overlay-size: 100% 100%;
  --ss-card-overlay-blend: normal;
  --ss-card-tilt: 0;
  --ss-card-lift: -2px;
  --ss-card-turn: 0deg;
  --ss-card-tag-display: none;
  --ss-card-tag-bg: var(--ss-color-accent);
  --ss-card-tag-ink: var(--ss-color-accent-ink);
  --ss-card-tag-font: var(--ss-font-display);
  --ss-card-tag-radius: var(--ss-radius-sm);
  --ss-card-tag-turn: 0deg;
  --ss-card-tag-shadow: none;
  --ss-card-art-display: none;
  --ss-card-art-frame: 0 solid transparent;
  --ss-card-top-display: flex;
  --ss-card-banner-ink: var(--ss-color-surface);
  --ss-card-banner-turn: 0deg;
  --ss-card-banner-shadow: none;
  --ss-card-no-display: none;
  --ss-card-serial-display: none;
  --ss-card-art-game-height: 190px;
  --ss-card-art-team-height: 240px;
  --ss-card-banner-top: auto;
  --ss-card-banner-right: -4%;
  --ss-card-banner-bottom: 16px;
  --ss-card-banner-left: -4%;
  --ss-card-banner-mode: horizontal-tb;
  --ss-card-banner-font: var(--ss-font-display);
  --ss-card-banner-weight: var(--ss-weight-display);
  --ss-card-banner-size: var(--ss-size-2xl);
  --ss-card-banner-style: var(--ss-display-style);
  --ss-card-banner-case: var(--ss-display-case);
  --ss-card-banner-tracking: var(--ss-display-tracking);
  --ss-card-banner-pad: 6px 12px;
  --ss-card-banner-align: center;
  --ss-card-banner-radius: 0;
  --ss-card-banner-text-shadow: none;
  --ss-card-plate-display: none;
  --ss-card-plate-top: auto;
  --ss-card-plate-right: auto;
  --ss-card-plate-bottom: 0;
  --ss-card-plate-left: 0;
  --ss-card-plate-mode: horizontal-tb;
  --ss-card-plate-ink: var(--ss-color-accent-ink);
  --ss-card-plate-font: var(--ss-font-body);
  --ss-card-plate-size: 12px;
  --ss-card-plate-style: normal;
  --ss-card-plate-case: uppercase;
  --ss-card-plate-pad: 5px 10px;
  --ss-card-plate-radius: 0;
  --ss-card-plate-turn: 0deg;
  --ss-card-plate-tracking: .06em;
  --ss-card-tag-clip: none;
  --ss-card-banner-color: var(--ss-color-ink);
  --ss-card-banner-image: none;
  --ss-card-plate-color: var(--ss-color-accent);
  --ss-card-plate-image: none;
  --ss-card-banner-team: 0;
  --ss-card-plate-team: 0;
  --ss-card-plate-center: 0;
  --ss-card-team-fill: 0;
  --ss-card-team-shade: none;
  --ss-card-rest-turn: 0deg;
  --ss-card-overlay-rest: 1;
  --ss-card-overlay-hover: 1;
  --ss-card-art-slash: 0;
  --ss-card-overlay-touch: 1;
  --ss-card-art-mark-z: auto;
  --ss-card-banner-deco: none;
  --ss-card-banner-deco-ink: var(--ss-color-accent);
  --ss-card-art-image-display: none;
  --ss-card-art-marks-with-image: inline-grid;
  --ss-card-art-slash-with-image: var(--ss-card-art-slash);
  --ss-card-feature-plate-with-image: block;
  --ss-card-art-game-pad: 26px;
  --ss-card-art-team-pad: 34px;
  --ss-card-mask: none;
  --ss-fill-page: var(--ss-color-canvas);
  --ss-fill-card: var(--ss-color-surface);
  --ss-fill-header: var(--ss-color-brand-800);
  --ss-fill-header-ink: var(--ss-color-on-brand);
  --ss-fill-header-hover: rgba(255,255,255,.1);
  --ss-fill-header-rule: 0 solid transparent;
  --ss-fill-footer: var(--ss-color-brand-900);
  --ss-fill-hero: var(--ss-color-brand-900);
  --ss-fill-pick: var(--ss-color-brand-900);
  --ss-fill-banner: radial-gradient(80% 160% at 100% 0%, var(--ss-color-brand-600) 0 30%, transparent 60%), var(--ss-color-brand-900);
  --ss-fill-art-overlay: none;
  --ss-fill-art-blend: normal;
  --ss-fill-head: transparent;
  --ss-fill-head-pad: 0;
  --ss-fill-head-shadow: none;
  --ss-fill-head-turn: 0deg;
  --ss-fill-foot: var(--ss-color-surface-2);
  --ss-fill-foot-rule: 1px solid var(--ss-color-line);
  --ss-display-case: uppercase;
  --ss-display-style: normal;
  --ss-display-tracking: .01em;
  --ss-display-fill: none;
  --ss-display-ink: currentColor;
  --ss-pick-transform: none;
  --ss-pick-shadow: none;
  --ss-pick-call-fill: none;
  --ss-pick-call-ink: var(--ss-color-on-brand);
  --ss-pick-clip: none;
}