/* DataKickers UI V4 — light sports editorial system. Warm, readable, signal-first. */
:root{
  --dk-bg:#f2f4ef;
  --dk-paper:#ffffff;
  --dk-paper-soft:#f8f9f5;
  --dk-ink:#18352f;
  --dk-copy:#4f625d;
  --dk-muted:#7c8a86;
  --dk-line:#dce3dd;
  --dk-line-strong:#c8d3cb;
  --dk-signal:#b9e62e;
  --dk-signal-soft:#eef8c9;
  --dk-forest:#21483f;
  --dk-forest-2:#2f5b50;
  --dk-blue:#3d6f8a;
  --dk-shadow:0 24px 70px rgba(31,64,54,.09);
}
html{background:var(--dk-bg);color-scheme:light}
body{color:var(--dk-ink)!important;background:linear-gradient(180deg,#f5f6f2 0%,#eef2ed 100%)!important;-webkit-font-smoothing:antialiased}
.noise{opacity:.015!important}.aurora{filter:blur(90px)!important;opacity:.28!important}.aurora-a{background:#d8efb1!important;top:-100px!important;left:-140px!important}.aurora-b{background:#d8e8df!important;right:-160px!important;top:260px!important}

.topbar{height:76px!important;padding:0 max(28px,5vw)!important;background:rgba(247,248,244,.92)!important;border-bottom:1px solid rgba(44,79,68,.11)!important;box-shadow:none!important;backdrop-filter:blur(20px)!important}
.brand{gap:11px!important}.brand-glyph{width:40px!important;height:40px!important;border-radius:13px!important;background:var(--dk-forest)!important;color:#f7f9f3!important;box-shadow:0 7px 22px rgba(33,72,63,.18)!important}.brand-name{font-size:16px!important;letter-spacing:-.7px!important;color:var(--dk-ink)!important}.signal{color:#557069!important;border:1px solid #d7e2db!important;background:#fff!important;padding:8px 12px!important;border-radius:999px!important}.signal i,.radar-status i{background:var(--dk-signal)!important;box-shadow:0 0 0 5px rgba(185,230,46,.14)!important}.avatar{background:#fff!important;border:1px solid #d4ddd7!important;color:var(--dk-forest)!important;box-shadow:0 5px 18px rgba(31,64,54,.05)!important}
.shell{width:min(1260px,calc(100% - 64px))!important}.view{padding-top:42px!important}.hidden{display:none!important}

.onboarding-layout{gap:70px!important;align-items:start!important}.onboarding-copy{padding-top:26px!important}.overline,.section-tag{color:#678078!important;letter-spacing:2.2px!important;font-weight:800!important}.onboarding-copy h1,.hero-text h1{color:var(--dk-ink)!important}.onboarding-copy h1{font-size:clamp(55px,6vw,86px)!important;line-height:.98!important;letter-spacing:-5px!important;margin-top:20px!important}.onboarding-copy h1 span,.hero-text h1 span{color:#71847e!important}.hero-copy{font-size:15px!important;line-height:1.85!important;color:var(--dk-copy)!important;max-width:620px!important}.manifesto{margin-top:48px!important;border-top:1px solid var(--dk-line)!important}.manifesto-item{border-bottom:1px solid var(--dk-line)!important;padding:21px 0!important}.manifesto-item b{color:#87a19a!important;font-variant-numeric:tabular-nums!important}.manifesto-item strong{color:var(--dk-ink)!important}.manifesto-item span{color:var(--dk-copy)!important;line-height:1.65!important}

.picker-card{position:sticky!important;top:112px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--dk-line)!important;border-radius:28px!important;padding:28px!important;box-shadow:var(--dk-shadow)!important;backdrop-filter:blur(18px)!important}.picker-toolbar{padding-bottom:20px!important;border-bottom:1px solid var(--dk-line)!important}.picker-toolbar span{color:var(--dk-copy)!important}.picker-toolbar strong{color:var(--dk-ink)!important}.picker-toolbar em{color:#82918d!important;font-style:normal!important;font-size:10px!important;letter-spacing:1.3px!important;font-weight:800!important}.league-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 22px}.league-pill{appearance:none;border:1px solid var(--dk-line)!important;background:var(--dk-paper-soft)!important;color:var(--dk-ink)!important;border-radius:15px!important;text-align:left!important;padding:13px 14px!important;cursor:pointer;transition:.18s ease!important}.league-pill span{display:block;font-size:14px;font-weight:800}.league-pill small{display:block;margin-top:4px;color:var(--dk-muted)!important;font-size:10px}.league-pill:hover{transform:translateY(-1px);border-color:#b8c8be!important;background:#fff!important}.league-pill.active{border-color:var(--dk-forest)!important;background:var(--dk-forest)!important;color:#fff!important;box-shadow:0 9px 24px rgba(33,72,63,.15)!important}.league-pill.active small{color:#dbe8e1!important}.picker-subhead{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.picker-subhead span{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#72857f}.picker-subhead em{font-size:11px;font-style:normal;color:var(--dk-forest);font-weight:800}.club-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:370px!important;overflow:auto!important;padding-right:3px!important}.club-placeholder{grid-column:1/-1;min-height:170px;border:1px dashed #cbd7cf;border-radius:18px;background:#fafbf8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.club-placeholder strong{font-size:14px;color:var(--dk-ink)}.club-placeholder span{font-size:11px;color:var(--dk-muted);margin-top:6px}.club{position:relative!important;min-height:86px!important;border:1px solid var(--dk-line)!important;background:#fff!important;border-radius:17px!important;padding:13px!important;color:var(--dk-ink)!important;box-shadow:none!important;transition:.18s ease!important}.club:hover{background:#fbfcf9!important;border-color:#bfcfc5!important;transform:translateY(-1px)!important}.club.active{border-color:var(--dk-forest)!important;background:#f3f8f3!important;box-shadow:inset 0 0 0 1px var(--dk-forest)!important}.club-logo{width:34px!important;height:34px!important;border-radius:11px!important;background:#edf2ee!important;color:var(--dk-forest)!important;border:1px solid #dce6df!important;font-size:10px!important}.club-logo img{width:24px;height:24px;object-fit:contain}.club strong{color:var(--dk-ink)!important;font-size:12px!important;line-height:1.25!important}.club small{color:var(--dk-muted)!important;font-size:9px!important}.club-check{position:absolute;right:10px;top:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--dk-forest);color:#fff;font-size:10px;font-style:normal;opacity:0;transform:scale(.8);transition:.16s}.club.active .club-check{opacity:1;transform:scale(1)}.privacy-note{color:var(--dk-muted)!important}.cta{background:var(--dk-forest)!important;color:#fff!important;border:0!important;box-shadow:0 13px 30px rgba(33,72,63,.18)!important}.cta:hover{background:#173b33!important}.cta:disabled{background:#d8dfda!important;color:#8b9994!important;box-shadow:none!important}.cta b{color:var(--dk-signal)!important}

.hero-section{min-height:410px!important;margin-top:8px!important;padding:54px 58px!important;align-items:center!important;border:1px solid var(--dk-line)!important;border-radius:30px!important;position:relative!important;overflow:hidden!important;background:linear-gradient(118deg,#ffffff 0%,#f8faf6 57%,#edf4ed 100%)!important;box-shadow:var(--dk-shadow)!important}.hero-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(43,86,74,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(43,86,74,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 38%,#000 100%)}.hero-section:after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(60,104,91,.12);border-radius:50%;right:-280px;top:-120px;box-shadow:0 0 0 48px rgba(185,230,46,.07),0 0 0 110px rgba(44,91,79,.035)}.hero-text{position:relative;z-index:2;max-width:760px}.hero-text .overline{color:#688078!important}.hero-text h1{font-size:clamp(66px,7vw,100px)!important;line-height:.91!important;letter-spacing:-6px!important;margin-top:20px!important}.hero-text p{font-size:14px!important;line-height:1.75!important;color:var(--dk-copy)!important;margin-top:24px!important}.quota-orb{width:214px!important;height:214px!important;flex:0 0 214px!important;margin-right:12px!important;z-index:2!important}.quota-ring{border-color:rgba(33,72,63,.2)!important;background:radial-gradient(circle,rgba(185,230,46,.14),rgba(255,255,255,.42) 56%,transparent 72%)!important;box-shadow:inset 0 0 55px rgba(33,72,63,.025)!important}.quota-ring:before{content:"";position:absolute;inset:28px;border:1px solid rgba(33,72,63,.09);border-radius:50%}.quota-ring:after{inset:14px!important;border-color:rgba(33,72,63,.17)!important}.quota-center strong{color:var(--dk-ink)!important;font-size:75px!important;letter-spacing:-6px!important;text-shadow:none!important}.quota-center span{font-size:8px!important;letter-spacing:2.3px!important;color:#73847f!important}.quota-dot{background:var(--dk-signal)!important;box-shadow:0 0 0 5px rgba(185,230,46,.18)!important}

.section{padding:54px 0!important;border-bottom:1px solid var(--dk-line)!important}.section-head h2,.deck-copy h2{color:var(--dk-ink)!important}.section-desc{color:var(--dk-copy)!important;font-size:13px!important;line-height:1.8!important}.kick-quota strong{color:var(--dk-forest)!important}.kick-quota span{color:var(--dk-muted)!important}.quiet-state{min-height:200px!important;border:1px solid var(--dk-line)!important;background:linear-gradient(135deg,#fff,#f8faf6)!important;box-shadow:0 13px 34px rgba(33,72,63,.05)!important}.quiet-state strong{color:var(--dk-ink)!important;font-size:15px!important}.quiet-state span{color:var(--dk-copy)!important}.quiet-pulse{background:var(--dk-signal)!important;height:2px!important;box-shadow:0 0 20px rgba(185,230,46,.38)!important}.microcopy{color:var(--dk-muted)!important}.microcopy span{color:#89b615!important}

.kick-card,.panel{background:#fff!important;border:1px solid var(--dk-line)!important;box-shadow:0 15px 42px rgba(31,64,54,.055)!important}.kick-card{border-radius:21px!important;transition:.18s ease!important}.kick-card:hover{border-color:#bdccc3!important;box-shadow:0 22px 58px rgba(31,64,54,.09)!important;transform:translateY(-2px)!important}.kick-card:before{color:#9dacA7!important}.kick-card h3{color:var(--dk-ink)!important;line-height:1.24!important}.kick-card p{color:var(--dk-copy)!important;line-height:1.72!important}.kick-type{background:var(--dk-signal-soft)!important;color:#547313!important;border-color:#dceba7!important}.kick-priority{color:#698078!important}.kick-priority i{background:var(--dk-signal)!important}.kick-bottom{border-top-color:var(--dk-line)!important;color:var(--dk-muted)!important}.kick-bottom strong{color:var(--dk-forest)!important}

.split-section{gap:20px!important}.panel{border-radius:26px!important}.club-chip{background:#f7f9f6!important;border:1px solid var(--dk-line)!important}.club-chip-logo{background:var(--dk-forest)!important;color:#fff!important}.club-chip strong{color:var(--dk-ink)!important}.club-chip span{color:var(--dk-muted)!important}.club-chip em{color:#5d7a71!important}.link-btn{color:var(--dk-forest)!important}.club-rule{border-top-color:var(--dk-line)!important}.club-rule i{background:var(--dk-signal)!important}.club-rule span,.deck-copy p{color:var(--dk-copy)!important;line-height:1.7!important}.deck-panel{background:linear-gradient(135deg,#fff,#f4f7f2)!important}.deck-stats{border-color:var(--dk-line)!important}.deck-stats strong{color:var(--dk-ink)!important}.deck-stats span{color:var(--dk-muted)!important}.outline-btn{border-color:#cad6ce!important;color:#81908b!important;background:#f8f9f6!important}.collect-card{border-color:#d4ddd7!important}.back-card{background:#dde8df!important;color:var(--dk-forest)!important}.mid-card{background:#eaf1e9!important;color:var(--dk-forest)!important}.front-card,.player-card{background:linear-gradient(150deg,#295348,#193d35)!important;color:#fff!important;box-shadow:0 28px 70px rgba(30,63,53,.22)!important}.card-head,.pc-head{color:#dfeae4!important}.card-silhouette,.pc-initials{color:#f3f7f3!important}.card-caption small,.pc-foot small{color:#b9c9c0!important}.card-caption strong,.pc-foot strong{color:#fff!important}

.match-list{display:grid!important;gap:10px!important}.match-row,.match{background:#fff!important;border:1px solid var(--dk-line)!important;border-radius:18px!important;color:var(--dk-ink)!important;box-shadow:0 8px 26px rgba(31,64,54,.04)!important}.competition{color:#748781!important}.fixture{color:var(--dk-ink)!important}.fixture small{color:var(--dk-muted)!important}.dash{color:#a5b1ad!important}.follows{background:var(--dk-signal-soft)!important;color:#5b781c!important;border-color:#dceba7!important}.subscribe{background:#f5f8f4!important;border-color:#cdd8d1!important;color:var(--dk-forest)!important}.subscribe:hover{border-color:#9fb5a8!important}.subscribe.active{background:var(--dk-forest)!important;border-color:var(--dk-forest)!important;color:#fff!important}.radar-status{color:#658078!important;background:#fff!important;border-color:var(--dk-line)!important}

.philosophy-section{margin-top:18px!important;padding:48px 42px!important;border:1px solid var(--dk-line)!important;border-radius:26px!important;background:linear-gradient(115deg,#eaf0e9,#f8faf6)!important}.philosophy-section h2{color:var(--dk-ink)!important}.philosophy-section p{color:#71847e!important}

.bottom-nav{background:rgba(255,255,255,.96)!important;border:1px solid #d7e0da!important;box-shadow:0 18px 50px rgba(31,64,54,.14)!important;backdrop-filter:blur(18px)!important}.bottom-nav button{color:#7b8a85!important}.bottom-nav button.active{color:var(--dk-forest)!important;background:#eef4ee!important}.bottom-nav button.active span{color:#87b412!important}

.modal-veil,.drop-veil{background:rgba(24,53,47,.24)!important;backdrop-filter:blur(8px)!important}.kick-reader{background:#fff!important;border:1px solid #d4ded7!important;color:var(--dk-ink)!important;box-shadow:0 34px 110px rgba(30,63,53,.2)!important}.burn-line{background:#edf1ed!important}.burn-line span{background:var(--dk-signal)!important}.reader-kind,.one-time,.reader-match em,.reader-footer,.stay-hint{color:#788984!important}.reader-match{border-color:var(--dk-line)!important}.reader-match span,.kick-reader h2{color:var(--dk-ink)!important}.reader-index{color:#dde5df!important}.reader-kicker{color:var(--dk-copy)!important}.reader-metric{background:#f2f6ef!important;border-color:#dce5de!important}.reader-metric span{color:#72847e!important}.reader-metric strong{color:var(--dk-forest)!important}.reader-why{border-color:var(--dk-line)!important}.reader-why span{color:#789088!important}.reader-why p{color:var(--dk-copy)!important;line-height:1.8!important}.reader-footer{border-top-color:var(--dk-line)!important}.drop-stage{background:#fff!important;border:1px solid #d4ded7!important;color:var(--dk-ink)!important;box-shadow:0 34px 110px rgba(30,63,53,.2)!important}.drop-star{color:#8db818!important}.drop-lead,.drop-stage h3{color:var(--dk-ink)!important}.drop-sub{color:var(--dk-copy)!important}.toast{background:var(--dk-forest)!important;color:#fff!important;box-shadow:0 12px 34px rgba(33,72,63,.22)!important}

@media (min-width:981px){.view{padding-top:38px!important}.section{padding-top:50px!important;padding-bottom:50px!important}}
@media (max-width:980px){.onboarding-layout{gap:34px!important}.picker-card{position:relative!important;top:auto!important}.hero-section{gap:20px!important}}
@media (max-width:760px){
  body{background:linear-gradient(180deg,#f5f6f2 0%,#edf1ec 100%)!important}.shell{width:calc(100% - 26px)!important}.topbar{height:64px!important;background:rgba(247,248,244,.95)!important}.brand-glyph{width:36px!important;height:36px!important}.brand-name{font-size:14px!important}.signal{display:none!important}.view{padding-top:22px!important}.onboarding-layout{display:block!important}.onboarding-copy{padding:14px 5px 28px!important}.onboarding-copy h1{font-size:clamp(48px,13vw,66px)!important;letter-spacing:-3.6px!important}.hero-copy{font-size:13px!important;line-height:1.8!important}.manifesto{margin-top:32px!important}.picker-card{padding:20px!important;border-radius:23px!important}.league-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.club-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important}.club{min-height:84px!important}.hero-section{min-height:405px!important;margin-top:4px!important;padding:34px 24px 34px!important;border-radius:25px!important;align-items:flex-end!important;gap:8px!important}.hero-section:before{background-size:38px 38px!important;opacity:.32!important}.hero-section:after{width:360px;height:360px;right:-210px;top:20px;box-shadow:0 0 0 30px rgba(185,230,46,.06)!important}.hero-text h1{font-size:clamp(51px,14vw,69px)!important;letter-spacing:-3.8px!important;line-height:.94!important;margin-top:18px!important}.hero-text p{font-size:12px!important;line-height:1.65!important;color:var(--dk-copy)!important;margin-top:20px!important;max-width:92%!important}.quota-orb{width:116px!important;height:116px!important;flex:0 0 116px!important;margin-right:-8px!important;margin-bottom:12px!important}.quota-ring:before{inset:18px!important}.quota-ring:after{inset:9px!important}.quota-center strong{font-size:45px!important;letter-spacing:-3px!important}.quota-center span{font-size:6px!important}.section{padding:42px 0!important}.quiet-state{min-height:176px!important;padding:27px 22px!important;border-radius:21px!important}.panel{border-radius:23px!important}.philosophy-section{padding:34px 23px!important;border-radius:22px!important}.bottom-nav{transform:none!important}
}
@media (max-width:420px){.onboarding-copy h1{font-size:47px!important}.league-picker,.club-grid{grid-template-columns:1fr!important}.club{min-height:74px!important}.hero-section{padding-left:20px!important;padding-right:18px!important;min-height:390px!important}.hero-text h1{font-size:49px!important}.quota-orb{width:104px!important;height:104px!important;flex-basis:104px!important}.quota-center strong{font-size:40px!important}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.quota-ring:after,.quiet-pulse:after{animation:none!important}}

.club-chip-logo img{width:24px;height:24px;object-fit:contain;border-radius:7px;background:#fff;padding:2px}
/* Home Club crest display fix — real crest as visual主体, light neutral holder only.
   Replaces the forest-green tile + white ring sandwich (styles-v3 base .club-chip-logo
   dark bg and ui-v3 .club-chip-logo img white tile) with a near-white neutral holder. */
.club-chip-logo{background:#F6F7F5!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:16px!important;color:var(--dk-muted)!important;box-shadow:none!important;width:48px;height:48px;display:grid;place-items:center;overflow:hidden}
.club-chip-logo img{width:100%;height:100%;object-fit:contain;border-radius:0;background:transparent;padding:9px;display:block}
/* crest that arrives as a tiny asset still stays centered inside the light holder */
.club-chip-logo img[src]{min-width:20px;min-height:20px}