:root{--bg:#f5f6f3;--ink:#192a23;--muted:#7a857e;--line:#e5e9e2;--green:#22734b;--dark:#102f22;--lime:#d9f783;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b837;outline-offset:3px}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{font-size:clamp(25px,2.6vw,38px);letter-spacing:-1.5px;line-height:1.2;margin:12px 0}h2{font-size:20px;letter-spacing:-.6px;margin:0 0 14px}h3{font-size:19px;margin:7px 0 20px;letter-spacing:-.5px}p{line-height:1.7}small,.fine{font-size:12px}small{font-weight:400}.green{color:var(--green)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.topbar{height:85px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:26px}.brand{display:flex;align-items:center;font-size:30px;font-weight:800;letter-spacing:-1.8px}.brand-mark{position:relative;width:34px;height:34px;display:inline-grid;place-items:center;background:var(--dark);color:#fff;border-radius:9px;font-size:28px;line-height:1;margin-right:10px}.brand-mark span{position:absolute;font-size:20px;right:1px;top:-2px;color:var(--lime)}.brand-dot{color:var(--green)}.brand-caption{font-size:9px;letter-spacing:1.8px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.season-pill,.tag{font-size:10px;letter-spacing:.7px;font-weight:700;border:1px solid var(--line);border-radius:5px;padding:8px 10px;white-space:nowrap}.season-pill{margin-right:16px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;background:#e5edde;color:#476342;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.username{font-weight:600}.text-button{border:0;background:none;color:var(--muted);font-size:11px;padding:3px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:calc(100vh - 85px)}.shell.without-sidebar{display:block;max-width:1400px;margin:auto}.sidebar{background:#fff;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.sidebar>.eyebrow{padding-left:12px}.league-name{font-size:15px;font-weight:700;display:flex;justify-content:space-between;margin:12px 12px 38px;gap:6px}.sidebar-label{font-size:9px;letter-spacing:1.6px;color:#a0a89f;margin:0 12px 16px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:5px 0;border-radius:7px;color:#79847b;font-size:13px;font-weight:500}.sidebar nav a span{font-size:19px;width:20px}.sidebar nav a.active{background:#eaf1e5;color:#306341;font-weight:700}.sidebar-bottom{margin-top:auto;padding:90px 10px 10px}.sidebar-bottom p{font-size:12px}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.invite-code{background:var(--bg);border:1px dashed #cbd8c3;border-radius:7px;padding:10px 8px;width:100%;font-size:10px;word-break:break-all;color:var(--green)}main{padding:32px 38px;min-width:0}.notice{padding:12px 16px;background:#fff5dd;border:1px solid #f0e6c9;border-radius:8px;font-size:12px;line-height:1.5;margin-bottom:18px}.notice.success{background:#edf6e8;border-color:#d5e7cb}.notice.error{background:#fff0ec;border-color:#efc9be}.demo-notice{background:#edf0f8;border-color:#dbe2ef;color:#5a6881}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.page-heading p{margin:8px 0 0;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:700;white-space:nowrap}.button:hover{background:#175538;color:#fff}.button.secondary{background:#fff;border-color:#dce3d8;color:var(--ink)}.button.secondary:hover{background:#eff3ec}.button.lime{background:var(--lime);color:#18321d}.button.small{padding:9px 12px;font-size:11px}.button.full{width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.stat>span{font-size:12px;color:#68756b}.stat strong{display:block;font:800 clamp(23px,2.2vw,32px) Manrope,sans-serif;letter-spacing:-1.2px;margin:12px 0 10px;white-space:nowrap}.stat i{font:500 12px 'DM Sans',sans-serif;color:#98a28f;letter-spacing:0}.stat small{font-size:10px;color:#88917f}.dashboard-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:24px}.match-hero{display:flex;position:relative;overflow:hidden;border-radius:14px;min-height:305px;background:radial-gradient(ellipse at 90% 80%,#2a5838 0,transparent 60%),#123426;color:#fff}.hero-copy{padding:30px;position:relative;z-index:1}.light-tag{font-size:9px;color:#d0e2ba;letter-spacing:1.4px;border:1px solid #4c6850;padding:7px 10px;border-radius:5px;display:inline-block}.match-hero h2{font-size:29px;line-height:1.25;margin:20px 0 12px;letter-spacing:-.9px}.match-hero p{font-size:11px;color:#a6bca8;margin-bottom:22px}.hero-status{font-size:10px;color:#b0d090;margin-top:18px}.hero-art{position:absolute;right:6%;bottom:30px;transform:rotate(9deg);opacity:.9}.big-shirt,.jersey,.mini-shirt{clip-path:polygon(27% 0,38% 5%,62% 5%,73% 0,100% 20%,84% 41%,75% 35%,75% 100%,25% 100%,25% 35%,16% 41%,0 20%);display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800}.big-shirt{width:180px;height:190px;font-size:70px;background:repeating-linear-gradient(90deg,#d8edb9 0,#d8edb9 26px,#c5ddaa 26px,#c5ddaa 52px);color:#23482f;text-shadow:1px 1px #f4ffea}.art-caption{display:block;font-size:8px;letter-spacing:2px;text-align:center;margin-top:16px;color:#9cbd8a}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-head h2{margin:0}.section-head a{font-size:11px;font-weight:600}.section-head .eyebrow{margin-bottom:8px}.table-preview{padding:23px}.ranking-row{display:flex;align-items:center;gap:12px;padding:15px 4px;border-bottom:1px solid #f0f2ed}.ranking-row.you{background:#f2f6eb;border-radius:6px;padding-left:8px;padding-right:8px}.rank{font-weight:700;color:#9aa591;font-size:12px;width:22px}.rank-name{flex:1;font-size:12px;font-weight:500}.rank-name small{font-size:8px;color:var(--green);margin-left:6px;font-weight:700}.ranking-row strong{font-size:14px}.ranking-row strong small{color:#8c9685;font-size:8px}.spacing{margin-top:30px}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.player-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.player-art{height:158px;position:relative;background:radial-gradient(ellipse at bottom,#dce8cc,#eff3e9);overflow:hidden}.player-art.def{background:radial-gradient(ellipse at bottom,#d2e2e1,#ecf3f1)}.player-art.mid{background:radial-gradient(ellipse at bottom,#e2dfd1,#f3f1e9)}.player-art.fwd{background:radial-gradient(ellipse at bottom,#dbd8e4,#f1eef5)}.position{position:absolute;top:16px;left:16px;border:1px solid #ffffffc0;background:#ffffff80;padding:5px 8px;border-radius:4px;font-size:9px;font-weight:600}.club-stamp{position:absolute;right:16px;top:16px;font-size:10px;letter-spacing:2px;font-weight:800;color:#526952}.jersey{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%) rotate(-5deg);width:140px;height:126px;font-size:32px;letter-spacing:-2px;color:#e9f3e1;background:repeating-linear-gradient(90deg,#446b4d 0,#446b4d 20px,#3e6245 20px,#3e6245 40px)}.def .jersey{background:repeating-linear-gradient(90deg,#3e6265 0,#3e6265 20px,#36585b 20px,#36585b 40px)}.mid .jersey{background:repeating-linear-gradient(90deg,#8c7752 0,#8c7752 20px,#816d4c 20px,#816d4c 40px)}.fwd .jersey{background:repeating-linear-gradient(90deg,#665a7b 0,#665a7b 20px,#594d6d 20px,#594d6d 40px)}.player-info{padding:19px 20px}.player-info>small{font-size:10px;color:var(--muted)}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-row>span{font-size:10px;color:var(--muted)}.price-row strong{display:block;font:700 17px Manrope,sans-serif;color:var(--ink);margin-top:5px}.price-row>small{font-size:10px;color:var(--muted)}.round-link{display:grid;place-items:center;background:#eef4e7;width:32px;height:32px;border-radius:7px;color:var(--green);font-size:20px}.ledger-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.ledger-row:last-child{border:0}.ledger-row small,.sale-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.ledger-row>strong{white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.league-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.league-card{display:flex;align-items:center;gap:20px}.league-icon{display:grid;place-items:center;width:60px;height:65px;background:#edf3e6;border-radius:12px;font-size:22px;font-weight:800}.league-card h2{margin:8px 0}.step{font:800 32px Manrope,sans-serif;color:#d9e4d1;display:block;margin-bottom:16px}.setup-banner{margin-bottom:24px;border-left:4px solid var(--green)}label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}input:not([type=checkbox],[type=hidden]),select{border:1px solid #dce3d7;border-radius:7px;padding:11px 12px;background:#fff;width:100%;color:var(--ink)}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}form p{margin:14px 0}form .helptext{display:block;font-size:11px;color:var(--muted);margin-top:8px}form ul{font-size:11px;line-height:1.6;padding-left:16px;color:var(--muted)}.errorlist{color:#a43737!important}.auth-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;padding:45px 40px;align-items:center}.auth-intro h1{font-size:clamp(38px,4.5vw,66px);letter-spacing:-3px;line-height:1.1;margin:25px 0}.auth-intro h1 em{font-style:normal;color:var(--green)}.auth-intro>p{max-width:370px;color:var(--muted)}.auth-panel{padding:40px}.auth-panel h2{font-size:25px;margin:12px 0 25px}.auth-panel>p{font-size:12px}.auth-panel a{color:var(--green);font-weight:600}.auth-pitch{height:105px;max-width:390px;border:1px solid #cfdec7;border-radius:10px;margin-top:25px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#edf2e6 0,#edf2e6 40px,#e5eedf 40px,#e5eedf 80px)}.auth-pitch span{position:absolute;left:16px;bottom:12px;letter-spacing:2px;font-size:8px;color:#718566}.pitch-circle{position:absolute;width:75px;height:75px;border:1px solid #b5c9a8;border-radius:50%;top:14px;left:calc(50% - 37px)}.narrow{max-width:550px;margin:30px auto}.budget-pill{border:1px solid #d7e2cb;padding:12px 20px;border-radius:10px;background:#edf4e5}.budget-pill small{display:block;font-size:9px;letter-spacing:1px;color:#6f805e}.budget-pill strong{display:block;font:800 22px Manrope,sans-serif;margin-top:5px}.market-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:25px}.market-toolbar>input{max-width:300px}.market-toolbar>.muted{margin-left:auto;font-size:11px}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 13px;color:var(--muted);font-size:11px}.chip.active{background:var(--dark);color:#fff;border-color:var(--dark)}.bid-form{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.bid-form label{font-size:10px;color:var(--muted)}.input-action{display:flex;gap:8px}.input-action input{min-width:0;font-size:12px!important}.bid-status{color:var(--green);font-size:9px;display:flex;justify-content:space-between;align-items:center;gap:5px}.bid-status button{font-size:9px}.squad-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:start}.pitch{min-height:640px;background:repeating-linear-gradient(0deg,#2d613e 0,#2d613e 65px,#2a5b39 65px,#2a5b39 130px);border-radius:14px;color:#fff;padding:24px 14px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:26px}.pitch-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#c9dec0;padding:0 12px}.pitch-markings{position:absolute;inset:68px 20px 40px;border:1px solid #ffffff25;pointer-events:none}.pitch-markings:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #ffffff25}.pitch-markings:after{content:'';width:95px;height:95px;border:1px solid #ffffff25;position:absolute;top:calc(50% - 47px);left:calc(50% - 47px);border-radius:50%}.pitch-row{position:relative;display:flex;justify-content:space-evenly;align-items:center;min-height:102px;gap:5px}.pitch-player{max-width:22%;text-align:center}.mini-shirt{width:46px;height:45px;background:var(--lime);color:var(--dark);font-size:13px;margin:0 auto 10px}.pitch-player>span{font-size:9px;line-height:1.3;display:block;background:#20492edd;padding:4px;border-radius:3px}.pitch-empty{font-size:10px;color:#a4bca0;background:#234a32aa;border:1px dashed #7da375;padding:12px 18px;border-radius:5px}.pitch-foot{text-align:center;font-size:9px;color:#bad0b0}.squad-picker{padding:22px}.squad-picker select{margin-bottom:14px}.roster-list{max-height:475px;overflow:auto}.roster-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f2ec;margin:0}.pos-badge{font-size:8px;color:#567541;background:#edf3e7;padding:5px;border-radius:4px;width:56px;text-align:center}.pos-badge.def{background:#e9f0ef;color:#477477}.pos-badge.mid{background:#f4f0e7;color:#8b744b}.pos-badge.fwd{background:#f0edf5;color:#79658d}.roster-name{flex:1;font-size:11px}.roster-name small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.roster-value{font-size:10px;white-space:nowrap}.sales-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.sale-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.day-select{display:flex;align-items:center;gap:9px}.day-select label{white-space:nowrap;margin:0}.day-select select{width:auto}.fixture{padding:20px 0;border-bottom:1px solid var(--line)}.fixture>small{display:block;color:var(--muted);font-size:10px}.fixture-teams{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:12px;margin:13px 0;font-size:12px}.fixture-teams>span:last-child{text-align:right}.fixture-teams strong{text-align:center;background:#f0f4eb;padding:9px;border-radius:5px;font-size:17px}.leaderboard{max-width:850px}.leaderboard .ranking-row{padding:22px 15px;gap:20px}.leaderboard .rank-name{font-size:15px}.leaderboard .ranking-row strong{font-size:22px}.ranking-header{display:grid;grid-template-columns:64px 1fr auto;font-size:10px;letter-spacing:1px;color:var(--muted);padding:0 15px 16px;border-bottom:1px solid var(--line)}.prose{max-width:850px;margin:auto;line-height:1.8}.prose h2{margin-top:25px}.prose a{color:var(--green);text-decoration:underline}.prose table{border-collapse:collapse;width:100%;font-size:13px}.prose td,.prose th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.prose li{margin:9px 0}code{font-size:11px;background:#f0f3ee;border-radius:4px;padding:3px 5px;overflow-wrap:anywhere}.empty{padding:35px;text-align:center;color:var(--muted);line-height:1.7;grid-column:1/-1}footer{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#8c9686}footer>span{font-weight:700}footer>span .muted{font-weight:400;margin-left:8px}footer>div{display:flex;gap:18px}[hidden]{display:none!important}
@media(min-width:1500px){main{max-width:1500px;margin:auto;width:100%}.market-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1150px){.brand-caption{display:none}.shell{grid-template-columns:200px 1fr}main{padding:25px}.stats{gap:12px}.stat{padding:16px}.dashboard-grid{grid-template-columns:1fr}.hero-art{right:10%}.table-preview .ranking-row{padding:10px}.page-heading>.button{align-self:flex-end}.market-toolbar{flex-wrap:wrap}.player-grid{gap:14px}.player-info{padding:16px}.squad-layout{grid-template-columns:1fr}.pitch{min-height:570px}.pitch-row{min-height:85px}.auth-layout{gap:35px;padding:30px 0}.two-col{gap:18px}.topbar{padding:0 25px}}
@media(max-width:800px){.shell{display:block}.topbar{height:70px;padding:0 20px}.brand{font-size:26px}.season-pill{font-size:8px;margin:0;padding:6px}.username{display:none}.sidebar{padding:12px 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-label,.sidebar-bottom{display:none}.league-name{margin:0 6px 8px;font-size:12px}.sidebar nav{display:flex;gap:4px;overflow:auto}.sidebar nav a{padding:9px 10px;font-size:10px;gap:6px;white-space:nowrap;margin:0}.sidebar nav a span{font-size:15px;width:auto}main{padding:24px 18px}.page-heading{flex-wrap:wrap;gap:15px}.page-heading h1{letter-spacing:-.9px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat strong{font-size:25px}.player-grid{grid-template-columns:repeat(2,1fr)}.player-grid>.player-card:last-child:nth-child(3){grid-column:auto}.two-col,.league-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;gap:20px;padding:10px}.auth-intro h1{font-size:45px}.auth-pitch{display:none}.auth-panel{padding:25px}.hero-copy{padding:24px}.hero-art{right:5%;opacity:.65}.match-hero h2{font-size:27px}.hero-copy{max-width:85%}.big-shirt{width:145px;height:170px}.sales-grid{grid-template-columns:1fr}.market-toolbar>input{max-width:none}.market-toolbar>.muted{display:none}.market-toolbar{gap:12px}.market-grid .player-info{padding:14px}.market-grid h3{font-size:16px}.input-action{flex-wrap:wrap}.input-action .button{width:100%}.player-art{height:140px}.club-stamp{font-size:8px;right:10px}.position{left:10px}.bid-status{flex-wrap:wrap}footer{flex-wrap:wrap;line-height:1.8}.section-head{align-items:flex-start}.section-head>.muted{font-size:10px;text-align:right}.fixture-teams{font-size:11px}.page-heading .budget-pill{width:100%}.budget-pill{display:flex;justify-content:space-between;align-items:center}.budget-pill strong{margin:0}.narrow{padding:22px}.roster-value{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.button,.player-card,.chip{transition:background .15s,transform .15s}.player-card:hover{transform:translateY(-2px)}}
@media(max-width:600px){.topbar{gap:12px}.top-right{gap:8px}.top-right .season-pill{display:none}.hero-art{right:-18px;opacity:.22}.hero-copy{max-width:100%}.pitch-player{min-width:0}.pitch-player>span{overflow-wrap:anywhere}}

/* Anpfiff light glass theme */
:root{--bg:#e9f0ed;--ink:#182923;--muted:#64776e;--line:rgba(42,76,60,.12);--green:#176c49;--dark:#10281e;--lime:#d9f783;--radius:18px}
body{background:radial-gradient(ellipse at 12% 5%,rgba(255,255,255,.92),transparent 38%),radial-gradient(ellipse at 88% 27%,rgba(177,213,193,.42),transparent 36%),linear-gradient(145deg,#e9f0ed,#f4f6f3 56%,#e4eee9);background-attachment:fixed}
.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%);border-bottom:1px solid rgba(255,255,255,.72);box-shadow:0 4px 24px rgba(24,52,37,.05)}
.sidebar{background:rgba(241,247,243,.62);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);border-right:1px solid rgba(255,255,255,.76)}
.panel,.stat,.player-card,.setup-banner,.budget-pill{background:rgba(255,255,255,.66);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);border:1px solid rgba(255,255,255,.88);box-shadow:0 12px 38px rgba(24,52,37,.065),inset 0 1px 0 rgba(255,255,255,.9)}
.stat,.player-card{border-radius:18px}.panel{border-radius:20px}.player-card{overflow:hidden}.player-info{background:rgba(255,255,255,.56)}
.sidebar nav a,.chip,.season-pill,.tag,.invite-code{border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sidebar nav a.active,.chip.active{background:rgba(213,235,218,.82);border-color:rgba(255,255,255,.92);color:var(--green);box-shadow:inset 0 1px 0 #ffffff,0 5px 15px rgba(26,82,52,.08)}
.notice{background:rgba(255,248,227,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 24px rgba(59,56,32,.04)}
.demo-notice{background:rgba(229,235,247,.78)}
input:not([type=checkbox],[type=hidden]),select{background:rgba(255,255,255,.7);border-color:rgba(42,76,60,.14);box-shadow:inset 0 1px 3px rgba(20,45,32,.035)}
.button{box-shadow:0 5px 15px rgba(23,108,73,.15)}.button.secondary{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(24,52,37,.05)}
.match-hero{box-shadow:0 18px 42px rgba(16,47,34,.18);border:1px solid rgba(255,255,255,.5)}
.pitch{box-shadow:0 18px 42px rgba(16,47,34,.15);border:1px solid rgba(255,255,255,.5)}
.auth-panel{background:rgba(255,255,255,.72)}
@media(max-width:800px){.sidebar{background:rgba(241,247,243,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
@media(prefers-reduced-transparency:reduce){.topbar,.sidebar,.panel,.stat,.player-card,.setup-banner,.budget-pill,.notice{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#f7faf8}}

/* The saved choice is applied on <html> before styles load. */
:root{color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.48);color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}
.theme-toggle:hover{background:rgba(221,237,226,.8)}
.theme-toggle span[aria-hidden]{font-size:17px;line-height:1}
html[data-theme=dark]{color-scheme:dark;--bg:#0d1715;--ink:#e8f2eb;--muted:#a5b9ab;--line:rgba(188,219,199,.18);--green:#8cdbb0;--dark:#092016;--lime:#d9f783}
html[data-theme=dark] body{background:radial-gradient(ellipse at 12% 4%,rgba(35,82,58,.38),transparent 35%),radial-gradient(ellipse at 90% 28%,rgba(27,63,53,.3),transparent 42%),linear-gradient(145deg,#0d1715,#14211c 55%,#0b1613);background-attachment:fixed}
html[data-theme=dark] .topbar{background:rgba(17,32,26,.88);border-color:rgba(185,224,199,.13);box-shadow:0 4px 24px rgba(0,0,0,.2)}
html[data-theme=dark] .sidebar{background:rgba(15,30,24,.79);border-color:var(--line)}
html[data-theme=dark] .panel,html[data-theme=dark] .stat,html[data-theme=dark] .player-card,html[data-theme=dark] .setup-banner,html[data-theme=dark] .budget-pill{background:rgba(25,43,34,.84);border-color:rgba(181,218,192,.15);box-shadow:0 12px 38px rgba(0,0,0,.17),inset 0 1px 0 rgba(226,255,230,.04)}
html[data-theme=dark] .player-info{background:rgba(19,37,29,.58)}
html[data-theme=dark] .sidebar nav a,html[data-theme=dark] .chip,html[data-theme=dark] .season-pill,html[data-theme=dark] .tag,html[data-theme=dark] .invite-code{background:rgba(35,58,43,.62);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .sidebar nav a.active,html[data-theme=dark] .chip.active{background:rgba(44,101,66,.66);border-color:rgba(146,224,171,.28);color:#c3f7d6;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html[data-theme=dark] .sidebar nav a:not(.active){color:var(--muted)}
html[data-theme=dark] .theme-toggle{background:rgba(45,99,66,.68);border-color:rgba(158,229,182,.37);color:#d5f9de}
html[data-theme=dark] .theme-toggle:hover{background:rgba(58,119,80,.88)}
html[data-theme=dark] .notice{background:rgba(108,79,30,.31);border-color:rgba(239,197,112,.31);box-shadow:none;color:#f4ddb0}
html[data-theme=dark] .notice.success{background:rgba(39,103,63,.34);border-color:rgba(131,213,154,.28);color:#c4f3d0}
html[data-theme=dark] .notice.error{background:rgba(126,54,50,.37);border-color:rgba(240,143,133,.3);color:#ffd1c9}
html[data-theme=dark] .demo-notice{background:rgba(52,69,117,.4);border-color:rgba(144,169,234,.28);color:#d4e1ff}
html[data-theme=dark] input:not([type=checkbox],[type=hidden]),html[data-theme=dark] select{background:rgba(12,26,19,.84);border-color:rgba(177,217,185,.26);color:var(--ink);box-shadow:inset 0 1px 3px rgba(0,0,0,.15)}
html[data-theme=dark] input::placeholder{color:#a2b5a7;opacity:1}
html[data-theme=dark] .button{background:#176b47;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.17)}
html[data-theme=dark] .button:hover{background:#218357;color:#fff}
html[data-theme=dark] .button.secondary{background:rgba(37,69,48,.78);border-color:rgba(146,224,171,.25);color:var(--ink)}
html[data-theme=dark] .button.secondary:hover{background:rgba(47,87,61,.9)}
html[data-theme=dark] .button.lime{background:var(--lime);color:#18321d}
html[data-theme=dark] .stat>span,html[data-theme=dark] .stat small,html[data-theme=dark] footer{color:var(--muted)}
html[data-theme=dark] .ranking-row{border-color:var(--line)}
html[data-theme=dark] .ranking-row.you{background:rgba(51,100,65,.37)}
html[data-theme=dark] .league-icon,html[data-theme=dark] .round-link,html[data-theme=dark] .fixture-teams strong{background:rgba(53,91,63,.5);color:var(--ink)}
html[data-theme=dark] .step{color:#47745a}
html[data-theme=dark] .auth-pitch{background:repeating-linear-gradient(90deg,#1a3528 0,#1a3528 40px,#214231 40px,#214231 80px);border-color:var(--line)}
html[data-theme=dark] .auth-pitch span{color:#c0d7bc}
html[data-theme=dark] .roster-row{border-color:var(--line)}
html[data-theme=dark] .pos-badge{background:#284b35;color:#d1efd1}
html[data-theme=dark] .pos-badge.def{background:#29484a;color:#c6eeee}
html[data-theme=dark] .pos-badge.mid{background:#50462f;color:#f1e1ad}
html[data-theme=dark] .pos-badge.fwd{background:#40354f;color:#e2d1f4}
html[data-theme=dark] code{background:#22392d;color:#d8efdf}
html[data-theme=dark] .pitch{background:repeating-linear-gradient(0deg,#17482e 0,#17482e 80px,#1b5637 80px,#1b5637 160px);border-color:rgba(161,227,176,.35);box-shadow:0 18px 42px rgba(0,0,0,.25)}
@media(prefers-reduced-transparency:reduce){html[data-theme=dark] .topbar,html[data-theme=dark] .sidebar,html[data-theme=dark] .panel,html[data-theme=dark] .stat,html[data-theme=dark] .player-card,html[data-theme=dark] .setup-banner,html[data-theme=dark] .budget-pill{background:#1b2d23}}

/* Player boxes keep their positional color in every theme and display mode. */
:root{--position-gk:#d2efdd;--position-def:#d7e9ff;--position-mid:#fff0b3;--position-fwd:#ffdad7}
html[data-theme=dark]{--position-gk:#194d33;--position-def:#203f68;--position-mid:#594913;--position-fwd:#642d31}
.position-box[data-position="GK"]{--position-background:var(--position-gk)}
.position-box[data-position="DEF"]{--position-background:var(--position-def)}
.position-box[data-position="MID"]{--position-background:var(--position-mid)}
.position-box[data-position="FWD"]{--position-background:var(--position-fwd)}
:root .position-box[data-position]{background:var(--position-background);color:var(--ink)}
:root .position-box .player-info,:root .position-box .player-art,:root .position-box.pitch-player>span{background:transparent}
:root .pitch-player.position-box{padding:6px;border-radius:8px}
:root .pos-badge.gk{background:var(--position-gk);color:var(--ink)}
:root .pos-badge.def{background:var(--position-def);color:var(--ink)}
:root .pos-badge.mid{background:var(--position-mid);color:var(--ink)}
:root .pos-badge.fwd{background:var(--position-fwd);color:var(--ink)}