/* 11SIMULATOR — THEME UPDRAFT (overlay). Loaded AFTER all other CSS.
   Never edit theme-v2.css / ui-refresh.css: this file only overrides.
   paper = Light Oxblood/Crème · ink = Dark Charbon/Or */
:root,html[data-theme="paper"]{
  --up-accent:#6E1F2A; --up-accent-2:#8E2D3B; --up-on-accent:#F6EFE3;
  --up-bg:#F6EFE3; --up-bg-2:#EFE5D3; --up-card:#FFFBF4; --up-text:#2A1A1C; --up-muted:#7A6560;
  --up-line:rgba(110,31,42,.14); --up-shadow:0 14px 34px -20px rgba(110,31,42,.45);
}
html[data-theme="ink"]{
  --up-accent:#E0B35A; --up-accent-2:#C99A3E; --up-on-accent:#17171A;
  --up-bg:#17171A; --up-bg-2:#1F1F23; --up-card:#232328; --up-text:#F3EEE4; --up-muted:#A39E93;
  --up-line:rgba(224,179,90,.16); --up-shadow:0 18px 44px -20px rgba(0,0,0,.8);
}
/* Specificity must beat theme-v2's html[data-theme="paper"|"ink"] */
html[data-theme="paper"],html[data-theme="ink"]{
  --hv:var(--up-accent); --hv-deep:var(--up-accent-2); --spot:var(--up-accent); --accent:var(--up-accent);
  --hv-soft:color-mix(in srgb,var(--up-accent) 14%,transparent); --on-spot:var(--up-on-accent);
  --bg:var(--up-bg); --bg-2:var(--up-bg-2); --panel:var(--up-card); --panel-2:var(--up-card); --panel-3:var(--up-bg-2);
  --text:var(--up-text); --text-dim:var(--up-text); --muted:var(--up-muted);
  --line:var(--up-line); --line-strong:color-mix(in srgb,var(--up-accent) 35%,transparent);
  --shadow:var(--up-shadow); --radius:18px; --radius-lg:24px;
  --v2-lime:var(--up-accent); --v2-lime-deep:var(--up-accent-2);
  --refresh-mint:var(--up-accent); --refresh-blue:var(--up-accent-2);
}
html[data-theme="paper"]{
  --hv:var(--up-accent); --hv-deep:var(--up-accent-2); --spot:var(--up-accent); --accent:var(--up-accent);
  --v2-lime:var(--up-accent); --v2-lime-deep:var(--up-accent-2);
  --refresh-mint:var(--up-accent); --refresh-blue:var(--up-accent-2);
}
html[data-theme="ink"]{
  --hv:var(--up-accent); --hv-deep:var(--up-accent-2); --spot:var(--up-accent); --accent:var(--up-accent);
  --v2-lime:var(--up-accent); --v2-lime-deep:var(--up-accent-2);
  --refresh-mint:var(--up-accent); --refresh-blue:var(--up-accent-2);
}
/* Body */
html[data-theme] body{background:var(--up-bg)!important;background-image:radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--up-accent) 10%,transparent),transparent)!important;color:var(--up-text)}
/* Buttons: pill */
html[data-theme] button,html[data-theme] .button,html[data-theme] .file-button{border-radius:999px!important}
html[data-theme] button.primary,html[data-theme] .primary{background:var(--up-accent)!important;color:var(--up-on-accent)!important;border:0!important;box-shadow:0 8px 20px -10px var(--up-accent)!important}
html[data-theme] button.primary:hover{background:var(--up-accent-2)!important}
html[data-theme] button.ghost{background:transparent!important;border:1px solid var(--up-line)!important;color:var(--up-text)!important}
/* Cards */
html[data-theme] .panel,html[data-theme] .stat-card,html[data-theme] .choice-card,html[data-theme] .hero-card,html[data-theme] .assistant-briefing,html[data-theme] .quick-action,html[data-theme] .club-card,html[data-theme] .fixture-card,html[data-theme] .objective{
  background:var(--up-card)!important;border:1px solid var(--up-line)!important;border-radius:var(--radius)!important;box-shadow:var(--up-shadow)!important;backdrop-filter:none!important;color:var(--up-text)}
/* Chrome: topbar / ticker / sidebar / nav */
html[data-theme] .topbar{background:color-mix(in srgb,var(--up-bg) 88%,transparent)!important;border-bottom:1px solid var(--up-line)!important;backdrop-filter:blur(12px)}
html[data-theme] .ticker-label{background:var(--up-accent)!important;color:var(--up-on-accent)!important}
html[data-theme] .sidebar{background:var(--up-bg-2)!important;border-right:1px solid var(--up-line)!important}
html[data-theme] .nav-btn{border-radius:999px!important;color:var(--up-text)!important;background:transparent!important}
html[data-theme] .nav-btn:hover{background:color-mix(in srgb,var(--up-accent) 10%,transparent)!important}
html[data-theme] .nav-btn.active{background:var(--up-accent)!important;color:var(--up-on-accent)!important}
html[data-theme] .nav-section{color:var(--up-muted)!important}
html[data-theme] .eyebrow,html[data-theme] .window-chip{color:var(--up-accent)!important}
html[data-theme] .tag,html[data-theme] .pill{border-radius:999px!important}
/* Start / landing */
html[data-theme] .start-screen,html[data-theme] .loading-screen{background:var(--up-bg)!important;color:var(--up-text)}
html[data-theme] .start-brandbar{border-bottom:1px solid var(--up-line)}
html[data-theme] select,html[data-theme] input{background:var(--up-card)!important;color:var(--up-text)!important;border:1px solid var(--up-line)!important;border-radius:12px!important}

