/* DataKickers UI V3 — higher readability, layered dark surfaces, stronger visual identity. */
:root{--v3-bg:#0b100d;--v3-bg-deep:#080c0a;--v3-surface:#111814;--v3-surface-2:#151e18;--v3-surface-3:#19231c;--v3-ink:#f4f2e9;--v3-copy:#aab4ad;--v3-muted:#7f8a83;--v3-line:#2a342d;--v3-acid:#d8ff4f}
html{background:var(--v3-bg-deep)}body{color:var(--v3-ink);background:radial-gradient(circle at 18% 8%,rgba(216,255,79,.09),transparent 28%),radial-gradient(circle at 78% 42%,rgba(47,117,81,.13),transparent 30%),linear-gradient(180deg,#0d130f 0%,#0a0f0c 46%,#080c0a 100%)}.aurora-a{opacity:.11}.aurora-b{opacity:.17}.topbar{height:78px;padding:0 max(28px,5vw);background:rgba(11,16,13,.9);border-bottom:1px solid rgba(216,255,79,.08);box-shadow:0 12px 40px rgba(0,0,0,.18)}.brand-glyph{width:38px;height:38px;border-radius:11px;box-shadow:0 0 0 1px rgba(216,255,79,.14),0 0 34px rgba(216,255,79,.11)}.brand-name{font-size:17px;letter-spacing:-.9px;color:#f4f2e9}.signal{color:#8a958e;border:1px solid rgba(216,255,79,.09);background:rgba(216,255,79,.025);padding:8px 11px;border-radius:999px}.avatar{background:#121a15;border-color:#344038;color:#c8d0ca}.shell{width:min(1320px,calc(100% - 64px))}.view{padding-top:40px}.hero-section{min-height:450px;margin-top:16px;padding:52px 58px 48px;align-items:center;border:1px solid rgba(216,255,79,.11);border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(20,29,23,.97) 0%,rgba(14,21,17,.96) 50%,rgba(10,15,12,.98) 100%);box-shadow:0 34px 100px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)}.hero-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.52;background-image:linear-gradient(rgba(216,255,79,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(216,255,79,.034) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 34%,#000 100%)}.hero-section:after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(216,255,79,.09);border-radius:50%;right:-265px;top:-95px;box-shadow:0 0 0 44px rgba(216,255,79,.018),0 0 0 104px rgba(216,255,79,.012)}.hero-text{position:relative;z-index:2;max-width:780px}.hero-text .overline{color:#a0aba4;letter-spacing:2.8px}.hero-text h1{font-size:clamp(68px,7vw,102px);line-height:.9;letter-spacing:-6.2px;margin-top:22px;color:#f5f3eb}.hero-text h1 span{color:#88938c}.hero-text p{font-size:14px;line-height:1.65;color:#a0aaa4;margin-top:24px}.quota-orb{width:220px;height:220px;flex:0 0 220px;margin-right:20px;z-index:2}.quota-ring{border-color:rgba(216,255,79,.2);background:radial-gradient(circle,rgba(216,255,79,.045),transparent 62%);box-shadow:inset 0 0 55px rgba(216,255,79,.025)}.quota-ring:before{content:"";position:absolute;inset:28px;border:1px solid rgba(216,255,79,.08);border-radius:50%}.quota-ring:after{inset:15px;border-color:rgba(216,255,79,.18)}.quota-center strong{font-size:76px;letter-spacing:-6px;text-shadow:0 0 34px rgba(216,255,79,.12)}.quota-center span{font-size:8px;letter-spacing:2.3px;color:#8d978f}.dot-1{top:27px;left:67px}.dot-2{right:17px;top:99px}.dot-3{left:36px;bottom:22px}.section{padding:54px 0;border-bottom:1px solid rgba(255,255,255,.06)}.section-tag,.overline{color:#8a958e}.section-head h2,.deck-copy h2{color:#f2f0e7}.section-desc{color:#9da7a1!important;font-size:12px;line-height:1.7}.quiet-state{min-height:210px;border:1px solid #2f3a33;background:linear-gradient(135deg,rgba(19,28,22,.94),rgba(13,20,16,.96));box-shadow:inset 0 1px rgba(255,255,255,.018)}.quiet-state strong{color:#e6e7df!important;font-size:15px}.quiet-state span{color:#9ca6a0!important}.quiet-pulse{height:2px;box-shadow:0 0 28px rgba(216,255,79,.3)}.microcopy{color:#7d8881!important}.kick-card,.panel,.picker-card{background:linear-gradient(145deg,rgba(20,29,23,.96),rgba(13,20,16,.98));border-color:#2d3831;box-shadow:0 20px 60px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.018)}.kick-card:hover{border-color:#46544a;box-shadow:0 28px 80px rgba(0,0,0,.3)}.kick-card h3{color:#f2f0e7}.kick-card p{color:#9ea9a2}.club-chip,.club{background:#141c17;border-color:#2a342e}.club:hover{background:#18221b;border-color:#3b473f}.club strong,.club-chip strong{color:#f0eee6}.club small,.club-chip span{color:#88938c!important}.club-rule span,.deck-copy p,.hero-copy,.manifesto-item span{color:#929d96!important}.matches-section{position:relative}.match-list{display:grid;gap:10px}.match-row,.match{background:linear-gradient(135deg,#141c17,#101713);border-color:#2c3730}.deck-panel{background:linear-gradient(125deg,rgba(21,31,24,.98),rgba(12,18,15,.98))}.front-card{box-shadow:0 28px 78px rgba(0,0,0,.46),0 0 0 1px rgba(216,255,79,.05)}.philosophy-section{margin-top:18px;padding:48px 42px;border:1px solid rgba(216,255,79,.09)!important;border-radius:26px;background:linear-gradient(115deg,#131c16,#0e1511)}.philosophy-section h2{color:#f2f0e7}.philosophy-section p{color:#8e9992}.bottom-nav{background:rgba(15,22,17,.95);border-color:#344039;box-shadow:0 20px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.02)}.bottom-nav button{color:#818d85}.bottom-nav button.active{color:#e3ff7a;background:rgba(216,255,79,.045)}.onboarding-copy h1{color:#f5f3eb}.onboarding-copy h1 span{color:#88938c}.picker-toolbar span{color:#c2c9c4}.picker-toolbar em{color:#7d8881}.privacy-note{color:#7f8983}@media (min-width:981px){.view{padding-top:38px}.hero-section{padding-top:52px;padding-bottom:48px}.section{padding-top:50px;padding-bottom:50px}}@media (max-width:760px){body{background:radial-gradient(circle at 12% 7%,rgba(216,255,79,.08),transparent 29%),linear-gradient(180deg,#0d130f 0%,#090e0b 58%,#080c0a 100%)}.shell{width:calc(100% - 26px)}.topbar{height:64px;background:rgba(11,16,13,.94)}.hero-section{min-height:440px;margin-top:8px;padding:34px 24px 36px;border-radius:25px;align-items:flex-end;gap:8px}.hero-section:before{background-size:38px 38px;opacity:.4}.hero-section:after{width:360px;height:360px;right:-210px;top:20px;box-shadow:0 0 0 30px rgba(216,255,79,.015)}.hero-text h1{font-size:clamp(51px,14vw,69px);letter-spacing:-3.8px;line-height:.94;margin-top:18px}.hero-text p{font-size:12px;line-height:1.6;color:#aab3ad;margin-top:20px;max-width:92%}.quota-orb{width:118px;height:118px;flex:0 0 118px;margin-right:-8px;margin-bottom:12px}.quota-ring:before{inset:18px}.quota-ring:after{inset:9px}.quota-center strong{font-size:46px;letter-spacing:-3px}.quota-center span{font-size:6px}.dot-1{top:14px;left:37px}.dot-2{right:8px;top:53px}.dot-3{left:22px;bottom:13px}.section{padding:42px 0}.quiet-state{min-height:180px;padding:27px 22px;border-radius:21px;background:linear-gradient(140deg,#151e18,#101713)}.quiet-state strong{font-size:15px}.quiet-state span{font-size:11px;line-height:1.65}.panel{border-radius:23px;background:linear-gradient(145deg,#151e18,#101713)}.club-chip{background:#172019}.deck-panel{background:linear-gradient(145deg,#162019,#101713)}.bottom-nav{background:rgba(16,23,18,.96);transform:none}.philosophy-section{padding:34px 23px;border-radius:22px}}@media (max-width:420px){.hero-section{padding-left:20px;padding-right:18px;min-height:420px}.hero-text h1{font-size:49px}.quota-orb{width:104px;height:104px;flex-basis:104px}.quota-center strong{font-size:40px}}@media (prefers-reduced-motion:reduce){.quota-ring:after,.quiet-pulse:after{animation:none!important}}