:root{--color-bg:#101014;--color-bg-end:#0c0c10;--color-surface:#1b1b22;--color-surface-raised:#27272f;--color-text-primary:#f0eff4;--color-text-secondary:rgba(235,235,245,0.6);--color-text-tertiary:rgba(235,235,245,0.3);--color-separator:rgba(84,84,88,0.5);--color-separator-opaque:#38383a;--color-accent:#d4a843;--color-accent-hover:#e0bb5c;--color-accent-subtle:color-mix(in srgb,var(--color-accent) 12%,transparent);--color-player:#5b9cf5;--color-player-subtle:color-mix(in srgb,var(--color-player) 10%,transparent);--color-opponent:#ffad14;--color-opponent-subtle:color-mix(in srgb,var(--color-opponent) 8%,transparent);--color-success:#3fb950;--color-error:#e5534b;--color-warning:#d29922;--color-tooltip:#131318;--shadow-tooltip:0 8px 32px rgba(0,0,0,0.5);--color-fill:rgba(120,120,128,0.24);--color-fill-secondary:rgba(120,120,128,0.18);--color-gray:#8e8e93;--color-gray2:#636366;--color-gray3:#48484a;--color-gray4:#3a3a3c;--color-gray5:#2c2c2e;--color-gray6:#1c1c1e;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-sm-md:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:32px;--spacing-2xl:44px;--color-game-bg:#0a0b14;--color-action:#00ffff;--color-action-active:#02bbbb;--color-action-text:#1a2e1b;--color-synergy-pill-bg:rgba(139,0,157,0.5);--color-synergy-pill-border:rgba(187,27,255,0.3);--color-synergy-pill-border-active:rgba(187,27,255,0.5);--color-synergy-pill-text:#fb4aff;--color-synergy-pill-text-dim:rgba(243,175,244,0.7);--color-synergy-partner-bg:rgba(85,85,85,0.2);--color-synergy-badge-bg:#0a0b14;--color-synergy-badge-border:#f0b1ff;--color-synergy-badge-text:#ff98ff;--color-synergy-badge-glow-1:rgba(183,49,255,0.3);--color-synergy-badge-glow-2:rgba(183,49,255,0.6);--color-synergy-bright:#ff98ff;--color-synergy-glow:rgba(183,49,255,0.6);--color-card-border:#1a1a26;--color-row:#1a1a26;--color-muted:#71717a;--color-promotion-zone:#003140;--color-demotion-zone:#2a0f0f;--color-promotion-label:#70ef79;--color-demotion-label:#ef7070;--color-trend-neutral:#bababa;--color-result-win:#70ef79;--color-result-draw:#d3d3d3;--color-result-loss:#ef7070;--color-opp-active:#ffad14;--color-win-badge-bg:rgba(34,197,94,0.09);--color-modifier-label:#a1a1aa;--color-toggle-border:rgba(255,255,255,0.3);--color-on-toggle:#000000;--color-on-toggle-muted:rgba(0,0,0,0.6);--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-inter:"Inter",var(--font-system);--font-space-grotesk:"Space Grotesk",var(--font-system);--font-brand:"Cruyff Sans Expanded",var(--font-system);--font-brand-condensed:"Cruyff Sans Condensed",var(--font-system);--font-brand-regular:"Cruyff Sans",var(--font-system);--font-size-caption2:11px;--font-size-caption1:12px;--font-size-footnote:13px;--font-size-subheadline:15px;--font-size-callout:16px;--font-size-body:17px;--font-size-headline:17px;--font-size-title3:20px;--font-size-title2:22px;--font-size-title1:28px;--font-size-large-title:34px;--font-size-brand-cta:14px;--font-size-brand-subtitle:24px;--font-size-brand-title:32px;--font-size-brand-hero:48px;--font-size-brand-score:36px;--font-size-card:8px;--font-size-card-name:9px;--font-size-card-large-stat:12px;--font-size-card-large-pos:11px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-base:1.29;--line-height-relaxed:1.5;--letter-spacing-tight:0.01em;--letter-spacing-wide:0.05em;--letter-spacing-brand:1px;--letter-spacing-brand-sm:0.6px;--letter-spacing-brand-wide:2px;--letter-spacing-card:-0.5px;--letter-spacing-card-stat:-0.9px;--letter-spacing-card-pos:-0.8px;--letter-spacing-card-name:-1px;--color-overlay:rgba(0,0,0,0.7);--radius-sm:10px;--radius-row:12px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--duration-fast:0.15s;--duration-base:0.25s;--duration-slow:0.35s;--duration-evolution-pop:860.78ms;--ease-default:cubic-bezier(0.25,0.1,0.25,1);--ease-in:cubic-bezier(0.42,0,1,1);--ease-out:cubic-bezier(0,0,0.58,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right);--color-nav-bg:var(--color-card-border);--color-nav-idle:rgba(164,164,164,0.6);--color-nav-active:var(--color-action);--color-nav-indicator:var(--color-action);--nav-indicator-height:2px;--nav-icon-size:24px;--nav-button-size:64px;--nav-button-gap:8px;--nav-bottom-height:72px;--nav-bottom-total:calc(var(--nav-bottom-height) + var(--safe-bottom));--cta-bottom-offset:calc(var(--nav-bottom-total) + var(--spacing-md))}@font-face{font-family:Cruyff Sans Expanded;src:url(/_next/static/media/CruyffSansExpanded-Heavy.09bbe004.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Cruyff Sans;src:url(/_next/static/media/CruyffSans-Regular.dff77c27.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cruyff Sans;src:url(/_next/static/media/CruyffSans-Medium.cd445dda.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cruyff Sans;src:url(/_next/static/media/CruyffSans-Bold.ab672c1b.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cruyff Sans Condensed;src:url(/_next/static/media/CruyffSansCondensed-Regular.43919aae.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cruyff Sans Condensed;src:url(/_next/static/media/CruyffSansCondensed-Medium.91576db7.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable}body,html{background-color:var(--color-bg);overflow-x:hidden}body{font-family:var(--font-system);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height-base);min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation}button,input{font:inherit;border:none;background:none;color:inherit;-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:max(var(--font-size-body),16px)}.ctaBar{position:fixed;left:0;right:0;bottom:var(--cta-bottom-offset);z-index:99;display:flex;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.ctaButton{display:flex;align-items:center;justify-content:center;flex:1 1;height:41px;background-color:var(--color-action);color:var(--color-action-text);font-family:var(--font-brand);font-size:var(--font-size-brand-cta);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;text-decoration:none;border:none;border-radius:var(--radius-row);cursor:pointer}.ctaButton:active{background-color:var(--color-action-active)}.ctaButton:disabled{opacity:.4;cursor:not-allowed}.ctaButton.ctaButtonSecondary{background-color:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-separator)}.ctaButton.ctaButtonSecondary:active{background-color:var(--color-fill)}