:root{
  --bg:#F8F7F4;--surface:#FFFFFF;--border:#E4E2DC;
  --text:#1A1A1A;--muted:#6B6560;--subtle:#F0EEE9;
  --ink:#0D0D0D;--good:#1A7A4A;--bad:#C0392B;--draw:#7A7068;
  --home:#003087;--home-light:#EEF3FF;
  --away:#CC0000;--away-light:#FFF0F0;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;}

.site-header{background:var(--ink);color:white;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:100;}
.brand{font-size:16px;font-weight:700;letter-spacing:1px;}
.header-right{display:flex;align-items:center;gap:8px;}
.export-btn{background:white;color:var(--ink);border:none;padding:6px 14px;font-family:'DM Sans',sans-serif;font-size:11px;font-weight:600;cursor:pointer;letter-spacing:.5px;}
.export-btn:hover{opacity:.8;}
.hdr-ghost{background:transparent;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2);}

.tab-bar{background:var(--surface);border-bottom:1px solid var(--border);display:flex;padding:0 32px;}
.tab-btn{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:11px 20px;border:none;background:none;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;}
.tab-btn:hover{color:var(--text);}
.tab-btn.active{color:var(--text);border-bottom-color:var(--ink);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}

.match-banner{background:var(--surface);border-bottom:1px solid var(--border);padding:24px 32px 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;}
.team-header{display:flex;flex-direction:column;gap:3px;}
.team-header.away{text-align:right;}
.team-name{font-size:22px;font-weight:700;line-height:1.1;}
.team-meta{font-size:12px;color:var(--muted);font-weight:500;}
.match-centre{text-align:center;}
.match-vs{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:2px;display:block;margin-bottom:3px;text-transform:uppercase;}
.match-date{font-size:13px;font-weight:500;margin-bottom:2px;}
.match-venue{font-size:11px;color:var(--muted);font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;}
.match-badge{margin-top:7px;display:inline-block;background:var(--ink);color:white;font-size:9px;font-weight:600;padding:3px 10px;letter-spacing:1.5px;text-transform:uppercase;}

.page{max-width:1300px;margin:0 auto;padding:24px 32px;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:20px;}
.card{background:var(--surface);border:1px solid var(--border);padding:16px 18px;}
.sep-label{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.sep-label span{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--muted);white-space:nowrap;text-transform:uppercase;}
.sep-label::before,.sep-label::after{content:'';flex:1;height:1px;background:var(--border);}
.section-title{font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:7px;margin-bottom:12px;}
.section{margin-bottom:20px;}
.footnote{font-size:10px;color:var(--muted);font-style:italic;margin-top:8px;}

.manager-card{display:flex;align-items:center;gap:12px;}
.manager-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:white;flex-shrink:0;position:relative;overflow:hidden;}
.manager-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.manager-role{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:2px;}
.manager-name{font-size:16px;font-weight:600;line-height:1.1;}
.manager-since{font-size:11px;color:var(--muted);margin-top:3px;}

.form-row{display:flex;gap:5px;margin-bottom:12px;}
.form-pill{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;font-family:'DM Mono',monospace;}
.form-pill.W{background:var(--good);}
.form-pill.D{background:var(--draw);}
.form-pill.L{background:var(--bad);}
.form-match{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);gap:8px;font-size:12px;}
.form-match:last-child{border-bottom:none;}
.result-badge{width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;flex-shrink:0;font-family:'DM Mono',monospace;}
.form-match .opponent{font-weight:500;flex:1;}
.form-match .score{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);}
.form-match .ha{font-size:10px;color:var(--muted);background:var(--subtle);padding:1px 5px;font-family:'DM Mono',monospace;}