/* —— Landing V2 overrides (beats landing-v2.css night/lime) —— */
html[data-theme]{
  --bg:var(--up-bg); --ink:var(--up-text); --paper:var(--up-bg); --red:var(--up-accent);
  --muted:var(--up-muted); --line:var(--up-line); --lime:var(--up-accent);
}
html[data-theme] body,
html[data-theme] html{background:var(--up-bg)!important;color:var(--up-text)!important}
html[data-theme] a{color:var(--up-accent)}
html[data-theme] .top{
  background:color-mix(in srgb,var(--up-bg) 82%,transparent)!important;
  border-bottom:1px solid var(--up-line)!important;backdrop-filter:blur(14px)
}
html[data-theme] .brand,html[data-theme] h1,html[data-theme] h2,html[data-theme] h3{color:var(--up-text)!important}
html[data-theme] .langs a{
  border:1px solid var(--up-line)!important;color:var(--up-text)!important;background:transparent!important
}
html[data-theme] .langs a[aria-current]{
  background:var(--up-accent)!important;color:var(--up-on-accent)!important;border-color:var(--up-accent)!important
}
html[data-theme] .eyebrow{color:var(--up-accent)!important}
html[data-theme] p,html[data-theme] li,html[data-theme] .lead,html[data-theme] .prose,html[data-theme] .prose p{color:var(--up-muted)!important}
html[data-theme] .hero{
  background:
    linear-gradient(90deg,var(--up-bg) 0%,color-mix(in srgb,var(--up-bg) 88%,transparent) 42%,color-mix(in srgb,var(--up-bg) 18%,transparent) 100%),
    url('/assets/art/hero-stadium.webp') center right/cover no-repeat var(--up-bg)!important
}
html[data-theme] .hero::after{background:linear-gradient(180deg,transparent,var(--up-bg))}
html[data-theme].js-v2 .hero,html[data-theme] .js-v2 .hero{background:var(--up-bg)!important}
html[data-theme] .hero-kb{background:url('/assets/art/hero-stadium.webp') center right/cover no-repeat}
html[data-theme] .hero-kb::after{
  background:linear-gradient(90deg,var(--up-bg) 0%,color-mix(in srgb,var(--up-bg) 88%,transparent) 42%,color-mix(in srgb,var(--up-bg) 12%,transparent) 100%)
}
html[data-theme] .cta{
  border-radius:999px!important;
  background:var(--up-accent)!important;color:var(--up-on-accent)!important;
  box-shadow:0 14px 34px -14px color-mix(in srgb,var(--up-accent) 70%,transparent)!important
}
html[data-theme] .cta:hover{background:var(--up-accent-2)!important}
html[data-theme] .cta.secondary{
  background:transparent!important;color:var(--up-text)!important;border:1px solid var(--up-line)!important;box-shadow:none!important
}
html[data-theme] .trust span{
  border:1px solid var(--up-line);color:var(--up-muted);background:color-mix(in srgb,var(--up-card) 70%,transparent)
}
html[data-theme] .trust span::before{color:var(--up-accent)}
html[data-theme] .card,html[data-theme] .guide,html[data-theme] .faq details,html[data-theme] .stat,
html[data-theme] .mode-card,html[data-theme] .steps li{
  background:var(--up-card)!important;border:1px solid var(--up-line)!important;color:var(--up-text)!important;
  box-shadow:var(--up-shadow)!important;border-radius:var(--radius)!important
}
html[data-theme] .card:hover,html[data-theme] .guide:hover{border-color:color-mix(in srgb,var(--up-accent) 45%,transparent)!important}
html[data-theme] .stat strong{color:var(--up-accent)!important}
html[data-theme] .steps li::marker,html[data-theme] .steps li::before{color:var(--up-on-accent)!important;background:var(--up-accent)!important}
html[data-theme] .section.alt{
  background:linear-gradient(180deg,color-mix(in srgb,var(--up-accent) 8%,transparent),transparent)!important
}
html[data-theme] .button-section{
  background:radial-gradient(circle at 80% 100%,color-mix(in srgb,var(--up-accent) 16%,transparent),transparent 55%),
    linear-gradient(180deg,var(--up-bg-2),var(--up-bg))!important;
  border:1px solid var(--up-line)!important
}
html[data-theme] footer,html[data-theme] .footer-grid,html[data-theme] .legal{color:var(--up-muted)!important;border-color:var(--up-line)!important}
html[data-theme] .hero .mark{
  border:1px solid var(--up-line);background:linear-gradient(180deg,var(--up-card),var(--up-bg-2));
  box-shadow:var(--up-shadow),0 0 0 1px color-mix(in srgb,var(--up-accent) 12%,transparent)
}
@media (max-width:860px){
  html[data-theme] .hero{
    background:linear-gradient(180deg,color-mix(in srgb,var(--up-bg) 55%,transparent),var(--up-bg) 70%),
      url('/assets/art/hero-stadium-m.webp') center top/cover no-repeat var(--up-bg)!important
  }
  html[data-theme] .hero-kb::after{background:linear-gradient(180deg,color-mix(in srgb,var(--up-bg) 50%,transparent),var(--up-bg) 70%)}
}
/* Start screen polish */
html[data-theme] .start-showcase,html[data-theme] .start-shell,html[data-theme] .start-layout{color:var(--up-text)}
html[data-theme] .showcase-kicker,html[data-theme] .hero-copy,html[data-theme] .start-site-name{color:var(--up-text)}
html[data-theme] .quick-start b{background:var(--up-accent)!important;color:var(--up-on-accent)!important;border-radius:999px}
html[data-theme] .feature-strip,html[data-theme] .showcase-score,html[data-theme] .start-daily-challenge{
  background:var(--up-card)!important;border:1px solid var(--up-line)!important;border-radius:var(--radius)!important;color:var(--up-text)!important
}
html[data-theme] .start-main-action,html[data-theme] #newCareerBtn{
  background:var(--up-accent)!important;color:var(--up-on-accent)!important;border-radius:999px!important
}

/* Beat theme-v2/ui-refresh lime leftovers on start */
html[data-theme="paper"] .start-site-name,html[data-theme="ink"] .start-site-name,
html[data-theme="paper"] .start-site-name span,html[data-theme="ink"] .start-site-name span{color:var(--up-accent)!important}
html[data-theme="paper"] .showcase-kicker,html[data-theme="ink"] .showcase-kicker,
html[data-theme="paper"] .start-brandbar .eyebrow,html[data-theme="ink"] .start-brandbar .eyebrow{color:var(--up-accent)!important}
html[data-theme="paper"] .start-showcase h1 em,html[data-theme="ink"] .start-showcase h1 em,
html[data-theme="paper"] .start-showcase h1 span,html[data-theme="ink"] .start-showcase h1 span,
html[data-theme="paper"] .hero-title em,html[data-theme="ink"] .hero-title em{color:var(--up-accent)!important}
html[data-theme="paper"] .setup-step,html[data-theme="ink"] .setup-step{border-color:var(--up-accent)!important;color:var(--up-accent)!important}
html[data-theme="paper"] .setup-card::before,html[data-theme="ink"] .setup-card::before,
html[data-theme="paper"] .hero-card::before,html[data-theme="ink"] .hero-card::before{
  background:linear-gradient(90deg,var(--up-accent),transparent 95%)!important
}
html[data-theme="paper"] .mode-rail button.active,html[data-theme="ink"] .mode-rail button.active,
html[data-theme="paper"] .segment button.active,html[data-theme="ink"] .segment button.active{
  background:var(--up-accent)!important;color:var(--up-on-accent)!important;border-color:var(--up-accent)!important
}
html[data-theme="paper"] button.primary,html[data-theme="ink"] button.primary,
html[data-theme="paper"] .primary,html[data-theme="ink"] .primary{
  background:var(--up-accent)!important;color:var(--up-on-accent)!important;
  box-shadow:0 8px 22px -10px color-mix(in srgb,var(--up-accent) 70%,transparent)!important
}
html[data-theme="paper"] .setup-card,html[data-theme="ink"] .setup-card,
html[data-theme="paper"] .start-screen .hero-card,html[data-theme="ink"] .start-screen .hero-card{
  background:var(--up-card)!important;border:1px solid var(--up-line)!important;box-shadow:var(--up-shadow)!important
}

/* Soft green chips from ui-refresh → Updraft accent wash */
html[data-theme="paper"] .setup-step,html[data-theme="ink"] .setup-step{
  background:color-mix(in srgb,var(--up-accent) 10%,transparent)!important
}
html[data-theme="paper"] .mode-rail button.active,html[data-theme="ink"] .mode-rail button.active,
html[data-theme="paper"] .start-screen .mode-rail .active,html[data-theme="ink"] .start-screen .mode-rail .active,
html[data-theme="paper"] button.active,html[data-theme="ink"] .start-screen button.active{
  box-shadow:0 0 0 2px var(--up-accent)!important;
  background:color-mix(in srgb,var(--up-accent) 12%,transparent)!important
}
html[data-theme="paper"] .daily-challenge-icon,html[data-theme="ink"] .daily-challenge-icon,
html[data-theme="paper"] .start-feature-icon,html[data-theme="ink"] .start-feature-icon{
  background:color-mix(in srgb,var(--up-accent) 12%,transparent)!important;color:var(--up-accent)!important
}

