:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]){--color-bg-primary:#091b23;--color-bg-secondary:#1e404d;--color-bg-surface:#234957;--color-bg-tertiary:#315968;--color-bg-match-details:#1e404d;--color-text-primary:#f3fcff;--color-text-secondary:#d5e9f1;--color-text-tertiary:#b8d3df;--color-border-primary:#4c798b;--color-border-secondary:#6a9aac;--surface-card:#1e404d;--surface-glass:#1e404df5;--border-soft:#4c798b;--text-primary:var(--color-text-primary);--text-muted:var(--color-text-secondary);--playmaker-primary:#4ce3a4;--brand-green-dark:#4ce3a4;--brand-green-dark-hover:#81f2bf;--brand-green-dark-border:#4ce3a4;--color-button-bg:#4ce3a4;--color-button-text:#062b20;--color-button-hover:#81f2bf;--gp-green:var(--playmaker-primary);--gp-field:var(--color-bg-surface);--gp-pitch:var(--color-bg-secondary);--gp-ink:var(--color-text-primary);--gp-night-active-bg:#4ce3a4;--gp-night-active-text:#062b20;--gp-night-shadow:0 16px 36px -24px #000b, inset 0 1px 0 #bcefff35;--nav-chroma-bg:linear-gradient(115deg, #173b45 0%, #12352e 100%);--nav-chroma-border:#588c87;--nav-chroma-text:#f3fcff;--nav-chroma-muted:#d5e9f1;--campaign-panel-surface:#234957;--campaign-panel-surface-muted:#1e404d;--campaign-panel-border:#4c798b;--campaign-panel-text-primary:#f3fcff;--campaign-panel-text-secondary:#d5e9f1;--champions-card-bg:#1b2d59;--champions-card-hover:#294173;--champions-card-selected:#354e91;--champions-card-border:#799bd4;--champions-chip-bg:#253e65;--champions-chip-border:#7799c4;--champions-text:#f4f8ff;--champions-muted:#d0e1fb;--champions-status-bg:#354f7c}:root[data-experience-skin][data-reward-theme=gold]:is([data-mode=dark],.dark,[data-theme=dark]){--playmaker-primary:#f6ad55;--color-button-bg:#f6ad55;--color-button-hover:#ffd49a;--color-button-text:#3d2505;--gp-night-active-bg:#f6ad55;--gp-night-active-text:#3d2505}@layer base{:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) body{background:radial-gradient(ellipse at 85% 0%, #19b78114, transparent 48%), radial-gradient(ellipse at 0% 30%, #39c4dc0c, transparent 50%), var(--color-bg-primary)!important}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(.gp-event-card,.gp-event-console,.gp-event-tabs,.gp-control-room,.gp-filter-panel,.gp-filter-sheet){background:var(--color-bg-secondary)!important;border-color:var(--color-border-primary)!important;box-shadow:var(--gp-night-shadow)!important}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(.gp-event-control,.gp-event-profile-header){background:var(--color-bg-surface)!important;border-color:var(--color-border-primary)!important;box-shadow:var(--gp-night-shadow)!important}}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(button,a):is(.bg-playmaker-primary,.bg-brand-green){color:var(--gp-night-active-text)}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(button,a):is(.bg-playmaker-primary,.bg-brand-green) svg{color:inherit}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-site-header :is(a[href=\/login],a[href="/login/"],a[href=\/register],a[href="/register/"]){color:var(--gp-night-active-text)!important}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-site-header a[data-testid^=header-plan-action-]:not(.text-amber-950){color:var(--gp-night-active-text)}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(button[role=tab][aria-selected=true],.gp-desktop-status-active,[data-testid=desktop-predictor-workbench]>div>button[aria-pressed=true],.gp-filter-panel button[aria-pressed=true]){background:var(--gp-night-active-bg);color:var(--gp-night-active-text);border-color:#a9ffda;box-shadow:0 0 0 1px #a9ffda70,0 5px 18px -10px #4ce3a488}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) [data-testid=mobile-quick-predictor]>[aria-label]>button[aria-pressed=true]{border:1px solid #d4f7ff;box-shadow:inset 0 0 0 1px #d4f7ff50}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) [data-testid=mobile-quick-predictor]>[aria-label]>button[aria-pressed=true].bg-sky-600{color:#092c42;background:#85deff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) [data-testid=mobile-quick-predictor]>[aria-label]>button[aria-pressed=true].bg-rose-600{color:#450b1d;background:#ff9db8}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:3px solid #9dffdc}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-game-list-item:not(.gp-champions-list-item,.gp-uefa-mode){background:var(--color-bg-secondary);border-color:var(--color-border-primary)}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-game-list-item:not(.gp-champions-list-item,.gp-uefa-mode)[aria-pressed=true]{color:#f3fff9;background:#1b604c;border-color:#7ff1bd;box-shadow:inset 3px 0 #7ff1bd,0 0 0 1px #7ff1bd40}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-details-stage:not(.gp-champions-match,.gp-uefa-match) .gp-match-tabs nav button[aria-pressed=true]{color:#f3fff9;background:#1b604c;box-shadow:inset 0 0 0 1px #7ff1bd}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .text-blue-600{color:#85d8ff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3){background:#102c39;border:1px solid #5a8c9e;border-radius:16px}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3)>button .bg-playmaker-primary{color:#062b20;background:#4ce3a4}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3)>button .bg-playmaker-primary svg{color:inherit}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3)>button span.rounded-full{color:#e8f8ff;background:#2a4c5d}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>.space-y-2:first-child{--insight-surface:#124b3c;--insight-accent:#65f0b6;--insight-value:#a0ffda;--insight-muted:#d6f2e8}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>.space-y-2{grid-auto-rows:1fr;gap:12px;display:grid}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>.space-y-2>*{margin-block:0}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>.space-y-2:last-child{--insight-surface:#16466c;--insight-accent:#66d5ff;--insight-value:#ace9ff;--insight-muted:#d9edff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border:has(>h4){background:var(--insight-surface);border-color:color-mix(in srgb, var(--insight-accent) 55%, transparent);border-left:4px solid var(--insight-accent);box-shadow:inset 0 1px #e0ffff18}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border>h4{color:#f3fcff;font-size:14px}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) h4+p{color:var(--insight-value);font-variant-numeric:tabular-nums;font-size:22px;line-height:1.3}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) h4+p+p{color:var(--insight-muted);font-size:12px}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border:has(>h4) :is(.text-red-500,.text-red-600){color:#ff9da9}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border:has(>h4) .text-brand-green{color:#8dffcc}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border:has(>h4) :is(.text-purple-500,.text-purple-600){color:#ddbdff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border:has(>h4) .bg-blue-500{color:#092d46;background:#b4e9ff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .border:has(>h4) .bg-purple-500{color:#40205f;background:#ebd7ff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>:is(.bg-brand-green-soft,.bg-blue-50){color:#062e21;background:#65f0b6;border-color:#afffe1}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>.bg-blue-50{color:#092d46;background:#66d5ff;border-color:#b7eeff}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) .grid>:is(.bg-brand-green-soft,.bg-blue-50)>*{color:inherit}@media (width<=639px){:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3)>button>.flex{text-align:left;grid-template-columns:36px minmax(0,1fr);gap:4px 8px;display:grid}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3)>button h3{font-size:16px}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3)>button span.rounded-full{grid-column:2;justify-self:start}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-match-tabs .mb-6:has(>button h3) h4+p{font-size:20px}}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-champions-match{--color-bg-primary:#101f42;--color-bg-secondary:#1b3159;--color-bg-tertiary:#304a76;--color-bg-surface:#253e65;--color-text-secondary:#d0e1fb;--color-text-tertiary:#bed3f1;--border-soft:#799bd4}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-uefa-mode{--uefa-surface:#35281e;--uefa-soft:#4c3728;--uefa-selected:#6a4125;--uefa-border:#b98459;--uefa-text:#fff5ed;--uefa-muted:#eed5bf}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-uefa-conference{--uefa-surface:#1d3c29;--uefa-soft:#2b5138;--uefa-selected:#316840;--uefa-border:#71a880;--uefa-text:#f1fff3;--uefa-muted:#ccebd1}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-champions-trends{--trend-bg:#28475f;--trend-soft:#0f2636;--trend-text:#f3fbff;--trend-muted:#c5dfef;--trend-border:#6f98b4;--trend-selected:#8ee7ff;border:1px solid #426d87}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(.gp-trend-chart,.gp-trends-team){box-shadow:var(--gp-night-shadow)}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-champions-trends button[aria-pressed=true]{background:var(--trend-selected);color:#092b40;border-color:#c6f4ff;box-shadow:inset 0 -3px #38bdf8,0 0 0 1px #c6f4ff66}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-trends-averages>div{background:#102c3f;box-shadow:inset 0 0 0 1px #77a5c052}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-trend-chart-series path{filter:drop-shadow(0 1px 2px #0008)}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-hq{--hq-bg:#0b2029;--hq-panel:#234957;--hq-sidebar:#15323e;--hq-border:#527d90;--hq-text:#f3fcff;--hq-muted:#c6deea;--hq-accent:#67edb4;--hq-accent-hover:#9cf7cf;--hq-accent-text:#adffdc;--hq-accent-soft:#245942;--hq-on-accent:#072c20;--hq-button:#2c4d5d;--hq-button-hover:#3a6273;--hq-focus:#a4ffda;--hq-track:#345c4b;--hq-neutral-bg:#304e61;--hq-neutral-text:#e0eef6;--hq-hero-start:#1a5441;--hq-hero-end:#1d3d4c;--hq-glow:#45d99824;--hq-shadow:0 10px 28px -16px #0009, inset 0 1px 0 #c8eeff24}:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) .gp-hq :is(button[aria-pressed=true],.hq-builder-steps button[aria-current=step],.hq-sidebar nav a[aria-current]){background:var(--hq-accent);color:var(--hq-on-accent);border-color:#b9ffdf;box-shadow:0 0 0 1px #b9ffdf55}@media (forced-colors:active){:root[data-experience-skin]:is([data-mode=dark],.dark,[data-theme=dark]) :is(button[aria-pressed=true],button[role=tab][aria-selected=true]){outline:2px solid highlight}}
