/* Kickelf — editorial football identity, shared by every decision surface. */
:root{--font-display:'Barlow Condensed',Arial,sans-serif;--font-ui:Inter,Arial,sans-serif;--brand-ink:#0b0d0d;--brand-panel:#121515;--brand-raised:#1a1e1c;--brand-line:#2a302d;--brand-white:#f2f4ee;--brand-muted:#99a39b;--brand-lime:#cdff5f;--desk-bg:var(--brand-ink);--desk-panel:var(--brand-panel);--desk-line:var(--brand-line);--desk-accent:var(--brand-lime)}
body{background:var(--brand-ink);color:var(--brand-white);-webkit-font-smoothing:antialiased}
::selection{background:#cdff5f;color:#15200e}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brand-lime);outline-offset:4px}
.masthead{background:#0c0f0ef5;border-bottom:1px solid var(--brand-line);backdrop-filter:blur(20px)}
.masthead-inner,main{max-width:1800px}
.masthead-inner{height:70px;gap:32px}
.masthead .wordmark{color:var(--brand-white)}
.masthead .main-nav-link{font-size:12px;letter-spacing:0;font-weight:550;color:#a0a9a2}
.masthead .main-nav-link.active{color:var(--brand-white)}
.masthead .main-nav-link.active::after{height:3px;background:var(--brand-lime)}
.masthead .team-switch,.masthead .team-switch:is(:hover,[aria-expanded=true]){background:none;border:0;box-shadow:none}
.masthead .team-switch-name{font-size:13px;letter-spacing:-.1px}
.masthead .team-switch-text small{color:var(--brand-muted)}
.masthead-tools{gap:14px}
.masthead .tool-button{color:#a3ada5;width:30px;height:36px}
.masthead .tool-button:hover{color:var(--brand-lime);background:none}
.masthead .profile-trigger{background:#171c18;border-color:#374033;color:#dce5d5}
.watchlist-trigger{position:relative}
.watchlist-trigger [data-watch-count]{position:absolute;top:0;right:-5px;background:var(--brand-lime);color:#172010;font-size:9px;font-weight:700;border-radius:8px;min-width:14px;padding:2px 3px;line-height:1}
.watchlist-trigger [data-watch-count][hidden]{display:none}
.league-menu{background:#151a16;border-color:#374034;box-shadow:0 18px 50px #0009}
.home{--home-pitch-height:clamp(350px,calc(100svh - 366px),610px)}
.home-overview{min-height:84px;padding:15px 0 14px}
.overview-title>span{font-size:9px;font-weight:600;letter-spacing:.16em;color:var(--brand-muted);margin-bottom:3px}
.overview-title h1{font-family:'Barlow Condensed',sans-serif;font-size:42px;line-height:.95;letter-spacing:-.8px;font-weight:700;text-transform:uppercase}
.brand-period{color:var(--brand-lime)}
.home-overview .side-stats dt{color:var(--brand-muted);font-size:9px}
.home-overview .side-stats dd{font-size:21px;letter-spacing:-.6px}
.home-overview .side-stats>div{border-color:var(--brand-line);padding-inline:24px}
.home-overview .side-stats em{color:#a2ad9a}
/* Readiness is a compact strip, leaving the pitch and reserve together. */
.matchday-hub{margin:0 0 16px}
.matchday-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.matchday-heading>div{display:flex;align-items:baseline;gap:9px}
.matchday-eyebrow{display:none}
.matchday-heading h2{font-size:11px;font-weight:550;margin:0;color:#c5d0c2}
.matchday-mode{font-size:9px;color:#b5c4aa;display:flex;gap:5px;align-items:center}
.matchday-mode::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--brand-lime)}
.matchday-mode.is-demo{color:#9ca697}.matchday-mode.is-demo::before{background:#76846d}
.matchday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--brand-line);background:#141815;border-radius:8px;overflow:hidden}
.matchday-item{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 16px;border:0;border-right:1px solid var(--brand-line);background:none;color:var(--brand-white);text-align:left;text-decoration:none;cursor:pointer;min-height:78px;transition:background .15s}
.matchday-item:last-child{border-right:0}.matchday-item:hover{background:#1c2319}.matchday-item:focus-visible{outline-offset:-3px}
.matchday-icon{display:grid;place-items:center;width:28px;flex:0 0 28px;color:#abb5a6}.matchday-icon svg{width:22px;height:22px}
.matchday-item-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.matchday-label{font-size:9px;color:#929e90}
.matchday-value{font-size:14px;font-weight:600;letter-spacing:-.25px;line-height:1.15}
.matchday-detail{font-size:9px;line-height:1.3;color:#99a593;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.matchday-total{font-size:12px;font-weight:400;color:#93a18e}
.matchday-arrow{margin-left:auto;flex:0 0 13px;color:#687861}.matchday-arrow svg{width:13px;height:13px}
.matchday-item[data-tone=warning] .matchday-icon{color:#e4c383}.matchday-item[data-tone=danger] .matchday-icon{color:#f39388}.matchday-item[data-tone=positive] .matchday-icon{color:#c2dba4}
.matchday-footer{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:#7c8878;font-size:9px;line-height:1.4}
.matchday-footer p{margin:0}.matchday-consequence{text-align:right}.matchday-consequence a{color:#afbba1;text-decoration:underline;text-underline-offset:3px}.matchday-sync.is-stale{color:#cbb991}
.home-grid{gap:20px;grid-template-columns:minmax(0,1fr) minmax(295px,28%)}
.home .lineup-panel{border-color:#2f3930;background:#101611;border-radius:9px}
.lineup-toolbar{min-height:43px;padding:7px 12px}
.elf-seg.scope-seg{background:#0b110d;border-color:#2c372c;border-radius:5px}
.elf-seg.scope-seg button{font-size:10px}.elf-seg.scope-seg button.active{background:#293822;color:#e6f7d5}
.home .lineup-panel .elf-stage{padding:0 8px}
.home .lineup-panel .pitch{border-color:#304632;border-radius:5px}
.home .lineup-panel .token:not(.empty-slot),.home .lineup-panel .token:not(.empty-slot):is(:hover,:active){translate:none;transform:none;transition:none}
.home .lineup-panel .token:not(.empty-slot) .player-plate{background:#102018f5;border-color:#9eba7d42;box-shadow:0 2px 5px #0003;border-radius:4px}
.home .lineup-panel .token .player-plate .player-name{font-weight:600;color:#edf3e4}
.home .lineup-panel .player-plate-metrics{color:#dcebc7}
.home .reserve-bench{padding:10px 12px 12px}
.home .reserve-heading{padding-bottom:7px}
.home .reserve-heading h3{font-size:12px;font-weight:600}.home .reserve-heading>span{color:#95a189}
.home .reserve-list{min-height:61px;gap:7px}.home .reserve-list>button,.home .reserve-list>button:first-child{min-height:61px;background:#151e16;border-color:#303e2d;border-radius:5px}
.home .reserve-list>button:hover{background:#1c2a1a;border-color:#91ae6f}
.home .reserve-identity>small{background:#283225;color:#a7b596}
.home .squad-view{background:#111912;border-color:#2c3629}
.home-side{gap:14px}.home-side .side-block{background:#121615;border-color:var(--brand-line);border-radius:8px;padding:17px 16px 10px}
.home .side-title,.home .ht-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:650;line-height:1;letter-spacing:-.15px}
.home .squad-news-item{min-height:80px;padding:10px 0;grid-template-columns:54px minmax(0,1fr) 11px;gap:11px;border-color:#2b332c}
.home .squad-news-visual{width:54px;height:60px;background:none;border-radius:4px}
.home .squad-news-title strong{font-size:12px;line-height:1.45;font-weight:550}.home .squad-news-item:hover .squad-news-title strong{color:#d2eea7}
.home .squad-news-meta{color:#96a18f;font-size:9px}.home .squad-news-publisher{font-size:8px;color:#849080}
.home .transfer-row{min-height:60px;border-color:#2a342b}.home .transfer-copy strong{font-weight:550;font-size:12px}.home .transfer-copy small{color:#95a38c}
.home .transfer-face{border-radius:4px;background:#242e22}.home .transfer-value b{font-size:11px;color:#e3edd8}
.side-panel-heading .section-eyebrow{font-size:8px;color:#9cae8c;font-weight:500;letter-spacing:.12em}
.home .home-transfers{margin-top:26px}.home .ht-head{border-top:1px solid var(--brand-line);padding-top:22px}
.home .ht-head p{font-size:11px;color:#939d8c}.overview-market-link{color:#c5d6ad;font-size:11px}
/* Identical typographic hierarchy across the editorial and decision pages. */
:is(#page-aufstellungen,#duell-page,#page-markt,#page-dataroom,#window){--page-bg:var(--brand-ink);--page-panel:var(--brand-panel);--page-raised:var(--brand-raised);--page-line:var(--brand-line);--page-text:var(--brand-white);--page-muted:var(--brand-muted);--page-accent:var(--brand-lime)}
:is(#page-aufstellungen,#page-markt,#page-dataroom) .page-title,#duell-page .duel-title{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,4vw,56px);font-weight:700;line-height:1;letter-spacing:-.6px;text-transform:uppercase}
:is(#page-aufstellungen,#page-markt,#page-dataroom) .page-head{padding:29px 0 24px}
:is(#page-aufstellungen,#page-markt,#page-dataroom) .page-head p{font-size:12px;max-width:580px;color:#a0aa9a}
#page-aufstellungen .club-picker{background:#121813;border-color:#30382d;border-radius:7px;padding:9px}
#page-aufstellungen .club-picker button[aria-pressed=true]{background:#293b20;box-shadow:inset 0 0 0 1px #607645}
#page-aufstellungen .club-picker button:hover{background:#24331d}
.home-foot{border-color:var(--brand-line);color:#87917f}
/* Device-local scouting, reachable from every page. */
.watch-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:550;min-height:35px;padding:8px 11px;border:1px solid #3c4835;border-radius:5px;background:#182116;color:#c9d9b6}
.watch-toggle svg{width:15px;height:15px;flex:0 0 15px}.watch-toggle:hover{background:#26351f;border-color:#a1b885}.watch-toggle.is-saved{color:#d1ed9b;background:#23311b}
.player-actions{display:flex;align-items:center;gap:18px;padding:0 0 22px}.player-actions>a{font-size:11px;color:#a3b196;text-decoration:none}.player-actions>a:hover{color:var(--brand-lime)}
.bid-watch-action{padding:0 0 16px}.bid-watch-action .watch-toggle{width:100%}
.window-eyebrow{font-size:9px;color:#a0b485;font-weight:600;letter-spacing:.13em}
.watchlist-intro h3{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.15;letter-spacing:-.3px;margin:8px 0}
.watchlist-intro p{font-size:11px;color:#99a48f;margin:0 0 22px}
.watchlist-items{border-block:1px solid #313b2c}
.watchlist-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #293125;min-width:0}.watchlist-item:last-child{border:0}
.watchlist-item>img,.watchlist-placeholder{width:46px;height:52px;object-fit:cover;object-position:center top;background:#24311e;border-radius:4px;flex:0 0 46px}
.watchlist-item>div{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.watchlist-item strong{font-size:13px;line-height:1.3}.watchlist-item small{font-size:10px;color:#9dad91;line-height:1.4}
.watchlist-open{color:#cde3b5;border:0;background:none;font-size:11px;padding:10px 0}.watchlist-remove{border:1px solid #34402e;border-radius:5px;width:32px;height:32px;flex:0 0 32px;color:#a8b69c;background:none;font-size:20px}.watchlist-remove:hover{border-color:#d3a289;color:#f2c1b1}
.watchlist-snapshot{font-size:9px;color:#8a9d7a;max-width:64px;line-height:1.5}
.watchlist-empty{padding:25px 12px 30px;text-align:center;display:flex;align-items:center;flex-direction:column;background:#151c12;border:1px solid #303e26;border-radius:7px}
.watchlist-empty svg{width:35px;height:35px;margin-bottom:20px;color:#b5cf91}.watchlist-empty strong{font-size:15px}.watchlist-empty p{font-size:12px;line-height:1.6;color:#9eac92;max-width:320px;margin:10px 0 20px}.watchlist-empty .action-button{font-size:12px}
.market-live.is-stale{color:#e6bb89}.market-live.is-stale>i{background:#d7aa74;box-shadow:none}.market-live.is-demo>i{background:#88917e;box-shadow:none}
.bid-empty{padding:40px 5px;color:#cdd7c3}.bid-empty strong{font-size:18px}.bid-empty p{font-size:12px;line-height:1.6;color:#a4b095;margin-top:10px}
#window{background:#111612;border-color:#384332;border-radius:10px}#window .window-heading{background:#171e18;border-color:#303a2c}#window .window-heading .wordmark{color:#a2b08f}
.signin-screen{background:radial-gradient(ellipse at 50% 0,#26351a 0,transparent 55%),#0b0f0b}.signin-card{background:#121811;border-color:#35432b;border-radius:12px}.signin-card h1{font-family:'Barlow Condensed',sans-serif;font-size:42px;line-height:1.05;text-transform:uppercase}.signin-submit{background:var(--brand-lime);color:#16200d;border-radius:5px}
@media(min-width:1500px){.home .squad-news-item{min-height:88px;grid-template-columns:62px minmax(0,1fr) 12px}.home .squad-news-visual{width:62px;height:66px}.home .squad-news-title strong{font-size:13px}.home .side-title{font-size:26px}.home .transfer-row{min-height:65px}}
@media(min-width:901px) and (max-height:800px){.home-overview{min-height:69px;padding-block:10px}.overview-title h1{font-size:36px}.matchday-heading{margin-bottom:6px}.matchday-item{min-height:65px;padding-block:9px}.matchday-footer{font-size:8px}.matchday-hub{margin-bottom:12px}.home{--home-pitch-height:clamp(324px,calc(100svh - 340px),460px)}.home .lineup-panel .formation-row{--row-portrait:clamp(40px,calc(var(--row-step) - 54px),100px)}.home .squad-news-item{min-height:70px;padding-block:9px}.home .squad-news-visual{height:52px}.home-side .side-block{padding-top:14px}.home .transfer-row{min-height:55px}}
@media(max-width:1150px){.masthead-inner{gap:20px}.masthead-nav{gap:18px}.masthead-tools{gap:8px}.matchday-item{padding:11px 12px;gap:8px}.matchday-icon{display:none}.matchday-value{font-size:13px}.home-grid{grid-template-columns:minmax(0,1fr) 285px;gap:14px}}
@media(max-width:900px){.home{--home-pitch-height:500px}.home-grid{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:1fr 1fr}.matchday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matchday-item{min-height:70px}.matchday-item:nth-child(2){border-right:0}.matchday-item:nth-child(-n+2){border-bottom:1px solid var(--brand-line)}.matchday-icon{display:grid}.matchday-item-copy{gap:4px}.matchday-value{font-size:14px}.matchday-consequence{max-width:50%}}
@media(max-width:680px){
 .masthead-inner{height:62px;gap:14px}.masthead-tools{gap:8px}.masthead .tool-button{width:26px}.masthead .team-switch-text small{font-size:9px}.watchlist-trigger{display:none}
 .home-overview{padding:20px 2px 15px;gap:16px}.overview-title{flex-direction:column;align-items:flex-start;gap:4px}.overview-title>span{font-size:8px}.overview-title h1{font-size:38px;letter-spacing:-.5px}
 .home-overview .side-stats>div{padding-inline:12px}.home-overview .side-stats dd{font-size:19px}
 .matchday-hub{margin-bottom:14px}.matchday-heading h2{font-size:10px}.matchday-item{padding:11px 10px;gap:7px;min-height:76px}.matchday-icon{display:none}.matchday-label{font-size:9px}.matchday-value{font-size:13px}.matchday-detail{font-size:9px}.matchday-arrow{display:none}.matchday-footer{font-size:8px;gap:10px}.matchday-consequence{max-width:52%}
 .home{--home-pitch-height:540px}.home .lineup-panel .formation-row{--row-portrait:clamp(46px,calc(var(--row-step) - 67px),85px)}
 .home .lineup-panel .token:not(.empty-slot) .player-plate{background:#112119ed}.home .lineup-panel .token:not(.empty-slot):hover .player-plate{background:#1b2b18}
 .home .reserve-list{grid-auto-columns:minmax(168px,1fr)}.home .reserve-heading{gap:6px}.home-side{grid-template-columns:1fr;gap:14px}.home .side-title{font-size:25px}
 .home .squad-news-item{min-height:83px;grid-template-columns:62px minmax(0,1fr) 12px}.home .squad-news-visual{width:62px;height:65px}.home .squad-news-title strong{font-size:13px}.home .transfer-row{min-height:65px}
 .home .ht-head{gap:15px}.home .ht-head p{font-size:11px;line-height:1.5}.overview-market-link{font-size:10px;max-width:110px}
 :is(#page-aufstellungen,#page-markt,#page-dataroom) .page-title,#duell-page .duel-title{font-size:40px}
 .player-actions{gap:12px;justify-content:space-between}.player-actions>a{font-size:10px}.watchlist-intro h3{font-size:28px}.watchlist-item{gap:10px}.watchlist-item strong{font-size:12px}.watchlist-item small{font-size:9px}.watchlist-open{font-size:10px}.watchlist-remove{width:30px;height:30px;flex-basis:30px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.matchday-item{transition:none}}
/* Compact desktop overview: keep the reserve in the first screen. */
@media(min-width:901px){
 .matchday-hub{position:relative;margin-bottom:12px}
 .matchday-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .matchday-item{min-height:66px;padding-block:9px}.matchday-footer{font-size:8px;margin-top:5px}
 .home{--home-pitch-height:clamp(350px,calc(100svh - 328px),760px)}
 .home .lineup-panel .formation-row{--row-portrait:clamp(32px,calc(var(--row-step) - 48px),120px)}
}
@media(min-width:901px) and (max-height:800px){
 .home-overview{min-height:61px;padding-block:8px}.overview-title h1{font-size:34px}
 .matchday-item{min-height:56px;padding-block:8px}.matchday-item-copy{gap:3px}.matchday-footer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .home{--home-pitch-height:clamp(330px,calc(100svh - 302px),560px)}
 .home .reserve-bench{padding:8px 12px 10px}.home .reserve-heading{min-height:16px;padding-bottom:6px}.home .reserve-list,.home .reserve-list>button,.home .reserve-list>button:first-child{min-height:57px}
}
.watchlist-error{color:#e4bb94!important;line-height:1.5}
.mobile-tabbar{display:none}
@media(max-width:680px){
 main{padding-bottom:90px}
 .mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;z-index:30;min-height:63px;padding:6px 9px calc(6px + env(safe-area-inset-bottom));background:#111610f5;border-top:1px solid #35412e;backdrop-filter:blur(18px)}
 .mobile-tabbar a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:48px;color:#909f85;text-decoration:none;font-size:9px;font-weight:550;letter-spacing:.01em;border-radius:5px}
 .mobile-tabbar a svg{width:21px;height:21px}.mobile-tabbar a.active{color:#d6f798;background:#caff610a}.mobile-tabbar a:hover{color:#e2f5c1}
 .lineup-toast{bottom:calc(82px + env(safe-area-inset-bottom))}
}
#duell-page .duels-page-heading h1{font-family:'Barlow Condensed',sans-serif;font-size:56px;line-height:1;font-weight:700;letter-spacing:-.6px;text-transform:uppercase}
#page-dataroom,#page-markt{--ma-panel:#121815;--ma-line:#2b372c;--ma-muted:#97a38f;--ma-accent:var(--brand-lime)}
.bid-back{display:none}.bid-status-unknown{padding:10px 12px;border-left:2px solid #be9d67;background:#262317;color:#c8b890;font-size:11px;line-height:1.6}
@media(max-width:1000px){#page-markt .bid-back{display:block;width:max-content;border:0;background:none;color:#b9cea4;padding:4px 0 12px;font-size:11px}#page-markt .bid-wrap{scroll-margin-top:78px}}
@media(max-width:680px){#duell-page .duels-page-heading h1{font-size:40px}#market-rows{scroll-margin-top:78px}}
.overview-rank{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.overview-rank:hover{color:var(--brand-lime)}
#page-aufstellungen .bl-head h1{font-family:'Barlow Condensed',sans-serif;font-size:56px;line-height:1;font-weight:700;letter-spacing:-.6px;text-transform:uppercase}
#page-aufstellungen{--bl-panel:#121815;--bl-border:#2b372c;--bl-accent:var(--brand-lime)}
@media(max-width:680px){#page-aufstellungen .bl-head h1{font-size:40px}.bl-page:has(.bl-team-head) .bl-head h1{font-size:30px!important}}

/* Player cutouts in news lists sit directly on the card, no tile behind them. */
.squad-news-visual,#window[data-window="news"] .squad-news-visual{background:none}
/* Top menu: condensed football face, kept light. Grey labels, white active page, thin lime bar as wide as the word. */
.masthead-nav{gap:30px}
.masthead-nav .main-nav-link{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#8b938a}
.masthead-nav .main-nav-link:hover{color:#dfe4dc}
.masthead-nav .main-nav-link.active{color:#fff}
.masthead-nav .main-nav-link.active::after{top:calc(50% + 12px);bottom:auto;height:2px;border-radius:1px;background:var(--brand-lime)}
@media(max-width:1180px){.masthead-nav{gap:22px}.masthead-nav .main-nav-link{font-size:15px;letter-spacing:.05em}}
/* Search field: no lime ring, just a slightly brighter border while typing. */
#window .search-input-wrap input:focus-visible{outline:none;border-color:#56655b}
/* Player search window (design B + keyboard footer). */
#window[data-window="players"]{width:600px;background:#0f1311;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 30px 90px #000b}
#window[data-window="players"] .window-heading{min-height:0;padding:20px 22px 6px;background:none;border:0}
#window[data-window="players"] .window-heading .wordmark{display:none}
#window[data-window="players"] #window-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;letter-spacing:.03em;text-transform:uppercase;padding:0;border:0}
#window[data-window="players"] .window-heading div::after,#window[data-window="players"] .window-heading div::before{display:none}
#window[data-window="players"] .window-heading .icon-button{width:34px;height:34px;border-radius:50%;background:#1a201c;border:0;color:#aab3a9}
#window[data-window="players"] .window-heading .icon-button:hover{background:#232a25;color:#fff}
#window[data-window="players"] .window-body{padding:12px 22px 0}
#window .search-field{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-radius:999px;background:#1a201c;color:#8b938a;transition:background .15s}
#window .search-field:focus-within{background:#212823}
#window .search-field .icon{width:18px;height:18px;flex:none}
#window .search-field input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:#eef2eb;font:500 15px Inter,Arial,sans-serif}
#window .search-field input:focus-visible{outline:none}
#window .search-field input::placeholder{color:#6f786f}
#window .search-field input::-webkit-search-cancel-button{filter:invert(.6)}
#window .search-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0 14px}
#window .search-chip{flex:none;white-space:nowrap;font:600 12px Inter,Arial,sans-serif;color:#b8c0b6;background:#171c18;border:0;border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .15s,color .15s}
#window .search-chip:hover{background:#1f2620;color:#eef2eb}
#window .search-chip[aria-pressed="true"]{background:#e9ede6;color:#0d110e}
#window .search-chip-rule{width:1px;height:18px;background:#ffffff17;margin:0 3px}
#window .search-results{max-height:min(470px,calc(88svh - 260px));overflow:auto;margin:0 -8px;padding:0 8px;scrollbar-width:none}
#window .search-results::-webkit-scrollbar{display:none}
#window .search-row{display:flex;align-items:center;gap:13px;width:100%;min-height:0;padding:10px 8px;border:0;border-bottom:1px solid #ffffff0a;border-radius:0;background:none;text-align:left;cursor:pointer}
#window .search-row:hover,#window:has(#player-search:focus) .search-row.is-active{background:#ffffff0a;border-radius:12px;border-bottom-color:transparent}
#window .search-row:focus-visible{outline:2px solid var(--brand-lime);outline-offset:-2px;border-radius:12px}
#window .search-photo{flex:none;width:44px;height:44px;border-radius:12px;overflow:hidden;background:#171c18;display:grid;place-items:center}
#window .search-photo .window-player-image{width:44px;height:44px;object-fit:cover;object-position:top}
#window .search-photo .number-placeholder{font:700 14px Inter;color:#8b938a}
#window .search-name{flex:1;min-width:0}
#window .search-name strong{display:block;font-size:14.5px;font-weight:600;color:#eef2eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#window .search-name small{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;color:#8b938a}
#window .search-name .crest{position:static;inset:auto;transform:none;display:inline-flex;flex:none;width:15px;height:15px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
#window .search-name .crest img{width:15px;height:15px;object-fit:contain}
#window .search-points{flex:none;display:flex;align-items:baseline;justify-content:flex-end;gap:14px;font-family:Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:right}
#window .search-avg{min-width:44px;font-size:12.5px;font-weight:600;color:#8b938a}
#window .search-total{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:4px;min-width:72px}
#window .search-total b{font-size:16px;font-weight:700;color:#eef2eb}
#window .search-total small{font-size:11px;font-weight:500;color:#8b938a}
#window .search-loading{padding:14px 8px 6px;text-align:center;font-size:12px;color:#7d877e}
#window .search-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px -22px 0;padding:12px 22px;border-top:1px solid #ffffff10;font-size:11.5px;color:#7d877e}
#window .search-keys{display:flex;gap:16px;flex-wrap:wrap}
#window .search-keys>span{display:inline-flex;align-items:center;gap:4px}
#window .search-foot kbd{font:600 10.5px Inter,Arial,sans-serif;color:#9aa39a;border:1px solid #2c332e;border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:#141915}
#window .search-foot a{color:#b8c0b6;text-decoration:none;white-space:nowrap}
#window .search-foot a:hover{color:#fff}
#window .empty-result{padding:28px 8px;text-align:center;color:#7d877e;font-size:13px}
@media(hover:none),(max-width:680px){#window .search-keys{display:none}#window .search-foot{justify-content:flex-end}}
@media(max-width:680px){#window[data-window="players"]{width:auto;border-radius:16px}#window .search-field input{font-size:16px}#window .search-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}}
/* Floating header (desktop and tablet): the page menu is a fixed glass pill that always stays.
   Logo + league switcher (left) and search + profile (right) show only at the top of the page;
   terminal.js toggles .is-scrolled on the masthead. Phones keep the bottom tab bar. */
@media(min-width:681px){
 html{scroll-padding-top:72px}
 .masthead{position:fixed;top:0;left:0;right:0;z-index:60;height:68px;background:transparent;border-bottom:0;backdrop-filter:none;pointer-events:none}
 #workspace{padding-top:68px}
 .masthead .masthead-inner{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;height:100%;max-width:1680px;margin:0 auto;padding:0 24px;gap:16px}
 .masthead .masthead-brand,.masthead .masthead-nav,.masthead .masthead-tools{pointer-events:auto}
 .masthead .masthead-brand{justify-self:start;display:flex;align-items:center;gap:18px;min-width:0}
 .masthead .brand-rule{display:block;flex:none;width:1px;height:28px;margin:0;background:#ffffff8c}
 .masthead .masthead-tools{justify-self:end;margin-left:0;height:auto}
 .masthead .masthead-brand,.masthead .masthead-tools{transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1),visibility 0s linear 0s}
 .masthead.is-scrolled .masthead-brand,.masthead.is-scrolled .masthead-tools{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s}
 .masthead .masthead-nav{justify-self:center;height:48px;align-items:center;gap:2px;padding:5px;border-radius:999px;background:#121714e6;border:1px solid #ffffff17;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 10px 32px #0008,inset 0 1px 0 #ffffff0d}
 .masthead .masthead-nav .main-nav-link{height:38px;padding:0 16px;border-radius:999px;font-size:15px;color:#8f978e}
 .masthead .masthead-nav .main-nav-link:hover{color:#e3e8df;background:#ffffff08}
 .masthead .masthead-nav .main-nav-link.active{color:#fff;background:#ffffff12}
 .masthead .masthead-nav .main-nav-link.active::after{top:auto;bottom:5px;left:50%;right:auto;width:14px;margin-left:-7px;height:2px;border-radius:2px}
 .masthead .masthead-nav .main-nav-link:focus-visible{outline-offset:-2px}
}
@media(min-width:681px) and (max-width:1180px){
 .masthead .masthead-inner{padding:0 16px;gap:10px}
 .masthead .masthead-nav .main-nav-link{padding:0 11px;font-size:14px}
}
@media(min-width:681px) and (max-width:900px){
 .masthead .masthead-brand{gap:12px}
 .masthead .masthead-nav{padding:4px}
 .masthead .masthead-nav .main-nav-link{padding:0 8px;font-size:13px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){.masthead .masthead-brand,.masthead .masthead-tools,.masthead.is-scrolled .masthead-brand,.masthead.is-scrolled .masthead-tools{transition:none;transform:none}}
/* ---------- Account & sign-in redesign ---------- */
/* No default (blue) focus box on the dialog title, which receives focus when a window opens. */
#window:focus,#window-title:focus,#window-title:focus-visible{outline:none}

/* Header avatar: the Kickbase picture, else a silhouette. */
.masthead .profile-trigger{display:grid;place-items:center;padding:0;overflow:hidden;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff1f;background:#161b17;color:#7d877e;transition:border-color .15s,box-shadow .15s}
.masthead .profile-trigger:hover{border-color:#ffffff40}
.masthead .profile-trigger.has-photo{border-color:#c8f25a66;box-shadow:0 0 0 3px #c8f25a14}
.masthead .profile-trigger img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.avatar-silhouette{display:block;width:56%;height:56%;margin:0}

/* Account window */
#window[data-window="account"]{width:440px;background:#0b0e0c;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 30px 90px #000c}
#window[data-window="account"] .window-heading{min-height:0;padding:20px 22px 4px;background:none;border:0}
#window[data-window="account"] .window-heading .wordmark{display:none}
#window[data-window="account"] #window-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px;letter-spacing:.03em;text-transform:uppercase;padding:0;border:0}
#window[data-window="account"] .window-heading .icon-button{width:34px;height:34px;border-radius:50%;background:#171c18;border:0;color:#aab3a9}
#window[data-window="account"] .window-heading .icon-button:hover{background:#222922;color:#fff}
#window[data-window="account"] .window-body{padding:14px 22px 20px}
.acct{display:flex;flex-direction:column;gap:14px}
.acct-avatar{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#161b17;color:#6f786f;border:1px solid #ffffff1a}
.acct-avatar img{width:100%;height:100%;object-fit:cover}
.acct-avatar.has-photo{border:2px solid #c8f25a;box-shadow:0 0 0 4px #c8f25a1a}
.acct-hero,.acct-guest{display:flex;align-items:center;gap:16px;padding:4px 2px 2px}
.acct-id{min-width:0}
.acct-hero h3,.acct-guest h3{margin:0;font:700 22px/1.15 Inter,Arial,sans-serif;letter-spacing:-.4px;color:#f2f5ef;overflow-wrap:anywhere}
.acct-guest p{margin:4px 0 0;font-size:12.5px;color:#8b938a}
.acct-badge{display:inline-flex;align-items:center;gap:7px;margin:7px 0 0;padding:4px 10px 4px 8px;border-radius:999px;background:#c8f25a14;color:#d5f29a;font:600 11.5px Inter,Arial,sans-serif}
.acct-badge i{width:7px;height:7px;border-radius:50%;background:#c8f25a;box-shadow:0 0 0 3px #c8f25a2e}
.acct-mail{margin:6px 0 0;font-size:12px;color:#7d877e}
.acct-stats{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr;margin:0;border:1px solid #ffffff10;border-radius:14px;background:#111512;overflow:hidden}
.acct-stats>div{padding:12px 14px;min-width:0}
.acct-stats>div+div{border-left:1px solid #ffffff0d}
.acct-stats dt{font:600 10px Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6f786f}
.acct-stats dd{margin:5px 0 0;font:700 17px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#eef2eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-stats dd small{font-size:11px;font-weight:500;color:#7d877e}
.acct-stats .acct-stat-league dd{font-size:14px;font-weight:600;padding-top:2px}
.acct-list{display:flex;flex-direction:column;border:1px solid #ffffff10;border-radius:14px;background:#111512;overflow:hidden}
.acct-row{display:block;width:100%;border:0;background:none;color:#e3e8df;text-align:left}
.acct-row+.acct-row{border-top:1px solid #ffffff0d}
button.acct-row,.acct-row>summary{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;font:600 13.5px Inter,Arial,sans-serif;cursor:pointer;list-style:none}
.acct-row>summary::-webkit-details-marker{display:none}
button.acct-row:hover,.acct-row>summary:hover{background:#ffffff06}
.acct-row span{flex:1}
.acct-row small{font-size:12px;font-weight:500;color:#7d877e}
.acct-chevron{width:16px;height:16px;color:#6f786f;transition:transform .15s}
.acct-manage[open] .acct-chevron{transform:rotate(90deg)}
.acct-manage-body{padding:0 14px 14px}
.acct-manage-body p{margin:0 0 12px;font-size:12.5px;line-height:1.55;color:#8b938a}
.acct-disconnect{height:36px;padding:0 14px;border-radius:999px;border:1px solid #e0646e55;background:#e0646e14;color:#f19aa1;font:600 12.5px Inter,Arial,sans-serif;cursor:pointer}
.acct-disconnect:hover{background:#e0646e24}
.acct-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}
.acct-footer .account-member-since{margin:0;font-size:12px;color:#7d877e}
.acct-signout{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;border:1px solid #ffffff1a;background:#151a16;color:#e3e8df;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
.acct-signout:hover{border-color:#ffffff38;background:#1b211c}
.acct-signout svg{width:16px;height:16px}
.acct-legal{margin:0;font-size:10.5px;color:#5d655d;text-align:center}
.acct-connect{position:relative;overflow:hidden;padding:22px 20px 18px;border-radius:18px;background:#050605;border:1px solid #ffffff12}
.acct-connect-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#c8f25a;color:#121a08;margin-bottom:14px}
.acct-connect-mark svg{width:22px;height:22px}
.acct-connect h4{margin:0;font:700 26px/1.05 'Barlow Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#f4f7f1}
.acct-connect>p{margin:8px 0 0;font-size:13px;line-height:1.55;color:#a3aba2}
.acct-benefits{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:8px}
.acct-benefits li{display:flex;align-items:center;gap:10px;font-size:13px;color:#dfe4dc}
.acct-benefits li::before{content:'';flex:none;width:16px;height:16px;border-radius:50%;background:#c8f25a24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.9' fill='none' stroke='%23c8f25a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.acct-connect-btn{width:100%;height:48px;border:0;border-radius:12px;background:#c8f25a;color:#111a07;font:700 14px Inter,Arial,sans-serif;cursor:pointer;transition:filter .15s,transform .15s}
.acct-connect-btn:hover{filter:brightness(1.06)}
.acct-connect-btn:active{transform:translateY(1px)}
.acct-fine{margin:14px 0 0;font-size:10.5px;letter-spacing:0;color:#6f786f;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-fine svg{width:13px;height:13px;flex:none}
@media(max-width:680px){#window[data-window="account"]{width:auto;border-radius:16px}.acct-stats{grid-template-columns:1fr 1fr}.acct-stats .acct-stat-league{grid-column:1/-1;border-bottom:1px solid #ffffff0d}.acct-stats>div+div{border-left:0}.acct-stats>div:last-child{border-left:1px solid #ffffff0d}}

/* Sign-in screen: stadium visual left, clean form right. */
.signin-screen{padding:0;background:#060807;place-items:stretch}
.signin-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);width:100%;min-height:100svh}
.signin-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;background:linear-gradient(180deg,#060807cc 0,#06080766 35%,#060807f2 100%),url('assets/stadium-tunnel-hero.png') center/cover no-repeat,#0b100c;border-right:1px solid #ffffff0f}
.signin-visual-mark{font:800 italic 40px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.2px;color:#f4f6f1}
.signin-kicker{margin:0 0 12px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c8f25a}
.signin-visual h2{margin:0;font:700 clamp(44px,5vw,72px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-.5px;text-transform:uppercase;color:#f6f8f3}
.signin-visual ul{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.signin-visual li{display:flex;align-items:center;gap:10px;font-size:14px;color:#d7ddd3}
.signin-visual li::before{content:'';width:6px;height:6px;border-radius:50%;background:#c8f25a;box-shadow:0 0 0 4px #c8f25a26}
.signin-legal{margin:0;font-size:11px;color:#6d756c}
.signin-screen .signin-card{align-self:center;justify-self:center;width:100%;max-width:400px;margin:40px 32px;padding:0;background:none;border:0;border-radius:0;gap:0}
.signin-screen .signin-mark{display:none}
.signin-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:600 11px Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8b938a}
.signin-link-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#c8f25a;color:#121a08}
.signin-link-badge svg{width:16px;height:16px}
.signin-screen .signin-card h1{margin:0;font:700 40px/1 'Barlow Condensed',sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#f4f7f1}
.signin-screen .signin-intro{margin:12px 0 26px;font-size:14px;line-height:1.6;color:#9aa39a}
.signin-screen .signin-form{gap:16px;margin:0}
.signin-field{display:flex;flex-direction:column;gap:7px}
.signin-field>span:first-child{font:600 12px Inter,Arial,sans-serif;color:#b8c0b6}
.signin-screen .signin-form input{height:50px;width:100%;padding:0 16px;border-radius:12px;border:1px solid #ffffff17;background:#101411;color:#f2f5ef;font:500 15px Inter,Arial,sans-serif;transition:border-color .15s,box-shadow .15s,background .15s}
.signin-screen .signin-form input::placeholder{color:#5f685f}
.signin-screen .signin-form input:hover{border-color:#ffffff2a}
.signin-screen .signin-form input:focus,.signin-screen .signin-form input:focus-visible{outline:none;border-color:#c8f25a99;background:#121713;box-shadow:0 0 0 4px #c8f25a14}
.signin-screen .signin-form input:-webkit-autofill{-webkit-text-fill-color:#f2f5ef;box-shadow:0 0 0 60px #121713 inset;caret-color:#f2f5ef}
.signin-password{position:relative;display:block}
.signin-password input{padding-right:50px!important}
.signin-reveal{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;background:none;color:#7d877e;cursor:pointer}
.signin-reveal:hover,.signin-reveal[aria-pressed="true"]{color:#e3e8df;background:#ffffff0a}
.signin-reveal svg{width:18px;height:18px}
.signin-screen .signin-submit{height:52px;margin-top:6px;border:0;border-radius:12px;background:#c8f25a;color:#111a07;font:700 15px Inter,Arial,sans-serif;cursor:pointer;transition:filter .15s,transform .15s}
.signin-screen .signin-submit:hover{filter:brightness(1.06)}
.signin-screen .signin-submit:active{transform:translateY(1px)}
.signin-screen .signin-submit:focus-visible{outline:2px solid #c8f25a;outline-offset:3px}
.signin-screen .signin-error{margin:0;padding:10px 12px;border-radius:10px;background:#e0646e14;border:1px solid #e0646e40;color:#f3a3aa;font-size:13px}
.signin-screen .signin-note{display:flex;gap:10px;margin:22px 0 0;padding:12px 14px;border-radius:12px;background:#0e120f;border:1px solid #ffffff0d;font-size:12px;line-height:1.55;color:#7d877e}
.signin-screen .signin-note svg{flex:none;width:16px;height:16px;margin-top:1px;color:#9aa39a}
.signin-screen .signin-link{margin-top:16px;color:#9aa39a}
.signin-screen .signin-leagues button{height:58px;border-radius:12px;border-color:#ffffff14;background:#101411}
.signin-screen .signin-leagues button:hover{border-color:#c8f25a80;background:#131913}
.signin-screen .signin-sso{height:46px;border:1px solid #ffffff1f;border-radius:12px;background:#101411;color:#dfe5da;font:600 13.5px Inter,Arial,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}
.signin-screen .signin-sso:hover{border-color:#c8f25a80;background:#131913;color:#eef2eb}
.signin-screen .signin-sso:active{transform:translateY(1px)}
.signin-screen .signin-sso:focus-visible{outline:2px solid #c8f25a;outline-offset:3px}
.signin-screen .signin-sso[aria-expanded="true"]{border-color:#c8f25a99;color:#eef2eb}
.signin-screen .signin-sso-help{display:flex;flex-direction:column;gap:11px;padding:14px 16px;border-radius:12px;background:#0e120f;border:1px solid #ffffff0d;font-size:12.5px;line-height:1.6;color:#aeb6ab}
.signin-screen .signin-sso-help[hidden]{display:none}
.signin-screen .signin-sso-help p{margin:0}
.signin-screen .signin-sso-question{font:600 13px Inter,Arial,sans-serif;color:#e8ecdf}
.signin-screen .signin-sso-help strong{color:#e8ecdf;font-weight:600}
.signin-screen .signin-sso-help ol{margin:0;padding:0;list-style:none;counter-reset:sso-step;display:grid;gap:11px}
.signin-screen .signin-sso-help li{position:relative;padding-left:30px;counter-increment:sso-step}
.signin-screen .signin-sso-help li::before{content:counter(sso-step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#c8f25a1a;color:#c8f25a;font:700 11px Inter,Arial,sans-serif}
.signin-screen .signin-sso-help .sso-way{display:block;margin-top:3px;color:#98a294}
.signin-screen .signin-sso-help .sso-way em{font-style:normal;font-weight:600;color:#ccd5c6}
.signin-screen .signin-sso-tip{padding:10px 12px;border-radius:10px;background:#c8f25a0d;border:1px solid #c8f25a26}
@media(max-width:900px){
 .signin-shell{grid-template-columns:1fr;min-height:100svh}
 .signin-visual{min-height:0;padding:28px 24px 26px;border-right:0;border-bottom:1px solid #ffffff0f;background:linear-gradient(180deg,#06080799,#060807f5),url('assets/stadium-tunnel-hero.png') center 30%/cover no-repeat}
 .signin-visual h2{font-size:38px;margin-top:18px}
 .signin-visual ul,.signin-legal{display:none}
 .signin-screen .signin-card{width:auto;margin:28px 22px 40px;max-width:none;justify-self:stretch}
 .signin-screen .signin-card h1{font-size:32px}
}
/* ---------- Home layout after the reference design ---------- */
.home-overview .side-stats{margin-left:auto}
.home-overview .overview-lineup{display:flex;align-items:center;gap:0;align-self:center;margin:0 0 0 28px;padding:0;height:48px;border:1px solid #ffffff17;border-radius:12px;background:#0d110ecc;font-size:14px;white-space:nowrap}
.home-overview .overview-lineup b{padding:0 18px;font-weight:600;color:#eef2eb}
.home-overview .overview-lineup span{padding:0 18px;border-left:1px solid #ffffff17;color:#c9d0c6;font-variant-numeric:tabular-nums}
.home-overview .overview-lineup:empty{display:none}
/* Lineup: no outer box, the view switch floats on the pitch. */
.home .lineup-panel{position:relative;padding:0;border:0;background:none;box-shadow:none}
.home .lineup-panel .lineup-toolbar{position:absolute;top:14px;left:14px;z-index:6;min-height:0;height:auto;padding:0;border:0;background:none}
.home .lineup-panel .lineup-toolbar .elf-controls{gap:8px}
.home .lineup-panel .elf-seg{padding:4px;gap:2px;border:1px solid #ffffff1c;border-radius:999px;background:#0a110dd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home .lineup-panel .elf-seg button{height:32px;padding:0 16px;border:1px solid transparent;border-radius:999px;background:none;color:#b8c0b6;font:600 13px Inter,Arial,sans-serif}
.home .lineup-panel .elf-seg button.active,.home .lineup-panel .elf-seg button[aria-pressed="true"]{border-color:#c8f25a80;background:#1d2d17;color:#eef7d8}
.home .lineup-panel .elf-stage{margin:0;padding:0}
.home .lineup-panel .pitch{border-radius:14px}
.home .lineup-panel .lineup-list{padding-top:62px;border-radius:14px}
/* Reserve: a drawer bar under the pitch. */
.home .reserve-bench{margin-top:12px;padding:0 18px;border:1px solid #ffffff14;border-radius:14px;background:#0d110e}
.home .reserve-heading{min-height:52px;padding:0;align-items:center}
.home .reserve-heading h3{font:700 17px Inter,Arial,sans-serif;color:#f2f5ef}
.reserve-toggle{display:grid;place-items:center;width:28px;height:28px;margin-left:2px;border:0;border-radius:8px;background:none;color:#aab3a9;cursor:pointer;transition:transform .2s,background .15s}
.reserve-toggle:hover{background:#ffffff0d;color:#fff}
.reserve-toggle svg{width:16px;height:16px}
.reserve-bench.is-collapsed .reserve-toggle{transform:rotate(180deg)}
.home .reserve-heading #reserve-hint{margin-left:auto;text-align:right}
.home .reserve-bench .reserve-list{padding-bottom:14px}
.reserve-bench.is-collapsed .reserve-list,.reserve-bench.is-collapsed .reserve-navigation{display:none}
@media(min-width:901px){
 .home{--home-pitch-height:clamp(380px,calc(100svh - 314px),800px)}
 .home:has(.reserve-bench.is-collapsed){--home-pitch-height:clamp(380px,calc(100svh - 236px),860px)}
}
@media(min-width:901px) and (max-height:800px){
 .home{--home-pitch-height:clamp(330px,calc(100svh - 300px),620px)}
 .home:has(.reserve-bench.is-collapsed){--home-pitch-height:clamp(330px,calc(100svh - 226px),680px)}
}
/* Right column: framed panels, featured first news item, compact rows. */
.home .home-side .side-block{padding:20px 20px 10px;border:1px solid #ffffff14;border-radius:14px;background:#0d110e}
.home .home-side .side-title{font:700 28px/1 'Barlow Condensed',sans-serif;letter-spacing:.01em;color:#f4f7f1}
.home .home-side .feed-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#c9d0c6}
.home .home-side .feed-status i{width:7px;height:7px;border-radius:50%;background:#c8f25a}
.home .squad-news-heading{margin-bottom:14px}
.home .squad-news-feed{display:flex;flex-direction:column}
.home .squad-news-item{display:grid;grid-template-columns:58px minmax(0,1fr) 16px;gap:14px;align-items:center;min-height:0;padding:12px 0;border:0;border-top:1px solid #ffffff0f;border-radius:0;background:none;text-align:left}
.home .squad-news-item:first-child{border-top:0;padding-top:0}
.home .squad-news-item:hover{background:none}
.home .squad-news-item:hover .squad-news-title strong{color:#fff}
.home .squad-news-visual{width:58px;height:58px;border-radius:10px;overflow:hidden;background:#141a15}
.home .squad-news-visual img{width:100%;height:100%;object-fit:cover;object-position:top}
.home .squad-news-meta{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:#8b938a}
.home .squad-news-meta b{font-weight:500;color:#a3aba2}
.home .squad-news-title strong{display:block;margin-top:3px;font-size:13.5px;line-height:1.35;font-weight:650;color:#eef2eb}
.home .squad-news-publisher{display:block;margin-top:4px;font-size:10.5px;letter-spacing:.06em;color:#7d877e}
.home .squad-news-arrow{color:#8b938a;font-size:15px;align-self:center}
.home .squad-news-item.is-featured{grid-template-columns:112px minmax(0,1fr) 16px;gap:16px;align-items:start;padding-bottom:14px}
.home .squad-news-item.is-featured .squad-news-visual{width:112px;height:112px;border-radius:12px}
.home .squad-news-item.is-featured .squad-news-meta b{padding:3px 7px;border-radius:5px;background:#ffffff0f;color:#d8ded4;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home .squad-news-item.is-featured .squad-news-title strong{margin-top:8px;font-size:15.5px;line-height:1.38}
.home .squad-news-item.is-featured .squad-news-arrow{align-self:start;margin-top:30px}
.home .squad-news-note,.home .transfer-preview-note{margin:6px 0 4px;font-size:11px;color:#6d756c}
.home .transfers-panel,.home #transfers-panel{margin-top:16px}
.home .side-panel-heading{margin-bottom:10px}
.home .side-panel-heading .section-eyebrow{font-size:10.5px;letter-spacing:.14em;color:#8b938a}
.home .transfer-feed{display:flex;flex-direction:column}
.home .transfer-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto 16px;gap:14px;align-items:center;min-height:0;padding:11px 0;border:0;border-top:1px solid #ffffff0f;border-radius:0;background:none;text-align:left}
.home .transfer-row:first-child{border-top:0}
.home div.transfer-row{grid-template-columns:46px minmax(0,1fr) auto}
.home .transfer-portrait{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#141a15;display:grid;place-items:center;color:#9aa39a;font-weight:700;font-size:13px}
.home .transfer-portrait img{width:100%;height:100%;object-fit:cover;object-position:top}
.home .transfer-copy strong{font-size:14px;font-weight:650;color:#eef2eb}
.home .transfer-copy small{font-size:12px;color:#8b938a}
.home .transfer-value{text-align:right}
.home .transfer-value b{display:block;font-size:14px;font-weight:700;color:#eef2eb;font-variant-numeric:tabular-nums}
.home .transfer-value small{display:block;margin-top:3px;font-size:11px;color:#7d877e}
.transfer-chevron{width:16px;height:16px;color:#8b938a}
.home button.transfer-row:hover .transfer-chevron{color:#fff}
@media(max-width:900px){
 .home .lineup-panel .lineup-toolbar{position:static;margin:0 0 10px}
 .home .lineup-panel .lineup-list{padding-top:12px}
 .home-overview .overview-lineup{align-self:flex-start;margin:4px 0 0}
}
/* Menu pill: hidden while scrolling down, back on scroll up. */
@media(min-width:681px){
 .masthead .masthead-nav{transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .2s ease}
 .masthead.is-nav-hidden .masthead-nav{transform:translateY(-140%);opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.masthead .masthead-nav{transition:none}}
/* Kader-News: every player name sits in the gray tag, not only the featured item. */
.squad-news-meta b,.home .squad-news-meta b,#window[data-window="news"] .squad-news-meta b{display:inline-block;padding:3px 7px;border-radius:5px;background:#ffffff0f;color:#d8ded4;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
.home .squad-news-meta{align-items:center}
@media(max-width:680px){#window[data-window="account"] .acct-connect{padding-inline:14px}#window[data-window="account"] .acct-fine{font-size:min(10.5px,2.35vw)}}
/* Header profile button without a Kickbase picture: neon line figure in a lime-to-mint ring. */
@keyframes neon-ring-spin{to{transform:rotate(1turn)}}
.masthead .profile-trigger:not(.has-photo){position:relative;isolation:isolate;border:0;background:radial-gradient(circle at 50% 35%,#1a2a12 0,#0a0f0a 62%,#050705 100%);color:#d9ff70;box-shadow:0 0 12px #c8f25a4d,0 0 4px #b8f58a66;transition:box-shadow .2s,transform .2s}
.masthead .profile-trigger:not(.has-photo)::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:50%;padding:1.5px;background:conic-gradient(from 210deg,#c8f25a,#7ff5b4 25%,#d9ff70 50%,#7ff5b4 75%,#c8f25a 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.masthead .profile-trigger:not(.has-photo)::after{content:'';position:absolute;inset:22%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#c8f25a33,transparent 70%)}
.masthead .profile-trigger:not(.has-photo) .avatar-silhouette{width:54%;height:54%;filter:drop-shadow(0 0 3px #c8f25acc) drop-shadow(0 0 7px #c8f25a59)}
.masthead .profile-trigger:not(.has-photo):hover{box-shadow:0 0 20px #c8f25a6b,0 0 4px #c8f25a99}
.masthead .profile-trigger:not(.has-photo):hover::before{animation:neon-ring-spin 2.4s linear infinite}
.masthead .profile-trigger:not(.has-photo):focus-visible{outline:2px solid #c8f25a;outline-offset:3px}
/* Account window: a connected account without a picture uses the same neon figure. */
.acct-avatar.is-empty{background:radial-gradient(circle at 50% 35%,#1a2a12 0,#0a0f0a 62%,#050705 100%);border-color:#c8f25a73;color:#d9ff70;box-shadow:0 0 18px #c8f25a33}
.acct-avatar.is-empty .avatar-silhouette{filter:drop-shadow(0 0 4px #c8f25acc)}
@media(prefers-reduced-motion:reduce){.masthead .profile-trigger:not(.has-photo):hover::before{animation:none}}
/* Main pitch: KICKELF stadium artwork (own markings and boards, so the drawn ones are hidden). */
.home .lineup-panel .pitch{background:linear-gradient(180deg,#05080d26 0,#05080d00 30%,#05080d33 100%),url('assets/stadium-pitch-kickelf.webp') center 42%/cover no-repeat,#0b1f12}
.home .lineup-panel .stadium-advertising,.home .lineup-panel .field-lines{display:none}
/* Featured news item scales with the column; the name tag never shrinks. */
.home .squad-news-meta b{flex:none;white-space:nowrap}
.home .squad-news-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home .squad-news-item.is-featured{grid-template-columns:clamp(72px,30%,112px) minmax(0,1fr) 16px}
.home .squad-news-item.is-featured .squad-news-visual{width:100%;height:auto;aspect-ratio:1}
/* League switcher only with a connected Kickbase account (body.is-live). */
body:not(.is-live) .masthead .league-picker,body:not(.is-live) .masthead .brand-rule{display:none!important}
/* Lime buttons keep dark gray text; the global white button:hover does not apply here. */
.acct-connect-btn,.acct-connect-btn:hover,.acct-connect-btn:focus-visible,.signin-screen .signin-submit,.signin-screen .signin-submit:hover,.signin-screen .signin-submit:focus-visible{color:#2a3125}
/* ================= Home: full-screen stadium (design D) ================= */
.news-handle{display:none}
@media(min-width:901px){
 .page.home{position:relative}
 body{overflow-x:clip}
 .home{--home-pitch-height:100svh!important}
 /* first screen: edge to edge, under the transparent menu */
 .home-grid{position:relative;display:block;height:100svh;min-height:560px;width:100vw;max-width:none;margin:-68px calc(50% - 50vw) 0}
 .home .lineup-panel{position:absolute;inset:0;margin:0}
 .home .lineup-panel .elf-stage{height:100%}
 .home .lineup-panel .pitch{height:100%;border:0;border-radius:0;background:linear-gradient(180deg,#05080d99 0,#05080d00 17%,#05080d00 72%,#05080dd9 100%),url('assets/stadium-pitch-kickelf.webp') center top/cover no-repeat,#0b1f12}
 .home .lineup-panel .lineup-list{height:100%;padding:150px 24px 90px;border-radius:0;background:#070a08eb}
 .home .lineup-panel .lineup-toolbar{position:absolute;top:84px;left:24px}
 /* players on the grass, rows narrowing with the perspective */
 .home .lineup-panel .formation-row{--row-base:90px;--row-step:calc((100cqh * .57 - var(--row-base)) / (var(--visual-rows) - 1));--row-portrait:clamp(52px,calc(var(--row-step) - 50px),118px);bottom:calc(var(--row-base) + var(--row-offset) * var(--row-step))}
 .home .formation-row[data-line="ST"]{--row-width:46%}
 .home .formation-row[data-line="MF"]{--row-width:60%}
 .home .formation-row[data-line="ABW"]{--row-width:72%}
 .home .formation-row[data-line="TW"]{--row-width:28%}
 /* reserve: glass dock at the bottom */
 .home .reserve-bench{position:absolute;left:24px;right:24px;bottom:16px;z-index:6;margin:0;background:#0a0f0cb8;border-color:#ffffff1f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
 /* matchday card: glass, over the stands */
 .home-overview{position:absolute;top:84px;right:24px;z-index:7;display:grid!important;grid-template-columns:auto;gap:12px;min-height:0!important;width:auto;max-width:520px;padding:16px 18px!important;border:1px solid #ffffff1f;border-radius:16px;background:#080c0ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 40px #0007}
 .home-overview .overview-title{display:block}
 .home-overview .overview-title>span{display:block;margin:0 0 3px;font-size:10px;letter-spacing:.16em;color:#a3aba2}
 .home-overview .overview-title h1{font-size:30px;line-height:1}
 .home-overview .side-stats{margin:0;padding-top:12px;border-top:1px solid #ffffff14}
 .home-overview .side-stats dd{font-size:20px}
 .home-overview .overview-lineup{margin:0;height:40px;justify-content:space-between;border-color:#ffffff14;background:#ffffff0a}
 .home-overview .overview-lineup b,.home-overview .overview-lineup span{padding:0 14px;font-size:13px}
 /* the rest of the home page continues below the stadium */
 .home-transfers{position:relative;z-index:2;margin-top:28px}
 /* news & transfers: drawer from the right with a pull tab */
 .home-side{position:fixed;top:76px;right:16px;bottom:16px;z-index:55;width:400px;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;transform:translateX(calc(100% + 32px));visibility:hidden}
 .home-side::-webkit-scrollbar{display:none}
 .home-side.is-open{transform:none;visibility:visible}
 .home .home-side .side-block{flex:none;background:#0b0f0ceb;border-color:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 40px #0008}
 .home .home-side #transfers-panel{margin-top:0}
 .news-handle{position:absolute;right:0;top:50%;z-index:56;display:flex;align-items:center;gap:10px;padding:16px 11px;border:1px solid #ffffff24;border-right:0;border-radius:14px 0 0 14px;background:#0b0f0ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#eef2eb;font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);cursor:pointer;box-shadow:0 10px 30px #0008;transition:background .15s}
 .news-handle:hover{background:#141a15f2;color:#fff}
 .news-handle b{writing-mode:horizontal-tb;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:#c8f25a;color:#111a07;font:700 11px Inter,Arial,sans-serif}
 .news-handle b[hidden]{display:none}
 .news-drawer-open .news-handle{right:416px;position:fixed}
 .page:not(.home) ~ .news-handle,body:not(:has(#page-uebersicht:not([hidden]))) .news-handle{display:none}
}
@media(min-width:901px) and (max-height:700px){.home-overview{top:76px;padding:12px 14px!important;gap:8px}.home-overview .overview-title h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.home-side,.news-handle{transition:none}}
/* Pull tab: rounded towards the page, square at the screen edge (the tab is rotated 180deg). */
@media(min-width:901px){
 .news-handle{border-radius:0 14px 14px 0;border:1px solid #ffffff24;border-left:0;padding:18px 11px}
 .news-handle-arrow{writing-mode:horizontal-tb;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#c8f25a;color:#111a07;transform:rotate(180deg)}
 .news-handle-arrow svg{width:14px;height:14px}
 .news-drawer-open .news-handle-arrow{transform:rotate(0deg)}
 /* view switch inside the drawer */
 .home-side>.elf-controls.in-drawer{flex:none;display:flex;justify-content:flex-start;padding:6px;border:1px solid #ffffff1f;border-radius:14px;background:#0b0f0ceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 .home-side>.elf-controls.in-drawer .elf-seg{flex:1;display:flex;padding:0;border:0;background:none;backdrop-filter:none}
 .home-side>.elf-controls.in-drawer .elf-seg button{flex:1;height:38px;padding:0 16px;border:1px solid transparent;border-radius:10px;background:none;color:#b8c0b6;font:600 13px Inter,Arial,sans-serif}
 .home-side>.elf-controls.in-drawer .elf-seg button[aria-pressed="true"],.home-side>.elf-controls.in-drawer .elf-seg button.active{border-color:#c8f25a80;background:#1d2d17;color:#eef7d8}
 .home .lineup-panel .lineup-toolbar:empty{display:none}
}
/* Status legend in the header toolbar */
.masthead-tools .status-key{position:relative;display:grid;place-items:center}
.masthead-tools .status-key summary{width:30px;height:30px;border:0;background:none;color:#a3ada5;list-style:none;cursor:pointer;display:grid;place-items:center}
.masthead-tools .status-key summary::-webkit-details-marker{display:none}
.masthead-tools .status-key summary:hover,.masthead-tools .status-key[open] summary{color:var(--brand-lime)}
.masthead-tools .status-key summary svg{width:20px;height:20px}
.masthead-tools .status-key-panel{position:absolute;top:calc(100% + 12px);right:0;left:auto;z-index:70}
/* Stadium covers the whole first screen: lighter bottom shade (no black band), same image on the
   container underneath as a safety layer, slightly overscaled so no edge ever shows. */
@media(min-width:901px){
 .home-grid{background:url('assets/stadium-pitch-kickelf.webp') center top/cover no-repeat,#0b1f12}
 .home .lineup-panel .pitch{background:linear-gradient(180deg,#05080d80 0,#05080d00 16%,#05080d00 78%,#05080d59 100%),url('assets/stadium-pitch-kickelf.webp') center top/max(104%,calc(100cqh * 1.85)) auto no-repeat,#0b1f12}
}
@media(min-width:901px) and (max-height:820px){
 .home-overview{top:72px;right:20px;padding:10px 14px!important;gap:8px}
 .home-overview .overview-title>span{display:none}
 .home-overview .overview-title h1{font-size:22px}
 .home-overview .side-stats{padding-top:8px}
 .home-overview .side-stats dd{font-size:16px}
 .home-overview .overview-lineup{height:32px}
}
/* Matchday card inside the drawer instead of over the stadium. */
@media(min-width:901px){
 .home-side>.home-overview.in-drawer{position:static;flex:none;display:grid!important;gap:12px;width:auto;max-width:none;margin:0;padding:18px 20px!important;border:1px solid #ffffff1f;border-radius:14px;background:#0b0f0ceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none}
 .home-side>.home-overview.in-drawer .overview-title>span{display:block}
 .home-side>.home-overview.in-drawer .overview-title h1{font-size:28px}
 .home-side>.home-overview.in-drawer .side-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-side>.home-overview.in-drawer .side-stats>div{padding-inline:10px}
 .home-side>.home-overview.in-drawer .side-stats>div:first-child{padding-left:0}
 .home-side>.home-overview.in-drawer .side-stats dd{font-size:18px}
}
/* League table in the drawer */
.drawer-league .side-panel-heading{margin-bottom:8px}
.drawer-league-rows{display:flex;flex-direction:column}
.drawer-league-row{display:grid;grid-template-columns:22px 32px minmax(0,1fr) auto auto 14px;gap:10px;align-items:center;width:100%;padding:9px 6px;border:0;border-top:1px solid #ffffff0f;border-radius:0;background:none;color:#e3e8df;text-align:left;cursor:pointer}
.drawer-league-row:first-child{border-top:0}
.drawer-league-row:hover{background:#ffffff08;border-radius:10px}
.drawer-league-row:hover .dl-chevron{color:#fff}
.drawer-league-row.is-you{background:#c8f25a12;border-radius:10px;border-top-color:transparent}
.drawer-league-row.is-you+.drawer-league-row{border-top-color:transparent}
.dl-rank{font:700 13px Inter,Arial,sans-serif;color:#8b938a;text-align:center;font-variant-numeric:tabular-nums}
.drawer-league-row.is-you .dl-rank{color:#c8f25a}
.drawer-league-row .mgr-logo{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:12px}
.drawer-league-row .mgr-logo img{width:100%;height:100%;object-fit:cover}
.dl-name{min-width:0}
.dl-name strong{display:block;font-size:13.5px;font-weight:650;color:#eef2eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-name small{display:block;margin-top:2px;font-size:11.5px;color:#7d877e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-week{font:600 12.5px Inter,Arial,sans-serif;color:#a3aba2;text-align:right;font-variant-numeric:tabular-nums}
.dl-week small{display:block;font-size:9.5px;font-weight:500;letter-spacing:.06em;color:#6f786f}
.dl-total{min-width:52px;font:700 15px Inter,Arial,sans-serif;color:#f2f5ef;text-align:right;font-variant-numeric:tabular-nums}
.dl-chevron{width:14px;height:14px;color:#6f786f}
/* ================= Drawer: one calm sheet ================= */
.drawer-head,.drawer-tabs,.drawer-league-head{display:none}
@media(min-width:901px){
 .home-side{gap:0;padding:0;border:1px solid #ffffff17;border-radius:20px;background:#080b09f0;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 30px 80px #000a}
 .home-side>*{flex:none}
 /* header */
 .drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 22px 14px}
 .drawer-eyebrow{display:inline-flex;align-items:center;gap:7px;font:600 10.5px Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8b938a}
 .drawer-eyebrow i{width:6px;height:6px;border-radius:50%;background:#c8f25a;box-shadow:0 0 8px #c8f25a99}
 .drawer-title{margin:6px 0 0;font:700 30px/1 'Barlow Condensed',sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#f4f7f1}
 .drawer-close{flex:none;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff0d;color:#aab3a9;cursor:pointer}
 .drawer-close:hover{background:#ffffff1a;color:#fff}
 .drawer-close svg{width:16px;height:16px}
 /* view switch: slim segmented control */
 .home-side>.elf-controls.in-drawer{margin:0 22px;padding:3px;border:0;border-radius:10px;background:#ffffff0a;backdrop-filter:none}
 .home-side>.elf-controls.in-drawer .elf-seg button{height:32px;border:0;border-radius:8px;font-size:12.5px;color:#9aa39a}
 .home-side>.elf-controls.in-drawer .elf-seg button[aria-pressed="true"],.home-side>.elf-controls.in-drawer .elf-seg button.active{border:0;background:#f2f5ef;color:#0d110e}
 /* stats: no boxes, just the numbers */
 .home-side>.home-overview.in-drawer{display:block!important;margin:0;padding:20px 22px 18px!important;border:0;border-bottom:1px solid #ffffff10;border-radius:0;background:none;backdrop-filter:none}
 .home-side>.home-overview.in-drawer .overview-title{display:none}
 .home-side>.home-overview.in-drawer .side-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;border:0}
 .home-side>.home-overview.in-drawer .side-stats>div{display:flex;flex-direction:column;gap:4px;padding:0 0 0 14px;border-left:1px solid #ffffff10}
 .home-side>.home-overview.in-drawer .side-stats>div:first-child{padding-left:0;border-left:0}
 .home-side>.home-overview.in-drawer .side-stats dt{order:0;font:600 10px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7d877e}
 .home-side>.home-overview.in-drawer .side-stats dd{order:1;margin:0;font:700 24px/1.05 Inter,Arial,sans-serif;letter-spacing:-.5px;color:#f4f7f1}
 .home-side>.home-overview.in-drawer .side-stats em{order:2;font-style:normal;font-size:11.5px;font-weight:500;color:#7d877e}
 .home-side>.home-overview.in-drawer .side-stats em.up{color:#c8f25a}
 .home-side>.home-overview.in-drawer .side-stats em.down{color:#f0848c}
 .home-side>.home-overview.in-drawer .overview-rank{all:unset;cursor:pointer}
 .home-side>.home-overview.in-drawer .overview-lineup{display:flex;align-items:center;gap:8px;height:auto;margin:16px 0 0;padding:0;border:0;background:none;font-size:13px;color:#a3aba2}
 .home-side>.home-overview.in-drawer .overview-lineup::before{content:'';width:16px;height:16px;flex:none;border-radius:50%;background:#c8f25a26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.9' fill='none' stroke='%23c8f25a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
 .home-side>.home-overview.in-drawer .overview-lineup b{padding:0;font-weight:600;color:#e3e8df}
 .home-side>.home-overview.in-drawer .overview-lineup span{padding:0 0 0 8px;border-left:1px solid #ffffff1a;color:#a3aba2}
 /* tabs */
 .drawer-tabs{position:sticky;top:0;z-index:2;display:flex;gap:22px;padding:14px 22px 0;border-bottom:1px solid #ffffff10;background:#080b09f2}
 .drawer-tabs button{position:relative;height:38px;padding:0;border:0;background:none;color:#7d877e;font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
 .drawer-tabs button:hover{color:#dfe4dc}
 .drawer-tabs button[aria-selected="true"]{color:#fff}
 .drawer-tabs button[aria-selected="true"]::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#c8f25a}
 .home-side[data-tab="league"] #squad-news-panel,.home-side[data-tab="league"] #transfers-panel,
 .home-side[data-tab="news"] #drawer-league,.home-side[data-tab="news"] #transfers-panel,
 .home-side[data-tab="transfers"] #drawer-league,.home-side[data-tab="transfers"] #squad-news-panel{display:none!important}
 /* tab content: flat, inside the sheet */
 .home .home-side .side-block{margin:0;padding:12px 22px 20px!important;border:0!important;border-radius:0;background:none!important;backdrop-filter:none!important;box-shadow:none!important}
 .home .home-side .side-block .squad-news-heading,.home .home-side .side-block .side-panel-heading{display:none}
 /* table */
 .drawer-league-head{display:grid;grid-template-columns:22px minmax(0,1fr) 64px 64px;gap:10px;padding:2px 8px 8px;font:600 10px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6f786f}
 .drawer-league-head span:nth-child(3),.drawer-league-head span:nth-child(4){text-align:right}
 .drawer-league-row{grid-template-columns:22px 30px minmax(0,1fr) 64px 64px;gap:10px;padding:10px 8px;border-top:0;border-radius:12px}
 .drawer-league-row+.drawer-league-row{margin-top:2px}
 .drawer-league-head{grid-template-columns:22px minmax(0,1fr) 64px 64px}
 .drawer-league-head span:nth-child(2){padding-left:40px}
 .drawer-league-row:hover{background:#ffffff08}
 .drawer-league-row.is-you{background:#c8f25a0f;box-shadow:inset 2px 0 0 #c8f25a}
 .drawer-league-row .mgr-logo{width:30px;height:30px;font-size:11px}
 .dl-name strong{font-size:14px}
 .dl-name small{font-size:11.5px}
 .dl-week{font-size:13px;font-weight:500;color:#9aa39a}
 .dl-total{min-width:0;font-size:15px}
 .dl-chevron{display:none}
}
@media(min-width:901px){
 .home-side>.home-overview.in-drawer .side-stats>div>*{margin:0!important;text-align:left;align-self:flex-start;position:static}
 .home-side>.home-overview.in-drawer .overview-lineup{justify-content:flex-start;width:auto}
 .home-side>.home-overview.in-drawer .overview-lineup b,.home-side>.home-overview.in-drawer .overview-lineup span{flex:none;margin:0}
}
/* Header tools: round glass buttons so they read clearly over the stadium (profile keeps its neon ring). */
.masthead .masthead-tools .tool-button,.masthead .masthead-tools .status-key summary{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #ffffff2b;border-radius:50%;background:#0a0e0bb3;color:#f2f5ef;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 14px #0006;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}
.masthead .masthead-tools .tool-button:hover,.masthead .masthead-tools .status-key summary:hover,.masthead .masthead-tools .status-key[open] summary{border-color:#c8f25a99;color:#d9ff70;background:#121a11d9;box-shadow:0 0 14px #c8f25a40}
.masthead .masthead-tools .tool-button .icon,.masthead .masthead-tools .tool-button svg,.masthead .masthead-tools .status-key summary svg{width:18px;height:18px;stroke-width:1.8}
.masthead .masthead-tools{gap:10px}
.masthead .masthead-tools .watchlist-trigger [data-watch-count]{top:-3px;right:-3px}
/* Menu: frameless over the stadium at the top of the page; a bordered glass pill once the page has
   been scrolled (it reappears as a pill when scrolling back up). */
@media(min-width:681px){
 .masthead .masthead-nav{transition:transform .28s cubic-bezier(.2,.7,.2,1),opacity .2s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
 .masthead:not(.is-scrolled) .masthead-nav{background:none;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;gap:6px}
 .masthead:not(.is-scrolled) .masthead-nav .main-nav-link{color:#eef2ebd9;text-shadow:0 1px 10px #000,0 0 2px #000c}
 .masthead:not(.is-scrolled) .masthead-nav .main-nav-link:hover{background:#0b0f0c66;color:#fff}
 .masthead:not(.is-scrolled) .masthead-nav .main-nav-link.active{background:none;color:#fff}
 .masthead .masthead-nav .main-nav-link.active::after{bottom:4px;width:22px;margin-left:-11px;height:3px;box-shadow:0 0 10px #c8f25acc}
 .masthead.is-scrolled .masthead-nav{background:#0a0e0bd9;border:1px solid #ffffff2e;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 10px 30px #0008,inset 0 1px 0 #ffffff14}
 .masthead.is-scrolled .masthead-nav .main-nav-link{color:#c9d0c6;text-shadow:none}
 .masthead.is-scrolled .masthead-nav .main-nav-link.active{background:#ffffff14;color:#fff}
}

/* Player cards: name, Ø in a round badge, next fixture. The ring, the five stripes and the small mark
   show the external starting-eleven outlook: blue star safe, green check likely, yellow ! option,
   red ! unlikely, red X out. Without an outlook the ring stays white and the stripes show recent starts. */
.home .lineup-panel .token{--neon:#e9eee6;--neon-glow:#ffffff1f}
.home .lineup-panel .token[data-outlook=safe]{--neon:#4da3ff;--neon-glow:#4da3ff59}
.home .lineup-panel .token[data-outlook=likely]{--neon:#3ddc84;--neon-glow:#3ddc8459}
.home .lineup-panel .token[data-outlook=option]{--neon:#f2cf4a;--neon-glow:#f2cf4a59}
.home .lineup-panel .token[data-outlook=unlikely]{--neon:#ff7a45;--neon-glow:#ff7a4559}
.home .lineup-panel .token[data-outlook=out]{--neon:#ff3b4e;--neon-glow:#ff3b4e59}
.home .lineup-panel .token .start-meter{--meter:#c8f25a;--meter-off:#ffffff24;display:flex;gap:2px;width:100%;z-index:2}
.home .lineup-panel .token .start-meter i{flex:1;height:4px;border-radius:1px;background:var(--meter-off)}
.home .lineup-panel .token .start-meter i.on{background:var(--meter);box-shadow:0 0 6px color-mix(in srgb,var(--meter) 45%,transparent)}
.home .lineup-panel .token .start-meter i.half{background:linear-gradient(90deg,var(--meter) 50%,var(--meter-off) 50%)}
.home .lineup-panel .token .start-meter[data-tone=mid],.home .lineup-panel .token .start-meter[data-tone=doubt]{--meter:#f2cf4a}
.home .lineup-panel .token .start-meter[data-tone=low]{--meter:#f28b54}
.home .lineup-panel .token .start-meter[data-tone=out]{--meter-off:#ff5d5d4d}
.home .lineup-panel .token .start-meter[data-tone=outlook]{--meter:var(--neon)}
.home .lineup-panel .token[data-outlook=out] .start-meter{--meter-off:#ff3b4e40}
.outlook-mark{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--neon);color:#07100a;box-shadow:0 0 8px var(--neon-glow),0 1px 3px #0009}
.outlook-mark svg{width:10px;height:10px}
.home .lineup-panel .player-fixture{gap:5px}
.home .lineup-panel .player-fixture .fixture-opp{display:inline-flex;align-items:center;gap:4px}
.home .lineup-panel .player-fixture .fixture-opp b{font-weight:700;color:#eef2eb;letter-spacing:.02em}
.home .lineup-panel .player-fixture .club.crest{position:static;display:inline-grid;width:14px;height:14px;min-width:0;padding:0;background:none;border:0;box-shadow:none}
.home .lineup-panel .player-fixture .club.crest img{width:100%;height:100%;object-fit:contain}
.home .lineup-panel .token .player-plate .player-name{text-overflow:clip}
@media(max-width:900px){
 .home .lineup-panel .token .player-plate-metrics{position:relative}
 .home .lineup-panel .token .player-plate-metrics .outlook-mark{position:absolute;top:-6px;right:-8px;width:13px;height:13px}
 .home .lineup-panel .token .player-plate-metrics .outlook-mark svg{width:8px;height:8px}
}
@media(min-width:901px){
 /* a little more room per row; the portrait gives way to the card */
 .home .lineup-panel .formation-row{--row-card:clamp(150px,12.6vw,190px);--row-step:calc((100cqh * .61 - var(--row-base)) / (var(--visual-rows) - 1));--row-portrait:clamp(48px,calc(var(--row-step) - 60px),116px)}
 .home .lineup-panel .token:not(.empty-slot){display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"pic pic" "meter row" "fix fix";column-gap:5px;width:min(calc(var(--row-card) + 10px),calc(100% / var(--line-count) - 8px))}
 .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{grid-area:pic;justify-self:center}
 .home .lineup-panel .token:not(.empty-slot) .player-plate{grid-area:row;position:relative;overflow:visible;margin-right:16px;min-height:34px;border:1px solid color-mix(in srgb,var(--neon) 50%,transparent);border-radius:8px;background:#070b08e6;box-shadow:0 0 0 1px #ffffff08,0 0 14px var(--neon-glow),0 8px 18px #0007}
 .home .lineup-panel .token .player-plate .player-name{padding:7px 30px 7px 11px;font-size:clamp(13px,1vw,15px);font-weight:650;color:#fff}
 .home .lineup-panel .player-plate-metrics{position:absolute;right:-16px;top:50%;width:42px;height:42px;margin:-21px 0 0;padding:0;display:grid;place-items:center;min-width:0;border:2px solid var(--neon);border-radius:50%;background:#070b08;box-shadow:0 0 14px var(--neon-glow),0 4px 10px #0008}
 .home .lineup-panel .player-plate-metrics>b{display:flex;flex-direction:column;align-items:center;font-size:15px;line-height:1;font-weight:750;color:#fff;text-shadow:none}
 .home .lineup-panel .player-plate-metrics .points-average{margin:0 0 1px;font-size:8px;line-height:1;color:#9fb0a2}
 .home .lineup-panel .token .player-plate-metrics .outlook-mark{position:absolute;top:-7px;right:-7px}
 .home .lineup-panel .token .start-meter{grid-area:meter;flex-direction:column-reverse;justify-content:center;width:8px;gap:2px;padding:0}
 .home .lineup-panel .token .start-meter i{flex:none;width:8px;height:4px;border-radius:1px}
 .home .lineup-panel .player-fixture{grid-area:fix;justify-self:center;font-size:10.5px;color:#d9e2d6;text-shadow:0 1px 6px #000,0 0 2px #000}
 .home .lineup-panel .player-fixture small{color:#b5c2b3}
 .home .lineup-panel .token:not(.empty-slot):hover .player-plate{background:#0d140ff0;border-color:var(--neon);box-shadow:0 0 0 1px #ffffff10,0 0 22px var(--neon-glow),0 8px 18px #0007}
}

/* header icons: crisp white rings instead of grey */
.masthead .masthead-tools .tool-button,.masthead .masthead-tools .status-key summary{border:1.5px solid #ffffffd9;background:#0a0e0b99;color:#fff;box-shadow:0 4px 14px #0006,inset 0 0 0 1px #ffffff0d}
.masthead .masthead-tools .tool-button:hover,.masthead .masthead-tools .status-key summary:hover,.masthead .masthead-tools .status-key[open] summary{border-color:#fff;color:#fff;background:#ffffff1f;box-shadow:0 0 14px #ffffff40}
.masthead .masthead-tools .masthead-rule{background:#ffffff8c}

/* outlook in the legend and the player profile */
.status-key-panel .outlook-key-head{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14}
.outlook-key-row{--neon:#e9eee6;--neon-glow:#ffffff1f}
:is(.outlook-key-row,.outlook-block)[data-outlook=safe]{--neon:#4da3ff;--neon-glow:#4da3ff59}
:is(.outlook-key-row,.outlook-block)[data-outlook=likely]{--neon:#3ddc84;--neon-glow:#3ddc8459}
:is(.outlook-key-row,.outlook-block)[data-outlook=option]{--neon:#f2cf4a;--neon-glow:#f2cf4a59}
:is(.outlook-key-row,.outlook-block)[data-outlook=unlikely]{--neon:#ff7a45;--neon-glow:#ff7a4559}
:is(.outlook-key-row,.outlook-block)[data-outlook=out]{--neon:#ff3b4e;--neon-glow:#ff3b4e59}
.outlook-key-row .outlook-mark{width:20px;height:20px;flex:none}
.outlook-key-row .outlook-mark svg{width:13px;height:13px}
.outlook-block{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--neon) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--neon) 8%,#0a0e0b)}
.outlook-block .outlook-mark{width:26px;height:26px;flex:none}
.outlook-block .outlook-mark svg{width:16px;height:16px}
.outlook-block strong{display:block;font-size:14px;color:#fff}
.outlook-block small{display:block;margin-top:2px;font-size:11px;color:#a3b0a5}
.outlook-block a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Desktop: the plate and the Ø ring are tinted in the outlook colour and the mark leads the name. */
.home .lineup-panel .token .outlook-lead{display:none}
@media(min-width:901px){
 .home .lineup-panel .token:not(.empty-slot):not([data-outlook=none]){grid-template-columns:minmax(0,1fr);grid-template-areas:"pic" "row" "fix"}
 .home .lineup-panel .token:not([data-outlook=none]) .start-meter{display:none}
 .home .lineup-panel .token:not([data-outlook=none]) .player-plate{display:flex;align-items:center;border-color:color-mix(in srgb,var(--neon) 65%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--neon) 34%,#070b08) 0,color-mix(in srgb,var(--neon) 10%,#070b08) 55%,#070b08f0 100%);box-shadow:0 8px 18px #0007}
 .home .lineup-panel .token .outlook-lead{display:grid;place-items:center;flex:none;padding-left:8px}
 .home .lineup-panel .token .outlook-lead .outlook-mark{width:20px;height:20px}
 .home .lineup-panel .token .outlook-lead .outlook-mark svg{width:12px;height:12px}
 .home .lineup-panel .token:not([data-outlook=none]) .player-plate .player-name{flex:1;padding-left:7px}
 .home .lineup-panel .token .player-plate-metrics{border-color:var(--neon);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--neon) 30%,#070b08) 0,color-mix(in srgb,var(--neon) 14%,#070b08) 70%);box-shadow:0 0 14px var(--neon-glow),0 4px 10px #0008}
 .home .lineup-panel .token[data-outlook=none] .player-plate-metrics{border-color:#ffffffd9;background:#070b08;box-shadow:0 4px 10px #0008}
 .home .lineup-panel .token .player-plate-metrics .points-average{color:color-mix(in srgb,var(--neon) 45%,#ffffff)}
 .home .lineup-panel .token .player-plate-metrics .outlook-mark{display:none}
 /* hover only brightens the tint: nothing moves, nothing is redrawn on a new layer */
 .home .lineup-panel .token:not(.empty-slot):not([data-outlook=none]):hover .player-plate{border-color:var(--neon);background:linear-gradient(90deg,color-mix(in srgb,var(--neon) 44%,#070b08) 0,color-mix(in srgb,var(--neon) 16%,#070b08) 55%,#0b120df0 100%);box-shadow:0 0 16px var(--neon-glow),0 8px 18px #0007}
 .home .lineup-panel .token .player-plate,.home .lineup-panel .token .player-plate-metrics{transition:border-color .15s,background-color .15s,box-shadow .15s}
}

/* Club crest on the portrait: no backing, sized with the portrait, resting on the left shoulder just above
   the plate; the status icon mirrors it on the right shoulder. */
.home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{position:absolute;z-index:3;display:block;box-sizing:border-box;width:clamp(20px,calc(var(--row-portrait) * .3),30px);height:auto;min-width:0;aspect-ratio:1;left:4%;right:auto;top:auto;bottom:3px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 2px 3px #000c) drop-shadow(0 0 1px #000)}
.home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest img{display:block;width:100%;height:100%;object-fit:contain}
.home .lineup-panel .token:not(.empty-slot) .portrait-wrap .availability-icon{right:4%;left:auto;top:auto;bottom:5px;width:clamp(16px,calc(var(--row-portrait) * .22),21px);height:auto;aspect-ratio:1}

/* Goalkeeper at the top, in front of the goal; strikers at the bottom, closest to the viewer.
   Rows count up from the bottom: ST 0, MF 1, ABW 2, TW 3. */
.home .formation-row[data-line="ST"]{--row-offset:0}
.home .formation-row[data-line="MF"]{--row-offset:1}
.home .formation-row[data-line="ABW"]{--row-offset:2}
.home .formation-row[data-line="TW"]{--row-offset:3}
@media(min-width:901px){
 /* Any formation fits: a row is as wide as its players need (one slot each), but never wider than its
    depth in the stadium allows. Deeper rows are narrower; crowded rows let the cards give way. */
 .home .lineup-panel .pitch{--visual-rows:4}
 .home .lineup-panel .formation-row{--slot:clamp(178px,14.6vw,232px);--row-width:min(var(--row-max),calc(var(--line-count) * var(--slot)));justify-content:space-around}
 .home .formation-row[data-line="TW"]{--row-max:30%}
 .home .formation-row[data-line="ABW"]{--row-max:80%}
 .home .formation-row[data-line="MF"]{--row-max:90%}
 .home .formation-row[data-line="ST"]{--row-max:92%}
 .home .lineup-panel .token:not(.empty-slot){width:min(calc(var(--row-card) + 10px),calc(100% / var(--line-count) - 22px))}
}
@media(max-width:680px){
 /* a crowded row wraps onto two lines and gets the extra row above it */
 .home .lineup-panel .pitch:has([data-line="MF"]:is([data-count="5"],[data-count="6"])) .formation-row[data-line="ST"]{--row-offset:0}
 .home .lineup-panel .pitch:has([data-line="MF"]:is([data-count="5"],[data-count="6"])) .formation-row[data-line="MF"]{--row-offset:1}
 .home .lineup-panel .pitch:has([data-line="MF"]:is([data-count="5"],[data-count="6"])) .formation-row[data-line="ABW"]{--row-offset:3}
 .home .lineup-panel .pitch:has([data-line="MF"]:is([data-count="5"],[data-count="6"])) .formation-row[data-line="TW"]{--row-offset:4}
 .home .lineup-panel .pitch:has([data-line="ABW"][data-count="5"]) .formation-row[data-line="ST"]{--row-offset:0}
 .home .lineup-panel .pitch:has([data-line="ABW"][data-count="5"]) .formation-row[data-line="MF"]{--row-offset:1}
 .home .lineup-panel .pitch:has([data-line="ABW"][data-count="5"]) .formation-row[data-line="ABW"]{--row-offset:2}
 .home .lineup-panel .pitch:has([data-line="ABW"][data-count="5"]) .formation-row[data-line="TW"]{--row-offset:4}
}

/* team popup: same direction as the home pitch, goal at the top */
.team-detail-pitch>svg{transform:scaleY(-1)}

/* Perspective rhythm (desktop): rows closer to the goal sit closer together and their portraits get a
   little smaller; the gaps grow towards the viewer and the strikers keep clear of the reserve bar.
   --row-pos is the share of the span from the striker line (0) to the goalkeeper (1). */
@media(min-width:901px){
 .home .lineup-panel .formation-row{--row-base:100px;--row-span:calc(100cqh * .63 - var(--row-base));bottom:calc(var(--row-base) + var(--row-pos) * var(--row-span))}
 .home .lineup-panel .formation-row[data-line="ST"]{--row-pos:0;--row-portrait:clamp(48px,calc(var(--row-span) * .37 - 68px),110px)}
 .home .lineup-panel .formation-row[data-line="MF"]{--row-pos:.37;--row-portrait:clamp(44px,calc(var(--row-span) * .335 - 68px),96px)}
 .home .lineup-panel .formation-row[data-line="ABW"]{--row-pos:.705;--row-portrait:clamp(40px,calc(var(--row-span) * .295 - 68px),86px)}
 .home .lineup-panel .formation-row[data-line="TW"]{--row-pos:1;--row-portrait:clamp(40px,calc(var(--row-span) * .295 - 68px),86px)}
}

/* One compact card for every player (desktop): the plate hugs the name, so short names get short cards;
   a smaller Ø badge overlaps its right end and the whole card stays centred under the portrait. */
@media(min-width:901px){
 .home .lineup-panel .token:not(.empty-slot) .player-plate{justify-self:center;width:max-content;min-width:116px;max-width:calc(100% - 20px);min-height:30px;margin-right:20px;border-radius:9px}
 .home .lineup-panel .token .player-plate .player-name{flex:1;min-width:0;padding:6px 26px 6px 10px;font-size:14px;font-weight:650;letter-spacing:-.15px}
 .home .lineup-panel .token:not([data-outlook=none]) .player-plate .player-name{padding-left:7px}
 .home .lineup-panel .token .outlook-lead{padding-left:6px}
 .home .lineup-panel .token .outlook-lead .outlook-mark{width:18px;height:18px}
 .home .lineup-panel .token .outlook-lead .outlook-mark svg{width:11px;height:11px}
 .home .lineup-panel .player-plate-metrics{width:36px;height:36px;margin-top:-18px;right:-20px;border-width:2px}
 .home .lineup-panel .player-plate-metrics>b{font-size:13.5px}
 .home .lineup-panel .player-plate-metrics .points-average{font-size:7px}
 .home .lineup-panel .player-fixture{min-height:0;padding-top:5px;font-size:10px}
}


/* Short screens (desktop, under 760px tall): the four rows share the room between the menu and the reserve
   bar evenly and the portraits size to what is left, so nothing collides. --stack is the card height under
   the portrait (each design sets its own). */
@media(min-width:901px) and (max-height:760px){
 .home .lineup-panel .formation-row{--stack:52px;--row-base:92px;--row-top:72px;--row-slot:calc((100cqh - var(--row-base) - var(--row-top)) / 4);bottom:calc(var(--row-base) + var(--row-i) * var(--row-slot));--row-portrait:max(30px,calc(var(--row-slot) - var(--stack) - 10px))}
 .home .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,calc(var(--row-slot) - var(--stack) - 10px))}
 .home .lineup-panel .formation-row[data-line="ST"]{--row-i:0}
 .home .lineup-panel .formation-row[data-line="MF"]{--row-i:1}
 .home .lineup-panel .formation-row[data-line="ABW"]{--row-i:2}
 .home .lineup-panel .formation-row[data-line="TW"]{--row-i:3}
}
/* Three football card systems to compare (desktop): one label width for everyone, the five
   stripes right under the name, the outlook colour framing the portrait. */
@media(min-width:901px){
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel{--lw:min(clamp(118px,9.4vw,142px),calc(100% - 8px))}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .token:not(.empty-slot){grid-template-columns:minmax(0,1fr);grid-template-areas:"pic" "row" "meter" "fix";justify-items:center}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .token:not(.empty-slot) .player-plate{grid-area:row;justify-self:center;position:static;width:var(--lw);min-width:0;max-width:none;margin:0;box-shadow:none}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .token .player-plate .player-name{flex:1;min-width:0;text-align:center;padding:4px 8px;font-size:13px;font-weight:700;letter-spacing:-.1px}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .token:not([data-outlook=none]) .player-plate .player-name{padding-left:8px}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .token .start-meter{display:flex;grid-area:meter;justify-self:center;flex-direction:row;width:var(--lw);height:auto;gap:2px;margin:0;padding:0}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .token .start-meter i{flex:1;width:auto;height:5px;border-radius:0}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .player-fixture{grid-area:fix;justify-self:center;padding-top:4px}
 html:is([data-cards=c1],[data-cards=c2],[data-cards=c3]) .home .lineup-panel .player-plate-metrics .outlook-mark{display:none}
 html[data-cards=c1] .home .lineup-panel .formation-row[data-line="ST"]{--row-portrait:clamp(48px,calc(var(--row-span) * .37 - 62px),104px)}
 html[data-cards=c1] .home .lineup-panel .formation-row[data-line="MF"]{--row-portrait:clamp(44px,calc(var(--row-span) * .335 - 62px),96px)}
 html[data-cards=c1] .home .lineup-panel .formation-row:is([data-line="ABW"],[data-line="TW"]){--row-portrait:clamp(40px,calc(var(--row-span) * .295 - 62px),88px)}
 html[data-cards=c2] .home .lineup-panel .formation-row[data-line="ST"]{--row-portrait:clamp(48px,calc(var(--row-span) * .37 - 76px),104px)}
 html[data-cards=c2] .home .lineup-panel .formation-row[data-line="MF"]{--row-portrait:clamp(44px,calc(var(--row-span) * .335 - 76px),96px)}
 html[data-cards=c2] .home .lineup-panel .formation-row:is([data-line="ABW"],[data-line="TW"]){--row-portrait:clamp(40px,calc(var(--row-span) * .295 - 76px),88px)}
 html[data-cards=c3] .home .lineup-panel .formation-row[data-line="ST"]{--row-portrait:clamp(48px,calc(var(--row-span) * .37 - 72px),104px)}
 html[data-cards=c3] .home .lineup-panel .formation-row[data-line="MF"]{--row-portrait:clamp(44px,calc(var(--row-span) * .335 - 72px),96px)}
 html[data-cards=c3] .home .lineup-panel .formation-row:is([data-line="ABW"],[data-line="TW"]){--row-portrait:clamp(40px,calc(var(--row-span) * .295 - 72px),88px)}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{position:relative;width:var(--row-portrait);height:var(--row-portrait);aspect-ratio:1;margin:0 0 5px}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-wrap::before{content:"";position:absolute;inset:0;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#26352a 0,#0b120d 72%);box-shadow:0 0 0 2px var(--neon),0 0 14px var(--neon-glow),0 6px 14px #0009}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-cutout{position:absolute;inset:0;z-index:2;border-radius:50%;overflow:hidden;mask-image:none;-webkit-mask-image:none}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-cutout>img{top:6%;left:7%;width:86%;filter:none}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token .outlook-lead{position:absolute;z-index:4;padding:0;top:-3px;left:calc(50% + var(--row-portrait) * .5 - 15px)}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token .outlook-lead .outlook-mark{width:18px;height:18px;box-shadow:0 0 0 2px #0b120d}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token .outlook-lead .outlook-mark svg{width:11px;height:11px}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .availability-icon{right:auto;left:calc(50% + var(--row-portrait) * .5 - 4px);top:calc(var(--row-portrait) * .42);bottom:auto;width:16px}
 /* 1 · Medaillon: crest inside the medallion, light label with the stripes underneath, score hexagon and fixture chip on the medallion */
 html[data-cards=c1] .home .lineup-panel .formation-row{--stack:36px}
 html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{z-index:1;left:14%;top:12%;bottom:auto;width:72%;height:72%;opacity:.28;filter:none}
 html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot) .player-plate{display:flex;align-items:center;min-height:24px;border:0;border-radius:5px 5px 0 0;background:#f3f6f1}
 html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot):not([data-outlook=none]):hover .player-plate,html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot):hover .player-plate{background:#fff;border:0;box-shadow:0 0 0 2px var(--neon)}
 html[data-cards=c1] .home .lineup-panel .token .player-plate .player-name{color:#10170f}
 html[data-cards=c1] .home .lineup-panel .token .start-meter{padding:0 2px 2px;border-radius:0 0 5px 5px;background:#f3f6f1;--meter-off:#d3dbd0}
 html[data-cards=c1] .home .lineup-panel .token .start-meter i{height:5px;border-radius:1px;box-shadow:none}
 html[data-cards=c1] .home .lineup-panel .player-plate-metrics{position:absolute;z-index:4;top:calc(var(--row-portrait) - 30px);left:calc(50% - var(--row-portrait) * .5 - 20px);right:auto;width:40px;height:35px;margin:0;border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#080b09;box-shadow:none}
 /* Inset fill preserves a thin outline along all six edges of the score hexagon. */
 html[data-cards=c1] .home .lineup-panel .player-plate-metrics::before{content:"";position:absolute;inset:1px;clip-path:inherit;background:#fff;pointer-events:none}
 html[data-cards=c1] .home .lineup-panel .player-plate-metrics>b{position:relative;z-index:1}
 html[data-cards=c1] .home .lineup-panel .player-plate-metrics>b{color:#07100a;font-size:14px}
 html[data-cards=c1] .home .lineup-panel .player-plate-metrics .points-average{color:#07100acc;font-size:7px}
 html[data-cards=c1] .home .lineup-panel .player-fixture{grid-area:auto;position:absolute;z-index:4;top:calc(var(--row-portrait) - 18px);left:calc(50% + var(--row-portrait) * .5 - 16px);display:flex;gap:3px;min-height:0;padding:2px 7px 2px 3px;border:1px solid #ffffff2b;border-radius:999px;background:#0a0f0ced;font-size:9px;text-shadow:none;white-space:nowrap}
 html[data-cards=c1] .home .lineup-panel .player-fixture .club.crest{width:12px;height:12px}
 /* 2 · Anzeigetafel: dark scoreboard label, name left and score right, crest on the medallion edge, fixture underneath */
 html[data-cards=c2] .home .lineup-panel .formation-row{--stack:50px}
 html[data-cards=c2] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{z-index:3;left:calc(50% - var(--row-portrait) * .5 - 6px);bottom:0;width:clamp(18px,calc(var(--row-portrait) * .32),26px)}
 html[data-cards=c2] .home .lineup-panel .token:not(.empty-slot) .player-plate{display:flex;align-items:stretch;min-height:26px;border:1px solid #ffffff26;border-bottom:0;border-radius:7px 7px 0 0;background:#0a0f0cf2;overflow:hidden}
 html[data-cards=c2] .home .lineup-panel .token:not(.empty-slot):not([data-outlook=none]):hover .player-plate,html[data-cards=c2] .home .lineup-panel .token:not(.empty-slot):hover .player-plate{background:#121a14f5;border-color:var(--neon);box-shadow:none}
 html[data-cards=c2] .home .lineup-panel .token .player-plate .player-name{text-align:left;padding:4px 6px 4px 10px;color:#fff}
 html[data-cards=c2] .home .lineup-panel .player-plate-metrics{position:static;display:flex;align-items:center;justify-content:center;flex:none;width:auto;min-width:42px;height:auto;margin:0;padding:0 8px;border:0;border-radius:0;background:var(--neon);box-shadow:none}
 html[data-cards=c2] .home .lineup-panel .player-plate-metrics>b{flex-direction:row;align-items:baseline;gap:2px;color:#07100a;font-size:14px}
 html[data-cards=c2] .home .lineup-panel .player-plate-metrics .points-average{margin:0;color:#07100ab3;font-size:8px}
 html[data-cards=c2] .home .lineup-panel .token .start-meter{gap:1px;--meter-off:#ffffff26}
 html[data-cards=c2] .home .lineup-panel .token .start-meter i{height:4px}
 html[data-cards=c2] .home .lineup-panel .token .start-meter i:first-child{border-radius:0 0 0 4px}
 html[data-cards=c2] .home .lineup-panel .token .start-meter i:last-child{border-radius:0 0 4px 0}
 /* 3 · Kachel: the portrait stands on one uniform tile; name on top, stripes and fixture share the bottom line, score on the corner */
 html[data-cards=c3] .home .lineup-panel .formation-row{--stack:48px}
 html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot){grid-template-columns:minmax(0,1fr) calc(var(--lw) * .38) calc(var(--lw) * .62) minmax(0,1fr);grid-template-areas:"pic pic pic pic" ". row row ." ". meter fix ."}
 html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{grid-area:pic;justify-self:center;margin-bottom:-1px}
 html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot) .player-plate{position:relative;display:flex;align-items:center;min-height:26px;border:1px solid #ffffff24;border-top:2px solid var(--neon);border-bottom:0;border-radius:8px 8px 0 0;background:#0a0f0cf0}
 html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot):not([data-outlook=none]):hover .player-plate,html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot):hover .player-plate{background:#111913f5;border-color:#ffffff40;border-top-color:var(--neon);box-shadow:none}
 html[data-cards=c3] .home .lineup-panel .token .player-plate .player-name{color:#fff;padding:5px 28px 3px}
 html[data-cards=c3] .home .lineup-panel .token .outlook-lead{position:absolute;left:6px;top:50%;margin-top:-8px;padding:0}
 html[data-cards=c3] .home .lineup-panel .token .outlook-lead .outlook-mark{width:16px;height:16px}
 html[data-cards=c3] .home .lineup-panel .token .outlook-lead .outlook-mark svg{width:10px;height:10px}
 html[data-cards=c3] .home .lineup-panel .player-plate-metrics{position:absolute;right:-10px;top:-13px;left:auto;width:auto;min-width:34px;height:21px;margin:0;padding:0 7px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--neon);border-radius:999px;background:#0a0f0c;box-shadow:0 0 10px var(--neon-glow)}
 html[data-cards=c3] .home .lineup-panel .player-plate-metrics>b{flex-direction:row;align-items:baseline;gap:2px;font-size:12.5px}
 html[data-cards=c3] .home .lineup-panel .player-plate-metrics .points-average{margin:0;font-size:8px}
 html[data-cards=c3] .home .lineup-panel .token .start-meter{grid-area:meter;justify-self:stretch;align-self:stretch;align-items:center;width:auto;gap:2px;padding:0 4px 2px 9px;border-left:1px solid #ffffff24;border-bottom:1px solid #ffffff24;border-radius:0 0 0 8px;background:#0a0f0cf0;--meter-off:#ffffff22}
 html[data-cards=c3] .home .lineup-panel .token .start-meter i{height:4px;border-radius:2px}
 html[data-cards=c3] .home .lineup-panel .player-fixture{grid-area:fix;justify-self:stretch;justify-content:flex-end;min-height:20px;padding:2px 8px 2px 4px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24;border-radius:0 0 8px 0;background:#0a0f0cf0;text-shadow:none;font-size:9.5px;white-space:nowrap}
 html[data-cards=c3] .home .lineup-panel .player-fixture .club.crest{width:12px;height:12px}
 html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot)::before{display:none}
 .card-picker{position:fixed;left:50%;top:84px;z-index:60;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff2e;border-radius:999px;background:#0a0e0be6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 30px #0009;transform:translateX(-50%);font:600 12px Inter,Arial,sans-serif;color:#c9d0c6;white-space:nowrap}
 .card-picker button{padding:7px 12px;border:0;border-radius:999px;background:none;color:#c9d0c6;font:inherit;cursor:pointer}
 .card-picker button:hover{background:#ffffff14;color:#fff}
 .card-picker button[aria-pressed=true]{background:#c8f25a;color:#111a07}
 body:not(:has(#page-uebersicht:not([hidden]))) .card-picker{display:none}
}
@media(min-width:901px) and (max-height:760px){.card-picker{top:auto;bottom:22px}}
@media(max-width:900px){.card-picker{display:none}}
@media(min-width:901px) and (max-height:760px){
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,calc(var(--row-slot) - var(--stack) - 10px))}
}
@media(min-width:901px){html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot){grid-template-areas:"pic" "row" "meter"}}
@media(min-width:901px){
 html[data-cards=c2] .home .lineup-panel{--lw:min(clamp(132px,10.6vw,158px),calc(100% - 8px))}
 html[data-cards=c2] .home .lineup-panel .token .player-plate .player-name{padding:4px 5px 4px 8px}
}
@media(min-width:901px){
 html[data-cards=c1] .home .lineup-panel .player-fixture small{display:none}
 html[data-cards=c1] .home .lineup-panel .player-fixture[data-side]:not([data-side=""])::after{content:'· ' attr(data-side);color:#b5c2b3;font-weight:600}
 html[data-cards=c1] .home .lineup-panel .player-fixture{padding:2px 6px 2px 3px;font-size:9px}
 html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .availability-icon{left:calc(50% - var(--row-portrait) * .5 - 6px);top:-2px}
}
@media(min-width:901px){
 html[data-cards=c3] .home .lineup-panel .token:not(.empty-slot){grid-template-columns:minmax(0,1fr) calc(var(--lw) * .5) calc(var(--lw) * .5) minmax(0,1fr)}
 html[data-cards=c3] .home .lineup-panel .token .player-plate .player-name,html[data-cards=c3] .home .lineup-panel .token:not([data-outlook=none]) .player-plate .player-name{padding:5px 12px 3px 27px}
 html[data-cards=c3] .home .lineup-panel .player-plate-metrics{top:-11px;right:-8px}
 html[data-cards=c3] .home .lineup-panel .token .start-meter{gap:3px;padding:0 6px 3px 9px}
 html[data-cards=c3] .home .lineup-panel .token .start-meter i{height:4px}
}
@media(min-width:901px){
 html[data-cards=c3] .home .lineup-panel .player-fixture small{display:none}
 html[data-cards=c3] .home .lineup-panel .player-fixture[data-side]:not([data-side=""])::after{content:'· ' attr(data-side);margin-left:3px;color:#b5c2b3;font-weight:600}
 html[data-cards=c3] .home .lineup-panel .player-fixture{gap:3px;padding-right:9px}
}

/* Outlook marks: the svg always fills its circle (glyph size comes from the viewBox), so the symbol sits
   on the exact centre everywhere: plate, Ø badge, legend, profile. */
.outlook-mark{display:inline-grid;place-items:center;overflow:hidden}
.outlook-mark>svg{display:block;width:100%!important;height:100%!important}

/* Legend: compact panel, starting-eleven scale on top, availability grid below. */
.masthead-tools .status-key-panel.legend-panel{width:316px;max-width:calc(100vw - 32px);padding:16px;border:1px solid #ffffff1f;border-radius:16px;background:#0b100dee;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 60px #000a}
.legend-panel .legend-block h4{margin:0 0 10px;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8e9b90}
.legend-panel .legend-block h4::selection{background:transparent;color:inherit}
.legend-panel .legend-block+.legend-block{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff12}
.legend-panel .legend-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0;padding:0;list-style:none}
.legend-panel .legend-scale li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px 7px;border-radius:10px;background:color-mix(in srgb,var(--neon) 10%,transparent);cursor:help}
.legend-panel .legend-scale li[data-outlook=safe]{--neon:#4da3ff;--neon-glow:#4da3ff59}
.legend-panel .legend-scale li[data-outlook=likely]{--neon:#3ddc84;--neon-glow:#3ddc8459}
.legend-panel .legend-scale li[data-outlook=option]{--neon:#f2cf4a;--neon-glow:#f2cf4a59}
.legend-panel .legend-scale li[data-outlook=unlikely]{--neon:#ff7a45;--neon-glow:#ff7a4559}
.legend-panel .legend-scale li[data-outlook=out]{--neon:#ff3b4e;--neon-glow:#ff3b4e59}
.legend-panel .legend-scale .outlook-mark{width:22px;height:22px}
.legend-panel .legend-scale li>span:last-child{font:600 10.5px/1.1 Inter,Arial,sans-serif;color:#e6ebe4;text-align:center;white-space:nowrap}
.legend-panel .legend-scale-axis{position:relative;display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;font:500 9px/1 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7f8c82}
.legend-panel .legend-scale-axis::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;border-radius:2px;background:linear-gradient(90deg,#4da3ff,#3ddc84 28%,#f2cf4a 52%,#ff7a45 76%,#ff3b4e)}
.legend-panel .legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;padding:0;list-style:none}
.legend-panel .legend-grid li{display:flex;align-items:center;gap:9px;min-width:0;padding:6px 4px;border-radius:8px;cursor:help}
.legend-panel .legend-grid li:hover,.legend-panel .legend-scale li:hover{background:#ffffff0d}
.legend-panel .legend-grid .availability-icon{flex:none;width:18px;height:18px;position:static}
.legend-panel .legend-grid .availability-icon svg{width:18px;height:18px}
.legend-panel .legend-grid li>span:last-child{font:500 11.5px/1.2 Inter,Arial,sans-serif;color:#dfe5dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Stripes = last five matches, monochrome: full = started, half = substitute, dark = did not play,
   faint = no match on record. */
.home .lineup-panel .token .start-meter[data-tone=form]{--meter:#eef2ec;--meter-off:#ffffff24}
.home .lineup-panel .token .start-meter[data-tone=form] i.on{background:var(--meter);box-shadow:none}
.home .lineup-panel .token .start-meter[data-tone=form] i.half{background:linear-gradient(90deg,var(--meter) 50%,var(--meter-off) 50%)}
.home .lineup-panel .token .start-meter[data-tone=form] i.na{background:#ffffff0d}
html[data-cards=c1] .home .lineup-panel .token .start-meter[data-tone=form]{--meter:#1d2a20;--meter-off:#d1d8ce}
html[data-cards=c1] .home .lineup-panel .token .start-meter[data-tone=form] i.na{background:#e4e9e2}
@media(min-width:901px){html:is([data-cards=c2],[data-cards=c3]) .home .lineup-panel .token .start-meter[data-tone=form] i{height:5px}}

/* Match stripes coloured by match participation: green started, yellow came on, red did not play, grey no record. */
.home .lineup-panel .token .start-meter[data-tone=form] i{box-shadow:none}
.home .lineup-panel .token .start-meter[data-tone=form] i.start{background:#34d27b}
.home .lineup-panel .token .start-meter[data-tone=form] i.sub{background:#f2cf4a}
.home .lineup-panel .token .start-meter[data-tone=form] i.miss{background:#f05252}
.home .lineup-panel .token .start-meter[data-tone=form] i.na{background:#ffffff26}
html[data-cards=c1] .home .lineup-panel .token .start-meter[data-tone=form] i.na{background:#d3dbd0}
html[data-cards=c1] .home .lineup-panel .token .start-meter[data-tone=form] i.start{background:#22b866}

/* Bigger players: the goalkeeper moves up into the goal mouth, which gives every row more height;
   portraits take what is left after the card. */
@media(min-width:901px){
 .home .lineup-panel .formation-row{--row-span:calc(100cqh * .665 - var(--row-base))}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{margin-bottom:3px}
 html:is([data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-cutout>img{top:3%;left:0;width:100%}
}
@media(min-width:901px) and (max-height:760px){
 .home .lineup-panel .formation-row{--row-top:48px}
 html[data-cards=c1] .home .lineup-panel .formation-row{--stack:31px}
 html[data-cards=c2] .home .lineup-panel .formation-row{--stack:46px}
 html[data-cards=c3] .home .lineup-panel .formation-row{--stack:44px}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,calc(var(--row-slot) - var(--stack) - 7px))}
}
@media(min-width:901px) and (max-height:760px){
 .home .lineup-panel .formation-row{--row-top:62px;--row-base:86px}
 html[data-cards=c1] .home .lineup-panel .formation-row{--stack:36px}
 html[data-cards=c2] .home .lineup-panel .formation-row{--stack:50px}
 html[data-cards=c3] .home .lineup-panel .formation-row{--stack:47px}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,calc(var(--row-slot) - var(--stack) - 9px))}
}
@media(min-width:901px) and (max-height:760px){
 .home .lineup-panel .formation-row{--row-top:52px}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,calc(var(--row-slot) - var(--stack) - 7px))}
}

/* Design 1, refined.
   Photos: zoomed into head and shoulders so the face fills the medallion. */
@media(min-width:901px){
 html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout>img{top:-2%;left:-13%;width:126%}
 html[data-cards=c1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{opacity:.22}
 /* tall screens: keeper back down to the edge of the box */
 .home .lineup-panel .formation-row{--row-span:calc(100cqh * .615 - var(--row-base))}
}
/* Short screens: keeper lower and a little smaller (further away), the three outfield rows share the rest
   evenly; every row = portrait + card (--stack) + gap. */
@media(min-width:901px) and (max-height:760px){
 .home .lineup-panel .formation-row{--row-top:84px;--row-gap:7px;--unit:calc((100cqh - var(--row-base) - var(--row-top) - 4 * var(--stack) - 3 * var(--row-gap)) / 3.8);bottom:calc(var(--row-base) + var(--row-i) * (var(--unit) + var(--stack) + var(--row-gap)))}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,var(--unit))}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line="TW"]{--row-portrait:max(30px,calc(var(--unit) * .8))}
}
/* Dark label variant of design 1 */
@media(min-width:901px){
 html[data-cards=c1][data-label=dark] .home .lineup-panel .token:not(.empty-slot) .player-plate{background:#0a0f0cf2;border:1px solid #ffffff21;border-bottom:0}
 html[data-cards=c1][data-label=dark] .home .lineup-panel .token .player-plate .player-name{color:#fff}
 html[data-cards=c1][data-label=dark] .home .lineup-panel .token .start-meter{background:#0a0f0cf2;border:1px solid #ffffff21;border-top:0}
 html[data-cards=c1][data-label=dark] .home .lineup-panel .token .start-meter[data-tone=form] i.na{background:#ffffff1f}
 html[data-cards=c1][data-label=dark] .home .lineup-panel .token .start-meter[data-tone=form] i.start{background:#34d27b}
 html[data-cards=c1][data-label=dark] .home .lineup-panel .token:not(.empty-slot):not([data-outlook=none]):hover .player-plate,html[data-cards=c1][data-label=dark] .home .lineup-panel .token:not(.empty-slot):hover .player-plate{background:#111913f5;border-color:var(--neon);box-shadow:none}
 .card-picker{top:auto;bottom:22px}
}

/* Own team in league tables: no accent bar on the left; a calm row highlight and the rank in lime. */
.drawer-league-row.is-you,.home .drawer-league-row.is-you{background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;box-shadow:none}
#window .league-row.you{background:#ffffff0b;box-shadow:none;outline:1px solid #ffffff14;outline-offset:-1px;border-radius:10px}
.home .standing.you,.standing.you{border:1px solid #ffffff14;border-left:1px solid #ffffff14;border-radius:8px;background:#ffffff0b;box-shadow:none}

/* Account window: sign-out is the last row of the settings list, no footer line. */
button.acct-row.acct-row-signout{color:#ff8f86}
button.acct-row.acct-row-signout svg{width:17px;height:17px;flex:none}
button.acct-row.acct-row-signout:hover{background:#ff5d5d10}

/* ===== Three clean card systems (desktop). One focal element per player, nothing floating around the face. ===== */
@media(min-width:901px){
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot){filter:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot)::before{display:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate{display:contents}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .outlook-mark{display:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-fixture small{display:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-fixture[data-side]:not([data-side=""])::after{content:"· " attr(data-side);color:#aab6a9;font-weight:600}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-fixture .club.crest{position:static;width:12px;height:12px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest img{width:100%;height:100%;object-fit:contain}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot){filter:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot)::before{display:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate{display:contents}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .outlook-mark{display:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-fixture small{display:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-fixture[data-side]:not([data-side=""])::after{content:"· " attr(data-side);color:#aab6a9;font-weight:600}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-fixture .club.crest{position:static;width:12px;height:12px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest img{width:100%;height:100%;object-fit:contain}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot){filter:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot)::before{display:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-plate{display:contents}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .outlook-mark{display:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-fixture small{display:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-fixture[data-side]:not([data-side=""])::after{content:"· " attr(data-side);color:#aab6a9;font-weight:600}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-fixture .club.crest{position:static;width:12px;height:12px}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest img{width:100%;height:100%;object-fit:contain}
 /* A · Linien: photo circle with the outlook ring, score pill on the ring, plain white name, thin stripes, tiny fixture */
 html[data-cards=f1] .home .lineup-panel .formation-row{--stack:50px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot){display:flex;flex-direction:column;align-items:center;gap:0;position:relative;width:min(150px,calc(100% / var(--line-count) - 10px))}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{position:relative;flex:none;width:var(--row-portrait);height:var(--row-portrait);aspect-ratio:1;margin:0;overflow:visible}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap::before{content:"";position:absolute;inset:0;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 28%,#2c3b30 0,#0c120e 72%);box-shadow:0 0 0 2px var(--neon),0 8px 18px #000a}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout{position:absolute;inset:0;z-index:1;border-radius:50%;overflow:hidden;mask-image:none;-webkit-mask-image:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout>img{position:absolute;top:5%;left:-10%;width:120%;max-width:none;filter:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{position:absolute;z-index:3;left:-3px;right:auto;top:auto;bottom:-2px;width:clamp(16px,calc(var(--row-portrait) * .3),22px);height:auto;aspect-ratio:1;opacity:1;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 1px 2px #000c) drop-shadow(0 0 1px #000)}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .availability-icon{left:-3px;right:auto;top:-3px;bottom:auto;width:16px;height:16px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .outlook-lead{display:block;position:absolute;z-index:4;padding:0;margin:0;left:calc(50% + var(--row-portrait) * .5 - 15px);top:calc(var(--row-portrait) - 16px)}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .outlook-lead .outlook-mark{width:17px;height:17px;box-shadow:0 0 0 2px #0b100d}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics{position:absolute;z-index:4;top:-5px;left:calc(50% + var(--row-portrait) * .5 - 16px);right:auto;width:auto;min-width:0;height:20px;margin:0;padding:0 7px;display:flex;align-items:center;border:0;border-radius:999px;background:var(--neon);box-shadow:0 2px 8px #0009;clip-path:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics>b{display:flex;flex-direction:row;align-items:baseline;gap:2px;font:800 12px/1 Inter,Arial,sans-serif;color:#07100a;text-shadow:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .points-average{margin:0;font-size:8px;color:#07100aa6}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate .player-name{display:block;flex:none;width:auto;max-width:100%;margin-top:7px;padding:0;font:700 13px/1.15 Inter,Arial,sans-serif;letter-spacing:-.1px;color:#fff;text-align:center;text-shadow:0 1px 3px #000,0 0 10px #000c;white-space:nowrap;overflow:hidden;background:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .start-meter{display:flex;flex-direction:row;width:48px;height:auto;gap:2px;margin:5px 0 0;padding:0;border:0;border-radius:0;background:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .start-meter i{flex:1;width:auto;height:3px;border-radius:2px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-fixture{position:static;display:flex;align-items:center;gap:4px;min-height:0;margin-top:4px;padding:0;border:0;border-radius:0;background:none;font-size:10px;color:#dfe6dd;text-shadow:0 1px 3px #000}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot):hover .portrait-wrap::before{box-shadow:0 0 0 2px var(--neon),0 0 20px var(--neon-glow),0 8px 18px #000a}
 /* B · Karte: one compact card; score and crest in the top corners, photo framed, name, stripes and fixture as the footer */
 html[data-cards=f2] .home .lineup-panel .formation-row{--stack:46px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot){position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pic pic" "name name" "meter fix";align-items:center;width:min(122px,calc(100% / var(--line-count) - 12px));padding:0 0 7px;border:1px solid #ffffff1c;border-top:2px solid var(--neon);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--neon) 22%,#0d1410) 0,#0b100df2 64%);box-shadow:0 12px 26px #000a;overflow:hidden}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{grid-area:pic;position:relative;width:100%;height:var(--row-portrait);aspect-ratio:auto;margin:0;overflow:hidden}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap::before{display:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout{position:absolute;inset:0;overflow:hidden;border-radius:0;mask-image:linear-gradient(#000 78%,transparent);-webkit-mask-image:linear-gradient(#000 78%,transparent)}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout>img{position:absolute;top:5px;left:50%;width:auto;height:calc(var(--row-portrait) * 1.22);max-width:none;margin-left:calc(var(--row-portrait) * -.465);filter:drop-shadow(0 4px 6px #0007)}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{position:absolute;z-index:3;right:7px;left:auto;top:7px;bottom:auto;width:18px;height:18px;opacity:1;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 1px 2px #000a)}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .availability-icon{right:8px;left:auto;top:30px;bottom:auto;width:15px;height:15px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics{position:absolute;z-index:4;top:6px;left:8px;right:auto;width:auto;min-width:0;height:auto;margin:0;padding:0;display:block;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics>b{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font:800 18px/1 Inter,Arial,sans-serif;color:#fff;text-shadow:0 1px 4px #000b}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .points-average{margin:0;font-size:8px;font-weight:700;color:var(--neon)}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .outlook-lead{display:block;position:absolute;z-index:4;left:8px;top:34px;padding:0;margin:0}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .outlook-lead .outlook-mark{width:16px;height:16px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate .player-name{grid-area:name;display:block;max-width:100%;padding:5px 7px 4px;font:700 12.5px/1.15 Inter,Arial,sans-serif;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;background:none;text-shadow:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .start-meter{grid-area:meter;display:flex;flex-direction:row;width:auto;max-width:52px;height:auto;gap:2px;margin:0;padding:0 0 0 8px;border:0;background:none}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .start-meter i{flex:1;width:auto;height:3px;border-radius:2px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-fixture{grid-area:fix;position:static;display:flex;align-items:center;gap:3px;min-height:0;margin:0;padding:0 8px 0 4px;border:0;border-radius:0;background:none;font-size:9.5px;color:#dfe6dd;text-shadow:none;white-space:nowrap}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot):hover{border-color:#ffffff33;border-top-color:var(--neon);box-shadow:0 0 18px var(--neon-glow),0 12px 26px #000a}
 /* C · Pille: broadcast style, photo circle and one info pill side by side; uses width, leaves air between rows */
 html[data-cards=f3] .home .lineup-panel .formation-row{--stack:0px}
 html[data-cards=f3] .home .lineup-panel .formation-row[data-line]{--row-portrait:clamp(44px,calc(var(--row-span) * .2),60px)}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot){position:relative;display:grid;grid-template-columns:var(--row-portrait) auto minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"pic name name" "pic pts fix" "pic meter meter";column-gap:0;row-gap:3px;align-content:center;align-items:center;width:min(196px,calc(100% / var(--line-count) - 10px));height:var(--row-portrait);padding:0 12px 0 0;border:1px solid #ffffff1c;border-radius:999px;background:#0b100deb;box-shadow:0 10px 22px #0009}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{grid-area:pic;position:relative;width:var(--row-portrait);height:var(--row-portrait);aspect-ratio:1;margin:-1px 0 0 -1px;overflow:visible}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap::before{content:"";position:absolute;inset:0;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 28%,#2c3b30 0,#0c120e 72%);box-shadow:0 0 0 2px var(--neon)}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout{position:absolute;inset:0;z-index:1;border-radius:50%;overflow:hidden;mask-image:none;-webkit-mask-image:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-cutout>img{position:absolute;top:5%;left:-10%;width:120%;max-width:none;filter:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .club.crest{position:absolute;z-index:3;left:-3px;right:auto;top:auto;bottom:-2px;width:17px;height:17px;opacity:1;padding:0;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 1px 2px #000c) drop-shadow(0 0 1px #000)}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap .availability-icon{left:-3px;right:auto;top:-3px;bottom:auto;width:15px;height:15px}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .outlook-lead{display:block;position:absolute;z-index:4;left:calc(var(--row-portrait) - 15px);top:calc(var(--row-portrait) - 16px);padding:0;margin:0}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .outlook-lead .outlook-mark{width:16px;height:16px;box-shadow:0 0 0 2px #0b100d}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-plate .player-name{grid-area:name;display:block;max-width:100%;padding:0 0 0 10px;font:700 13px/1.1 Inter,Arial,sans-serif;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;background:none;text-shadow:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics{grid-area:pts;position:static;width:auto;min-width:0;height:auto;margin:0;padding:0 0 0 10px;display:flex;border:0;border-radius:0;background:none;box-shadow:none;clip-path:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics>b{display:flex;flex-direction:row;align-items:baseline;gap:2px;font:800 12.5px/1 Inter,Arial,sans-serif;color:var(--neon);text-shadow:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .points-average{margin:0;font-size:8px;color:#9fb0a2}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-fixture{grid-area:fix;justify-self:start;position:static;display:flex;align-items:center;gap:3px;min-height:0;margin:0;padding:0 0 0 7px;border:0;border-radius:0;background:none;font-size:9.5px;color:#cfd8cd;text-shadow:none;white-space:nowrap}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .start-meter{grid-area:meter;display:flex;flex-direction:row;width:56px;height:auto;gap:2px;margin:0 0 0 10px;padding:0;border:0;background:none}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .start-meter i{flex:1;width:auto;height:3px;border-radius:2px}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot):hover{border-color:var(--neon);box-shadow:0 0 16px var(--neon-glow),0 10px 22px #0009}
}
@media(min-width:901px) and (max-height:760px){
 html[data-cards=f3] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:min(60px,max(40px,var(--unit)))}
}
@media(min-width:901px){
 html[data-cards=f1] .home .lineup-panel .formation-row{--stack:37px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot){display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);grid-template-areas:". pic pic ." "name name name name" ". meter fix .";align-items:center;column-gap:0}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .portrait-wrap{grid-area:pic;justify-self:center}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate .player-name{grid-area:name;justify-self:center;margin-top:5px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .start-meter{grid-area:meter;width:40px;margin:4px 6px 0 0}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-fixture{grid-area:fix;margin-top:4px;font-size:9.5px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .outlook-lead{display:none}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics{gap:3px;padding:0 7px 0 4px}
 html[data-cards=f1] .home .lineup-panel .token:not(.empty-slot) .player-plate-metrics .outlook-mark{display:grid;position:static;order:-1;width:13px;height:13px;margin:0;background:none;box-shadow:none;color:#07100a}
 html[data-cards=f2] .home .lineup-panel .formation-row{--stack:41px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot){padding-bottom:6px}
 html[data-cards=f2] .home .lineup-panel .token:not(.empty-slot) .player-plate .player-name{padding:4px 7px 3px}
}
@media(min-width:901px){
 html:is([data-cards=f1],[data-cards=f3],[data-cards=c1],[data-cards=c2]) .home .lineup-panel .token:not(.empty-slot) .portrait-wrap::before{display:block;opacity:1;transform:none}
 html[data-cards=f1] .home .lineup-panel .formation-row{--stack:39px}
}
@media(min-width:901px){
 html[data-cards=f3] .home .lineup-panel .formation-row:is([data-count="5"],[data-count="6"]){--row-portrait:46px}
 html[data-cards=f3] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]:is([data-count="5"],[data-count="6"]){--row-portrait:46px}
 html[data-cards=f3] .home .lineup-panel .formation-row:is([data-count="5"],[data-count="6"]) .token:not(.empty-slot){width:calc(100% / var(--line-count) - 14px);padding-right:9px}
 html[data-cards=f3] .home .lineup-panel .formation-row:is([data-count="5"],[data-count="6"]) .token:not(.empty-slot) .player-plate .player-name{padding-left:8px;font-size:12px}
 html[data-cards=f3] .home .lineup-panel .formation-row:is([data-count="5"],[data-count="6"]) .token:not(.empty-slot) .player-plate-metrics,html[data-cards=f3] .home .lineup-panel .formation-row:is([data-count="5"],[data-count="6"]) .token:not(.empty-slot) .start-meter{margin-left:0;padding-left:8px}
 html[data-cards=f3] .home .lineup-panel .formation-row:is([data-count="5"],[data-count="6"]) .token:not(.empty-slot) .start-meter{margin-left:8px;padding-left:0;width:46px}
 html[data-cards=f3] .home .lineup-panel .token:not(.empty-slot) .player-fixture{min-width:0;overflow:hidden}
}

.league-option-text small:empty{display:none}
/* account hooks; each design decides what to show */
.acct-meta,.acct-league-logo{display:none}
html[data-ui=now] .acct-ico{display:none}
.acct-ico{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-style:normal}
.acct-ico svg{width:16px;height:16px}

/* ---------- 1 · Klar: clean settings look ---------- */
html[data-ui=u1] #window[data-window=account] .acct{gap:16px}
html[data-ui=u1] .acct-hero{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:4px 0 2px}
html[data-ui=u1] .acct-avatar{width:76px;height:76px}
html[data-ui=u1] .acct-id{display:flex;flex-direction:column;align-items:center}
html[data-ui=u1] .acct-hero h3{font-size:24px}
html[data-ui=u1] .acct-stats{grid-template-columns:1fr 1fr;gap:8px;border:0;background:none;overflow:visible}
html[data-ui=u1] .acct-stats>div{border:0!important;border-radius:14px;background:#ffffff08;text-align:center;padding:12px}
html[data-ui=u1] .acct-stats .acct-stat-league{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left}
html[data-ui=u1] .acct-stats .acct-stat-league dd{display:flex;align-items:center;gap:10px;margin:0;font-size:15px}
html[data-ui=u1] .acct-league-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;overflow:hidden}
html[data-ui=u1] .acct-league-logo img{width:100%;height:100%;object-fit:cover}
html[data-ui=u1] .acct-stats dd{font-size:22px}
html[data-ui=u1] .acct-list{border:0;background:#ffffff08;border-radius:16px}
html[data-ui=u1] button.acct-row,html[data-ui=u1] .acct-row>summary{gap:12px;min-height:52px}
html[data-ui=u1] .acct-row .acct-ico{background:#2563eb;color:#fff}
html[data-ui=u1] .acct-manage .acct-ico{background:#16a34a}
html[data-ui=u1] .acct-row-signout .acct-ico{background:#ef4444;color:#fff}
html[data-ui=u1] .league-menu{width:300px;padding:6px;border-radius:16px;background:#141915f5;border:1px solid #ffffff14}
html[data-ui=u1] .league-menu-head{padding:8px 10px 6px;font-size:10px;letter-spacing:.12em;color:#7d877e}
html[data-ui=u1] .league-option{gap:12px;padding:7px 10px;border-radius:10px;min-height:46px}
html[data-ui=u1] .league-option .league-logo{width:30px;height:30px;border-radius:9px}
html[data-ui=u1] .league-option-text strong{font-size:14px;font-weight:600}
html[data-ui=u1] .league-option[aria-selected=true]{background:#ffffff0d}

/* ---------- 2 · Anzeigetafel: sporty, big numbers ---------- */
html[data-ui=u2] #window[data-window=account] .acct{gap:14px}
html[data-ui=u2] .acct-hero{position:relative;gap:16px;padding:18px;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,#c8f25a2b,transparent 60%),#121813;border:1px solid #ffffff12}
html[data-ui=u2] .acct-hero h3{font:700 30px/1 'Barlow Condensed',Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase}
html[data-ui=u2] .acct-stats{grid-template-columns:1fr 1fr;border:0;background:none;gap:10px;overflow:visible}
html[data-ui=u2] .acct-stats>div{border:1px solid #ffffff12!important;border-radius:16px;background:#111612;padding:14px 16px}
html[data-ui=u2] .acct-stats .acct-stat-league{grid-column:1/-1}
html[data-ui=u2] .acct-stats .acct-stat-league dd{display:flex;align-items:center;gap:10px;font-size:16px}
html[data-ui=u2] .acct-league-logo{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;overflow:hidden}
html[data-ui=u2] .acct-league-logo img{width:100%;height:100%;object-fit:cover}
html[data-ui=u2] .acct-stats>div:not(.acct-stat-league) dd{font:700 42px/1 'Barlow Condensed',Inter,sans-serif;color:#fff;margin-top:8px}
html[data-ui=u2] .acct-stats>div:nth-child(2) dd{color:#c8f25a}
html[data-ui=u2] .acct-stats dd small{font:500 13px Inter,Arial,sans-serif;margin-left:4px}
html[data-ui=u2] .acct-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;background:none;overflow:visible}
html[data-ui=u2] .acct-row{border:1px solid #ffffff12!important;border-radius:14px;background:#111612}
html[data-ui=u2] button.acct-row,html[data-ui=u2] .acct-row>summary{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:84px;padding:14px}
html[data-ui=u2] .acct-row small{order:3}
html[data-ui=u2] .acct-row .acct-ico{background:#c8f25a1f;color:#c8f25a}
html[data-ui=u2] .acct-row>summary>svg:last-child,html[data-ui=u2] button.acct-row>svg:last-child{display:none}
html[data-ui=u2] .acct-manage[open]{grid-column:1/-1}
html[data-ui=u2] button.acct-row.acct-row-signout{grid-column:1/-1;flex-direction:row;justify-content:center;min-height:46px;background:none;border-color:#ff8f8640!important}
html[data-ui=u2] .acct-row-signout .acct-ico{background:none;color:#ff8f86;width:18px;height:18px}
html[data-ui=u2] .acct-row-signout span{flex:none}
html[data-ui=u2] .league-menu{width:380px;padding:10px;border-radius:18px;background:#121813f7;border:1px solid #ffffff14}
html[data-ui=u2] #league-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html[data-ui=u2] #league-menu[hidden]{display:none}
html[data-ui=u2] .league-menu-head{grid-column:1/-1;padding:4px 4px 2px}
html[data-ui=u2] .league-option{flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;border:1px solid #ffffff12;background:#0d120e;min-height:96px;position:relative}
html[data-ui=u2] .league-option .league-logo{width:36px;height:36px;border-radius:10px}
html[data-ui=u2] .league-option-text strong{font-size:13px;line-height:1.25;white-space:normal}
html[data-ui=u2] .league-option[aria-selected=true]{border-color:#c8f25a;background:#c8f25a12}
html[data-ui=u2] .league-check{position:absolute;top:10px;right:12px}

/* ---------- 3 · Glas: compact, translucent, one line of facts ---------- */
html[data-ui=u3] #window[data-window=account]{background:#0d120fd9;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
html[data-ui=u3] #window[data-window=account] .acct{gap:12px}
html[data-ui=u3] .acct-hero{gap:14px}
html[data-ui=u3] .acct-avatar{width:56px;height:56px}
html[data-ui=u3] .acct-badge{display:none}
html[data-ui=u3] .acct-id h3::after{content:'';display:inline-block;width:8px;height:8px;margin:0 0 4px 8px;border-radius:50%;background:#c8f25a;box-shadow:0 0 0 3px #c8f25a2e;vertical-align:middle}
html[data-ui=u3] .acct-stats{display:none}
html[data-ui=u3] .acct-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff12;font:500 13px Inter,Arial,sans-serif;color:#dfe5dd}
html[data-ui=u3] .acct-meta>span+span::before{content:'·';margin-right:6px;color:#6f786f}
html[data-ui=u3] .acct-meta-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;overflow:hidden;margin-right:2px}
html[data-ui=u3] .acct-meta-logo+span::before{content:none!important}
html[data-ui=u3] .acct-meta-logo img{width:100%;height:100%;object-fit:cover}
html[data-ui=u3] .acct-list{border:0;background:none;border-radius:0}
html[data-ui=u3] .acct-row+.acct-row{border-top:1px solid #ffffff10}
html[data-ui=u3] button.acct-row,html[data-ui=u3] .acct-row>summary{gap:12px;min-height:48px;padding:0 4px}
html[data-ui=u3] .acct-row .acct-ico{width:22px;height:22px;background:none;color:#9fb0a2}
html[data-ui=u3] .acct-row-signout .acct-ico{color:#ff8f86}
html[data-ui=u3] .league-menu{width:280px;padding:6px;border-radius:14px;background:#0f1411d9;border:1px solid #ffffff1c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
html[data-ui=u3] .league-menu-head{padding:6px 10px;font-size:9.5px}
html[data-ui=u3] .league-option{gap:10px;padding:6px 10px;border-radius:9px;min-height:38px}
html[data-ui=u3] .league-option .league-logo{width:24px;height:24px;border-radius:50%}
html[data-ui=u3] .league-option-text strong{font-size:13px;font-weight:550}
html[data-ui=u3] .league-option-text small{display:none}
html[data-ui=u3] .league-check{font-size:0;width:8px;height:8px;border-radius:50%}
html[data-ui=u3] .league-option[aria-selected=true] .league-check{background:#c8f25a;box-shadow:0 0 0 3px #c8f25a2e}
html[data-ui=u3] .league-option[aria-selected=true] .league-option-text strong{color:#fff}

/* switch for the account/league designs, left of the card switch */
.card-picker.ui-picker{top:auto;bottom:22px;left:24px;transform:none}
.card-picker.ui-picker>span{padding:0 8px 0 10px;font:700 11px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8e9b90}
html[data-ui=u1] .acct-row+.acct-row{position:relative;border-top:0}
html[data-ui=u1] .acct-row+.acct-row::before{content:'';position:absolute;top:0;left:54px;right:0;height:1px;background:#ffffff0f}

/* Real league pictures (also plain dark ones) get a thin light edge so they read as a logo tile. */
.league-logo:has(img){background:#0b0f0c;outline:1px solid #ffffff2e;outline-offset:-1px}

/* Every player the same size: the four rows are spaced evenly and share one portrait size
   (no smaller keeper or defenders). */
@media(min-width:901px){
 .home .lineup-panel .formation-row[data-line="ST"]{--row-pos:0}
 .home .lineup-panel .formation-row[data-line="MF"]{--row-pos:.3333}
 .home .lineup-panel .formation-row[data-line="ABW"]{--row-pos:.6667}
 .home .lineup-panel .formation-row[data-line="TW"]{--row-pos:1}
 html:not([data-cards=f3]) .home .lineup-panel .formation-row[data-line]{--row-portrait:clamp(44px,calc(var(--row-span) * .3333 - var(--stack,48px) - 20px),100px)}
}
@media(min-width:901px) and (max-height:760px){
 .home .lineup-panel .formation-row{--unit:calc((100cqh - var(--row-base) - var(--row-top) - 4 * var(--stack) - 3 * var(--row-gap)) / 4)}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line]{--row-portrait:max(30px,var(--unit))}
 html[data-cards] .home:has(.reserve-bench) .lineup-panel .formation-row[data-line="TW"]{--row-portrait:max(30px,var(--unit))}
}

/* The bench expands below the stadium; opening it never changes pitch geometry. */
@media(min-width:901px){
 .home-grid{height:auto;min-height:max(560px,100svh)}
 .home .lineup-panel{position:relative;inset:auto}
 .home .lineup-panel .elf-stage{height:max(560px,100svh)}
 .home .reserve-bench{position:relative;inset:auto;margin:-68px 24px 16px;background:#0b1510;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Reserve bench: a restrained roster rail, with portraits and a stable numeric column. */
.home .reserve-bench{background:#0c120f;border-color:#c2d0c31f;border-radius:12px;padding-inline:18px;box-shadow:0 8px 28px #00000024}
.home .reserve-heading{min-height:52px;gap:9px}
.home .reserve-heading h3{font:600 15px/1.2 Inter,Arial,sans-serif;letter-spacing:-.2px;color:#edf1ea}
.home .reserve-heading>span{font:450 10px/1.2 Inter,Arial,sans-serif;color:#97a59a}
.home .reserve-heading #reserve-hint{font-size:10px;letter-spacing:0;color:#9daaa0}
.home .reserve-heading .reserve-toggle{width:28px;height:28px;margin-left:0;border-radius:50%;color:#b1bdb3}
.home .reserve-heading .reserve-navigation{gap:7px}
.home .reserve-navigation button{width:26px;height:26px;background:none;border-color:#b5c5b62b;color:#c5d1c7}
.home .reserve-navigation button:disabled{opacity:.2}
.home .reserve-bench .reserve-list{grid-auto-columns:240px;justify-content:start;min-height:0;gap:10px;padding:0 0 16px;scroll-padding-inline:1px}
.home .reserve-list>button,.home .reserve-list>button:first-child{position:relative;display:flex;align-items:center;gap:12px;min-height:84px;max-width:240px;padding:10px 12px 10px 10px;border:1px solid #d6e2d512;border-radius:9px;background:linear-gradient(115deg,#1b2720,#131d17 56%);box-shadow:inset 0 1px 0 #ffffff04;overflow:hidden;transition:background .16s,border-color .16s,box-shadow .16s}
.home .reserve-list>button+button{border-left:1px solid #d6e2d512}
.home .reserve-list>button:hover{background:linear-gradient(115deg,#243329,#19261e 56%);border-color:#bccfbd42;box-shadow:inset 0 1px 0 #ffffff08}
.home .reserve-list>button:focus-visible{outline:2px solid #d7e8c6;outline-offset:-3px}
.home .reserve-list .reserve-portrait{width:52px;height:62px;flex:0 0 52px;align-self:center;border-radius:6px;background:radial-gradient(ellipse at 45% 30%,#758b7130,transparent 73%)}
.home .reserve-list .reserve-cutout{inset:0;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}
.home .reserve-list .reserve-cutout>img{position:absolute;left:-10%;top:-1px;width:120%;height:auto;max-width:none;object-fit:contain;object-position:center top}
.home .reserve-list .reserve-club{position:absolute;left:-3px;bottom:-1px;z-index:2;display:grid;place-items:center;width:19px;height:21px;filter:drop-shadow(0 1px 2px #080f0b)}
.home .reserve-list .reserve-club .club.crest{position:static;display:block;width:16px;height:18px;min-width:0;background:none;border:0;border-radius:0;padding:0}
.home .reserve-list .reserve-club img{width:100%;height:100%;object-fit:contain}
.home .reserve-list .reserve-portrait .availability-icon{width:14px;height:14px;right:-3px;top:0;bottom:auto;z-index:3}
.home .reserve-list>button>span.res-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}
.home .reserve-list .reserve-position{font:500 8px/1.1 Inter,Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#a0b1a4}
.home .reserve-list .res-text>strong{font:600 13px/1.25 Inter,Arial,sans-serif;letter-spacing:-.2px;color:#f2f4ef;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home .reserve-list .reserve-fixture{display:flex;align-items:center;gap:4px;min-height:14px;font:450 10px/1.2 Inter,Arial,sans-serif;color:#aebdb2}
.home .reserve-list .fixture-opp{display:inline-flex;align-items:center;gap:4px}
.home .reserve-list .fixture-opp b{font-size:10px;font-weight:450}
.home .reserve-list .reserve-fixture small{font-size:9px;color:#8d9f92}
.home .reserve-list .reserve-fixture .club.crest{width:11px;height:12px;min-width:11px;position:static}
.home .reserve-list .reserve-score{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex:0 0 38px;padding-left:8px;min-height:38px;border-left:1px solid #bdcdbb12}
.home .reserve-list .reserve-score>b{font:550 20px/1 Inter,Arial,sans-serif;letter-spacing:-.6px;color:#e7ede4;font-variant-numeric:tabular-nums}
.home .reserve-list .reserve-score>small{font:400 8px/1.2 Inter,Arial,sans-serif;white-space:nowrap;color:#94a799}
.home .reserve-list>button.drop-ok{border-color:#8eae5a;background:#17281a}
.home .reserve-list>button.drop-hover{border-color:#c8f25a;background:#233a20}
.home .reserve-bench.drop-ok{border-color:#8eae5a;background:#142018}
.home .reserve-bench.drop-hover{border-color:#c8f25a;background:#1b2a19}
@media(max-width:680px){
 .home .reserve-bench{padding-inline:12px;border-radius:10px}
 .home .reserve-heading #reserve-hint{display:none}
 .home .reserve-bench .reserve-list{grid-auto-columns:228px;gap:8px;padding-bottom:12px}
 .home .reserve-list>button,.home .reserve-list>button:first-child{max-width:228px;gap:9px;padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){.home .reserve-list>button{transition:none}}

/* Public landing page entry; keep the established account screen. */
.signin-home{display:inline-flex;align-items:center;align-self:flex-start;margin:0 0 25px;color:#96aa9c;font:500 11px/1.4 Inter,Arial,sans-serif;text-decoration:none}.signin-home:hover{color:#cdff5f}.signin-home:focus-visible{outline:2px solid #cdff5f;outline-offset:5px}