/* BBSH Coach Matchday 2026 — presentation only; all themes retain their tokens. */
#main > .panel > .hero{position:relative;isolation:isolate;display:grid;gap:20px;padding:clamp(20px,3vw,42px);border:1px solid rgba(255,255,255,.18);border-radius:24px;background:radial-gradient(ellipse 70% 80% at 50% 105%,rgba(29,79,159,.32),transparent),radial-gradient(ellipse 70% 60% at 50% 0%,rgba(255,255,255,.09),transparent),linear-gradient(135deg,#0d1c32 0%,#142b49 55%,#091527 100%);box-shadow:0 22px 46px -31px rgba(0,0,0,.5)}
#main .hero::before{top:16%;bottom:16%;border-color:rgba(255,255,255,.06)}
#main .hero::after{border-color:rgba(255,255,255,.08)}
#main .hero-meta{display:flex;justify-content:center;align-items:center;gap:8px 16px;max-width:900px;margin:auto;font-size:13px;letter-spacing:.02em;color:#c5d9f0}
#main .hero-meta span:first-child{display:block;flex-basis:100%;font:600 clamp(18px,2.2vw,26px)/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.09em;color:#fff}
#main .hero-teams{grid-template-columns:minmax(0,1fr) minmax(100px,190px) minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,26px)}
#main .hero .ht{gap:12px}
#main .hero .ht .badge{width:clamp(74px,9vw,125px);height:clamp(80px,10vw,136px);display:grid;place-items:center}
#main .hero .ht .badge .kit{width:85%;height:100%}
#main .hero .ht .badge .crest{width:48%;height:auto;aspect-ratio:1;right:-8%;bottom:-3%}
#main .hero .ht b{font:600 clamp(19px,2.8vw,36px)/1.13 var(--f-display);text-shadow:none}
#main .hero .ht .form{min-height:20px}
#main .hero .ht-coach{font-size:12px;color:#c4d2e9}
#main .hero-mid{padding:0;align-self:center;gap:10px}
#main .hero-mid .led{font:700 clamp(22px,4vw,52px)/1.1 var(--f-mono);background:rgba(4,12,25,.52);border:1px solid rgba(255,255,255,.17);color:#f7f9ff;padding:12px clamp(10px,2vw,24px);box-shadow:inset 0 1px rgba(255,255,255,.05)}
#main .hero .duel{width:min(100%,700px);justify-self:center;padding:14px 18px;background:rgba(2,10,23,.42);border:1px solid rgba(255,255,255,.11)}
#main .hero-cta{order:0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
#main .hero-cta #kick{min-width:min(100%,240px);font-size:19px;padding:16px 28px;border-radius:12px;background:linear-gradient(125deg,#ffd46a,#f2ad2f);color:#142036;box-shadow:0 12px 34px -12px rgba(255,193,61,.58);transition:transform .16s,filter .16s}
#main .hero-cta #kick:hover{transform:translateY(-2px);filter:brightness(1.05)}
#main .hero-cta #quick{border-radius:12px;padding:15px 24px}
#main .hero-obj{max-width:760px;width:100%;justify-self:center;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(3,12,28,.22)}
#main .hero-obj .objs{gap:8px}
#main .coach-matchday-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#main .coach-matchday-triptych > .card{margin:0;min-width:0;border-radius:16px;padding:18px;box-shadow:0 10px 24px -22px rgba(0,0,0,.5)}
#main .coach-matchday-triptych > .card .label{font-size:14px;margin-bottom:12px}
#main .coach-ready-panel .readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#main .coach-ready-panel .readiness-grid>div{min-width:0;background:var(--paper);border-radius:10px;padding:12px 8px;text-align:center}
#main .coach-ready-panel .readiness-grid strong{display:block;font:700 clamp(20px,2.3vw,30px)/1.2 var(--f-mono);color:var(--blue)}
#main .coach-ready-panel .readiness-grid small{display:block;margin-top:5px;color:var(--muted);font-size:12px}
#main .coach-ready-panel .ready-note{font-size:13px;color:var(--muted);margin:12px 0 0}
#main .coach-matchday-triptych .lt{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}
#main .coach-matchday-triptych .lt-team{min-width:0}
#main .coach-matchday-triptych .lt-team b{overflow-wrap:anywhere}
#main .coach-matchday-triptych .lt-score b{font-size:clamp(24px,2.5vw,35px)}
#main .coach-matchday-triptych .lt-ev,#main .coach-matchday-triptych .lt-others{display:none}
#main .coach-matchday-triptych .assist .as-head{align-items:start}
#main .coach-matchday-triptych .assist .tips.tiles{grid-template-columns:1fr}
#main .coach-matchday-triptych .assist li{font-size:13px}
#main .coach-matchday-triptych .sx-pre{padding:0;border:0;box-shadow:none}
#main .coach-matchday-triptych .coach-advice-card{display:grid;gap:10px}
#main .coach-matchday-triptych .coach-advice-card .as-head{gap:8px}
#main .coach-matchday-triptych .coach-advice-card .as-strip{display:none}
#main .squad-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
#main .squad-grid>section:last-child{position:relative;overflow:hidden;padding:16px;border-radius:18px;background:linear-gradient(160deg,#14263e,#0b1728);border:1px solid #28405d}
#main .squad-grid .coach-board-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px;color:#f5f8ff;font:600 17px var(--f-display)}
#main .squad-grid .coach-board-title small{font:500 12px var(--f-body);color:#a7c4e3}
#main .squad-grid .pitch{height:auto;aspect-ratio:3/3.45;width:100%;max-width:100%;margin:auto;border:2px solid rgba(255,255,255,.25);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 70%),repeating-linear-gradient(0deg,#235f41 0 12.5%,#2d724e 12.5% 25%);box-shadow:inset 0 0 40px rgba(0,0,0,.2)}
#main .squad-grid .pitch .slot{width:24%;min-width:0;gap:3px}
#main .squad-grid .pitch .slot .mag{width:clamp(42px,4.7vw,62px);height:clamp(42px,4.7vw,62px);border:2px solid #f5faff;border-radius:12px;background:#1d4f9f;box-shadow:0 6px 18px -7px #06152c;font-size:17px}
#main .squad-grid .pitch .slot .mag.gk{background:#42875e}
#main .squad-grid .pitch .slot .nm{max-width:100%;padding:4px 6px;background:#0b1b34e8;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:clamp(10px,1.1vw,13px);text-shadow:none}
#main .squad-grid .pitch .slot .sfit{width:min(78%,60px);height:5px}
#main .squad-grid .pitch .slot .arm{background:#ffc63c;color:#0e2038}
#main .squad-grid .pitch .slot.warn .mag{border-color:#fc6677}
#main .squad-grid .pitch .slot.soft .mag{border-color:#ffca62}
#main .squad-grid .pitch .slot:focus-visible .mag{outline:3px solid #ffca62}
#main .squad-grid .pitch .slot:hover .mag{filter:brightness(1.17)}
#sheet:has(.pp){max-width:min(1050px,calc(100vw - 32px));padding:clamp(14px,2vw,28px)}
#sheet .pp{gap:18px}
#sheet .pp-head{grid-template-columns:auto minmax(0,1fr);gap:22px;padding:clamp(15px,3vw,26px);border-radius:16px;background:linear-gradient(120deg,#10223d,#225091);color:#fff;min-width:0}
#sheet .pp-head .pp-ph{width:clamp(100px,11vw,156px);height:clamp(120px,13vw,176px);border-radius:14px;background:#3974ae;border:2px solid rgba(255,255,255,.6);box-shadow:0 12px 25px -16px #030a16;font-size:36px}
#sheet .pp-head h2{font:600 clamp(25px,3vw,38px)/1.1 var(--f-display);color:#fff}
#sheet .pp-head .pp-sub{color:#d7e8ff;font-size:14px;line-height:1.5}
#sheet .pp-head .pp-tags{color:#fff}
#sheet .coach-profile-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#sheet .coach-profile-highlights>div{padding:12px;background:var(--paper);border-radius:10px;min-width:0}
#sheet .coach-profile-highlights small{display:block;color:var(--muted);font-size:12px}
#sheet .coach-profile-highlights strong{display:block;font:700 20px var(--f-mono);overflow-wrap:anywhere;color:var(--ink)}
#sheet .pp-grid{grid-template-columns:minmax(145px,.3fr) minmax(0,1fr);gap:18px}
#sheet .pp-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}
#sheet .pp-side .pp-cond{min-width:0;align-items:start;flex-wrap:wrap}
#sheet .pp-side .pp-cond b{overflow-wrap:anywhere;text-align:right}
#sheet .pp-scout{background:var(--paper);border-radius:12px}
#sheet .pp-stats>div{padding:12px 6px;border-radius:10px}
#sheet .pp-stats b{font-size:21px;color:var(--blue)}
#main .scoreboard.sb2{position:relative;overflow:hidden;padding:clamp(14px,2.5vw,28px);border:1px solid rgba(158,188,236,.22);border-radius:20px;background:radial-gradient(ellipse at 50% 0%,rgba(69,120,197,.2),transparent 70%),linear-gradient(130deg,#0b1830,#101e38 70%,#091326);box-shadow:0 16px 35px -27px #000}
#main .scoreboard.sb2 .sb-caption{font-size:12px}
#main .scoreboard.sb2 .sb-team{font-size:clamp(16px,2.2vw,30px)}
#main .scoreboard.sb2 .sb-score{font-size:clamp(38px,5.3vw,76px);color:#fff;background:rgba(4,11,25,.48);border:1px solid rgba(255,255,255,.14);border-radius:15px}
#main .scoreboard.sb2 .sb-min{color:#ffcf69}
#main .scoreboard.sb2 .sb-tl{height:8px;margin:12px 0 6px}
#main .scoreboard.sb2 .sb-stat-pair{min-width:0}
#main .scoreboard.sb2 .sb-stat-pair .l{font-size:11px}
#main .live-grid .feedcard{border-radius:16px}
#main .live-grid .feed .ev.goal,#main .live-grid .feed .ev.ogoal,#main .live-grid .feed .ev.pengoal{padding:14px 12px;box-shadow:0 8px 20px -17px rgba(0,0,0,.35);border-radius:10px}
#main .live-grid .feed .ev.goal .tx,#main .live-grid .feed .ev.ogoal .tx{font-weight:700}
#main .live-grid .feed .ev.card-r,#main .live-grid .feed .ev.card-y{border-radius:9px}
#main .live-grid .lassist{border-radius:14px}
@media(max-width:899px){#main .squad-grid{grid-template-columns:minmax(0,1fr)}#main .squad-grid>section:last-child{order:-1}#main .squad-grid .pitch{max-width:520px}#main .coach-matchday-triptych{grid-template-columns:repeat(2,minmax(0,1fr))}#main .coach-matchday-triptych .coach-advice-card{grid-column:1/-1}}
@media(max-width:560px){#main > .panel > .hero{padding:20px 12px;gap:15px;border-radius:16px}#main .hero-meta{font-size:12px;gap:5px 9px}#main .hero-meta span:first-child{font-size:19px}#main .hero-teams{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:3px}#main .hero .ht{gap:6px}#main .hero .ht b{font-size:18px}#main .hero .ht .badge{width:67px;height:72px}#main .hero .ht .badge .kit{width:58px;height:67px}#main .hero-mid .led{font-size:20px;padding:8px 6px}#main .hero .ht-coach{font-size:11px}#main .hero .duel{padding:11px 8px}#main .hero-cta{flex-wrap:wrap}#main .hero-cta .btn{flex:1 1 100%;white-space:normal}#main .coach-matchday-triptych{grid-template-columns:1fr}#main .coach-matchday-triptych .coach-advice-card{grid-column:auto}#main .squad-grid>section:last-child{padding:10px}#main .squad-grid .pitch{max-width:100%}#main .squad-grid .pitch .slot .mag{width:clamp(35px,10vw,48px);height:clamp(35px,10vw,48px);border-radius:9px}#main .squad-grid .pitch .slot .nm{font-size:10px;padding:2px 3px}#sheet .pp-head{grid-template-columns:92px 1fr;gap:12px;padding:13px}#sheet .pp-head .pp-ph{width:88px;height:108px}#sheet .pp-head h2{font-size:23px}#sheet .pp-head .pp-sub{font-size:12px}#sheet .coach-profile-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}#sheet .pp-grid{grid-template-columns:1fr}#sheet .pp-map{max-width:155px}#sheet .pp-side{grid-template-columns:1fr}#main .scoreboard.sb2 .sb-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}#main .scoreboard.sb2 .sb-team{font-size:13px;overflow-wrap:anywhere}#main .scoreboard.sb2 .sb-score{font-size:30px;padding:7px}#main .scoreboard.sb2 .sb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#main .live-grid .feed .ev{font-size:13px;line-height:1.4}}
@media(max-width:360px){#main .hero-teams{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}#main .hero .ht b{font-size:16px}#main .squad-grid .pitch .slot .mag{width:33px;height:33px}#main .squad-grid .pitch .slot .nm{font-size:9px}#main .scoreboard.sb2 .sb-score{font-size:26px}}
@media(prefers-reduced-motion:reduce){#main .hero-cta #kick{transition:none}#main .live-grid .feed .ev{animation:none}}


/* Coach profile grid fixes: highlights own row; original dossier is not overlaid. */
@media(min-width:1100px){
 #sheet:has(> .pp){max-width:min(1320px,calc(100vw - 32px))}
 #sheet > .pp{display:grid;grid-template-columns:160px minmax(300px,1fr) minmax(320px,1.1fr);gap:16px 20px;align-items:start}
 #sheet > .pp > .pp-head{grid-column:1/-1;grid-row:1}
 #sheet > .pp > .coach-profile-highlights{grid-column:1/-1;grid-row:2}
 #sheet > .pp > .pp-grid{display:contents}
 #sheet > .pp .pp-map{grid-column:1;grid-row:3}
 #sheet > .pp .pp-side{grid-column:2;grid-row:3 / span 3}
 #sheet > .pp .pp-attrs{grid-column:3;grid-row:3 / span 2}
 #sheet > .pp > .pp-stats{grid-column:1;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr))}
 #sheet > .pp > .pp-traits{grid-column:3;grid-row:5}
 #sheet > .pp > .row{grid-column:1/-1;grid-row:6}
}
/* At narrow widths reserve the whole row for the portrait + name:
   older audit.css placed the name in a 140px column beside a position map. */
@media(max-width:639px){
 #sheet > .pp{display:flex;flex-direction:column;gap:12px}
 #sheet > .pp > .pp-grid{display:flex;flex-direction:column;gap:12px;width:100%}
 #sheet > .pp .pp-head{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:start;gap:11px;padding:12px;width:100%;min-width:0}
 #sheet > .pp .pp-head .pp-ph{width:80px;height:94px}
 #sheet > .pp .pp-head h2{font-size:clamp(18px,5vw,23px);overflow-wrap:anywhere}
 #sheet > .pp .pp-head .pp-sub{overflow-wrap:anywhere}
 #sheet > .pp .pp-map{align-self:center;width:min(100%,200px);max-width:200px}
 #sheet > .pp .pp-side{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #sheet > .pp .coach-profile-highlights,#sheet > .pp .pp-attrs{width:100%;min-width:0}
}
@media(max-width:359px){
 #sheet > .pp .pp-head{grid-template-columns:72px minmax(0,1fr);gap:9px}
 #sheet > .pp .pp-head .pp-ph{width:72px;height:88px}
 #sheet > .pp .pp-head h2{font-size:18px}
 #sheet > .pp .pp-side{grid-template-columns:minmax(0,1fr)}
}
#main .coach-ready-panel.needs-attention .ready-note{color:var(--red,#bd3946);font-weight:600}
#main .coach-last-card .lr-head .label{margin-bottom:0}