/* —— Updraft v3: purge lime leftovers (brand / hero / modes / logo) —— */
html[data-theme] .brand-ball,
html[data-theme] .loading-logo{
  background:linear-gradient(145deg,var(--up-accent-2),var(--up-accent))!important;
  color:var(--up-on-accent)!important;
  box-shadow:0 10px 28px -12px color-mix(in srgb,var(--up-accent) 70%,transparent)!important;
  clip-path:none!important;border-radius:14px!important;overflow:hidden
}
html[data-theme] .brand-ball img,
html[data-theme] .loading-logo img,
html[data-theme] .hero .mark img,
html[data-theme] .mark img,
html[data-theme] .brand img{
  /* lime SVG → oxblood/or wash via hue (lime≈90deg → oxblood≈0 / or≈40) */
  filter:saturate(1.05) hue-rotate(-75deg) brightness(.95)!important
}
html[data-theme="ink"] .brand-ball img,
html[data-theme="ink"] .loading-logo img,
html[data-theme="ink"] .hero .mark img,
html[data-theme="ink"] .mark img,
html[data-theme="ink"] .brand img{
  filter:saturate(1.15) hue-rotate(-55deg) brightness(1.05)!important
}
html[data-theme] .hero .mark,
html[data-theme] .logo-tile,
html[data-theme] .brand .mark{
  border:1px solid var(--up-line)!important;
  background:linear-gradient(180deg,var(--up-card),var(--up-bg-2))!important;
  box-shadow:var(--up-shadow),0 0 0 1px color-mix(in srgb,var(--up-accent) 14%,transparent)!important;
  border-radius:18px!important
}
/* Hero beams / FX — kill lime screen blend, recolor with accent wash */
html[data-theme] .hero-beams{
  background:conic-gradient(from 200deg at 78% -10%,
    transparent 0 6deg,color-mix(in srgb,var(--up-accent) 18%,transparent) 8deg,transparent 12deg 20deg,
    color-mix(in srgb,var(--up-accent) 12%,transparent) 23deg,transparent 27deg)!important;
  mix-blend-mode:normal!important;opacity:.55
}
html[data-theme] .hero-fx{opacity:.35;filter:hue-rotate(-80deg) saturate(.7)!important}
html[data-theme] .mm-score i,
html[data-theme] .mini-match.goal .mm-score{color:var(--up-accent)!important}
html[data-theme] .mini-match.goal .mm-score{
  box-shadow:0 0 0 2px var(--up-accent),0 0 24px color-mix(in srgb,var(--up-accent) 45%,transparent)!important
}
html[data-theme] .mm-bars span{
  background:linear-gradient(90deg,var(--up-accent) var(--w),rgba(255,255,255,.08) var(--w))!important;
  filter:none!important
}
html[data-theme] .card,
html[data-theme] .guide{
  background-image:
    radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--up-accent) 12%,transparent),transparent 45%),
    linear-gradient(180deg,var(--up-card),color-mix(in srgb,var(--up-bg-2) 85%,var(--up-card)))!important
}
/* Mode cards / icons / rings */
html[data-theme] .mode-card,
html[data-theme] .modes-grid .mode-card{
  background:var(--up-card)!important;border:1px solid var(--up-line)!important;
  box-shadow:var(--up-shadow)!important;border-radius:var(--radius)!important;color:var(--up-text)!important
}
html[data-theme] .mode-card h3{color:var(--up-text)!important}
html[data-theme] .mode-card::before,
html[data-theme] .mode-icon,
html[data-theme] .mode-card .icon,
html[data-theme] .modes-grid .mode-card > span:first-child{
  background:color-mix(in srgb,var(--up-accent) 12%,transparent)!important;
  color:var(--up-accent)!important;border-color:color-mix(in srgb,var(--up-accent) 35%,transparent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--up-accent) 10%,transparent)!important
}
/* Start pitch / orbits — no lime stripes */
html[data-theme] .start-screen{
  background:
    radial-gradient(ellipse 60% 40% at 50% -5%,color-mix(in srgb,var(--up-accent) 12%,transparent),transparent 60%),
    var(--up-bg)!important
}
html[data-theme] .showcase-pitch{
  background:
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--up-accent) 6%,transparent) 0 46px,transparent 46px 92px),
    var(--up-bg-2)!important;
  border:1px solid var(--up-line)!important;box-shadow:inset 0 0 40px color-mix(in srgb,var(--up-accent) 8%,transparent)!important
}
html[data-theme] .orbit-two,
html[data-theme] .pitch-orbit{border-color:color-mix(in srgb,var(--up-accent) 28%,transparent)!important}
html[data-theme] .start-main-action,
html[data-theme] #newCareerBtn{
  background:linear-gradient(105deg,var(--up-accent-2),var(--up-accent))!important;
  color:var(--up-on-accent)!important;
  box-shadow:0 12px 30px -14px color-mix(in srgb,var(--up-accent) 75%,transparent)!important
}
html[data-theme] .start-daily-challenge{
  border:1px solid var(--up-line)!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--up-accent) 10%,transparent),color-mix(in srgb,var(--up-accent) 4%,transparent))!important;
  color:var(--up-text)!important
}
html[data-theme] .start-feature-cta{color:var(--up-accent)!important}
html[data-theme] .start-footnote span:first-child{color:var(--up-accent)!important}
html[data-theme] .start-form input,
html[data-theme] .start-form select{
  background:var(--up-card)!important;color:var(--up-text)!important;border:1px solid var(--up-line)!important
}
html[data-theme] .start-form label{color:var(--up-muted)!important}
html[data-theme] meta[name="theme-color"]{content:var(--up-bg)}

/* —— Country roulette (Pays step) —— */
html[data-theme] .up-pays{
  margin:0 0 1rem;padding:1rem 1rem 1.1rem;border:1px solid var(--up-line);
  border-radius:var(--radius);background:var(--up-card);box-shadow:var(--up-shadow)
}
html[data-theme] .up-pays-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}
html[data-theme] .up-pays-head h3{margin:0;font-size:1.05rem;letter-spacing:-.02em;color:var(--up-text)}
html[data-theme] .up-pays-head p{margin:.2rem 0 0;font-size:.78rem;color:var(--up-muted);line-height:1.35;max-width:36ch}
html[data-theme] .up-flow-steps{font-size:.72rem;font-weight:600;color:var(--up-muted);white-space:nowrap}
html[data-theme] .up-flow-steps b{color:var(--up-accent)}
html[data-theme] .up-pays-search{
  display:flex;align-items:center;gap:.45rem;margin:.35rem 0 .7rem;
  background:var(--up-bg);border:1px solid var(--up-line);border-radius:999px;padding:.45rem .85rem
}
html[data-theme] .up-pays-search input{
  border:0!important;outline:0;background:transparent!important;width:100%;
  font:inherit;font-size:.82rem;color:var(--up-text)!important;min-height:0!important;padding:0!important;box-shadow:none!important
}
html[data-theme] .up-wheel-wrap{
  position:relative;width:100%;max-width:420px;height:168px;margin:.2rem auto .35rem;perspective:780px
}
html[data-theme] .up-wheel{
  position:absolute;inset:0;transform-style:preserve-3d;
  transition:transform 1.65s cubic-bezier(.15,.85,.2,1)
}
html[data-theme] .up-orb{
  position:absolute;left:50%;top:58%;width:64px;height:64px;margin:-32px;
  border-radius:50%;overflow:hidden;background:var(--up-bg-2);
  border:2.5px solid color-mix(in srgb,var(--up-card) 90%,#fff);
  box-shadow:0 10px 22px color-mix(in srgb,var(--up-text) 16%,transparent);
  transform-style:preserve-3d;cursor:pointer;padding:0;
  transition:filter .35s ease,opacity .35s ease,box-shadow .35s ease,border-color .35s ease
}
html[data-theme] .up-orb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
html[data-theme] .up-orb.is-front{
  border-color:color-mix(in srgb,var(--up-accent) 55%,transparent);
  box-shadow:0 16px 34px color-mix(in srgb,var(--up-accent) 30%,transparent),0 0 0 5px color-mix(in srgb,var(--up-accent) 12%,transparent);
  z-index:5
}
html[data-theme] .up-orb.is-near{filter:blur(1px);opacity:.78}
html[data-theme] .up-orb.is-far{filter:blur(3.2px);opacity:.38}
html[data-theme] .up-pointer{
  position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
  width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;
  border-bottom:10px solid var(--up-accent);opacity:.9;z-index:6;pointer-events:none
}
html[data-theme] .up-glow{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);
  width:160px;height:48px;border-radius:50%;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--up-accent) 20%,transparent),transparent 70%);
  pointer-events:none;z-index:0
}
html[data-theme] .up-pays-label{text-align:center;min-height:44px;margin-top:.15rem}
html[data-theme] .up-pays-label strong{
  display:block;font-size:1.15rem;font-weight:750;letter-spacing:-.02em;color:var(--up-text);
  transition:transform .25s ease
}
html[data-theme] .up-pays-label.bump strong{transform:scale(1.04)}
html[data-theme] .up-pays-label span{font-size:.75rem;color:var(--up-muted)}
html[data-theme] .up-pays.spinning .up-pays-label span::after{content:" · roulette…"}
html[data-theme] .up-pays-cta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.55rem}
html[data-theme] .up-pays-cta .primary{min-height:42px!important;padding:.55rem 1.1rem!important;font-size:.85rem!important}
html[data-theme] .up-chips{
  display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:100%;margin-top:.75rem;max-height:92px;overflow:auto
}
html[data-theme] .up-chip{
  border:1px solid var(--up-line);background:var(--up-bg);border-radius:999px;
  padding:5px 10px 5px 5px;display:inline-flex;align-items:center;gap:6px;
  font-size:.72rem;font-weight:650;cursor:pointer;color:var(--up-text);
  box-shadow:0 3px 10px color-mix(in srgb,var(--up-text) 6%,transparent)
}
html[data-theme] .up-chip img{width:18px;height:18px;border-radius:50%;object-fit:cover}
html[data-theme] .up-chip.active{
  border-color:color-mix(in srgb,var(--up-accent) 40%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--up-accent) 12%,transparent);color:var(--up-accent)
}
html[data-theme] .up-step-club[hidden],
html[data-theme] .up-step-mode[hidden]{display:none!important}
html[data-theme] .setup-card.up-wizard .up-step-club,
html[data-theme] .setup-card.up-wizard .up-step-mode{animation:upReveal .35s ease}
@keyframes upReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:720px){
  html[data-theme] .up-wheel-wrap{height:148px;max-width:100%}
  html[data-theme] .up-orb{width:54px;height:54px;margin:-27px}
  html[data-theme] .up-pays-head{flex-direction:column}
}

