:root,[data-theme=dark]{--accent-primary: #ff1f2d;--accent-primary-hover: #d91420;--accent-primary-muted: rgba(255, 31, 45, .13);--accent-primary-subtle: rgba(255, 31, 45, .06);--primary-color: var(--accent-primary);--primary-hover: var(--accent-primary-hover);--primary-muted: rgba(255, 31, 45, .15);--primary-light-color: rgba(255, 31, 45, .28);--bg-base: #070a10;--bg-elevated: #0d121c;--surface-0: var(--bg-base);--surface-1: #101724;--surface-2: #172133;--surface-3: #232e44;--border-subtle: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--border-focus: rgba(255, 31, 45, .45);--text-color: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-muted-elevated: var(--text-secondary);--text-inverse: #0f172a;--text-on-accent: #ffffff;--color-white: #ffffff;--color-black: #000000;--link-color: var(--accent-primary);--link-hover-color: var(--accent-primary-hover);--success: #22c55e;--success-muted: rgba(34, 197, 94, .14);--warning: #f59e0b;--warning-on-light: #b45309;--warning-on-muted: #92400e;--warning-muted: rgba(245, 158, 11, .14);--info: #38bdf8;--info-muted: rgba(56, 189, 248, .14);--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .14);--success-strong-text: #86efac;--info-strong-text: #7dd3fc;--danger-strong-text: #b91c1c;--success-badge-text: #4ade80;--warning-badge-text: #fbbf24;--medal-gold: #d4af37;--medal-silver: #a8b0bc;--medal-bronze: #b87333;--podium-gold: var(--medal-gold);--podium-bronze: var(--medal-bronze);--accent-gold: var(--medal-gold);--accent-silver: var(--medal-silver);--accent-bronze: var(--medal-bronze);--interactive-hover-bg: rgba(255, 255, 255, .04);--interactive-active-bg: rgba(255, 255, 255, .06);--disabled-color: #475569;--secondary-color: var(--bg-base);--table-color: var(--surface-1);--hover-color: var(--text-color);--success-glow: rgba(34, 197, 94, .18);--telemetry-grid: rgba(255, 255, 255, .035);--telemetry-accent: rgba(255, 255, 255, .06);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Russo One", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: 0;--tracking-normal: 0;--tracking-wide: .02em;--tracking-caps: .06em;--type-page-title-size: var(--text-3xl);--type-page-title-weight: 700;--type-page-title-leading: var(--leading-tight);--type-page-title-tracking: var(--tracking-tight);--type-section-title-size: var(--text-xl);--type-section-title-weight: 700;--type-section-title-leading: var(--leading-snug);--type-eyebrow-size: var(--text-xs);--type-eyebrow-weight: 600;--type-eyebrow-tracking: var(--tracking-caps);--type-body-size: var(--text-base);--type-body-leading: var(--leading-normal);--type-caption-size: var(--text-sm);--type-caption-color: var(--text-secondary);--type-data-size: var(--text-sm);--type-data-font: var(--font-mono);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-section-y: var(--space-10);--space-section-y-lg: var(--space-12);--space-section: var(--space-12);--space-page-y: var(--space-8);--space-page-x: var(--space-4);--space-page: var(--space-16);--space-page-bottom: var(--space-20);--space-card-padding: var(--space-5);--space-card-padding-lg: var(--space-6);--space-stack-gap: var(--space-4);--space-stack-gap-lg: var(--space-6);--space-inline-gap: var(--space-3);--space-dense-y: var(--space-2);--space-dense-x: var(--space-3);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 9999px;--radius-control: var(--radius-sm);--radius-card: var(--radius-lg);--radius-modal: var(--radius-lg);--radius-chip: var(--radius-pill);--surface-card-bg: var(--surface-1);--surface-card-border: var(--border-subtle);--surface-card-shadow: var(--shadow-sm);--surface-card-shadow-hover: var(--shadow-md);--surface-panel-bg: color-mix(in srgb, var(--surface-1) 92%, var(--bg-base));--surface-panel-border: var(--border-subtle);--track-map-bg: #0a0a0a;--track-placeholder-text: rgba(255, 255, 255, .15);--elevation-0-shadow: none;--elevation-0-border: var(--border-subtle);--elevation-1-shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 2px 8px rgba(0, 0, 0, .22);--elevation-1-border: var(--border-subtle);--elevation-2-shadow: 0 8px 24px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .28);--elevation-2-border: var(--border-strong);--shadow-sm: var(--elevation-1-shadow);--shadow-md: var(--elevation-2-shadow);--shadow-lg: var(--elevation-2-shadow);--focus-ring-width: 3px;--focus-ring-offset: 2px;--focus-ring-color: var(--accent-primary-muted);--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);--focus-ring-strong: 0 0 0 var(--focus-ring-width) color-mix(in srgb, var(--accent-primary) 35%, transparent);--focus-ring-visible: 0 0 0 var(--focus-ring-width) var(--border-focus);--glass-bg: rgba(24, 34, 54, .72);--glass-border: rgba(255, 255, 255, .09);--glass-blur: blur(14px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45);--f1-stripe: linear-gradient(90deg, var(--accent-primary) 0%, transparent 60%);--f1-grid: rgba(255, 255, 255, .025);--card-elevation-premium: 0 4px 16px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .2);--section-gap: var(--space-6);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--app-header-height: 4.25rem;--mobile-bottom-nav-height: 64px;--mobile-bottom-nav-total-height: calc(var(--mobile-bottom-nav-height) + var(--safe-area-bottom));--mobile-sticky-action-min-height: 64px;--mobile-sticky-action-total-height: calc(var(--mobile-sticky-action-min-height) + var(--safe-area-bottom));--mobile-content-bottom-offset: calc(var(--mobile-bottom-nav-total-height) + var(--space-3));--mobile-content-bottom-offset-with-action: calc( var(--mobile-bottom-nav-total-height) + var(--mobile-sticky-action-min-height) + var(--space-4) );--mobile-sticky-action-bottom: var(--mobile-bottom-nav-total-height);--mobile-sheet-max-height: min(70dvh, 42rem);--dashboard-mobile-track-min-height: 72px;--dashboard-mobile-track-max-height: 92px;--dashboard-mobile-track-frame-min-height: 64px;--dashboard-mobile-track-frame-max-height: 76px;--z-sticky: 1030;--z-nav: 1040;--z-floating-action: 1050;--z-modal: 2000;--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-celebrate: .8s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-linear: linear;--transition-interactive: color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);--transition-surface: box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);--transition-expand: max-height var(--duration-normal) var(--ease-out), opacity var(--duration-normal) var(--ease-out);--texture-overlay-max: .08;--texture-carbon-opacity: .06;--texture-grid-opacity: .04;--texture-hero-overlay: linear-gradient( 180deg, rgba(255, 255, 255, .03) 0%, rgba(0, 0, 0, .12) 100% );--texture-hero-carbon: repeating-linear-gradient( -45deg, transparent, transparent 2px, rgba(255, 255, 255, var(--texture-carbon-opacity)) 2px, rgba(255, 255, 255, var(--texture-carbon-opacity)) 3px );--glass-bg: rgba(18, 26, 40, .75);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 12px;--f1-premium-bg: var(--surface-1);--f1-premium-border: var(--border-strong);--f1-premium-accent: var(--accent-primary-muted);--metric-tile-bg: var(--surface-2);--metric-tile-border: var(--border-subtle);--metric-value-size: var(--text-2xl);--metric-value-weight: 700;--metric-label-size: var(--text-xs);--metric-label-color: var(--text-secondary);--space-card-padding-sm: var(--space-3);--space-card-gap: var(--space-3);--space-input-y: var(--space-2);--space-input-x: var(--space-3);--input-bg: var(--surface-1);--input-border: var(--border-subtle);--input-border-focus: var(--border-focus);--input-text: var(--text-color);--input-placeholder: var(--text-muted);--input-radius: var(--radius-control);--input-font-size: var(--text-base);--input-min-height: 44px;--hero-bg: var(--bg-base);--hero-panel-bg: radial-gradient(ellipse at 30% 50%, var(--surface-2) 0%, var(--bg-base) 72%);--hero-content-bg: linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-base) 100%);--hero-border: rgba(255, 255, 255, .08);--hero-glow: 0 0 48px rgba(0, 0, 0, .35);--hero-text: var(--text-color);--hero-text-secondary: var(--text-secondary);--hero-text-muted: var(--text-muted);--hero-track-filter: brightness(0) invert(1);--hero-countdown-bg: rgba(255, 255, 255, .05);--hero-countdown-border: var(--border-subtle);--hero-cta-secondary-border: var(--border-strong);--hero-cta-secondary-text: #e2e8f0;--bs-body-bg: var(--bg-base) !important;--bs-body-color: var(--text-color) !important;--bs-secondary-color: var(--text-secondary) !important;--bs-tertiary-color: var(--text-muted) !important;--bs-border-color: var(--border-subtle) !important;--bs-link-color: var(--link-color) !important;--bs-link-hover-color: var(--link-hover-color) !important;--bs-font-sans-serif: var(--font-sans) !important;--bs-font-monospace: var(--font-mono) !important;--bs-primary: var(--accent-primary) !important;--bs-primary-rgb: 255, 31, 45 !important;--bs-secondary: var(--text-secondary) !important;--bs-success: var(--success) !important;--bs-warning: var(--warning) !important;--bs-danger: var(--danger) !important;--bs-info: var(--info) !important;--bs-border-radius: var(--radius-sm) !important;--bs-border-radius-sm: var(--radius-sm) !important;--bs-border-radius-lg: var(--radius-lg) !important;--bs-box-shadow: var(--elevation-1-shadow) !important;--bs-focus-ring-color: var(--focus-ring-color) !important;--bs-focus-ring-width: var(--focus-ring-width) !important;--bs-table-bg: var(--surface-1) !important;--bs-table-color: var(--text-color) !important;--bs-table-border-color: var(--border-subtle) !important;--bs-table-striped-bg: var(--surface-2) !important;--bs-dropdown-bg: var(--surface-1) !important;--bs-dropdown-border-color: var(--border-subtle) !important;--bs-dropdown-link-color: var(--text-color) !important;--bs-dropdown-link-hover-bg: var(--interactive-hover-bg) !important;--bs-modal-bg: var(--surface-1) !important;--bs-modal-border-color: var(--border-subtle) !important}[data-theme=light]{--primary-color: #e01b28;--primary-hover: #bd1420;--primary-muted: rgba(224, 27, 40, .1);--bg-base: #f0f2f5;--bg-elevated: #ffffff;--surface-0: #f0f2f5;--surface-1: #ffffff;--surface-2: #f8fafc;--surface-3: #e2e8f0;--border-subtle: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text-color: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-on-accent: #ffffff;--success-muted: rgba(34, 197, 94, .12);--warning-muted: rgba(245, 158, 11, .12);--info-muted: rgba(56, 189, 248, .12);--danger-muted: rgba(239, 68, 68, .1);--success-strong-text: #166534;--info-strong-text: #075985;--danger-strong-text: #991b1b;--success-badge-text: var(--success-strong-text);--warning-badge-text: var(--warning-on-light);--surface-card-bg: var(--surface-1);--surface-card-border: var(--border-subtle);--surface-card-shadow: var(--shadow-sm);--surface-card-shadow-hover: var(--shadow-md);--surface-panel-bg: color-mix(in srgb, var(--surface-1) 92%, var(--bg-base));--surface-panel-border: var(--border-subtle);--track-map-bg: #0a0a0a;--track-placeholder-text: rgba(15, 23, 42, .22);--secondary-color: var(--bg-base);--table-color: var(--surface-1);--hero-bg: var(--bg-elevated);--hero-panel-bg: radial-gradient(ellipse at 30% 50%, var(--surface-2) 0%, var(--surface-1) 70%);--hero-content-bg: linear-gradient(135deg, var(--surface-1) 0%, var(--surface-2) 100%);--hero-border: rgba(224, 27, 40, .2);--hero-glow: 0 0 32px rgba(224, 27, 40, .06);--hero-text: var(--text-color);--hero-text-secondary: var(--text-secondary);--hero-text-muted: var(--text-muted);--hero-track-filter: none;--hero-countdown-bg: var(--surface-2);--hero-countdown-border: var(--border-subtle);--hero-cta-secondary-border: var(--border-strong);--hero-cta-secondary-text: var(--text-secondary);--telemetry-grid: rgba(15, 23, 42, .055);--telemetry-accent: rgba(15, 23, 42, .08);--bs-body-bg: var(--bg-base) !important;--bs-secondary: #475569;--bs-secondary-rgb: 71, 85, 105;--bs-secondary-color: var(--text-secondary) !important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.pp-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:1px solid transparent;line-height:1.3;white-space:nowrap}.pp-badge--action-needed{background:color-mix(in srgb,var(--warning) 22%,var(--surface-2));color:var(--text-color);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.pp-badge--success{background:var(--success-muted);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.pp-badge--info{background:var(--info-muted);color:var(--info);border-color:color-mix(in srgb,var(--info) 25%,transparent)}.pp-badge--warning{background:var(--warning-muted);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.pp-badge--neutral,.pp-badge--sprint{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle)}.pp-badge--tier-exact{background:var(--success-muted);color:var(--success-strong-text, var(--success));border-color:color-mix(in srgb,var(--success) 35%,transparent);font-weight:700}.pp-badge--tier-close{background:var(--warning-muted);color:var(--warning-badge-text, var(--warning));border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.pp-badge--tier-near{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle)}.pp-badge--tier-miss{background:var(--surface-3);color:var(--text-muted);border-color:var(--border-subtle)}.pp-badge--locked,.pp-badge--muted{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle)}.pp-badge--todo{background:var(--warning-muted);color:var(--warning-on-muted, var(--warning))}.pp-badge--done{background:var(--success-muted);color:var(--success)}.pp-badge--action{background:var(--warning-muted);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.pp-badge--exact,.pp-badge--p1{background:var(--success-muted);color:var(--success);font-weight:700}.pp-badge--close,.pp-badge--near{background:var(--info-muted);color:var(--info)}.pp-badge--miss,.pp-badge--off,.pp-badge--tracking{background:var(--surface-2);color:var(--text-secondary)}.pp-btn{min-height:var(--input-min-height);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--input-radius);transition:var(--transition-interactive)}.pp-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-color);font-size:var(--text-sm)}.pp-alert--success{background:var(--success-muted);border-color:#22c55e59;border-left:4px solid var(--success)}.pp-alert--warning{background:var(--warning-muted);border-color:#f59e0b59;border-left:4px solid var(--warning)}.pp-alert--danger{background:var(--danger-muted);border-color:#ef444459;border-left:4px solid var(--danger)}.pp-alert--info{background:var(--info-muted);border-color:#38bdf859;border-left:4px solid var(--info)}.pp-alert__icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.pp-alert__body{flex:1;min-width:0}.pp-toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(360px,calc(100vw - 2rem));pointer-events:none}.pp-toast{pointer-events:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--elevation-2-shadow);color:var(--text-color);font-size:var(--text-sm);animation:pp-toast-in var(--duration-normal) var(--ease-out)}.pp-toast--success{border-left:4px solid var(--success)}.pp-toast--danger{border-left:4px solid var(--danger)}.pp-toast--warning{border-left:4px solid var(--warning)}.pp-toast--info{border-left:4px solid var(--info)}.pp-toast__message{flex:1;line-height:1.45}.pp-toast__close{flex-shrink:0;background:none;border:none;color:var(--text-muted);font-size:1.25rem;line-height:1;padding:0;cursor:pointer}.pp-toast__close:hover{color:var(--text-color)}@keyframes pp-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pp-page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4)}.pp-page-state--inline{padding:var(--space-6) var(--space-4)}.pp-page-state--inline.pp-card{border-top:3px solid color-mix(in srgb,var(--primary-color) 30%,var(--border-subtle));border-radius:calc(var(--radius-lg) + 2px)}.pp-page-state--error.pp-page-state--inline.pp-card{border-top-color:color-mix(in srgb,var(--danger) 40%,var(--border-subtle))}.pp-page-state__actions .btn{min-height:44px}.pp-page-state__icon{width:56px;height:56px;margin-bottom:var(--space-4);color:var(--text-muted)}.pp-page-state__title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-2);color:var(--text-color)}.pp-page-state__description{font-size:var(--text-sm);color:var(--text-secondary);max-width:28rem;margin:0 0 var(--space-5);line-height:1.5}.pp-page-state__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.pp-form-field{margin-bottom:var(--space-3)}.pp-form-field__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.pp-form-field__error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-2)}.pp-form-field__hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.pp-form-field .form-control:focus-visible,.pp-form-field .form-select:focus-visible{outline:none;box-shadow:var(--focus-ring-visible)}.pp-input,.form-control,.form-select{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:var(--input-radius);font-size:var(--input-font-size);min-height:var(--input-min-height);padding:var(--space-input-y) var(--space-input-x);transition:var(--transition-interactive)}.pp-input:focus,.form-control:focus,.form-select:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring-visible);outline:none}.pp-input::placeholder{color:var(--input-placeholder)}.leagues-skeleton .leagues-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.league-page-skeleton__header{margin-bottom:var(--space-6)}.league-page-skeleton__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.league-hub-tab-skeleton{padding:var(--space-4) 0}.league-hub-tab-skeleton__cards{display:flex;flex-direction:column;gap:var(--space-3)}.league-hub-tab-skeleton__grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.route-loading-fallback{padding-top:var(--space-page-y)}.pp-icon{flex-shrink:0;vertical-align:-.15em}.pp-modal .modal-content,.pp-modal__content{background:var(--surface-1);color:var(--text-color);border:1px solid var(--elevation-2-border);border-radius:var(--radius-modal);box-shadow:var(--elevation-2-shadow)}.pp-modal .modal-header{border-bottom-color:var(--border-subtle)}.pp-modal .modal-footer{border-top-color:var(--border-subtle)}.pp-modal .btn-close{filter:invert(1) grayscale(1);opacity:.7}[data-theme=light] .pp-modal .btn-close{filter:none;opacity:.5}.pp-modal__table{--bs-table-bg: transparent;--bs-table-color: var(--text-color);--bs-table-border-color: var(--border-subtle)}.pp-modal__callout{padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary)}.scoring-explainer--compact{min-width:var(--touch-target-min);padding-left:.65rem;padding-right:.65rem}.pp-badge--pill{border-radius:999px}.pp-card{background:var(--surface-card-bg);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);box-shadow:var(--surface-card-shadow);padding:var(--space-card-padding)}.pp-card--interactive{transition:var(--transition-interactive)}.pp-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--surface-card-shadow-hover)}.pp-card--elevated{box-shadow:var(--elevation-2-shadow)}.pp-card--ghost{background:transparent;border-style:dashed;box-shadow:none}.pp-card--tier-3{background:color-mix(in srgb,var(--surface-1) 60%,transparent)}.pp-card--glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--elevation-1-shadow)}.pp-card--f1-premium{background:var(--f1-premium-bg);border:1px solid var(--f1-premium-border);box-shadow:var(--elevation-1-shadow);position:relative}.pp-card--f1-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--f1-stripe, linear-gradient(90deg, var(--accent-primary) 0%, transparent 60%));border-radius:var(--radius-card) var(--radius-card) 0 0}.pp-card--flush{padding:0;box-shadow:none;border:none;background:transparent}.pp-chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:1px solid transparent;line-height:1.3;white-space:nowrap}.pp-chip--neutral{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle)}.pp-chip--action{background:var(--warning-muted);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.pp-chip--success{background:var(--success-muted);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,transparent)}.pp-chip--warning{background:var(--warning-muted);color:var(--warning);border-color:color-mix(in srgb,var(--warning) 25%,transparent)}.pp-chip--sprint{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle)}.pp-chip--info{background:var(--info-muted);color:var(--info)}.pp-collapsible__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3);padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.pp-collapsible__chevron{transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.pp-collapsible__chevron--open{transform:rotate(180deg)}.pp-collapsible__panel{overflow:hidden;transition:max-height var(--duration-normal) var(--ease-out)}.pp-collapsible__panel--closed{max-height:0}.pp-collapsible__panel--open{max-height:2000px}@keyframes pp-celebrate-pop{0%{opacity:0;transform:scale(.92) translateY(8px)}60%{opacity:1;transform:scale(1.02) translateY(0)}to{transform:scale(1)}}.pp-celebrate{animation:pp-celebrate-pop var(--duration-slow) var(--ease-out)}@keyframes pp-rank-up{0%{color:var(--text-color)}40%{color:var(--success)}to{color:var(--text-color)}}.pp-rank-up{animation:pp-rank-up var(--duration-celebrate) var(--ease-out)}@media(prefers-reduced-motion:reduce){.pp-card--interactive:hover{transform:none}.pp-collapsible__chevron,.pp-collapsible__panel,.pp-celebrate,.pp-rank-up{animation:none!important;transition:none!important}}.pp-footer,.app-shell-footer{font-size:var(--text-xs);color:var(--text-muted);border-top:1px solid var(--border-subtle);background:var(--surface-1)}.pp-footer .app-shell-footer__inner,.app-shell-footer .app-shell-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.pp-footer a,.app-shell-footer a{color:var(--text-secondary);text-decoration:none}.pp-footer a:hover,.app-shell-footer a:hover{color:var(--text-color)}.pp-metric-tile{background:var(--metric-tile-bg);border:1px solid var(--metric-tile-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.pp-metric-tile__label{font-size:var(--metric-label-size);color:var(--metric-label-color);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.pp-metric-tile__value{font-size:var(--metric-value-size);font-weight:var(--metric-value-weight);color:var(--text-color);line-height:1.1}.pp-metric-tile__hint{font-size:var(--text-xs);color:var(--text-muted)}.pp-metric-tile--premium{background:var(--f1-premium-bg);border-color:var(--f1-premium-border)}.pp-metric-tile--success{border-color:var(--success)}.pp-metric-tile--warning{border-color:var(--warning)}.pp-metric-tile--interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out, ease)}.pp-metric-tile--interactive:hover,.pp-metric-tile--interactive:focus-visible{border-color:var(--border-strong);outline:none}.telemetry-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.telemetry-data--highlight{color:var(--text-color);font-weight:600}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--bg-base)}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace}.App{min-height:100vh;color:var(--text-color);background-color:var(--bg-base)}a{text-decoration:none;color:inherit}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.app-main:focus{outline:none}.app-main:focus-visible{outline:none;box-shadow:inset 0 3px 0 var(--border-focus)}.get-started-panel{background:var(--surface-card-bg);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);padding:var(--space-5) var(--space-6);box-shadow:var(--surface-card-shadow);border-top:3px solid color-mix(in srgb,var(--primary-color) 40%,var(--border-subtle))}.not-found-page{max-width:32rem;margin:0 auto;padding-top:2rem}.not-found-page__card{margin-top:1.5rem;padding:2rem 1.5rem;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:calc(var(--radius-lg) + 2px);box-shadow:var(--shadow-md)}.app-shell-footer{margin-top:auto;padding:var(--space-8) var(--space-4) var(--space-4);border-top:1px solid var(--border-subtle)}.app-shell-footer__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary)}.app-shell-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}.app-shell-footer__links a{color:var(--text-secondary);font-weight:600;text-decoration:none}.app-shell-footer__links a:hover{color:var(--text-color)}.app-main--with-footer{display:flex;flex-direction:column;min-height:calc(100dvh - var(--app-header-height, 4.75rem))}.legal-page{max-width:40rem}.legal-page__summary{max-width:32rem}.legal-page__body{text-align:left}.legal-page__list{margin:0 0 1.25rem;padding-left:1.25rem;color:var(--text-secondary);line-height:1.55}.legal-page__list li+li{margin-top:.5rem}.legal-page__link-btn{min-height:44px;display:inline-flex;align-items:center}.settings-page__legal-btn.btn{min-height:44px}.App .btn.btn-main,.App .btn-primary.btn-main{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent);font-weight:600;border-radius:var(--radius-control);transition:var(--transition-interactive)}.App .btn.btn-main:hover,.App .btn-primary.btn-main:hover{background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:var(--text-on-accent)}.App .btn.btn-outline-light{border-color:var(--border-strong);color:var(--text-color)}.App .btn.btn-outline-light:hover{background:var(--interactive-hover-bg);color:var(--text-color)}.App .btn.btn-link{color:var(--text-secondary);text-decoration:none;font-weight:600}.App .btn.btn-link:hover{color:var(--text-color)}.form-control,.form-select{background-color:var(--surface-2);color:var(--text-color);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.form-control:focus,.form-select:focus{background-color:var(--surface-2);color:var(--text-color);border-color:var(--accent-primary);box-shadow:var(--focus-ring-visible)}.form-control:focus-visible,.form-select:focus-visible{outline:none;box-shadow:var(--focus-ring-visible)}.form-control::placeholder{color:var(--text-muted)}:focus-visible{outline:none;box-shadow:var(--focus-ring-visible);outline-offset:var(--focus-ring-offset)}.btn-main:focus-visible,.mobile-bottom-nav__item:focus-visible,.driver-select-trigger:focus-visible,.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring-visible)}.App a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.mobile-bottom-nav__item){color:var(--link-color);text-decoration:underline;text-underline-offset:.15em}.App a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.mobile-bottom-nav__item):hover{color:var(--link-hover-color)}.App .app-shell-footer__links a,.App .auth-legal-links a,.App .auth-layout__forgot,.App .auth-layout__footer-link,.landing-page .landing-footer__links a{color:var(--text-secondary)!important;text-decoration:underline;text-underline-offset:.15em}.App .app-shell-footer__links a:hover,.App .auth-legal-links a:hover,.App .auth-layout__forgot:hover,.App .auth-layout__footer-link:hover,.landing-page .landing-footer__links a:hover{color:var(--text-color)}.App .text-secondary.small,.App p.text-secondary.small,.App .comparison-panel p.text-secondary{color:var(--text-muted-elevated)!important;font-size:max(.8125rem,var(--text-sm))!important}.form-control:disabled,.form-select:disabled{color:var(--disabled-color);opacity:.7}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.table{--bs-table-bg: var(--surface-1);--bs-table-color: var(--text-color);--bs-table-border-color: var(--border-subtle);font-size:.9rem}.table thead th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem}.table tbody td{padding:.7rem 1rem;vertical-align:middle;border-bottom:1px solid var(--border-subtle)}.table tbody tr:last-child td{border-bottom:none}.offline-banner{position:sticky;top:0;z-index:2000;font-weight:500}.login-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lock-icon,.prediction-check-icons{max-height:18px;width:auto}.share-btn{font-size:.8rem;font-weight:600}.championship-picks-table .table tbody td{font-size:.85rem}.race-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}.home-results-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem}.home-results-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.home-results-card__title{font-size:1.15rem;font-weight:700;margin:0}.results-row--p1 td:first-child{box-shadow:inset 3px 0 0 var(--accent-gold)}.results-row--p2 td:first-child{box-shadow:inset 3px 0 0 var(--accent-silver)}.results-row--p3 td:first-child{box-shadow:inset 3px 0 0 var(--accent-bronze)}.get-started-layout__body{margin:0 auto}.get-started-layout .auth-legal-links{margin-top:1.5rem}.nav-pending-badge{font-size:.65rem;vertical-align:middle}.countdown-race{text-align:left}.countdown-race__label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.countdown-race__units{display:flex;gap:.5rem}.countdown-race__unit{text-align:center;min-width:3rem;padding:.35rem .5rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.countdown-race--locked .countdown-race__unit{border-color:var(--primary-color);background:var(--primary-muted)}.countdown-race__value{display:block;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;line-height:1.1}.countdown-race__name{display:block;font-size:.65rem;text-transform:uppercase;color:var(--text-muted-elevated);margin-top:.15rem}.countdown-race--compact{display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem;min-width:0}.countdown-race--compact .countdown-race__heading{display:flex;align-items:center;flex-shrink:0;margin:0}.countdown-race--compact .countdown-race__label{margin-bottom:0;flex-shrink:0}.countdown-race--compact .countdown-race__units{display:flex;flex-wrap:nowrap;gap:.35rem;min-width:0}.countdown-race--compact .countdown-race__unit-group{flex-shrink:0}.countdown-race--compact .countdown-race__unit{min-width:2.4rem;padding:.2rem .35rem}.countdown-race--compact .countdown-race__value{font-size:.95rem}.countdown-race--compact .countdown-race__name{font-size:.55rem;margin-top:.1rem}.countdown-race--racehub{display:flex;flex-direction:column;gap:.35rem;padding:.55rem 0 .5rem;position:relative;background:transparent;border:none;box-shadow:none;min-width:0;max-width:100%}.countdown-race--racehub .countdown-race__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;flex-shrink:0}.countdown-race--racehub .countdown-race__label{margin-bottom:0;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-color)}.countdown-race--racehub .countdown-race__units{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:clamp(.45rem,1.6vw,.85rem);min-width:0;width:max-content;max-width:100%;margin:0;padding-bottom:.2rem;overflow:hidden}.countdown-race--racehub .countdown-race__unit-group{display:inline-flex;align-items:flex-end;flex:0 0 auto;min-width:0}.countdown-race--racehub .countdown-race__unit{display:inline-flex;align-items:flex-end;gap:.12rem;min-width:0;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;text-align:left}.countdown-race--racehub .countdown-race__value{font-size:clamp(2.15rem,4.8vw,2.75rem);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em;font-weight:800;line-height:1;color:var(--text-color)}.countdown-race--racehub .countdown-race__name{padding-bottom:.18rem;font-size:.78rem;font-weight:800;line-height:1;letter-spacing:.02em;color:var(--text-muted);margin-top:0}.countdown-race--racehub .countdown-race__support{margin:.1rem 0 0;font-size:.88rem;font-weight:650;color:var(--text-secondary);line-height:1.35}.countdown-race--racehub .countdown-race__rail{flex-shrink:0;margin-top:.06rem;width:min(100%,16rem);max-width:100%;align-self:flex-start}.countdown-race--racehub .countdown-race__rail-track{position:relative;width:100%;height:2px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--border-subtle) 88%,transparent)}.countdown-race--racehub .countdown-race__rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;border-radius:inherit;background:color-mix(in srgb,var(--text-muted) 55%,var(--border-subtle));transition:transform .9s linear;will-change:transform}.countdown-race--urgency-approaching .countdown-race__rail-fill{background:color-mix(in srgb,var(--primary-color) 55%,var(--border-subtle))}.countdown-race--urgency-urgent .countdown-race__value,.countdown-race--urgency-final .countdown-race__value{color:color-mix(in srgb,var(--primary-color) 35%,var(--text-color))}.countdown-race--urgency-urgent .countdown-race__rail-fill{background:color-mix(in srgb,var(--primary-color) 78%,transparent)}.countdown-race--urgency-final .countdown-race__rail-fill{background:var(--primary-color);transition-duration:.85s}@media(prefers-reduced-motion:reduce){.countdown-race--racehub .countdown-race__rail-fill{transition:none}}@media(max-width:767px){.countdown-race--racehub{gap:.3rem;padding:.45rem 0 .4rem}.countdown-race--racehub .countdown-race__units{gap:.4rem;padding-bottom:.15rem}.countdown-race--racehub .countdown-race__unit{gap:.1rem}.countdown-race--racehub .countdown-race__value{font-size:clamp(1.85rem,8.2vw,2.35rem)}.countdown-race--racehub .countdown-race__name{padding-bottom:.14rem;font-size:.7rem}.countdown-race--racehub .countdown-race__rail{margin-top:.04rem;width:min(100%,14rem)}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton--rounded{border-radius:var(--radius-lg)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav__brand{padding:0;margin-right:.5rem;display:flex;align-items:center;gap:.35rem;position:relative}.nav__brand-pending{width:9px;height:9px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 25%,transparent);flex-shrink:0}.App .nav.navbar,.App .app-top-nav.navbar{--bs-navbar-padding-y: .5rem;background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);border-bottom:1px solid var(--border-subtle);padding:.5rem 0;z-index:var(--z-nav, 1040);transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.App .app-top-nav.navbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--primary-color) 35%,transparent) 50%,transparent 100%);pointer-events:none;opacity:.65}.App .nav.nav--scrolled,.App .app-top-nav--scrolled.navbar{background:color-mix(in srgb,var(--bg-base) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .22))}@media(prefers-reduced-motion:reduce){.App .nav.navbar,.App .app-top-nav.navbar{transition:none}}.App .nav .nav-link,.App .nav .navbar-text{color:var(--text-color)}.App .nav .nav__link.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .85rem;font-weight:500;font-size:.9rem;border-radius:var(--radius-md);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.App .nav .nav__link.nav-link:hover{color:var(--text-color);background:color-mix(in srgb,var(--surface-2) 80%,transparent)}.App .nav .nav__link.nav-link.active{color:var(--text-color);font-weight:600;border-bottom-color:var(--primary-color);background:color-mix(in srgb,var(--primary-muted) 40%,transparent)}.App .nav .nav__link.nav-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.nav__toggler.navbar-toggler{min-width:44px;min-height:44px;padding:.35rem .5rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2)}.nav__toggler.navbar-toggler:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:none}.nav__toggler .navbar-toggler-icon{filter:none;opacity:.9}[data-theme=dark] .nav__toggler .navbar-toggler-icon{filter:invert(1)}.nav__picks-cta{min-height:44px;font-weight:700;white-space:nowrap}.nav__picks-cta-short{display:none}.nav__quick-jump .dropdown-toggle{min-height:44px;display:inline-flex;align-items:center}.nav__sign-out.btn{min-height:44px}.theme-toggle--compact.btn{min-width:44px;min-height:44px;padding:.35rem;display:inline-flex;align-items:center;justify-content:center}.app-skip-link{position:absolute;left:-9999px;top:auto;z-index:1100;padding:.75rem 1rem;background:var(--surface-2);color:var(--text-color);border-radius:var(--radius-md);text-decoration:none;font-weight:600}.app-skip-link:focus{left:1rem;top:1rem}.App .nav-item.dropdown .dropdown-item:active{background-color:var(--primary-color)}.dropdown-menu{background:var(--surface-1);border:1px solid var(--border-subtle)}.dropdown-item{color:var(--text-color)}.dropdown-item:hover{background:var(--surface-2)}.App .nav .nav-link.active{color:var(--text-color);font-weight:600}@media(max-width:991px){:root{--app-header-height: 4.25rem}.nav__get-started,.nav__desktop-only{display:none!important}.nav__picks-cta-long{display:none}.nav__picks-cta-short{display:inline}.app-top-nav__container{flex-wrap:wrap;align-items:center}.nav__mobile-toolbar{margin-left:auto;margin-right:.35rem}.nav .navbar-collapse .nav-link.nav__mobile-hide{display:none}.nav__quick-jump{width:100%}.nav__utilities{width:100%;padding-top:.5rem;border-top:1px solid var(--border-subtle);margin-top:.35rem}.nav__utilities .nav__sign-out{flex:1;justify-content:center}}.driver-avatar{border-radius:50%;object-fit:cover;object-position:center 18%;flex-shrink:0;border:2px solid var(--border-strong);background:var(--surface-3);aspect-ratio:1}.driver-avatar--xs{width:24px;height:24px}.driver-avatar--sm{width:32px;height:32px}.driver-avatar--md{width:40px;height:40px}.driver-avatar--lg{width:52px;height:52px}.driver-avatar--xl{width:64px;height:64px}.driver-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:0}.team-badge{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.team-badge__stripe{width:3px;height:100%;min-height:20px;border-radius:2px;flex-shrink:0}.team-badge__logo,.team-badge__fallback{width:22px;height:22px;border-radius:4px;object-fit:contain;background:var(--surface-2);flex-shrink:0}.team-badge--sm .team-badge__logo,.team-badge--sm .team-badge__fallback{width:28px;height:28px}.team-badge__fallback{display:inline-flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700}.team-badge__name{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-flag{border-radius:3px;object-fit:cover;flex-shrink:0;border:1px solid var(--border-subtle)}.country-flag--sm{width:22px;height:16px}.country-flag--md{width:28px;height:20px}.country-flag--lg{width:36px;height:26px}.country-flag--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);font-size:.6rem;font-weight:700;color:var(--text-secondary)}.driver-select-field{margin-bottom:1rem}.driver-select-field--stacked{margin-bottom:0}.driver-select-field--stacked .driver-select-field__control{display:flex;align-items:center;gap:.65rem}.driver-select-field--stacked .driver-select-field__input{flex:1;border-left:3px solid var(--driver-accent, var(--border-subtle));padding-left:.65rem}.driver-select-field--stacked .driver-select-field__inline-avatar{flex-shrink:0}.driver-select-field--stacked .driver-select-trigger{border-left:3px solid var(--driver-accent, var(--border-subtle));padding-left:.65rem}.driver-select-field--error .driver-select-field__input,.driver-select-field--error .driver-select-trigger{border-color:var(--danger)}.driver-select-field__error{margin:.35rem 0 0;font-size:.8rem;color:var(--danger);line-height:1.35}.driver-select-field__label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.35rem}.driver-select-field__input{font-size:.95rem}.driver-select-field__preview{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.driver-select-field__name{font-weight:600;font-size:.9rem}.driver-number{color:var(--primary-color);margin-right:.35rem;font-weight:700}.prediction-check-icons{width:1.25rem;height:1.25rem}.prediction-check-icons.green{color:var(--success)}.prediction-check-icons.red{color:var(--danger)}.comparison-cell-driver{display:flex;align-items:center;gap:.5rem}:root{--page-max-width: 72rem;--page-wide-max-width: 78rem;--page-narrow-max-width: 42rem;--section-gap: var(--space-5);--panel-gap: var(--space-4);--surface-panel-radius: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;overflow-x:clip}body{font-family:var(--font-sans);font-size:var(--type-body-size);line-height:var(--type-body-leading)}img,svg,canvas,video{max-width:100%}.page-container,.home-dashboard.page-container,.league-home-page.page-container,.league-race-page.page-container{width:min(100%,var(--page-max-width));max-width:var(--page-max-width);margin-inline:auto;padding:var(--space-page-y) clamp(var(--space-3),2.5vw,var(--space-6)) var(--space-page-bottom);text-align:left}.page-container--wide{width:min(100%,var(--page-wide-max-width));max-width:var(--page-wide-max-width)}.page-container--narrow{width:min(100%,var(--page-narrow-max-width));max-width:var(--page-narrow-max-width)}.section,.page-section,.command-center__block,.league-hub-tab-panel,.race-weekend-section,.league-hub-tab-panel__head,.race-prediction-header{min-width:0}.page-subtitle,.league-hub-tab-panel__subtitle,.race-intelligence__description{max-width:42rem;color:var(--text-secondary);line-height:var(--leading-normal)}.get-started-panel,.home-results-card,.last-race-panel,.comparison-panel,.prediction-form,.league-directory-card,.league-snapshot,.league-hub-summary-band,.league-quick-action-bar,.league-activity-tab__item,.standings-history-race,.standings-history-spotlight,.league-races-spotlight,.activity-feed{border-radius:var(--radius-card);border-color:var(--surface-card-border);box-shadow:var(--surface-card-shadow);background:var(--surface-panel-bg)}.league-directory-card,.standings-history-race,.league-races-past-row{transition:var(--transition-interactive)}.league-directory-card:hover,.standings-history-race:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--surface-card-shadow-hover)}.home-dashboard__shell,.league-home-page__shell,.race-weekend-shell{display:flex;flex-direction:column;gap:var(--section-gap);min-width:0}.home-dashboard .home-dashboard__main,.league-home-page__main,.race-weekend-main{display:flex;flex-direction:column;gap:var(--panel-gap);min-width:0;padding:clamp(var(--space-3),2vw,var(--space-5));border:1px solid var(--border-subtle);border-radius:var(--surface-panel-radius);background:var(--surface-panel-bg);box-shadow:var(--elevation-1-shadow)}.race-weekend-main{padding-bottom:var(--space-6)}.race-weekend-main>.circuit-hero,.race-weekend-main>.weekend-lock-strip,.race-weekend-main>.celebration-banner,.race-weekend-main>.league-tabs{margin-block:0}.league-race-page .page-header{margin-bottom:0}.league-race-page .page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.league-race-page .page-header__actions>.d-flex{flex-wrap:wrap}.league-race-page .league-tabs{margin-top:var(--space-2)!important}.weekend-lock-strip{justify-content:flex-start;gap:var(--space-3)}.weekend-lock-strip__item{min-width:min(100%,16rem)}.home-dashboard .primary-action-card,.home-dashboard .league-submission-progress,.home-dashboard .stats-snapshot-card,.league-home-page .league-hub-summary-band,.league-home-page .league-quick-action-bar{margin:0}.command-center__social-proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-3)}.command-center__social-proof .league-submission-progress{height:100%}.stats-snapshot__grid,.league-hub-summary-band__metrics,.leagues-summary-band__metrics,.race-hub-metrics__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.league-hub-summary-band__metrics,.leagues-summary-band__metrics{display:grid;width:100%}.league-hub-summary-band__metric,.leagues-summary-band__metric{min-width:0}.table-responsive,.standings-history-table,.league-standings-section,.comparison-panel{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.table,.comparison-table{margin-bottom:0}.race-grid,.league-races-section__grid.race-grid,.leagues-page__grid,.league-actions__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.league-directory-card__actions,.league-races-past-row__meta,.standings-history-race__trigger-meta{min-width:0}.pp-chip,.pp-badge,.standings-history-race__badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.prediction-form{width:min(100%,40rem)}.prediction-slots--grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.driver-select-trigger,.form-control,.form-select,.btn{max-width:100%}.activity-feed__message,.notifications-strip__title,.notifications-strip__message,.league-activity-tab__message,.league-directory-card__name,.standings-history-race__gp,.league-races-past-row__gp{overflow-wrap:anywhere}.pp-toast-stack{left:auto;right:clamp(var(--space-3),2vw,var(--space-4))}@media(min-width:992px){.home-dashboard .home-dashboard__main,.league-home-page__main,.race-weekend-main{gap:var(--space-5)}.race-weekend-main{padding:var(--space-5)}}@media(max-width:991px){.home-dashboard.page-container,.league-home-page.page-container,.league-race-page.page-container{padding-bottom:calc(var(--space-page-bottom) + var(--mobile-bottom-nav-height, 64px))}.league-directory-card:hover,.standings-history-race:hover{transform:none}}@media(max-width:768px){:root{--section-gap: var(--space-4);--panel-gap: var(--space-3)}.page-container,.home-dashboard.page-container,.league-home-page.page-container,.league-race-page.page-container{padding-top:var(--space-5);padding-inline:var(--space-3)}.home-dashboard .home-dashboard__main,.league-home-page__main,.race-weekend-main{padding:var(--space-3);border-radius:var(--radius-md)}.race-prediction-header,.league-quick-action-bar,.league-invite-bar,.leagues-summary-band{flex-direction:column;align-items:stretch}.league-quick-action-bar__cta.btn,.league-invite-bar__actions,.league-races-spotlight__footer,.primary-action-card__cta{width:100%}.league-quick-action-bar__cta.btn,.league-invite-bar__btn.btn,.league-races-spotlight__footer .btn,.primary-action-card__cta .btn,.primary-action-card__cta.btn{width:100%;justify-content:center}.weekend-lock-strip{display:grid;grid-template-columns:1fr}.countdown-race__units{flex-wrap:wrap}.countdown-race--racehub .countdown-race__units{flex-wrap:nowrap}.prediction-form{padding:var(--space-4)}.pp-toast-stack{left:var(--space-3);right:var(--space-3);top:var(--space-3);max-width:none}}@media(max-width:576px){.pp-card,.comparison-panel,.prediction-form,.activity-feed,.weekend-debrief{padding:var(--space-4)}.league-races-past-row,.standings-history-race__trigger{align-items:flex-start}}:root{--touch-target-min: 44px}.app-main{min-height:100vh;min-height:100dvh}body.driver-sheet-open{overflow:hidden}.mobile-bottom-nav{display:none}@media(max-width:991px){.app-main{padding-bottom:var(--mobile-content-bottom-offset)}.mobile-bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);height:var(--mobile-bottom-nav-total-height);padding-bottom:var(--safe-area-bottom);background:var(--surface-1);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 24px #00000040}.mobile-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--touch-target-min);padding:6px 4px;color:var(--text-muted-elevated);text-decoration:none;font-size:.7rem;font-weight:600;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;background:transparent;border:none;cursor:pointer;font-family:inherit}.mobile-bottom-nav__item--active{color:var(--text-color);position:relative}.mobile-bottom-nav__item--active:before{content:"";position:absolute;top:0;left:12%;right:12%;height:3px;border-radius:0 0 3px 3px;background:var(--primary-color)}.mobile-bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.mobile-bottom-nav__badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary-color);color:var(--text-on-accent);font-size:.55rem;font-weight:700;line-height:16px;text-align:center}.mobile-bottom-nav__label{line-height:1.1}.nav .navbar-collapse .nav-link.nav__mobile-hide{display:none}.theme-toggle:not(.theme-toggle--compact){min-height:var(--touch-target-min)}}.pp-card.weekend-command-strip,.weekend-command-strip{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) auto auto;align-items:center;gap:.85rem 1.25rem;width:100%;max-width:none;margin:0;box-sizing:border-box;padding:.7rem clamp(1rem,3vw,1.75rem);border:none;border-bottom:1px solid var(--border-subtle);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 96%,var(--surface-2)),color-mix(in srgb,var(--bg-base) 92%,var(--surface-1)));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}[data-theme=light] .pp-card.weekend-command-strip,[data-theme=light] .weekend-command-strip{background:linear-gradient(180deg,var(--surface-1) 0%,var(--bg-base) 100%);box-shadow:var(--shadow-sm)}.pp-card.weekend-command-strip:before,.weekend-command-strip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:color-mix(in srgb,var(--surface-3) 80%,transparent);pointer-events:none}.weekend-command-strip__race{display:flex;align-items:center;gap:.75rem;min-width:0}.weekend-command-strip__flag{flex-shrink:0}.weekend-command-strip__race-details{min-width:0}.weekend-command-strip__title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.weekend-command-strip__gp{font-size:.95rem;font-weight:800;letter-spacing:0;color:var(--text-color);line-height:1.2}.weekend-command-strip__sprint-pill{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--surface-3) 40%,transparent);color:var(--text-secondary);border:1px solid var(--border-subtle)}.weekend-command-strip__circuit{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekend-command-strip__deadline{display:flex;align-items:center;justify-content:center;min-width:0;padding:.35rem .75rem;background:color-mix(in srgb,var(--surface-2) 70%,transparent);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.weekend-command-strip__countdown{min-width:0}.weekend-command-strip__countdown.countdown-race--compact{width:auto;max-width:100%}.weekend-command-strip__countdown.countdown-race--compact .countdown-race__heading{display:flex;align-items:center;flex-shrink:0}.weekend-command-strip__countdown.countdown-race--compact .countdown-race__label{font-size:.68rem;color:var(--text-muted-elevated);padding-right:.65rem;border-right:1px solid var(--border-subtle);margin:0 .65rem 0 0;white-space:nowrap}.weekend-command-strip__countdown.countdown-race--compact .countdown-race__unit{background:var(--surface-1)}.weekend-command-strip__actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-shrink:0}.weekend-command-strip__pending{display:inline-flex;align-items:baseline;gap:.25rem;padding:.25rem .6rem;border-radius:999px;background:var(--warning-muted);border:1px solid rgba(245,158,11,.25)}.weekend-command-strip__pending-count{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--warning);line-height:1}.weekend-command-strip__pending-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--warning);opacity:.85}@media(max-width:991px){.pp-card.weekend-command-strip,.weekend-command-strip{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.55rem .75rem;padding:.6rem 1rem .65rem}.weekend-command-strip__race{grid-column:1;grid-row:1}.weekend-command-strip__actions{grid-column:2;grid-row:1}.weekend-command-strip__deadline{grid-column:1 / -1;grid-row:2;justify-content:flex-start;padding:.4rem .7rem}.weekend-command-strip__circuit{display:none}}@media(max-width:480px){.weekend-command-strip__countdown .countdown-race__unit:last-child{display:none}}@media(max-width:991px){.nav .nav__brand .pp-logo__image{height:32px!important}.nav .navbar-collapse{padding-bottom:.5rem}.nav .navbar-text{font-size:.85rem!important}.nav .btn-main{min-height:var(--touch-target-min);padding:.5rem 1rem}}@media(max-width:768px){.page-container{padding:1rem .75rem 2rem;overflow-x:hidden}.breadcrumb{font-size:.75rem;flex-wrap:wrap}.section-title{font-size:1rem}}@media(max-width:768px){.mobile-table-cards thead{display:none}.mobile-table-cards,.mobile-table-cards tbody{display:block;width:100%;min-width:0!important}.mobile-table-cards tbody tr{display:block;margin-bottom:.85rem;padding:.85rem;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.mobile-table-cards tbody td{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0!important;border:none!important;font-size:.9rem;white-space:normal}.mobile-table-cards tbody td:before{content:attr(data-label);font-weight:700;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0}.mobile-table-cards tbody td:last-child{padding-top:.5rem!important;border-top:1px solid var(--border-subtle)!important;margin-top:.25rem}.mobile-table-cards tbody tr.standings-row--you{border-color:color-mix(in srgb,var(--info) 35%,var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb,var(--info) 15%,transparent)}.mobile-table-cards tbody tr.standings-row--podium{border-left:3px solid var(--medal-gold)}.mobile-table-cards tbody tr.standings-row--podium-2{border-left:3px solid var(--medal-silver)}.mobile-table-cards tbody tr.standings-row--podium-3{border-left:3px solid var(--medal-bronze)}.championship-picks-table{font-size:.8rem}.leagues-page.page-container{padding-inline:var(--space-3);padding-bottom:var(--mobile-content-bottom-offset)}.leagues-page__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.league-directory-card{padding:1rem 1rem .95rem}.league-directory-card__name{font-size:1.1rem}.league-directory-card__actions{flex-direction:column;align-items:stretch}.league-directory-card__actions .btn{width:100%;min-height:44px}}.header{font-size:54px;color:var(--text-color);font-weight:800;letter-spacing:0}a{color:var(--link-color)}.videoTag{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.35;pointer-events:none}.videoTag--poster{background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--primary-color) 15%,transparent) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--primary-color) 8%,transparent) 0%,transparent 40%),linear-gradient(180deg,var(--surface-0) 0%,color-mix(in srgb,var(--surface-0) 95%,transparent) 100%)}.login-wrapper:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,var(--surface-0) 0%,color-mix(in srgb,var(--surface-0) 92%,transparent) 100%)}.login-form-border{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem 2rem;width:100%;max-width:440px;box-shadow:0 8px 32px #00000040}.login .form-control{min-height:44px;font-size:1rem}.login .btn{min-height:44px;font-weight:700}@media(max-width:768px){.login-wrapper{min-height:100dvh;justify-content:flex-start;padding:var(--space-4);padding-top:max(var(--space-8),var(--safe-area-top))}.login-wrapper .header{padding:0 var(--space-2);font-size:1.75rem!important;line-height:var(--leading-tight);text-align:center}.login-form-border{width:100%;max-width:420px;margin:0 auto;padding:var(--space-5)!important}.login-form-border form{width:100%!important;max-width:100%!important}.videoTag{display:none}.login .btn,.login .form-control{min-height:48px;font-size:16px}.register-form{width:100%!important;max-width:420px;padding:0 var(--space-2)}.register-form h1{font-size:var(--text-2xl)!important;text-align:center}}@media(prefers-reduced-motion:reduce){.videoTag{display:none}}.pp-logo-link{display:inline-flex;text-decoration:none;color:inherit}.pp-logo{display:inline-flex;align-items:center;justify-content:center;line-height:0}.pp-logo--stacked,.pp-logo--horizontal{flex-direction:column}.pp-logo__image{display:block;flex-shrink:0;width:auto;height:auto;max-width:100%}.pp-logo--full.pp-logo--sm .pp-logo__image{height:30px}.pp-logo--full.pp-logo--md .pp-logo__image{height:36px}.pp-logo--full.pp-logo--lg .pp-logo__image{height:48px}.pp-logo--full.pp-logo--stacked.pp-logo--sm .pp-logo__image{height:72px}.pp-logo--full.pp-logo--stacked.pp-logo--md .pp-logo__image{height:96px}.pp-logo--full.pp-logo--stacked.pp-logo--lg .pp-logo__image{height:128px}.pp-logo--icon-only.pp-logo--sm .pp-logo__image{width:28px;height:28px}.pp-logo--icon-only.pp-logo--md .pp-logo__image{width:36px;height:36px}.pp-logo--icon-only.pp-logo--lg .pp-logo__image{width:52px;height:52px}.pp-icon{color:var(--primary-color);flex-shrink:0}.auth-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.auth-layout__inner{width:100%;max-width:440px;z-index:1;position:relative}.auth-layout__toolbar{position:absolute;top:0;right:0;z-index:2}.auth-layout__header{text-align:center;margin-bottom:1.75rem}.auth-layout__logo{margin-bottom:1.25rem}.auth-layout__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,var(--text-3xl));font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:var(--text-color);margin:0 0 .5rem;line-height:var(--leading-tight)}.auth-layout__card.login-form-border{background:color-mix(in srgb,var(--surface-1) 92%,transparent);border:1px solid var(--border-subtle);border-radius:calc(var(--radius-lg) + 2px);box-shadow:var(--shadow-md);border-top:3px solid color-mix(in srgb,var(--primary-color) 45%,var(--border-subtle))}.auth-layout .btn.btn-main,.auth-layout .btn-primary{min-height:48px;font-weight:700}.auth-layout__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.auth-layout__card{width:100%;padding:1.5rem 2rem}.auth-legal-links{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:var(--text-xs)}.auth-legal-links a{font-weight:600;text-decoration:none}.auth-legal-links a:hover{color:var(--text-color)}.auth-layout__footer{text-align:center;margin:1.25rem 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.auth-layout__footer-link{color:var(--text-secondary);font-weight:600;text-decoration:none}.auth-layout__footer-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-layout__forgot{display:block;text-align:right;font-size:var(--text-xs);margin-top:-.25rem;margin-bottom:.5rem;color:var(--text-secondary);text-decoration:underline;text-underline-offset:.15em}.auth-layout__forgot:hover{color:var(--text-color)}.auth-layout__message{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}@media(max-width:768px){.auth-layout{justify-content:flex-start;padding-top:max(2rem,env(safe-area-inset-top))}.auth-layout__title{font-size:var(--text-2xl)}.auth-layout__card{padding:1.25rem}}.league-picker-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 100);display:flex;align-items:flex-end;background:#0000008c}.league-picker-sheet__panel{width:100%;max-height:var(--mobile-sheet-max-height);padding:var(--space-4) var(--space-4) calc(var(--space-4) + var(--safe-area-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-1);animation:slide-up-sheet var(--duration-normal) var(--ease-out)}.league-picker-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.league-picker-sheet__eyebrow{margin:0}.league-picker-sheet__title{margin:0;font-size:var(--text-base);font-weight:700}.league-picker-sheet__list{display:flex;flex-direction:column;gap:var(--space-2);max-height:calc(var(--mobile-sheet-max-height) - 6rem);margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;list-style:none}.league-picker-sheet__option{width:100%;min-height:var(--touch-target-min, 44px);padding:.85rem var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);color:inherit;font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.league-picker-sheet__option:hover,.league-picker-sheet__option:focus-visible{border-color:var(--primary-muted);background:color-mix(in srgb,var(--primary-muted) 18%,var(--surface-2));outline:none}.league-picker-sheet__header .btn{min-height:var(--touch-target-min, 44px)}.league-picker-sheet__name{display:block;margin-bottom:.2rem;font-weight:700}.league-picker-sheet__cta{color:var(--text-secondary);font-size:var(--text-sm)}@keyframes slide-up-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.league-picker-sheet__panel{animation:none}}