.player-row{display:grid;grid-template-columns:56px 90px 1fr auto;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);gap:12px;}
.player-row:last-child{border-bottom:none;}
.player-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white;flex-shrink:0;position:relative;overflow:hidden;}
.player-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.player-tag{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);}
.player-name-line{font-weight:600;font-size:13px;}
.player-desc{font-size:11px;color:var(--muted);margin-top:1px;}
.player-stat{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);text-align:right;}
.tag-badge{font-size:9px;font-weight:700;padding:1px 5px;text-transform:uppercase;letter-spacing:.5px;margin-left:5px;vertical-align:middle;}
.tag-new{background:#DCFCE7;color:#166534;}
.tag-cap{background:#EFF6FF;color:#1E40AF;}

.recent-header{font-size:12px;font-weight:600;margin-bottom:6px;}
.recent-result{display:inline-block;font-family:'DM Mono',monospace;font-size:10px;font-weight:700;padding:1px 7px;margin-left:6px;vertical-align:middle;}
.recent-result.W{background:#DCFCE7;color:var(--good);}
.recent-result.D{background:#F3F4F6;color:var(--draw);}
.recent-result.L{background:#FEE2E2;color:var(--bad);}
.recent-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border);}
.recent-sublabel{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-top:9px;margin-bottom:4px;}
.recent-scorers{font-size:12px;line-height:1.8;color:var(--text);}
.recent-scorer-time{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);margin-right:3px;}

.injury-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);gap:8px;font-size:12px;}
.injury-row:last-child{border-bottom:none;}
.injury-name{font-weight:600;flex:1;}
.injury-type{color:var(--muted);font-size:11px;}
.injury-status{font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase;letter-spacing:.5px;font-family:'DM Mono',monospace;}
.injury-status.out{background:#FEE2E2;color:var(--bad);}
.injury-status.doubt{background:#FEF9C3;color:#92400E;}

.formation-wrap{display:flex;flex-direction:column;}
.formation-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;}
.formation-tag{font-size:18px;font-weight:700;}
.formation-note{font-size:11px;color:var(--muted);}
.pitch-landscape{border-radius:2px;padding:12px 8px;display:flex;flex-direction:row;border:2px solid #ccc;position:relative;overflow:hidden;height:360px;background:#fff;}
.pitch-landscape.home-pitch{border-color:var(--home);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 360'%3E%3Crect x='0' y='60' width='72' height='240' fill='none' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3Cpath d='M72,148 A40,40 0 0 1 72,212' fill='none' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3Cline x1='345' y1='18' x2='345' y2='342' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3Ccircle cx='345' cy='180' r='45' fill='none' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:left center;}
.pitch-landscape.away-pitch{border-color:var(--away);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 360'%3E%3Crect x='388' y='60' width='72' height='240' fill='none' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3Cpath d='M388,148 A40,40 0 0 0 388,212' fill='none' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3Cline x1='115' y1='18' x2='115' y2='342' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3Ccircle cx='115' cy='180' r='45' fill='none' stroke='%23000' stroke-opacity='0.12' stroke-width='1.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:right center;}
.pitch-landscape::before,.pitch-landscape::after{content:none;}
.pitch-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:6px 2px;position:relative;z-index:1;}
.pitch-player-h{display:flex;flex-direction:column;align-items:center;gap:3px;}
.pitch-player-h .av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;border:2px solid rgba(255,255,255,.25);font-family:'DM Mono',monospace;position:relative;overflow:hidden;}
.pitch-player-h .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.pitch-player-h .pn{font-size:9px;color:#222;font-weight:600;text-align:center;max-width:50px;line-height:1.15;}
.pitch-player-h .num{font-size:10px;font-weight:600;color:#888;font-family:'DM Mono',monospace;}

.h2h-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;margin-bottom:12px;}
.h2h-num{font-size:30px;font-weight:700;line-height:1;}
.h2h-label{font-size:11px;color:var(--muted);font-weight:500;margin-top:1px;}
.h2h-divider{width:1px;background:var(--border);height:52px;margin:0 auto;}

.kit-grid{display:flex;gap:12px;flex-wrap:wrap;}
.kit-item{display:flex;flex-direction:column;align-items:center;gap:5px;}
.kit-shape{width:80px;height:92px;clip-path:polygon(15% 0%,85% 0%,100% 15%,100% 100%,0% 100%,0% 15%);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.kit-shape--img{background:transparent!important;text-shadow:none;overflow:hidden;}
.kit-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;}

.inj-scraped{margin-bottom:4px;}
.inj-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border);gap:8px;}
.inj-row:last-of-type{border-bottom:none;}
.inj-name{font-size:13px;font-weight:500;}
.inj-status{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;white-space:nowrap;}
.inj-status--injury{background:#FEE2E2;color:#B91C1C;}
.inj-status--inactive{background:#FEF3C7;color:#92400E;}
.inj-status--suspended{background:#EDE9FE;color:#5B21B6;}
.inj-status--other{background:var(--subtle);color:var(--muted);}
.inj-meta{font-size:10px;color:var(--muted);margin-top:5px;font-family:'DM Mono',monospace;}

.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:12px;}
table th{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);text-align:right;padding:5px 7px;border-bottom:2px solid var(--border);}
table th:first-child,table th:nth-child(2){text-align:left;}
table td{padding:5px 7px;border-bottom:1px solid var(--border);text-align:right;font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);}
table td:first-child{text-align:center;width:22px;font-weight:600;}
table td:nth-child(2){text-align:left;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:500;color:var(--text);}
table td:last-child{font-weight:700;color:var(--text);}
table tr:last-child td{border-bottom:none;}
.hl-home td{background:var(--home-light);}
.hl-away td{background:var(--away-light);}
.hl-home td:nth-child(2){color:var(--home);font-weight:600;}
.hl-away td:nth-child(2){color:var(--away);font-weight:600;}
.z-up{border-left:3px solid var(--good);}
.z-po{border-left:3px solid #2563EB;}
.z-dn{border-left:3px solid var(--bad);}

.squad-controls{display:flex;gap:6px;margin-bottom:10px;}
.squad-btn{padding:4px 12px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .1s;}
.squad-btn.active{background:var(--ink);color:white;border-color:var(--ink);}
.squad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;}
.squad-player{display:flex;align-items:center;gap:7px;padding:5px 9px;background:var(--subtle);}
.squad-num{font-family:'DM Mono',monospace;font-weight:600;color:var(--muted);min-width:17px;font-size:11px;}
.squad-name{font-weight:500;flex:1;font-size:12px;}
.squad-pos{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;}

