/* Attributed club matchday view. Reuses the squad's shield and light-mask assets. */
#page-aufstellungen .bl-content>.bl-clubs{width:100%;margin:0 0 22px;padding:7px;gap:5px;border:1px solid transparent;border-radius:12px;background:var(--ke-panel) padding-box,var(--ke-edge) border-box;overflow:auto}
#page-aufstellungen .bl-head{padding-top:26px;margin-bottom:22px}
#page-aufstellungen .bl-head h1{font-size:clamp(40px,4.4vw,62px)}
#page-aufstellungen .bl-club-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
#page-aufstellungen .bl-lineup-v2{padding:22px;overflow:hidden;min-width:0;background:linear-gradient(145deg,#172834,#0a151eea 42%,#0b161e) padding-box,var(--ke-edge) border-box}
#page-aufstellungen .bl-lineup-v2 .bl-lineup-head{gap:12px;margin-bottom:20px}
#page-aufstellungen .bl-lineup-v2 .bl-lineup-head h2{font-size:30px;line-height:1.1;margin-top:7px}
#page-aufstellungen .bl-editorial-badge{font:600 8px/1.5 var(--font-ui);letter-spacing:.09em;color:#b9d4e5;border:1px solid #56768d8a;border-radius:4px;padding:5px 7px;background:#132735}
.bl-fixture-hero{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:17px 0 20px;border-block:1px solid #68869b35}
.bl-fixture-hero>div{display:flex;align-items:center;gap:12px;min-width:0}
.bl-fixture-hero>div:last-child{text-align:right;justify-content:flex-end}
.bl-fixture-hero img{width:34px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 5px #0007)}
.bl-fixture-hero b{display:block;color:#e1edf4;font:650 17px/1.15 var(--font-display)}
.bl-fixture-hero small{display:block;margin-top:5px;font:500 8px/1 var(--font-ui);letter-spacing:.13em;color:#9aafbe}
.bl-fixture-time{text-align:center;display:grid;gap:6px}
.bl-fixture-time b{font:italic 700 22px/1 var(--font-display);color:#859eb0}
.bl-fixture-time time{font:500 9px/1.5 var(--font-ui);color:#a5bbca;white-space:nowrap}
.bl-provenance{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 1px;color:#95adbf;font:400 9px/1.5 var(--font-ui)}
.bl-provenance a{display:inline-flex;gap:5px;align-items:center;color:#e3eef6;text-decoration:none}
.bl-provenance a:hover{color:#c9f66b}
.bl-provenance b{font-size:11px}
.bl-provenance svg{width:12px;height:12px}
.bl-provenance time{color:#bacbd6;margin-left:5px}
.bl-arena{overflow:hidden;border-radius:9px;border:1px solid #64879d80;box-shadow:0 15px 24px #0003,inset 0 1px #c4e0ed1a;background:#071420}
.bl-arena-top,.bl-arena-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;overflow:hidden;background:linear-gradient(100deg,#0a1017,#14202b 48%,#0a1017);padding:11px 18px;border-bottom:1px solid #56b9ed72;color:#7f9bad}
.bl-arena-top::before,.bl-arena-bottom::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 23%,#3d9be61a 23%,#3d9be61a 24%,transparent 24%,transparent 26%,#3d9be618 26%,#3d9be618 27%,transparent 27%,transparent 78%,#4da3ff22 78%,#4da3ff22 80%,transparent 80%)}
.bl-arena-brand{font:italic 850 21px/.95 var(--font-display);letter-spacing:-.055em;color:#e5f0f8;transform:skewX(-5deg)}
.bl-arena-top>span:nth-child(2){font:500 7px/1 var(--font-ui);letter-spacing:.23em}
.bl-arena-top>b{font:700 16px/1 var(--font-display);letter-spacing:.13em;color:#c6dce9}
.bl-arena-bottom{border:0;border-top:1px solid #56b9ed60;padding:12px 18px}
.bl-arena-bottom>span:not(.bl-arena-brand){font:500 7px/1.1 var(--font-ui);letter-spacing:.1em}
.bl-arena-bottom .bl-arena-brand{font-size:18px}
.bl-tactical-pitch{position:relative;isolation:isolate;padding:20px 17px 18px;background:radial-gradient(ellipse at 50% 50%,#21493945,transparent 75%),repeating-linear-gradient(0deg,#11282c 0,#11282c 76px,#122d30 76px,#122d30 152px);box-shadow:inset 0 0 85px #030e16a0}
.bl-tactical-pitch::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;pointer-events:none;background-image:radial-gradient(#9db9b51f .65px,transparent .65px);background-size:4px 4px}
.bl-field-drawing{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);stroke:#aecfc03b;stroke-width:1.1;color:#aecfc044;z-index:-1;pointer-events:none}
#page-aufstellungen .bl-tactical-pitch .bl-formation-rows{min-height:0;gap:15px;flex-direction:column-reverse;justify-content:space-between}
#page-aufstellungen .bl-tactical-pitch .bl-formation-row{gap:10px;align-items:flex-start;justify-content:space-evenly;min-height:0}
#page-aufstellungen .bl-tactical-pitch .bl-slot{flex:0 1 127px;max-width:calc((100% - (var(--players) - 1)*10px)/var(--players));width:127px;min-height:0;position:relative}
.bl-card{--player-accent:#4da3ff;position:relative;display:block;width:100%;height:auto;aspect-ratio:280/300;padding:0;margin:0;min-width:0;background:none;border:0;border-radius:0;isolation:isolate;container-type:inline-size;filter:drop-shadow(0 5px 5px #0008);transition:translate .17s,filter .17s;cursor:pointer}
.bl-card[data-status=likely]{--player-accent:#3ddc84}
.bl-card[data-status=option]{--player-accent:#f2cf4a}
.bl-card[data-status=concern]{--player-accent:#ff7a45}
.bl-card[data-status=out]{--player-accent:#ff3b4e}
.bl-card[data-status=confirmed]{--player-accent:#d5e5ee}
.bl-card:hover{translate:0 -3px;filter:drop-shadow(0 6px 9px #000b) brightness(1.12)}
.bl-card:focus-visible{outline:2px solid #c9f66b;outline-offset:4px;border-radius:8px}
.bl-card-frame{position:absolute;inset:0;background:url('assets/player-shield.svg') center/100% 100% no-repeat;filter:grayscale(1)}
.bl-card-light{position:absolute;inset:0;background:var(--player-accent);mask:url('assets/player-shield-light.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/player-shield-light.svg') center/100% 100% no-repeat;pointer-events:none}
.bl-card-crest{position:absolute;z-index:1;left:27%;top:14%;width:49%;height:44%;opacity:.24}
.bl-card-crest img{width:100%;height:100%;object-fit:contain}
.bl-card-photo{position:absolute;z-index:2;inset:8% 15.5% 35.3% 15.5%;overflow:hidden;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}
.bl-card-photo>img{position:absolute;left:50%;top:0;width:auto;height:175%;max-width:none;object-fit:contain;object-position:center top;transform:translateX(-50%);filter:drop-shadow(0 1px 2px #0006)}
.bl-card-photo>svg{position:absolute;inset:30% 30%;width:40%;height:40%;color:#8ca8b9}
.bl-card-position{position:absolute;z-index:3;top:25%;left:12%;padding:3% 4%;font:700 7cqw/1 var(--font-display);letter-spacing:.05em;color:#ccddea;background:#091522dd;border:1px solid #7897ae50;border-radius:2px}
.bl-status-mark{--mark-color:#4da3ff;display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:var(--mark-color);color:#03131d;border:2px solid #05111d;outline:1px solid #afc9da;box-shadow:0 2px 4px #0005}
.bl-status-mark[data-status=likely]{--mark-color:#3ddc84}
.bl-status-mark[data-status=option]{--mark-color:#f2cf4a}
.bl-status-mark[data-status=concern]{--mark-color:#ff7a45}
.bl-status-mark[data-status=out]{--mark-color:#ff3b4e}
.bl-status-mark[data-status=confirmed]{--mark-color:#d5e5ee}
.bl-status-mark svg{width:80%;height:80%;flex:none;display:block}
.bl-card>.bl-status-mark{position:absolute;z-index:4;top:6.3%;right:7%;width:20cqw;height:20cqw;border-width:1.6cqw;outline-width:.65cqw}
.bl-card>strong{position:absolute;z-index:3;top:68.2%;left:19%;width:64%;height:10.5%;display:flex;align-items:center;justify-content:center;font:720 11cqw/1 var(--font-display);color:white;letter-spacing:-.025em;white-space:nowrap;text-shadow:0 1px 2px #000}
.bl-appearance-strip{display:flex;gap:2px;align-items:stretch}
.bl-appearance-strip>i{display:block;flex:1;min-width:0;border-radius:1.5px;box-shadow:inset 0 1px #ffffff50,0 0 5px #0005}
.bl-card>.bl-appearance-strip{position:absolute;z-index:3;left:25%;width:50%;top:81.7%;height:3.6%;gap:1.2cqw}
.bl-appearance-start{background:#30d994}
.bl-appearance-sub{background:#f2d65a}
.bl-appearance-bench{background:#ed9453}
.bl-appearance-out{background:#ed5869}
.bl-appearance-unknown{background:#3b4b57}
#page-aufstellungen .bl-tactical-pitch .bl-alternatives{margin-top:1px;gap:3px;width:100%}
#page-aufstellungen .bl-tactical-pitch .bl-alternative{padding:3px 5px;min-height:23px;margin:0;display:block;text-align:center;max-width:100%;font:600 9px/1.4 var(--font-ui);color:#cbd9e1;white-space:normal;background:#0a1823dc;border:1px solid #6682976b;border-radius:5px;overflow-wrap:anywhere;cursor:pointer}
#page-aufstellungen .bl-alternative span{color:#9eb1bd;font-weight:400;margin-right:3px}
#page-aufstellungen .bl-alternative:hover{border-color:#b0d0e2;color:white}
.bl-condition{font:500 8px/1.4 var(--font-ui);color:#f7b58d;text-align:center;margin-top:3px}
.bl-ticker-legend{padding:16px 0 14px;border-bottom:1px solid #6b8c9d35}
.bl-ticker-legend>div{display:flex;align-items:center;gap:10px}
.bl-ticker-legend b{font:600 10px/1.4 var(--font-ui);color:#cfdee7}
.bl-ticker-legend>div>span{font:400 9px/1.4 var(--font-ui);color:#90a7b7}
.bl-ticker-legend ul{list-style:none;display:flex;gap:10px 15px;flex-wrap:wrap;margin:10px 0 0;padding:0}
.bl-ticker-legend li{display:flex;align-items:center;gap:5px;font:400 9px/1.3 var(--font-ui);color:#b3c4ce}
.bl-ticker-legend li>i{display:block;width:12px;height:5px;border-radius:1.5px;box-shadow:inset 0 1px #ffffff30}
.bl-prediction-key{padding:13px 0;color:#acbfcc;font:500 10px/1.5 var(--font-ui)}
.bl-prediction-key summary{cursor:pointer;list-style-position:inside}
.bl-prediction-key>div{display:flex;flex-wrap:wrap;gap:15px;margin:17px 0}
.bl-prediction-key>div>span{display:flex;align-items:center;gap:8px;font-size:9px}
.bl-prediction-key p{font-size:10px;line-height:1.7;margin:0;color:#8fa7b7}
.bl-selection-duels{margin-top:11px;padding-top:22px;border-top:1px solid #6b8c9d35}
.bl-selection-duels h3{font:650 24px/1 var(--font-display);text-transform:uppercase;margin:6px 0 8px;color:#e0edf6}
.bl-selection-duels header p{font:400 10px/1.5 var(--font-ui);color:#9fb5c2;margin:0 0 15px}
.bl-selection-duels>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bl-selection-duels article{min-width:0;border:1px solid #5671886b;border-radius:8px;background:linear-gradient(140deg,#192e3c90,#0b1720);overflow:hidden}
.bl-selection-duels article>div{padding:9px 10px}
.bl-selection-duels article>div>button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:5px 0;border:0;background:none;color:#e2edf5;cursor:pointer}
.bl-selection-duels article>div>button+button{border-top:1px solid #49617740;margin-top:5px}
.bl-selection-duels article img{width:32px;height:35px;object-fit:contain;object-position:top}
.bl-selection-duels article button>span:not(.bl-status-mark){min-width:0;flex:1}
.bl-selection-duels article small{display:block;font:500 6px/1.3 var(--font-ui);color:#8ea9b9;letter-spacing:.09em;margin-bottom:4px}
.bl-selection-duels article b{display:block;font:600 14px/1 var(--font-display);overflow-wrap:anywhere}
.bl-selection-duels .bl-status-mark{width:18px;height:18px;outline-width:.5px}
.bl-profile-ticker{padding:20px 0;border-block:1px solid #64839a44;margin:20px 0}
.bl-profile-ticker h3{font:600 18px var(--font-display);color:#e3edf5;margin:0 0 17px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bl-profile-ticker h3 small{font:400 9px var(--font-ui);color:#95b0c2}
.bl-profile-ticker .is-full{height:auto;gap:6px}
.bl-profile-ticker i{font-style:normal;border-radius:5px;padding:10px 5px;text-align:center;color:#0a141a;font:600 9px/1.3 var(--font-ui)}
.bl-profile-ticker .bl-appearance-unknown{color:#c1cdd5}
.bl-profile-ticker p{font:400 10px var(--font-ui);color:#93adbe;margin:10px 0 0}
/* The club room is a persistent component, independent of pitch/news refreshes. */
#page-aufstellungen .dc-embedded{--dc-muted:#9aaeba;--dc-line:#3b526467;--dc-lime:#c9f66b;max-width:none;margin-top:38px;padding:0 0 35px;scroll-margin-top:100px;min-width:0}
.dc-embedded .dc-page-heading{padding:27px 0 24px;margin-bottom:25px;border-top:1px solid #7391a745}
.dc-embedded .dc-page-heading h2{font:750 36px/1.04 var(--font-display);letter-spacing:.005em;text-transform:uppercase;margin:8px 0 10px;color:#eef5fa}
.dc-embedded .dc-page-heading h2>span{color:#c9f66b}
.dc-embedded .dc-page-heading p{max-width:540px;font-size:11px}
.dc-embedded .dc-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.dc-embedded .dc-focus-card,.dc-embedded .dc-sidebar{display:none}
.dc-embedded .dc-rail{display:flex;gap:18px;flex-direction:column}
.dc-embedded .dc-main{min-width:0}
.dc-embedded .dc-room-header{padding-bottom:16px}
.dc-embedded .dc-thread{padding:23px 24px 18px;grid-template-columns:30px minmax(0,1fr);gap:16px}
.dc-embedded .dc-thread h3{font-size:21px;line-height:1.25}
.dc-embedded .dc-post-body{font-size:12px}
.dc-embedded .dc-demo-label{margin-left:10px}
@media(min-width:1550px){
 #page-aufstellungen .bl-club-layout,.dc-embedded .dc-layout{grid-template-columns:minmax(0,1fr) 340px;gap:28px}
 #page-aufstellungen .bl-tactical-pitch .bl-slot{width:140px;flex-basis:140px}
 #page-aufstellungen .bl-tactical-pitch .bl-formation-rows{gap:18px}
 .bl-tactical-pitch{padding:24px 35px}
}
@media(max-width:1100px){
 #page-aufstellungen .bl-club-layout{grid-template-columns:minmax(0,1fr) 252px;gap:18px}
 #page-aufstellungen .bl-lineup-v2{padding:17px 14px}
 .dc-embedded .dc-layout{grid-template-columns:minmax(0,1fr) 252px;gap:18px}
 .bl-fixture-hero{gap:9px}.bl-fixture-hero>div{gap:8px}.bl-fixture-hero img{width:27px;height:32px}.bl-fixture-hero b{font-size:15px}
 #page-aufstellungen .bl-tactical-pitch .bl-slot{width:115px;flex-basis:115px}
 .bl-tactical-pitch{padding-inline:10px}
}
@media(max-width:900px){
 #page-aufstellungen .bl-club-layout{grid-template-columns:minmax(0,1fr)}
 #page-aufstellungen .bl-club-layout>aside{display:block}
 #page-aufstellungen .bl-news-compact .bl-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dc-embedded .dc-layout{grid-template-columns:minmax(0,1fr)}
 .dc-embedded .dc-rail{display:none}
 #page-aufstellungen .bl-tactical-pitch .bl-slot{width:125px;flex-basis:125px}
 .dc-embedded .dc-room-tabs{display:flex}
}
@media(max-width:600px){
 #page-aufstellungen .bl-head{padding-top:17px;margin-bottom:17px}
 #page-aufstellungen .bl-lineup-v2{padding:15px 10px}
 #page-aufstellungen .bl-lineup-v2 .bl-lineup-head{padding:0 3px;gap:9px;margin-bottom:13px}
 #page-aufstellungen .bl-lineup-v2 .bl-lineup-head h2{font-size:27px}
 #page-aufstellungen .bl-editorial-badge{font-size:7px;padding:3px 6px}
 .bl-fixture-hero{padding:15px 2px;gap:6px;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}
 .bl-fixture-hero>div{flex-direction:column;gap:8px;text-align:center!important;align-items:center}
 .bl-fixture-hero>div:last-child{flex-direction:column-reverse}
 .bl-fixture-hero b{font-size:15px}.bl-fixture-time time{font-size:8px;white-space:normal;line-height:1.5}.bl-fixture-hero small{font-size:7px}
 .bl-provenance{font-size:8px;gap:5px}.bl-provenance b{font-size:10px}.bl-provenance time{display:block;margin:0;text-align:right}
 .bl-arena-top,.bl-arena-bottom{padding:10px}
 .bl-arena-top>span:nth-child(2){font-size:5px;letter-spacing:.15em}
 .bl-arena-brand{font-size:19px}.bl-arena-top>b{font-size:14px}
 .bl-arena-bottom>span:not(.bl-arena-brand){font-size:4.5px;letter-spacing:.05em}.bl-arena-bottom .bl-arena-brand{font-size:16px}
 .bl-tactical-pitch{padding:15px 5px 13px}
 #page-aufstellungen .bl-tactical-pitch .bl-formation-rows{gap:14px}
 #page-aufstellungen .bl-tactical-pitch .bl-formation-row{gap:3px}
 #page-aufstellungen .bl-tactical-pitch .bl-slot{width:103px;flex-basis:103px;max-width:calc((100% - (var(--players) - 1)*3px)/var(--players))}
 #page-aufstellungen .bl-tactical-pitch .bl-alternative{font-size:7px;line-height:1.3;padding:4px 2px;min-height:23px}
 .bl-condition{font-size:7px}
 .bl-card>strong{font-size:11.5cqw}
 .bl-ticker-legend ul{gap:8px 12px}.bl-ticker-legend li{font-size:8px}
 .bl-selection-duels>div{grid-template-columns:minmax(0,1fr)}
 .bl-selection-duels article>div{display:flex;gap:8px;padding:9px}
 .bl-selection-duels article>div>button+button{border-top:0;border-left:1px solid #49617740;margin-top:0;padding-left:8px}
 .bl-selection-duels article small{font-size:5px}.bl-selection-duels article b{font-size:12px}
 .bl-selection-duels article .bl-status-mark{display:none}
 #page-aufstellungen .bl-news-compact .bl-news-grid{grid-template-columns:minmax(0,1fr)}
 #page-aufstellungen .dc-embedded{margin-top:15px;scroll-margin-top:85px}
 .dc-embedded .dc-page-heading{display:block;padding-top:25px}
 .dc-embedded .dc-page-heading h2{font-size:34px;max-width:270px}
 .dc-embedded .dc-create-button{margin-top:16px;min-height:42px;width:100%}
 .dc-embedded .dc-room-header{flex-wrap:wrap}
 .dc-embedded .dc-room-tabs{width:100%;margin-top:5px}.dc-embedded .dc-room-tabs>a{flex:1}
 .dc-embedded .dc-thread{padding:17px 12px 13px;grid-template-columns:24px minmax(0,1fr);gap:10px}
 .dc-embedded .dc-thread h3{font-size:19px}.dc-embedded .dc-post-body{font-size:11px}
 .dc-embedded .dc-demo-label{display:block;width:fit-content;margin:6px 0 0}
 .bl-profile-ticker i{font-size:8px;padding:10px 3px;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.bl-card{transition:none}.bl-card:hover{translate:none}}

/* Give the field precedence over a tall masthead; keep community before news on mobile. */
#page-aufstellungen .bl-head{min-height:125px;padding-block:22px 20px}
#page-aufstellungen .bl-team-head{padding:16px 22px;min-height:85px}
#page-aufstellungen .bl-card-photo{inset:8% 15.5% 35.3% 15.5%}
@media(max-width:900px){
 #page-aufstellungen:has(.bl-team-head):not([hidden]){display:flex;flex-direction:column}
 #page-aufstellungen:has(.bl-team-head)>.bl-content,#page-aufstellungen .bl-club-layout{display:contents}
 #page-aufstellungen .bl-content>.bl-head{order:0}
 #page-aufstellungen .bl-content>.bl-clubs{order:1}
 #page-aufstellungen .bl-team-head{order:2}
 #page-aufstellungen .bl-club-layout>div{order:3}
 #page-aufstellungen .dc-embedded{order:4}
 #page-aufstellungen .bl-club-layout>aside{order:5;margin-top:18px}
}
@media(max-width:600px){
 #page-aufstellungen .bl-head{min-height:110px;padding-block:20px 17px}
 #page-aufstellungen .bl-team-head{padding:14px;min-height:76px}
 #page-aufstellungen .bl-team-head h2{font-size:29px}
}

@media(max-width:600px){
 .bl-selection-duels article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .bl-selection-duels article>div>button{min-width:0}
 .bl-selection-duels article>div>button:nth-child(odd){border-left:0;padding-left:0}
 .bl-selection-duels article>div>button:nth-child(n+3){border-top:1px solid #49617740;padding-top:10px}
}