/* Force progressive disclosure (beats display:flex on .start-actions etc.) */
html[data-theme] .up-step-club[hidden],
html[data-theme] .up-step-mode[hidden],
html[data-theme] #upStepActions[hidden],
html[data-theme] .start-actions[hidden],
html[data-theme] #clubPreview[hidden],
html[data-theme] #startDailyChallenge[hidden],
html[data-theme] #startModes[hidden],
html[data-theme] #esModeBox[hidden],
html[data-theme] .es-mode-box[hidden]{display:none!important}

/* start-modes injected by arena — oxblood, not lime */
html[data-theme] .start-modes{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.75rem 0
}
html[data-theme] .start-modes button,
html[data-theme] .start-modes .start-mode,
html[data-theme] #startModes > *{
  background:var(--up-bg)!important;border:1px solid var(--up-line)!important;
  border-radius:14px!important;color:var(--up-text)!important;
  box-shadow:none!important
}
html[data-theme] .start-modes .active,
html[data-theme] #startModes > *.active,
html[data-theme] #startModes button.active{
  border-color:color-mix(in srgb,var(--up-accent) 45%,transparent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--up-accent) 12%,transparent)!important;
  background:color-mix(in srgb,var(--up-accent) 8%,var(--up-card))!important
}

/* Cine intro lime → Updraft accent */
html[data-theme] .cine-cap p b,
html[data-theme] .cine-cap b{color:var(--up-accent)!important}
html[data-theme] .cine-cta:hover{
  background:color-mix(in srgb,var(--up-accent) 18%,transparent)!important;
  border-color:var(--up-accent)!important
}
html[data-theme] .cine-flash{
  background:radial-gradient(circle at 60% 30%,#fff,color-mix(in srgb,var(--up-bg) 70%,#fff) 60%,var(--up-bg-2))!important
}
/* Extra landing lime purge (hardcoded greens in landing-v2 / mini-match) */
html[data-theme] .eyebrow::before,
html[data-theme] .section .eyebrow::before{background:var(--up-accent)!important;color:var(--up-accent)!important}
html[data-theme] .mini-match canvas{
  filter:saturate(.55) hue-rotate(-25deg) brightness(.95)!important
}
html[data-theme] .hero-fx,
html[data-theme] canvas.hero-fx{filter:hue-rotate(-85deg) saturate(.55) brightness(.9)!important;opacity:.4}
html[data-theme] .trust span::before{color:var(--up-accent)!important}
html[data-theme] .mark img{filter:none!important} /* updraft svg already oxblood when swapped */
html[data-theme] .hero .mark img,
html[data-theme] .mark img,
html[data-theme] .brand-ball img[src*="updraft"],
html[data-theme] .loading-logo img[src*="updraft"]{filter:none!important}


/* —— Updraft v4: kill ui-refresh mint CTAs (streak modal etc.) —— */
html[data-theme="paper"],html[data-theme="ink"],html[data-theme]{
  --refresh-mint:var(--up-accent)!important;
  --refresh-blue:var(--up-accent-2)!important;
}
html[data-theme] button.primary,
html[data-theme] .primary,
html[data-theme] button.daily-claim,
html[data-theme] .daily-claim,
html[data-theme] .start-main-action,
html[data-theme] .start-actions .primary,
html[data-theme] .top-actions .primary,
html[data-theme] .quick-start b{
  background:var(--up-accent)!important;
  background-image:none!important;
  color:var(--up-on-accent)!important;
  border:0!important;
  box-shadow:0 10px 24px -12px color-mix(in srgb,var(--up-accent) 70%,transparent)!important;
}
html[data-theme] button.primary:hover,
html[data-theme] .primary:hover,
html[data-theme] button.daily-claim:hover,
html[data-theme] .daily-claim:hover{
  background:var(--up-accent-2)!important;
  background-image:none!important;
  transform:translateY(-1px);
}
html[data-theme] .daily-prize{
  background:color-mix(in srgb,var(--up-accent) 10%,var(--up-surface))!important;
  border-color:color-mix(in srgb,var(--up-accent) 28%,transparent)!important;
  color:var(--up-text)!important;
}
html[data-theme] .daily-prize i{
  background:color-mix(in srgb,var(--up-accent) 14%,transparent)!important;
  border-color:color-mix(in srgb,var(--up-accent) 22%,transparent)!important;
  color:var(--up-accent)!important;
}
html[data-theme] .daily-prize span{color:var(--up-muted)!important}
html[data-theme] .daily-dot.on{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  border-color:transparent!important;
}
html[data-theme] .nav-btn.active,
html[data-theme] nav button.active{
  box-shadow:inset 3px 0 var(--up-accent)!important;
  color:var(--up-accent)!important;
}
html[data-theme] .nav-btn.active i,
html[data-theme] nav button.active i{color:var(--up-accent)!important}

/* —— Updraft v5: Effectif / squad lime purge (Meilleur onze, Titulaire) —— */
html[data-theme="paper"],html[data-theme="ink"],html[data-theme],:root{
  --grass:var(--up-accent)!important;
  --grass-soft:color-mix(in srgb,var(--up-accent) 14%,transparent)!important;
  --turf:var(--up-accent)!important;
  --turf-soft:color-mix(in srgb,var(--up-accent) 14%,transparent)!important;
  --v2-lime:var(--up-accent)!important;
  --v2-lime-deep:var(--up-accent-2)!important;
}
html[data-theme] .positive,
html[data-theme] span.positive,
html[data-theme] .world-headline.positive{
  color:var(--up-accent)!important;
  border-left-color:var(--up-accent)!important;
}
html[data-theme] #sAuto,
html[data-theme] button#sAuto,
html[data-theme] .s-play,
html[data-theme] button.primary.s-play,
html[data-theme] #autoLineup,
html[data-theme] button#autoLineup,
html[data-theme] #bestXI,
html[data-theme] button#bestXI{
  background:var(--up-accent)!important;
  background-image:none!important;
  color:var(--up-on-accent)!important;
  border:0!important;
  box-shadow:0 10px 24px -12px color-mix(in srgb,var(--up-accent) 70%,transparent)!important;
}
html[data-theme] #sAuto:hover,
html[data-theme] .s-play:hover,
html[data-theme] #autoLineup:hover,
html[data-theme] #bestXI:hover{
  background:var(--up-accent-2)!important;
  background-image:none!important;
}
html[data-theme] .s-row.xi{
  border-color:color-mix(in srgb,var(--up-accent) 30%,transparent)!important;
  background:color-mix(in srgb,var(--up-accent) 10%,transparent)!important;
}
html[data-theme] .s-xi{
  background:color-mix(in srgb,var(--up-accent) 8%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--up-accent) 22%,transparent)!important;
  color:var(--up-text)!important;
}
html[data-theme] .s-row.xi .s-xi{
  background:color-mix(in srgb,var(--up-accent) 18%,transparent)!important;
  color:var(--up-accent)!important;
  border-color:var(--up-accent)!important;
}
html[data-theme] .ui-daily-badge{
  background:color-mix(in srgb,var(--up-accent) 13%,transparent)!important;
  color:var(--up-accent)!important;
}
html[data-theme] .s-pos.pos-MID,
html[data-theme] .pos-MID{
  color:var(--up-accent)!important;
}
html[data-theme] .nav-mercato-chip.open,
html[data-theme] .simple-nav button.active,
html[data-theme] html[data-ui="simple"] .simple-nav button.active,
html[data-theme][data-ui="simple"] .simple-nav button.active,
html[data-theme] .s-tabs button.active,
html[data-theme] .s-chips button.active,
html[data-theme] .s-plan button.active{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  border-color:var(--up-accent)!important;
  box-shadow:none!important;
}
html[data-theme] .form-W,
html[data-theme] .spark-W,
html[data-theme] .heat-dot.fit{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
}
html[data-theme] .value-trend.up,
html[data-theme] .window-chip.open,
html[data-theme] .data-chip.real,
html[data-theme] .save-state i{
  color:var(--up-accent)!important;
  border-color:var(--up-accent)!important;
  background:var(--up-accent)!important;
}
html[data-theme] .save-state i{width:7px;height:7px}
html[data-theme] .gx-list button:hover,
html[data-theme] .gx-list button:focus-visible{
  border-color:var(--up-accent)!important;
  color:var(--up-accent)!important;
}