/* PRODUCTION TAB */
.prod-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;}
.team-info-card{background:var(--surface);border:1px solid var(--border);padding:18px;}
.team-colour-strip{height:4px;margin-bottom:12px;}
.team-info-name{font-size:18px;font-weight:700;margin-bottom:10px;}
.team-info-manager{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.mgr-photo{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;position:relative;overflow:hidden;flex-shrink:0;}
.mgr-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.team-colours{display:flex;gap:6px;align-items:center;margin-top:7px;}
.colour-swatch{width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.1);}
.colour-label{font-size:11px;color:var(--muted);font-family:'DM Mono',monospace;}
.ground-layout-row{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-bottom:20px;align-items:start;}
.ground-card{background:var(--surface);border:1px solid var(--border);padding:16px 18px;}
.ground-instructions{font-size:11px;color:var(--muted);margin-bottom:10px;font-style:italic;}
.place-type-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;align-items:center;}
.place-type-btn{padding:5px 12px;font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:2px solid var(--border);background:white;cursor:pointer;color:var(--muted);transition:all .15s;}
.place-type-btn.active{border-color:var(--ink);color:var(--ink);}
.fixed-cam-row{display:flex;gap:10px;margin-bottom:10px;align-items:center;}
.fixed-cam-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;font-family:'Barlow Condensed',sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);}
.fixed-cam-dot{width:12px;height:12px;border-radius:50%;background:#DC2626;border:1.5px solid white;box-shadow:0 0 0 1px #DC2626;flex-shrink:0;}
.marker-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.marker-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;}
.cam-ops-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;}
.cam-op-card{background:var(--surface);border:1px solid var(--border);padding:14px 16px;}
.cam-op-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.cam-op-label{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}
.cam-name-wrap{position:relative;margin-bottom:8px;}
.cam-op-input{width:100%;border:1px solid var(--border);padding:6px 10px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;background:var(--subtle);color:var(--text);outline:none;}
.cam-op-input:focus{border-color:#999;background:white;}
.cam-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ccc;border-top:none;z-index:50;max-height:140px;overflow-y:auto;display:none;}
.cam-dropdown.open{display:block;}
.cam-dd-item{padding:6px 10px;font-size:12px;cursor:pointer;}
.cam-dd-item:hover{background:var(--subtle);}
.star-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.stars{display:flex;gap:2px;}
.star{font-size:17px;cursor:pointer;color:#D4CFC9;transition:color .1s;line-height:1;}
.star.active{color:#F59E0B;}
.saved-inline{font-size:10px;color:var(--good);font-weight:600;opacity:0;transition:opacity .3s;margin-left:4px;}
.saved-inline.show{opacity:1;}
.cam-op-notes{width:100%;border:1px solid var(--border);padding:6px 10px;font-family:'DM Sans',sans-serif;font-size:12px;background:var(--subtle);color:var(--text);resize:vertical;min-height:54px;outline:none;}
.cam-op-notes:focus{border-color:#999;background:white;}
.cam-op-history{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);}
.ground-notes-card{background:var(--surface);border:1px solid var(--border);padding:16px 18px;}
.ground-notes-ta{width:100%;border:1px solid var(--border);padding:8px 10px;font-family:'DM Sans',sans-serif;font-size:12px;background:var(--subtle);color:var(--text);resize:vertical;min-height:90px;outline:none;margin-top:8px;}
.ground-notes-ta:focus{border-color:#999;background:white;}
.save-btn{margin-top:8px;padding:6px 16px;background:var(--ink);color:white;border:none;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;cursor:pointer;}
.save-btn:hover{opacity:.8;}
.saved-msg{font-size:11px;color:var(--good);font-weight:600;margin-left:10px;opacity:0;transition:opacity .3s;}
.saved-msg.show{opacity:1;}

/* CONFIRMED XI TAB */
.xi-team-tabs{display:flex;gap:8px;margin-bottom:18px;}
.xi-team-btn{padding:7px 18px;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:2px solid var(--border);background:none;cursor:pointer;transition:all .15s;color:var(--muted);}
.xi-team-btn.active-home{background:var(--home);color:white;border-color:var(--home);}
.xi-team-btn.active-away{background:var(--away);color:white;border-color:var(--away);}
.xi-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.xi-formation-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:5px;}
.xi-formation-select{border:1px solid var(--border);padding:7px 10px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;background:var(--subtle);outline:none;margin-bottom:12px;width:100%;}
.xi-player-inputs{display:flex;flex-direction:column;gap:5px;}
.xi-player-row{display:grid;grid-template-columns:32px 1fr 62px;gap:5px;align-items:center;}
.xi-num{font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;text-align:center;background:var(--subtle);padding:6px 4px;color:var(--muted);letter-spacing:1px;}
.xi-input{border:1px solid var(--border);padding:6px 8px;font-family:'DM Sans',sans-serif;font-size:12px;background:var(--subtle);outline:none;width:100%;}
.xi-input:focus{border-color:#999;background:white;}
.xi-pos-select{border:1px solid var(--border);padding:6px 3px;font-family:'DM Mono',monospace;font-size:11px;background:var(--subtle);outline:none;width:100%;color:var(--muted);}
.xi-pitch{background:#2D5A1B;border:2px solid #1E3A0A;border-radius:2px;padding:12px 6px;display:flex;flex-direction:row;position:relative;overflow:hidden;min-height:310px;}
.xi-pitch::before{content:'';position:absolute;top:8%;bottom:8%;left:50%;width:1px;background:rgba(255,255,255,.12);transform:translateX(-50%);}
.xi-pitch::after{content:'';position:absolute;top:50%;left:50%;width:52px;height:52px;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:translate(-50%,-50%);}
.xi-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;z-index:1;}
.xi-player-node{display:flex;flex-direction:column;align-items:center;gap:3px;}
.xi-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:white;border:2px solid rgba(255,255,255,.25);font-family:'DM Mono',monospace;position:relative;overflow:hidden;}
.xi-pname{font-size:9px;color:white;font-weight:600;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);max-width:50px;line-height:1.1;}
.xi-ppos{font-size:8px;color:rgba(255,255,255,.55);font-family:'DM Mono',monospace;}

/* MATCH SELECTOR OVERLAY */
.sel-overlay{position:fixed;inset:0;background:rgba(13,13,13,.92);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;}
.sel-overlay.hidden{display:none;}
.sel-box{background:var(--surface);padding:28px 30px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;}
.sel-title{font-size:20px;font-weight:700;margin-bottom:2px;}
.sel-sub{font-size:12px;color:var(--muted);margin-bottom:18px;}
.sel-fieldset{margin-bottom:14px;}
.sel-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px;}
.sel-row{display:flex;gap:8px;align-items:flex-end;}
.sel-select,.sel-date{border:1px solid var(--border);padding:7px 10px;font-family:'DM Sans',sans-serif;font-size:13px;background:var(--subtle);outline:none;flex:1;}
.sel-go{padding:7px 18px;background:var(--ink);color:white;border:none;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;}
.sel-go:hover{opacity:.85;}
.sel-key-row{display:flex;gap:8px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.sel-key-input{flex:1;border:1px solid var(--border);padding:6px 10px;font-family:'DM Mono',monospace;font-size:12px;background:var(--subtle);outline:none;}
.sel-key-input:focus{border-color:#999;background:white;}
.sel-key-save{padding:6px 14px;background:var(--ink);color:white;border:none;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;cursor:pointer;}
.sel-fixtures{margin-top:14px;}
.sel-fixture{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-top:none;cursor:pointer;transition:background .1s;gap:12px;}
.sel-fixture:first-child{border-top:1px solid var(--border);}
.sel-fixture:hover{background:var(--subtle);}
.sel-fixture-teams{font-weight:600;font-size:13px;}
.sel-fixture-meta{font-size:10px;color:var(--muted);font-family:'DM Mono',monospace;text-align:right;margin-top:1px;}
.sel-fixture-time{font-size:12px;font-weight:600;font-family:'DM Mono',monospace;text-align:right;}
.sel-msg{padding:12px 0;color:var(--muted);font-size:12px;font-style:italic;}
.sel-manual-toggle{margin-top:14px;text-align:center;}
.sel-manual-link{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline;padding:0;}
.sel-manual-link:hover{color:var(--text);}
.sel-error{padding:8px 12px;background:#FEE2E2;color:var(--bad);font-size:12px;margin-top:8px;}
.sel-status-ok{font-size:11px;color:var(--good);font-weight:600;margin-left:4px;}

/* EDITABLE NOTES */
.notes-ta{width:100%;border:1px solid var(--border);padding:8px 10px;font-family:'DM Sans',sans-serif;font-size:12px;background:var(--subtle);color:var(--text);resize:vertical;min-height:80px;outline:none;line-height:1.6;}
.notes-ta:focus{border-color:#999;background:white;}

/* KEY PLAYERS EDIT */
.kp-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);}
.kp-row:last-child{border-bottom:none;}
.kp-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;font-family:'DM Mono',monospace;flex-shrink:0;}
.kp-inputs{display:flex;flex-direction:column;gap:3px;}
.kp-name-inp{border:1px solid var(--border);padding:4px 7px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;background:var(--subtle);outline:none;width:100%;}
.kp-name-inp:focus{border-color:#999;background:white;}
.kp-desc-inp{border:none;border-bottom:1px solid var(--border);padding:2px 0;font-family:'DM Sans',sans-serif;font-size:11px;background:transparent;outline:none;color:var(--muted);width:100%;}
.kp-stat-inp{border:1px solid var(--border);padding:4px 6px;font-family:'DM Mono',monospace;font-size:11px;background:var(--subtle);outline:none;width:60px;text-align:center;}

/* LOADING */
.spin{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--muted);border-radius:50%;animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.section-load{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:20px 0;}
.section-empty{padding:16px;text-align:center;color:var(--muted);font-size:12px;font-style:italic;border:1px dashed var(--border);}
.api-err{font-size:11px;color:var(--bad);padding:4px 0;}

/* PRINT */
#print-view{display:none;}
@media print{
  @page{size:A4 landscape;margin:8mm 10mm;}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  body{background:white;}
  .site-header,.tab-bar,.match-banner,#tab-match,#tab-production,#tab-xi,.sel-overlay{display:none!important;}
  #print-view{display:block!important;font-family:'DM Sans',sans-serif;color:#1A1A1A;font-size:9px;line-height:1.35;}
  .pv-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;border-bottom:2px solid #1A1A1A;padding-bottom:9px;margin-bottom:11px;}
  .pv-team-name{font-size:16px;font-weight:700;line-height:1.1;}
  .pv-team-meta{font-size:8px;color:#666;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:1px;margin-top:2px;}
  .pv-vs-block{text-align:center;}
  .pv-vs{font-size:9px;font-weight:700;letter-spacing:2px;color:#999;text-transform:uppercase;}
  .pv-match-info{font-size:8px;color:#555;font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.8px;}
  .pv-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:11px;}
  .pv-col{display:flex;flex-direction:column;gap:8px;}
  .pv-section-label{font-family:'Barlow Condensed',sans-serif;font-size:8px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#999;border-bottom:1px solid #E8E8E8;padding-bottom:3px;margin-bottom:5px;}
  .pv-mgr-form-row{display:flex;align-items:center;gap:12px;}
  .pv-mgr{display:flex;align-items:center;gap:8px;flex-shrink:0;}
  .pv-mgr-av{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;flex-shrink:0;}
  .pv-mgr-name{font-size:12px;font-weight:600;line-height:1.1;}
  .pv-mgr-since{font-size:8px;color:#888;margin-top:2px;}
  .pv-form-side{flex:1;}
  .pv-form-strip{display:flex;gap:6px;justify-content:center;}
  .pv-form-item{display:flex;flex-direction:column;align-items:center;gap:2px;}
  .pv-fp{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:white;font-family:'DM Mono',monospace;border-radius:2px;}
  .pv-fp.W{background:#1A7A4A;}.pv-fp.D{background:#7A7068;}.pv-fp.L{background:#C0392B;}
  .pv-fc{font-family:'DM Mono',monospace;font-size:7.5px;color:#333;font-weight:600;margin-top:1px;letter-spacing:.5px;}
  .pv-fs{font-family:'DM Mono',monospace;font-size:7px;color:#888;}
  .pv-notes{display:flex;flex-direction:column;gap:4px;}
  .pv-note{font-size:8px;color:#333;padding-left:8px;position:relative;line-height:1.5;}
  .pv-note::before{content:'·';position:absolute;left:0;color:#999;}
  .pv-formations{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:11px;}
  .pv-pitch-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;}
  .pv-pitch-ftag{font-size:13px;font-weight:700;}
  .pv-pitch-team{font-family:'Barlow Condensed',sans-serif;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#555;}
  .pv-pitch-note{font-size:7.5px;color:#888;}
  .pv-pitch{display:flex;flex-direction:row;padding:10px 4px;position:relative;overflow:hidden;height:155px;border-radius:2px;}
  .pv-pitch.home-p{background:white;border:1.5px solid var(--home,#003087);}
  .pv-pitch.away-p{background:white;border:1.5px solid var(--away,#CC0000);}
  .pv-pitch::before{content:'';position:absolute;left:50%;top:5%;bottom:5%;width:1px;background:rgba(0,0,0,.1);transform:translateX(-50%);}
  .pv-pitch::after{content:'';position:absolute;left:50%;top:50%;width:36px;height:36px;border:1px solid rgba(0,0,0,.1);border-radius:50%;transform:translate(-50%,-50%);}
  .pv-pcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:relative;z-index:1;}
  .pv-pp{display:flex;flex-direction:column;align-items:center;gap:2px;}
  .pv-pp-av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:white;font-family:'DM Mono',monospace;}
  .pv-pp-name{font-size:6.5px;color:#222;font-weight:600;text-align:center;max-width:40px;line-height:1.1;}
  .pv-squad-list{columns:3;column-gap:10px;}
  .pv-sq{font-size:8px;padding:2.5px 0;border-bottom:1px solid #F0F0F0;font-family:'DM Mono',monospace;break-inside:avoid;}
  .pv-sq-num{color:#AAAAAA;margin-right:5px;display:inline-block;min-width:14px;text-align:right;}
  .pv-footer{text-align:center;font-size:7px;color:#AAAAAA;font-family:'DM Mono',monospace;letter-spacing:.8px;border-top:1px solid #E8E8E8;padding-top:4px;margin-top:5px;text-transform:uppercase;}
}