:root{--bg:#0e191f;--panel:#14242c;--line:#2b3c44;--mint:#9aebc7;--text:#f2f5f4;--muted:#9db0b9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}button,select{font:inherit}button,select{color:var(--text);background:#20333d;border:1px solid #3c505b;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover{border-color:var(--mint)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h3{font-size:22px;letter-spacing:-.5px}.top{height:76px;display:flex;align-items:center;gap:25px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-weight:850;font-size:24px;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--mint)}.local{font-size:10px;letter-spacing:2px;color:var(--muted)}.avatar{margin-left:auto;border:1px solid var(--line);border-radius:50%;padding:8px;font-size:13px}.sports{padding:0 5%;display:flex;gap:30px;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap}.sports>*{padding:16px 0;color:var(--muted);font-size:13px}.sports strong{color:var(--mint);border-bottom:2px solid var(--mint)}main{max-width:1600px;padding:40px 5% 0;margin:auto}.intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:750;margin-bottom:10px}h1{font-size:clamp(34px,4vw,56px);letter-spacing:-2px;line-height:1.05}h1 span{color:#9db0b9}.intro-note{color:var(--muted);font-size:14px}.sample-banner{display:flex;gap:18px;align-items:center;padding:12px 17px;border:1px solid #655938;background:#2d2b22;border-radius:8px;font-size:12px;color:#e8d9aa}.sample-banner b{font-size:10px;letter-spacing:1.1px;white-space:nowrap}.match{display:flex;align-items:center;justify-content:space-between;padding:26px 20px;margin:15px 0 24px;border-bottom:1px solid var(--line)}.club{display:flex;align-items:center;gap:16px}.club h2{font-size:27px;letter-spacing:-.6px}.club small{color:var(--muted);font-size:10px;letter-spacing:1px}.crest{display:grid;place-items:center;font-style:normal;font-weight:900;font-size:25px;width:52px;height:60px;border-radius:10px 10px 22px 22px;border:2px solid #86a5e4;background:#153994}.crest.white{background:#e7ebed;color:#202c3a;border-color:#c5b679}.opponent{text-align:right}.versus{color:var(--muted);text-align:center;font-size:18px}.versus small{display:block;font-size:9px;letter-spacing:1.5px}.studio-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.studio-head p{font-size:12px;color:var(--muted);margin-top:5px}.switch{font-size:12px;white-space:nowrap}.switch input{accent-color:var(--mint)}.toolbar{display:flex;gap:12px;align-items:center;margin:18px 0 12px;flex-wrap:wrap}.seg{display:flex;background:#101f27;padding:3px;border:1px solid var(--line);border-radius:9px}.seg button{border:0;background:none;font-size:12px}.seg .active,.compare-tabs .active{background:var(--mint);color:#09241b}.toolbar>button{margin-left:auto;font-size:12px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}.scene-wrap{overflow:hidden;border-radius:12px;border:1px solid #496053}.scene{position:relative;aspect-ratio:2048/920;overflow:hidden;background:#233926}.scene>img{position:absolute;width:100%;height:auto;top:-12.61%;display:block}.scene svg{position:absolute;width:100%;height:125.217%;top:-12.61%}.scene-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071910e8);padding:24px 16px 12px;display:flex;justify-content:space-between;color:#e3eede;font-size:9px;font-weight:700;letter-spacing:1.5px;pointer-events:none}.anchor{position:absolute;transform:translate(-50%,0);padding:4px 7px;border-radius:4px;background:#102737ed;color:white;border:1px solid #88aad9;box-shadow:0 2px 8px #0005;font-size:clamp(9px,.85vw,12px);line-height:1.25;white-space:nowrap;z-index:2;min-height:30px}.anchor:before{content:'';position:absolute;left:50%;height:10px;bottom:100%;border-left:1px solid #c9e8e1}.anchor b{display:block}.anchor small{color:var(--mint);font-size:9px}.anchor.madrid{border-color:#ded7aa;background:#222c32ed}.anchor.selected{outline:2px solid var(--mint);z-index:3}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;min-height:320px}.player-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1px}.player-top button{padding:3px 8px}.panel h3{margin:15px 0 3px;font-size:25px}.panel .role{font-size:12px;color:var(--muted)}.grade-card{margin:20px 0;padding:14px;background:#0e191f;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.grade-card strong{font-size:36px;color:var(--mint)}.grade-card small{display:block;font-size:10px;color:var(--muted)}.detail-tabs{display:flex;gap:5px;margin-bottom:14px}.detail-tabs button{padding:6px 7px;font-size:11px}.detail-tabs .active{border-color:var(--mint);color:var(--mint)}.detail{font-size:12px;color:var(--muted);min-height:72px}.detail b{color:var(--text)}.capture-note{color:var(--muted);font-size:11px;margin:11px 0 30px;max-width:940px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.lineups,.breakdown{padding:24px;border:1px solid var(--line);border-radius:12px;background:#11212a}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading button{font-size:11px}.muted{color:var(--muted);font-size:12px;margin:10px 0 18px}.team-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px}.team-title strong{font-size:16px}.team-title select{font-size:12px;padding:6px}.scenario{font-size:10px;color:var(--mint);margin-bottom:10px;min-height:30px}.formation{position:relative;height:170px;background:repeating-linear-gradient(0deg,#18312d 0 25px,#1a3630 25px 50px);border:1px solid #416057;border-radius:6px;margin-bottom:14px;overflow:hidden}.formation:after{content:'';position:absolute;inset:10px;border:1px solid #93bfa04d;pointer-events:none}.dot{position:absolute;width:23px;height:23px;background:#2e60ad;border:1px solid #9ebde5;border-radius:50%;transform:translate(-50%,-50%);font-size:9px;display:grid;place-items:center;z-index:1}.madrid .dot{background:#e8e9df;color:#17242b}.roster-row{display:flex;width:100%;align-items:center;text-align:left;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:9px 0;gap:10px}.roster-row .pos{font-size:10px;color:var(--muted);width:24px}.roster-row b{font-size:12px;flex:1}.roster-row small{font-size:9px;color:var(--mint)}.roster-row.selected{color:var(--mint)}.compare-tabs{display:flex;gap:5px;margin:20px 0}.compare-tabs button{font-size:11px;padding:7px 9px}.metric{display:flex;justify-content:space-between;margin:22px 0 8px;font-size:12px}.bar{height:6px;background:#3b454b;display:flex;border-radius:4px;overflow:hidden}.bar i{background:var(--mint);width:53%}.concept-note{font-size:13px;color:#ccddd9;margin:20px 0}.fine{font-size:11px;line-height:1.7;border-top:1px solid var(--line);padding-top:18px}footer{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding:26px 0;border-top:1px solid var(--line)}footer>span:last-child{font-size:11px;color:var(--muted)}
@media(min-width:1600px){.anchor{font-size:12px}}@media(max-width:1100px){.studio{grid-template-columns:1fr}.panel{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.player-top{grid-column:1/-1}.grade-card{grid-column:2;grid-row:2/4;margin:10px 0}.detail-tabs,.detail{grid-column:1/-1}.workspace{grid-template-columns:1fr 300px}.lineups,.breakdown{padding:18px}}@media(max-width:760px){.top{height:64px}.local{display:none}.sports{gap:24px}.intro{display:block}.intro-note{margin-top:16px}.sample-banner{display:block}.sample-banner span{display:block;margin-top:5px}.match{padding:22px 0}.club{gap:8px}.club h2{font-size:19px}.club small{font-size:8px;letter-spacing:0}.crest{width:34px;height:40px;font-size:18px}.versus small{display:none}.studio-head{align-items:start}.studio-head h3{font-size:19px}.studio-head p{font-size:10px}.toolbar{gap:8px}.toolbar>button{margin-left:0}.seg button{padding:8px;font-size:11px}.scene{aspect-ratio:2048/920}.anchor{font-size:9px;padding:2px;min-height:14px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center}.anchor b{display:none}.anchor small{display:none}.anchor:after{content:attr(data-slot);font-size:9px}.anchor:before{height:3px}.panel{padding:16px}.panel h3{font-size:21px}.grade-card strong{font-size:28px}.workspace{grid-template-columns:1fr}.team-columns{gap:16px}.section-heading h3{font-size:20px}.team-title{display:block}.team-title select{margin-top:8px}.formation{height:145px}.roster-row b{font-size:11px}.roster-row{gap:5px}.roster-row small{font-size:8px}.roster-row .pos{width:20px;font-size:9px}.breakdown h3{font-size:22px}.capture-note{font-size:10px}footer{display:block}footer>span{display:block;margin-top:5px}main{padding-top:28px}.switch{font-size:10px}}

#leaders{pointer-events:none}.anchor:before{display:none}

@media(max-width:600px){.team-columns{grid-template-columns:1fr}.team-title{display:flex}.team-title select{margin:0}.formation{height:185px}.roster-row{padding:12px 0}.roster-row b{font-size:14px}.roster-row small{font-size:10px}.panel{grid-template-columns:minmax(0,1fr) 130px}.grade-card{padding:10px}.grade-card small{font-size:8px}.anchor.selected{width:25px;height:25px}.switch{white-space:normal}.intro-note br{display:none}}

@media(min-width:761px){.anchor{font-size:13px}.anchor small{font-size:10px}}

/* Preserve the photographed geometry; never stretch the stadium to a short banner. */
.scene{aspect-ratio:16/9}.scene>img{inset:0;width:100%;height:100%;object-fit:contain}.scene svg{inset:0;width:100%;height:100%}
.anchor.marker{width:20px;height:20px;min-height:20px;border-radius:50%;padding:0;display:grid;place-items:center}.anchor.marker b,.anchor.marker small{display:none}.anchor.marker:after{content:attr(data-slot);font-size:10px}
.formation{height:auto!important;width:min(100%,230px);aspect-ratio:74/111;margin:16px auto 8px;border-radius:4px;background:repeating-linear-gradient(0deg,#234734 0 8%,#294f3b 8% 16%)}.formation:after{display:none}.pitch-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pitch-scale{text-align:center;font-size:10px;color:var(--muted);margin:0 0 15px}.dot{width:21px;height:21px}
@media(max-width:760px){.scene{aspect-ratio:16/9}.toolbar .seg{flex-wrap:wrap}.scene-caption{font-size:7px}.anchor.marker{width:15px;height:15px;min-height:15px}.anchor.marker:after{font-size:8px}}

.high-player{font-size:11px;min-width:76px;padding:3px 5px;border-radius:4px;background:#123765ee;border-color:#82afe8}.high-player small{font-size:9px}.high-player.madrid{background:#f3f1e4ee;color:#14252d;border-color:#e3d5a5}.high-player.madrid small{color:#315148}.high-player.far{transform:translate(-50%,-100%)}.high-player:before{display:block;content:'';height:7px;bottom:100%;border-left:1px solid #d6f2e2}.high-player.far:before{top:100%;bottom:auto}.high-player.marker{min-width:20px}.scene[data-camera="high"] .scene-caption{padding-top:25px}
@media(max-width:760px){.high-player{min-width:16px;width:16px;height:16px;min-height:16px;border-radius:50%;padding:0}.high-player:after{font-size:7px}.high-player:before{display:none}.high-player.selected{width:22px;height:22px}.high-player small{display:none}}

@media(min-width:761px){.scene[data-camera="high"] .high-player{font-size:11px}.scene[data-camera="high"] .high-player small{font-size:9px}}
/* Keep all 22 names readable in the distant perspective; grades remain in the adjacent panel and rosters. */
.scene[data-camera="high"] .high-player{min-width:0;min-height:0;font-size:11px;line-height:1.2;padding:3px 5px}
.scene[data-camera="high"] .high-player.small{font-size:10px}
.scene[data-camera="high"] .high-player small{display:none}
@media(min-width:761px){.scene[data-camera="high"] .high-player.far{font-size:10px;padding:3px 4px}}
@media(max-width:760px){.scene[data-camera="high"] .high-player{font-size:9px;padding:0;min-height:16px;min-width:16px}.scene[data-camera="high"] .high-player.selected{width:22px;height:22px}}

.venue-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.venue-controls label{display:grid;gap:7px;font-size:11px;color:var(--muted);flex:1;min-width:150px}.venue-controls select{width:100%;font-size:13px}.venue-controls #venue-count{font-size:11px;color:var(--mint);padding:10px 0}.venue-controls label:last-of-type{flex:2} @media(max-width:600px){.venue-controls{padding:14px;gap:12px}.venue-controls label{min-width:45%}.venue-controls label:last-of-type{min-width:100%}}

@media(max-width:760px){.scene[data-camera="high"] .high-player{width:12px;height:12px;min-width:12px;min-height:12px}.scene[data-camera="high"] .high-player.selected{width:17px;height:17px}.high-player:after{font-size:6px}}

.sports a{color:inherit;text-decoration:none}.venue-follow{flex-direction:row!important;align-items:center;gap:7px!important}.venue-follow input{width:auto}.embedded .top,.embedded .sports,.embedded .intro,.embedded footer{display:none}.embedded main{padding-top:16px}.embedded body{margin:0}