html[data-theme] .cine-cta{
  background:var(--up-accent)!important;
  border-color:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  letter-spacing:.12em!important;
  box-shadow:0 14px 34px -14px color-mix(in srgb,var(--up-accent) 65%,transparent)!important;
}
html[data-theme] .cine-cta:hover{
  background:var(--up-accent-2)!important;
  border-color:var(--up-accent-2)!important;
  color:var(--up-on-accent)!important;
}
html[data-theme] .top .play,
html[data-theme] a.play,
html[data-theme] .nav-play,
html[data-theme] header .cta-mini,
html[data-theme] .hero-cta,
html[data-theme] a[href="/#lang=fr"].cta,
html[data-theme] a[href="/#lang=en"].cta{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  border-color:var(--up-accent)!important;
}

/* —— Lang switcher: full set FR…TR must wrap —— */
html[data-theme] .langs{
  display:flex!important;flex-wrap:wrap!important;gap:.28rem!important;justify-content:flex-end!important;max-width:min(100%,420px)!important
}
html[data-theme] .langs a{
  font-size:.68rem!important;padding:.28rem .48rem!important;min-width:2rem;text-align:center
}


/* —— Updraft v7: in-game shell (dashboard / nav / dock / mercato) —— */
/* Kill mint hairlines & paper green panels from ui-refresh */
html[data-theme] .panel::before,
html[data-theme] .stat-card::before,
html[data-theme] .hero-card::before,
html[data-theme] .assistant-briefing::before,
html[data-theme] .gameplan-card::before{
  background:linear-gradient(90deg,color-mix(in srgb,var(--up-accent) 45%,transparent),transparent 72%)!important
}
html[data-theme="paper"] .panel,
html[data-theme="paper"] .stat-card,
html[data-theme="paper"] .choice-card,
html[data-theme="paper"] .hero-card,
html[data-theme="paper"] .assistant-briefing,
html[data-theme="paper"] .quick-action,
html[data-theme="paper"] .disclosure,
html[data-theme="paper"] .club-card,
html[data-theme="paper"] .fixture-card,
html[data-theme="paper"] .objective,
html[data-theme="paper"] .gameplan-card,
html[data-theme="paper"] .ritual-card,
html[data-theme="paper"] .achievement,
html[data-theme="paper"] .gameplan-panel,
html[data-theme="paper"] .facility-card,
html[data-theme="paper"] .sponsor-card,
html[data-theme="paper"] .rumor-card,
html[data-theme="paper"] .feed-post,
html[data-theme="paper"] .guide,
html[data-theme="paper"] .card,
html[data-theme="paper"] .club-shop,
html[data-theme="paper"] .engagement-hub,
html[data-theme="paper"] .first-steps,
html[data-theme="paper"] .trophy-shelf{
  background:var(--up-card)!important;
  border-color:var(--up-line)!important;
  box-shadow:var(--up-shadow)!important
}
html[data-theme] .panel,
html[data-theme] .stat-card,
html[data-theme] .choice-card,
html[data-theme] .hero-card,
html[data-theme] .assistant-briefing,
html[data-theme] .quick-action,
html[data-theme] .club-card,
html[data-theme] .fixture-card,
html[data-theme] .objective,
html[data-theme] .gameplan-card,
html[data-theme] .ritual-card,
html[data-theme] .gameplan-panel,
html[data-theme] .facility-card,
html[data-theme] .sponsor-card,
html[data-theme] .rumor-card,
html[data-theme] .feed-post,
html[data-theme] .card,
html[data-theme] .club-shop,
html[data-theme] .engagement-hub,
html[data-theme] .first-steps,
html[data-theme] .trophy-shelf,
html[data-theme] .disclosure,
html[data-theme] .achievement{
  border-radius:20px!important;
  border:1px solid var(--up-line)!important;
  background:var(--up-card)!important;
  box-shadow:0 10px 28px -18px color-mix(in srgb,var(--up-text) 35%,transparent)!important;
  color:var(--up-text)!important
}
html[data-theme] .stat-card{
  position:relative;overflow:hidden;min-height:110px!important;padding:1.05rem 1.1rem!important
}
html[data-theme] .stat-card::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--up-accent);opacity:.7;border-radius:3px 0 0 3px
}
html[data-theme] .stat-card .value,
html[data-theme] .stat-card strong{
  font-size:clamp(1.45rem,2vw,1.9rem)!important;letter-spacing:-.04em!important;
  color:var(--up-text)!important;font-weight:800!important
}
html[data-theme] .stat-card .muted,
html[data-theme] .stat-card .micro,
html[data-theme] .stat-card small{color:var(--up-muted)!important}
html[data-theme] .fixture-card:hover,
html[data-theme] .club-card:hover,
html[data-theme] .quick-action:hover{
  border-color:color-mix(in srgb,var(--up-accent) 35%,transparent)!important;
  transform:translateY(-1px)
}

/* Shell chrome */
html[data-theme] .app-shell,
html[data-theme] .shell,
html[data-theme] main.content,
html[data-theme] #app,
html[data-theme] .main-view,
html[data-theme] .view,
html[data-theme] .page,
html[data-theme] .content-wrap{
  background:
    radial-gradient(900px 420px at 100% -10%, color-mix(in srgb,var(--up-accent) 9%,transparent), transparent 55%),
    var(--up-bg)!important;
  color:var(--up-text)!important
}
html[data-theme] .topbar{
  background:color-mix(in srgb,var(--up-card) 72%,transparent)!important;
  border-bottom:1px solid var(--up-line)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:none!important
}
html[data-theme] .topbar .club-name,
html[data-theme] .topbar h1,
html[data-theme] .topbar h2,
html[data-theme] .topbar strong{color:var(--up-text)!important}
html[data-theme] .topbar .muted,
html[data-theme] .topbar small{color:var(--up-muted)!important}
html[data-theme] .window-chip,
html[data-theme] .data-chip,
html[data-theme] .cloud-chip,
html[data-theme] .topbar .chip,
html[data-theme] .pill-chip{
  background:color-mix(in srgb,var(--up-accent) 10%,var(--up-bg-2))!important;
  border:1px solid var(--up-line)!important;
  color:var(--up-text)!important;
  border-radius:999px!important
}
html[data-theme] .ticker{
  background:var(--up-bg-2)!important;
  border-bottom:1px solid var(--up-line)!important;
  color:var(--up-muted)!important
}
html[data-theme] .ticker-label{
  background:var(--up-accent)!important;color:var(--up-on-accent)!important;
  border-radius:999px!important;font-weight:700!important
}

/* Sidebar → Updraft rail */
html[data-theme] .sidebar{
  background:color-mix(in srgb,var(--up-bg) 35%,#140E0E)!important;
  border-right:1px solid var(--up-line)!important;
  box-shadow:none!important
}
html[data-theme="paper"] .sidebar{
  background:#140E0E!important;color:#F5F2EA!important;border-right:0!important
}
html[data-theme="ink"] .sidebar{
  background:#0E0E10!important;border-right:1px solid var(--up-line)!important
}
html[data-theme] .sidebar .nav-section{
  color:color-mix(in srgb,var(--up-muted) 80%,#fff)!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;font-size:.62rem!important
}
html[data-theme] .nav-btn{
  border-radius:14px!important;color:rgba(245,242,234,.48)!important;
  background:transparent!important;border:0!important;box-shadow:none!important
}
html[data-theme] .nav-btn:hover{
  background:rgba(255,255,255,.06)!important;color:#F8F3EC!important
}
html[data-theme] .nav-btn.active{
  background:color-mix(in srgb,var(--up-accent) 38%,transparent)!important;
  color:#F8F3EC!important;
  box-shadow:none!important
}
html[data-theme] .nav-btn.active i{color:inherit!important}
html[data-theme="paper"] .nav-btn.active{
  background:rgba(110,31,42,.42)!important;color:#F8F3EC!important
}
html[data-theme="ink"] .nav-btn.active{
  background:color-mix(in srgb,var(--up-accent) 22%,transparent)!important;
  color:var(--up-accent)!important
}

/* Bottom dock + simple-nav */
html[data-theme] .bottom-nav,
html[data-theme] html[data-ui="simple"] .simple-nav,
html[data-theme][data-ui="simple"] .simple-nav{
  background:color-mix(in srgb,var(--up-card) 92%,transparent)!important;
  border:1px solid var(--up-line)!important;
  border-top-color:var(--up-line)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 -12px 36px -18px color-mix(in srgb,var(--up-text) 40%,transparent)!important
}
html[data-theme][data-ui="simple"] .simple-nav{
  border-radius:20px!important;
  background:color-mix(in srgb,#140E0E 88%,var(--up-accent))!important;
  border:1px solid color-mix(in srgb,var(--up-accent) 22%,transparent)!important
}
html[data-theme] .bottom-nav button,
html[data-theme][data-ui="simple"] .simple-nav button{
  color:var(--up-muted)!important;background:transparent!important;border:0!important
}
html[data-theme] .bottom-nav button.active,
html[data-theme] .bottom-nav button.active i,
html[data-theme][data-ui="simple"] .simple-nav button.active,
html[data-theme][data-ui="simple"] .simple-nav button.active i{
  background:color-mix(in srgb,var(--up-accent) 18%,transparent)!important;
  color:var(--up-accent)!important;
  box-shadow:none!important
}
html[data-theme="paper"][data-ui="simple"] .simple-nav{
  background:rgba(20,14,14,.94)!important
}
html[data-theme="paper"][data-ui="simple"] .simple-nav button{color:rgba(245,242,234,.55)!important}
html[data-theme="paper"][data-ui="simple"] .simple-nav button.active,
html[data-theme="paper"][data-ui="simple"] .simple-nav button.active i{
  background:rgba(110,31,42,.4)!important;color:#F8F3EC!important
}

/* Page titles / section heads */
html[data-theme] .view-title,
html[data-theme] .page-title,
html[data-theme] .panel-title,
html[data-theme] .section-title,
html[data-theme] .content h1,
html[data-theme] .content h2,
html[data-theme] .main h1,
html[data-theme] .main h2,
html[data-theme] .simple-page h1,
html[data-theme] .simple-page h2{
  color:var(--up-text)!important;letter-spacing:-.02em!important
}
html[data-theme] .eyebrow,
html[data-theme] .kicker{color:var(--up-accent)!important}

/* Tables (classement, effectif, mercato lists) */
html[data-theme] table,
html[data-theme] .data-table,
html[data-theme] .squad-table,
html[data-theme] .mini-table{
  color:var(--up-text)!important;border-color:var(--up-line)!important
}
html[data-theme] th{
  color:var(--up-muted)!important;font-weight:600!important;
  text-transform:uppercase;letter-spacing:.04em;font-size:.7rem!important;
  border-color:var(--up-line)!important
}
html[data-theme] td{border-color:var(--up-line)!important}
html[data-theme] tr:hover td{
  background:color-mix(in srgb,var(--up-accent) 6%,transparent)!important
}
html[data-theme] tr.me td,
html[data-theme] tr.selected td,
html[data-theme] tr.is-user td{
  background:color-mix(in srgb,var(--up-accent) 8%,transparent)!important;font-weight:700
}

/* Mercato / filters */
html[data-theme] .nav-mercato-chip,
html[data-theme] .s-chips button,
html[data-theme] .s-tabs button,
html[data-theme] .filter-chip,
html[data-theme] .chip-btn{
  border-radius:999px!important;
  border:1px solid var(--up-line)!important;
  background:transparent!important;
  color:var(--up-text)!important
}
html[data-theme] .nav-mercato-chip.open,
html[data-theme] .s-chips button.active,
html[data-theme] .s-tabs button.active,
html[data-theme] .s-plan button.active,
html[data-theme] .filter-chip.active,
html[data-theme] .chip-btn.active{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  border-color:var(--up-accent)!important
}

/* Modals / drawers */
html[data-theme] .modal,
html[data-theme] .drawer,
html[data-theme] .sheet,
html[data-theme] .popover,
html[data-theme] .menu-panel{
  background:var(--up-card)!important;
  border:1px solid var(--up-line)!important;
  border-radius:20px!important;
  color:var(--up-text)!important;
  box-shadow:var(--up-shadow)!important
}
html[data-theme] .modal-backdrop,
html[data-theme] .overlay{
  background:rgba(10,8,8,.55)!important
}

/* Advance / primary dock CTA */
html[data-theme] #advanceBtn,
html[data-theme] .advance-btn,
html[data-theme] button.advance{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 10px 24px -12px color-mix(in srgb,var(--up-accent) 70%,transparent)!important
}

/* Links & accents inside app */
html[data-theme] .content a:not(.nav-btn):not(.langs a),
html[data-theme] .panel a,
html[data-theme] .linkish{color:var(--up-accent)!important}

/* Inputs in-game */
html[data-theme] .content select,
html[data-theme] .content input,
html[data-theme] .panel select,
html[data-theme] .panel input,
html[data-theme] .modal select,
html[data-theme] .modal input{
  background:var(--up-bg-2)!important;
  border:1px solid var(--up-line)!important;
  color:var(--up-text)!important;
  border-radius:12px!important
}

html[data-theme] .app,
html[data-theme] #gameScreen,
html[data-theme] main.content,
html[data-theme] #content{
  background:
    radial-gradient(900px 420px at 100% -10%, color-mix(in srgb,var(--up-accent) 9%,transparent), transparent 55%),
    var(--up-bg)!important;
  color:var(--up-text)!important
}
html[data-theme] .sidebar-social-x{
  border:1px solid var(--up-line)!important;
  border-radius:14px!important;
  color:rgba(245,242,234,.7)!important;
  background:rgba(255,255,255,.04)!important
}


/* —— Updraft v7b: kill remaining in-game lime chrome —— */
html[data-theme] .app{
  background-image:
    radial-gradient(ellipse at 76% 0%, color-mix(in srgb,var(--up-accent) 10%,transparent), transparent 34%),
    linear-gradient(180deg, var(--up-bg), var(--up-bg-2))!important;
  background-color:var(--up-bg)!important
}
html[data-theme] .s-gauge{
  background:color-mix(in srgb,var(--up-text) 8%,transparent)!important
}
html[data-theme] .s-gauge i,
html[data-theme] .progress > span,
html[data-theme] .impact-track i,
html[data-theme] .impact-g.up .impact-track i{
  background:linear-gradient(90deg,var(--up-accent),var(--up-accent-2))!important
}
html[data-theme] .f-W{
  background:color-mix(in srgb,var(--up-accent) 22%,transparent)!important;
  color:var(--up-accent)!important
}
html[data-theme] .top-actions #themeBtn,
html[data-theme="paper"] .top-actions #themeBtn,
html[data-theme] #themeBtn{
  background:color-mix(in srgb,var(--up-accent) 12%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--up-accent) 30%,transparent)!important;
  color:var(--up-accent)!important;
  border-radius:12px!important
}
html[data-theme] .save-state,
html[data-theme="paper"] .save-state,
html[data-theme] .window-chip,
html[data-theme="paper"] .window-chip{
  background:var(--up-card)!important;
  border:1px solid var(--up-line)!important;
  color:var(--up-text)!important
}
html[data-theme] .save-state i,
html[data-theme="paper"] .save-state i{
  background:var(--up-accent)!important
}
html[data-theme] .topbar::after,
html[data-theme="paper"] .topbar::after,
html[data-theme] .page-head::after,
html[data-theme] .setup-card::before{
  background:linear-gradient(90deg,var(--up-accent),transparent)!important;
  opacity:.85!important
}
html[data-theme] .s-card,
html[data-theme] .s-stat,
html[data-theme] .next-match-v36,
html[data-theme] .simple-page .s-card{
  background:var(--up-card)!important;
  border:1px solid var(--up-line)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px -18px color-mix(in srgb,var(--up-text) 28%,transparent)!important;
  color:var(--up-text)!important
}
html[data-theme] .s-stat span{color:var(--up-muted)!important}
html[data-theme] .s-stat strong{color:var(--up-text)!important}
html[data-theme] .s-stat small{color:var(--up-muted)!important}

/* Simple dock: force Updraft over ui-refresh paper greens */
html[data-theme][data-ui="simple"] .simple-nav,
html[data-theme="paper"][data-ui="simple"] .simple-nav,
html[data-theme="ink"][data-ui="simple"] .simple-nav{
  background:rgba(20,14,14,.96)!important;
  border:1px solid color-mix(in srgb,var(--up-accent) 28%,transparent)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.45)!important;
  border-radius:20px!important
}
html[data-theme][data-ui="simple"] .simple-nav button,
html[data-theme="paper"][data-ui="simple"] .simple-nav button{
  color:rgba(245,242,234,.55)!important;
  background:transparent!important
}
html[data-theme][data-ui="simple"] .simple-nav button i,
html[data-theme="paper"][data-ui="simple"] .simple-nav button i,
html[data-theme][data-ui="simple"] .simple-nav .sn-more i{
  color:rgba(245,242,234,.7)!important;
  filter:none!important
}
html[data-theme][data-ui="simple"] .simple-nav button.active,
html[data-theme="paper"][data-ui="simple"] .simple-nav button.active{
  background:color-mix(in srgb,var(--up-accent) 42%,transparent)!important;
  color:#F8F3EC!important;
  box-shadow:none!important
}
html[data-theme][data-ui="simple"] .simple-nav button.active i,
html[data-theme="paper"][data-ui="simple"] .simple-nav button.active i{
  color:#F8F3EC!important
}

/* Status open / positive micro labels */
html[data-theme] .status-open,
html[data-theme] .market-open,
html[data-theme] .badge-open,
html[data-theme] .ouvert,
html[data-theme] .is-open{
  color:var(--up-accent)!important
}
html[data-theme] .status-open::before,
html[data-theme] .market-open::before,
html[data-theme] .is-open::before{
  background:var(--up-accent)!important
}

/* Next match / staff tip cards denser */
html[data-theme] .next-match-v36,
html[data-theme] .assistant-briefing,
html[data-theme] .staff-tip,
html[data-theme] .conseil-staff{
  background:
    radial-gradient(ellipse at 50% 0%, color-mix(in srgb,var(--up-accent) 8%,transparent), transparent 55%),
    var(--up-card)!important
}


/* —— Updraft v7c: Mercato Ouvert + Remplaçant residual green —— */
html[data-theme] .s-window.open,
html[data-theme] .s-window.open *,
html[data-theme="paper"] .s-window.open,
html[data-theme="ink"] .s-window.open{
  color:var(--up-accent)!important
}
html[data-theme] .s-window.open::before,
html[data-theme] .s-window.open::after,
html[data-theme] .s-window.open i,
html[data-theme] .s-window.open .dot,
html[data-theme] .s-window.open span::before{
  background:var(--up-accent)!important;
  color:var(--up-accent)!important;
  border-color:var(--up-accent)!important
}
html[data-theme] .nav-mercato-chip.open,
html[data-theme="paper"] .nav-mercato-chip.open{
  background:color-mix(in srgb,var(--up-accent) 18%,transparent)!important;
  color:var(--up-accent)!important
}
html[data-theme] .window-chip.open,
html[data-theme="paper"] .window-chip.open{
  border-color:var(--up-accent)!important;
  color:var(--up-accent)!important;
  background:color-mix(in srgb,var(--up-accent) 10%,transparent)!important
}
/* Remplaçant / bench rows: kill pale mint wash */
html[data-theme] .s-row.bench,
html[data-theme] .s-row.remplaçant,
html[data-theme] .s-row.remplacant,
html[data-theme] .s-row:not(.xi):not(.titulaire),
html[data-theme] .squad-row.bench,
html[data-theme] .player-row.bench{
  background:var(--up-card)!important;
  border-color:var(--up-line)!important
}
html[data-theme] .s-row .badge-remplaçant,
html[data-theme] .s-row .badge-remplacant,
html[data-theme] .s-row .role-bench,
html[data-theme] .chip-bench{
  background:color-mix(in srgb,var(--up-text) 8%,transparent)!important;
  color:var(--up-muted)!important
}
/* catch any remaining grass/#9BE564 micro accents in mercato header */
html[data-theme] #content .s-window,
html[data-theme] .simple-page .s-window{
  font-weight:700
}
html[data-theme] #content .s-window.open{
  color:var(--up-accent)!important
}

/* —— Updraft v7d: Ouvert uses ● not green emoji; reinforce —— */
html[data-theme] .s-window.open{
  color:var(--up-accent)!important;
  font-variant-emoji:text;
}
html[data-theme] .s-window.open,
html[data-theme] #content .s-window.open{
  color:var(--up-accent)!important
}


/* —— Updraft v7e: denser Accueil + ink in-game polish —— */
html[data-theme][data-ui="simple"] #content{
  padding:1rem 1.1rem 6.5rem!important;
  max-width:980px;
  margin:0 auto;
}
html[data-theme] .simple-page{
  display:grid!important;
  gap:1rem!important;
  align-content:start;
}
html[data-theme] .simple-page .s-hero,
html[data-theme] .s-card.s-hero{
  padding:1.35rem 1.4rem 1.45rem!important;
  border-radius:22px!important;
  background:
    radial-gradient(ellipse at 12% 0%, color-mix(in srgb,var(--up-accent) 16%,transparent), transparent 52%),
    radial-gradient(ellipse at 88% 120%, color-mix(in srgb,var(--up-accent) 8%,transparent), transparent 45%),
    var(--up-card)!important;
  border:1px solid var(--up-line)!important;
  box-shadow:0 18px 40px -24px color-mix(in srgb,var(--up-text) 40%,transparent)!important;
}
html[data-theme] .s-hero .eyebrow,
html[data-theme] .s-card.s-hero .eyebrow{
  color:var(--up-accent)!important;
  letter-spacing:.14em!important;
  font-weight:800!important;
}
html[data-theme] .s-hero h2,
html[data-theme] .s-card.s-hero h2{
  font-size:clamp(1.55rem,2.4vw,2rem)!important;
  line-height:1.15!important;
  margin:.35rem 0 1rem!important;
  color:var(--up-text)!important;
}
html[data-theme] .s-play,
html[data-theme] .primary.s-play{
  border-radius:16px!important;
  min-height:58px!important;
  box-shadow:0 12px 28px -14px color-mix(in srgb,var(--up-accent) 70%,transparent)!important;
}
html[data-theme] .s-secondary{
  border-radius:14px!important;
  border:1px solid var(--up-line)!important;
  background:transparent!important;
  color:var(--up-text)!important;
}
html[data-theme] .s-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:.75rem!important;
}
html[data-theme] .s-grid .s-stat{
  min-height:118px;
  padding:1rem 1.05rem!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:.45rem;
}
html[data-theme] .s-last{
  border-radius:14px!important;
  border:1px solid var(--up-line)!important;
  background:var(--up-card)!important;
  color:var(--up-text)!important;
  padding:.85rem 1rem!important;
  text-align:left!important;
}
html[data-theme] .s-last u{color:var(--up-accent)!important;text-underline-offset:3px}
html[data-theme] .notice.s-pending,
html[data-theme] .dilemma-notice{
  border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--up-accent) 35%,transparent)!important;
  background:color-mix(in srgb,var(--up-accent) 10%,var(--up-card))!important;
  color:var(--up-text)!important;
}

/* Desktop: hero + stats feel less sparse */
@media (min-width:900px){
  html[data-theme][data-ui="simple"] #content{padding-top:1.35rem!important}
  html[data-theme] .simple-page{gap:1.15rem!important}
  html[data-theme] .s-grid .s-stat{min-height:132px}
}

@media (max-width:560px){
  html[data-theme] .s-grid{grid-template-columns:1fr 1fr!important}
  html[data-theme] .s-grid .s-stat:first-child{grid-column:1/-1}
}

/* Ink (dark) in-game reinforcement */
html[data-theme="ink"] .app,
html[data-theme="ink"] #content{
  background-color:var(--up-bg)!important;
  color:var(--up-text)!important;
}
html[data-theme="ink"] .s-card,
html[data-theme="ink"] .s-stat,
html[data-theme="ink"] .s-card.s-hero,
html[data-theme="ink"] .s-row,
html[data-theme="ink"] .s-last{
  background:var(--up-card)!important;
  border-color:var(--up-line)!important;
  color:var(--up-text)!important;
}
html[data-theme="ink"] .s-play,
html[data-theme="ink"] .primary.s-play,
html[data-theme="ink"] .primary{
  background:linear-gradient(135deg,var(--up-accent),var(--up-accent-2))!important;
  color:#1A1408!important;
  border:none!important;
}
html[data-theme="ink"] .simple-nav{
  background:rgba(12,10,8,.96)!important;
  border-color:color-mix(in srgb,var(--up-accent) 35%,transparent)!important;
}
html[data-theme="ink"] .s-window.open{color:var(--up-accent)!important}

/* —— Updraft v7f: ink button contrast + paper restore after toggle —— */
html[data-theme="ink"] .s-secondary,
html[data-theme="ink"] button.s-secondary,
html[data-theme="ink"] .ghost,
html[data-theme="ink"] button.ghost,
html[data-theme="ink"] .simple-choices .ghost,
html[data-theme="ink"] #sSugMarket,
html[data-theme="ink"] .s-plan button{
  background:color-mix(in srgb,var(--up-card) 70%,#000)!important;
  border:1px solid color-mix(in srgb,var(--up-accent) 42%,transparent)!important;
  color:var(--up-text)!important;
  opacity:1!important;
  filter:none!important;
}
html[data-theme="ink"] .s-plan button.active{
  background:var(--up-accent)!important;
  color:var(--up-on-accent)!important;
  border-color:var(--up-accent)!important;
}
html[data-theme="ink"] .s-play,
html[data-theme="ink"] button.primary,
html[data-theme="ink"] .primary,
html[data-theme="ink"] #sSugBuy,
html[data-theme="ink"] .simple-choices .primary{
  background:linear-gradient(135deg,#E0B35A,#C99A3E)!important;
  color:#17171A!important;
  border:0!important;
  opacity:1!important;
}
html[data-theme="ink"] .s-gauge i{
  background:linear-gradient(90deg,#E0B35A,#C99A3E)!important;
}

/* Paper must snap back to oxblood after ink toggle */
html[data-theme="paper"] .s-play,
html[data-theme="paper"] button.primary,
html[data-theme="paper"] .primary,
html[data-theme="paper"] #sSugBuy,
html[data-theme="paper"] .s-plan button.active{
  background:var(--up-accent)!important;
  background-image:none!important;
  color:var(--up-on-accent)!important;
  border:0!important;
}
html[data-theme="paper"] .s-secondary,
html[data-theme="paper"] button.s-secondary,
html[data-theme="paper"] .ghost,
html[data-theme="paper"] button.ghost,
html[data-theme="paper"] #sSugMarket,
html[data-theme="paper"] .s-plan button{
  background:var(--up-card)!important;
  border:1px solid var(--up-line)!important;
  color:var(--up-text)!important;
  opacity:1!important;
  filter:none!important;
}
html[data-theme="paper"] .s-plan button:not(.active){
  background:color-mix(in srgb,var(--up-bg-2) 80%,#fff)!important;
}
html[data-theme="paper"] .s-gauge i{
  background:linear-gradient(90deg,var(--up-accent),var(--up-accent-2))!important;
}

/* Staff tip card denser, less orphaned void feel */
html[data-theme] .s-suggest,
html[data-theme] .staff-suggest,
html[data-theme] #content .s-card:has(#sSugBuy),
html[data-theme] #content .s-card:has(#sSugMarket){
  margin-top:.25rem!important;
}

/* BEGIN ES-PLAYER-FACE 20261031 */
.player-face{display:inline-block;position:relative;overflow:hidden;width:34px;height:34px;min-width:34px;flex:0 0 34px;border-radius:50%;vertical-align:middle;line-height:0}
.player-face>svg{display:block;width:100%;height:100%}
.player-face-xs{width:24px;height:24px;min-width:24px;flex-basis:24px}
.player-face-xl{width:96px;height:96px;min-width:96px;flex-basis:96px}
.player-face-empty{display:inline-grid;place-items:center;line-height:1}
.squad-mobile-card>.player-face{margin-right:.5rem}
/* END ES-PLAYER-FACE 20261031 */