@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101713;--bg2:#131d17;--card:#1a251e;--card2:#1e2b22;--input:#17221b;--text:#f1efe7;--muted:#98a69b;--faint:#7f8f84;--border:#334238;--accent:#d7ba88;--accent-faint:rgba(215,186,136,.13);--shadow:rgba(0,0,0,.22)}
body[data-mode="light"]{color-scheme:light;--bg:#f4f2ec;--bg2:#faf9f6;--card:#fff;--card2:#f4f2ec;--input:#f5f4ef;--text:#26332c;--muted:#68796d;--faint:#607165;--border:#d9ded5;--shadow:rgba(35,60,43,.1)}
body[data-mode="amoled"]{--bg:#030504;--bg2:#080d0a;--card:#0b110d;--card2:#111812;--input:#080f0b;--border:#253328;--shadow:rgba(0,0,0,.5)}
body[data-accent="champagne"]{--accent:#d7ba88;--accent-faint:rgba(215,186,136,.13)}body[data-accent="forest"]{--accent:#77ba9e;--accent-faint:rgba(119,186,158,.14)}body[data-accent="blue"]{--accent:#8aaff8;--accent-faint:rgba(138,175,248,.14)}body[data-accent="rose"]{--accent:#d18fa7;--accent-faint:rgba(209,143,167,.14)}body[data-accent="sand"]{--accent:#bca481;--accent-faint:rgba(188,164,129,.14)}body[data-accent="ocean"]{--accent:#67b5c7;--accent-faint:rgba(103,181,199,.14)}body[data-accent="purple"]{--accent:#bd9cdd;--accent-faint:rgba(189,156,221,.14)}body[data-accent="slate"]{--accent:#adb6ba;--accent-faint:rgba(173,182,186,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55;letter-spacing:-.012em}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.topbar{height:83px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.top-inner{max-width:1520px;padding:0 42px;margin:auto;display:flex;align-items:center;gap:34px;height:100%}.brand{background:none;border:0;color:var(--text);display:flex;align-items:center;flex:0 0 auto;gap:18px;padding:0}.brand img{width:141px;height:49px;object-fit:contain;object-position:left}.brand-divider{width:1px;height:30px;background:var(--border)}.brand-label{font-size:9px;letter-spacing:.22em;line-height:1.9;text-align:left;color:var(--muted)}.brand-label b{color:var(--text);font-weight:700}.top-nav{display:flex;gap:4px;justify-content:center;flex:1}.nav-item{background:none;color:var(--muted);border:0;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:600;white-space:nowrap;transition:.2s}.nav-item:hover{color:var(--text);background:var(--card)}.nav-item.active{background:var(--card2);color:var(--text)}.top-actions{display:flex;align-items:center;gap:19px;white-space:nowrap}.season-indicator{font-size:11px;color:var(--muted);letter-spacing:.1em}.live-dot{display:inline-block;width:7px;height:7px;background:#78ba93;border-radius:50%;margin-right:8px;box-shadow:0 0 0 3px rgba(100,180,139,.10)}.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);font-size:19px;display:grid;place-items:center}.icon-button:hover{border-color:var(--accent)}.main-shell{max-width:1520px;margin:auto;padding:0 42px}.preview-notice{display:flex;align-items:center;gap:6px;margin:21px 0 30px;color:var(--faint);font-size:10px;letter-spacing:.14em;font-weight:700}.notice-trail{margin-left:auto;letter-spacing:.02em;font-weight:400}.page{display:none;animation:enter .26s ease}.page.active{display:block}@keyframes enter{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;min-height:355px;align-items:stretch}.hero-content{padding:12px 10px 16px 0;display:flex;flex-direction:column;align-items:flex-start}.overline,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--accent)}.overline .accent-line{display:inline-block;width:19px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1,.page-title h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,4vw,66px);line-height:1.15;letter-spacing:-.05em;margin:22px 0 17px}.hero h1 em,.page-title h1 em{color:var(--accent);font-weight:400}.hero-content p{max-width:485px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 22px}.button-row{display:flex;gap:11px;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:8px;font-size:12px;font-weight:700;transition:background .15s,transform .15s;border:1px solid transparent;color:var(--text);background:var(--card2)}.btn:hover,.workspace-card:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#152019;border-color:var(--accent)}.btn.primary b{margin-left:19px}.btn.ghost{background:transparent;border-color:var(--border)}.btn.outline{background:transparent;border:1px solid var(--border)}.btn.outline:hover,.btn.ghost:hover{border-color:var(--accent)}.btn.block{width:100%;margin-top:10px}.hero-meta{margin-top:auto;padding-top:24px;color:var(--faint);letter-spacing:.15em;font-size:9px;font-weight:700}.hero-meta span{color:var(--accent);margin-left:15px}.hero-field{background:#103426;border:1px solid #345140;border-radius:12px;overflow:hidden;position:relative;padding:15px 17px 0;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.hero-kicker{color:#a9cab5;display:flex;justify-content:space-between;letter-spacing:.15em;font-size:10px}.hero-kicker span{opacity:.7}.hero-svg{width:100%;max-height:265px}.hero-field-footer{display:flex;justify-content:space-between;border-top:1px solid #335345;padding:13px 1px;color:#c7dfcc;font-size:10px;letter-spacing:.12em}.hero-field-footer span:last-child{font-size:17px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border:1px solid var(--border);background:var(--card);border-radius:10px;overflow:hidden}.stats-strip>div{padding:25px 26px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.stats-strip>div:last-child{border-right:0}.stats-strip span{font-size:10px;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.stats-strip b{font-weight:500;font-size:31px;letter-spacing:-.05em}.stats-strip small{font-size:11px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:47px 0 21px}.section-heading h2{font-size:27px;letter-spacing:-.055em;font-weight:600;margin:6px 0 0}.home-layout{display:grid;grid-template-columns:1fr 1fr;gap:19px}.pane{border:1px solid var(--border);background:var(--card);border-radius:10px;min-width:0;padding:22px}.pane-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.pane-head h3{font-size:18px;font-weight:650;letter-spacing:-.035em;margin:3px 0 0}.tiny-tag{border:1px solid var(--border);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:5px 8px;border-radius:5px;white-space:nowrap}.leader{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--border);padding:10px 2px;cursor:pointer}.leader:hover,.fixture:hover{background:var(--accent-faint)}.leader:last-child{border:0}.leader-rank{font-size:11px;color:var(--muted);width:19px}.player-photo{width:39px;height:42px;object-fit:contain;object-position:center bottom;background:var(--card2);border-radius:7px;flex-shrink:0}.photo-fallback{width:39px;height:42px;border-radius:7px;background:var(--card2);display:grid;place-items:center;color:var(--accent);font-weight:700}.leader-info{display:flex;flex-direction:column;flex:1;min-width:0}.leader-info strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-info small{color:var(--muted);font-size:11px}.leader-form{color:var(--accent);font-size:20px;font-weight:700;letter-spacing:-.04em}.data-foot{font-size:11px;color:var(--faint);margin:14px 0 0;line-height:1.65}.fixture{display:grid;grid-template-columns:1fr 90px 1fr;gap:8px;align-items:center;padding:10px 5px;border-bottom:1px solid var(--border)}.fixture:last-child{border:0}.fixture-club{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:600}.fixture-club.away{flex-direction:row-reverse;text-align:right;justify-content:start}.fixture-club span.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-logo{width:33px;height:33px;position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.club-logo .fallback{display:grid;place-items:center;color:#fff;font-size:10px;font-weight:800;letter-spacing:-.05em;width:29px;height:31px;clip-path:polygon(50% 0,94% 15%,88% 77%,50% 100%,12% 77%,6% 15%);background:var(--club-color,#56745d)}.club-logo img{width:31px;height:31px;object-fit:contain;position:absolute;z-index:1;inset:1px}.fixture-score{text-align:center;font-size:17px;font-weight:700;letter-spacing:-.03em}.fixture-score small{display:block;color:var(--faint);font-size:9px;letter-spacing:.05em;font-weight:500}.standings-pane{padding:0}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse}th{position:sticky;top:0;z-index:1;color:var(--muted);font-weight:600;white-space:nowrap;background:var(--card2);font-size:11px;text-align:right;padding:13px 12px}th:first-child,td:first-child{text-align:left}td{text-align:right;padding:11px 12px;font-size:12px;border-top:1px solid var(--border);white-space:nowrap}tbody tr:hover{background:var(--accent-faint)}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}.standing-club{display:flex;align-items:center;gap:10px;font-weight:650}.standing-club .club-logo{width:26px;height:26px}.standing-club .club-logo img{height:25px;width:25px}.standing-club .fallback{height:25px;width:25px;font-size:9px}.standings td:last-child{font-size:14px;font-weight:800;color:var(--accent)}.standings-pane>.data-foot{padding:0 20px 14px}.workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:50px}.workspace-card{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:19px;text-align:left;display:flex;flex-direction:column;min-height:180px;transition:.2s}.workspace-card span{font-size:10px;color:var(--muted);letter-spacing:.1em}.workspace-card i{font-size:38px;font-style:normal;color:var(--accent);margin:6px 0;opacity:.8}.workspace-card strong{font-size:15px}.workspace-card small{color:var(--muted);margin-top:5px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}.page-title h1{font-size:clamp(38px,4vw,56px);margin:16px 0}.page-title p{color:var(--muted);max-width:610px;line-height:1.8;margin:0}.page-index{color:var(--accent);font-size:12px;letter-spacing:.15em}.board-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:17px;align-items:start}.control-pane{padding:18px;position:relative}.control-pane .pane-head{margin-bottom:15px}.input-label{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.055em;margin:19px 0 8px;display:flex;justify-content:space-between;align-items:center}.select-full,.input-full{width:100%;border:1px solid var(--border);color:var(--text);background:var(--input);border-radius:6px;min-height:39px;padding:8px 10px;outline:0;font-size:12px;min-width:0}.select-full:hover,.input-full:hover{border-color:var(--accent)}.inline-link{background:none;border:0;color:var(--accent);font-size:11px;padding:3px}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.week-grid button{background:var(--input);color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:8px 1px;font-size:10px}.week-grid button.selected,.pill-grid button.selected{background:var(--accent-faint);border-color:var(--accent);color:var(--accent)}.layer-picks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layer-picks button{background:var(--input);color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:8px 5px;text-align:left;font-size:11px}.layer-picks button.selected{color:var(--text);background:var(--card2);border-color:var(--accent)}.layer-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.special-filters label{display:block;color:var(--muted);font-size:11px;margin:9px 0}.special-filters input[type="range"]{width:100%;accent-color:var(--accent)}.special-filters strong{float:right;color:var(--accent)}.pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pill-grid button{font-size:11px;padding:9px 4px;color:var(--muted);border:1px solid var(--border);background:var(--input);border-radius:6px}.tiny-help{color:var(--faint);font-size:11px;line-height:1.6;margin-top:12px}.board-column{min-width:0}.main-field-pane{padding:18px}.pane-pills{display:flex;align-items:center;gap:8px}.tiny-btn{padding:7px 11px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:var(--input);font-size:11px;white-space:nowrap}.tiny-btn:hover,.tiny-btn.selected{color:var(--accent);border-color:var(--accent)}.field-scroll{overflow:auto}.pitch-wrap{position:relative;min-width:570px;background:#123b2e;border-radius:6px;overflow:hidden}.pitch-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.pitch-brush-label{position:absolute;bottom:12px;right:12px;color:#e5f3e8;background:#0d281fe1;padding:5px 9px;border-radius:4px;font-size:10px;pointer-events:none}.field-legend{display:flex;flex-wrap:wrap;gap:16px;padding:14px 0 2px}.field-legend span{font-size:10px;color:var(--muted)}.board-count-foot{font-size:11px;color:var(--muted);border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.board-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.bar-line{display:grid;grid-template-columns:95px 1fr 33px;align-items:center;gap:8px;margin:10px 0;font-size:11px;color:var(--muted)}.bar-track{height:8px;border-radius:6px;background:var(--card2);overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:6px}.matchup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.match-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.match-head strong{font-size:16px}.match-rows{margin-top:16px}.match-stat{display:grid;grid-template-columns:110px 1fr;gap:10px;border-top:1px solid var(--border);padding:11px 0;font-size:12px}.match-stat strong{display:block}.match-stat small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.match-score{font-size:17px;color:var(--accent);font-weight:700}.match-meta{display:flex;gap:7px;align-items:center;margin-top:6px;flex-wrap:wrap}.match-meta .player-photo{width:28px;height:30px}.match-meta span{font-size:10px;color:var(--muted)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.features-grid p{line-height:1.75}.players-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:17px;align-items:start}.players-main{min-width:0;display:flex;flex-direction:column;gap:17px}.control-separator,.divider{border-top:1px solid var(--border);margin:20px 0}.metric-list{max-height:300px;overflow:auto;margin-top:9px;padding-right:5px}.metric-row{display:grid;grid-template-columns:19px 1fr;align-items:start;gap:7px;cursor:pointer;padding:8px 6px;border-bottom:1px solid var(--border);font-size:11px}.metric-row:hover{background:var(--accent-faint)}.metric-row input{accent-color:var(--accent)}.metric-row small{display:block;color:var(--faint);font-size:10px;margin-top:2px}.chart-form{display:grid;grid-template-columns:1fr 36px 1fr;align-items:end;gap:10px}.chart-form label,.chart-config label,.condition-tools label{font-size:11px;color:var(--muted)}.chart-form .select-full{margin-top:5px}.swap-btn{background:var(--input);color:var(--accent);border:1px solid var(--border);border-radius:6px;height:39px;font-size:22px}.chart-config{display:flex;gap:8px;flex-wrap:wrap;align-items:end;padding-top:15px}.chart-config label{flex:1;min-width:110px}.mini-select,.mini-input{background:var(--input);color:var(--text);border:1px solid var(--border);padding:7px 9px;border-radius:5px;font-size:11px;min-height:34px}.chart-config .mini-select{display:block;width:100%;margin-top:4px}.plot-scroll{overflow:auto}.plot-inner{min-width:640px}#playerScatter{display:block;width:100%;height:auto}.chart-note{padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.table-pane{padding-bottom:15px}.selected-metrics{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 12px;max-height:120px;overflow:auto}.metric-chip{display:inline-flex;align-items:center;background:var(--accent-faint);border:1px solid var(--border);padding:5px 8px;border-radius:4px;font-size:10px;color:var(--text);gap:7px}.metric-chip button{color:var(--muted);background:transparent;border:0;padding:0 3px}.condition-tools{display:flex;gap:6px;align-items:end;flex-wrap:wrap;padding:11px 0}.condition-tools label{display:flex;flex-direction:column;gap:5px;min-width:75px}.condition-tools label:first-child{flex:2;min-width:180px}.condition-tools .mini-select,.condition-tools .mini-input{width:100%}.condition-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.table-pane th{cursor:pointer}.table-pane th:hover{color:var(--accent)}.table-pane th:first-child,.table-pane td:first-child{text-align:left;min-width:175px}.table-pane td:first-child{position:sticky;left:0;background:var(--card);z-index:1}.table-pane td{font-size:11px}.table-player{display:flex;align-items:center;gap:7px;text-align:left}.table-player img,.table-player .photo-fallback{width:24px;height:29px}.table-player strong{font-size:11px}.table-player small{color:var(--muted);font-size:9px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;color:var(--muted);font-size:11px}.compare-pane{margin-bottom:50px}.compare-top{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.compare-pickers{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;flex:1}.compare-picker{min-width:0}.compare-picker label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin:0 0 6px}.compare-picker .select-full{min-width:0}.compare-control{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin:19px 0 0}.compare-results{overflow:auto}.compare-result-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(145px,1fr));gap:12px;min-width:320px}.comparison-player{background:var(--card2);border:1px solid var(--border);border-radius:7px;padding:14px;min-width:0}.comparison-player .player-photo{width:62px;height:67px}.comparison-player h4{margin:5px 0 0;font-size:14px}.comparison-player p{font-size:11px;color:var(--muted);margin:0 0 12px}.cmp-value{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-top:11px}.cmp-value strong{font-size:12px}.cmp-track{height:4px;background:var(--card);border-radius:3px;margin-top:4px}.cmp-track i{height:100%;display:block;border-radius:3px;background:var(--accent)}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.mode-control{display:flex;align-items:center;border:1px solid var(--border);background:var(--card);padding:4px;border-radius:8px;gap:2px}.mode-control button{font-size:12px;color:var(--muted);padding:8px 14px;border:0;border-radius:5px;background:transparent}.mode-control button.selected{background:var(--accent-faint);color:var(--accent)}.studio-right{display:flex;align-items:center;gap:15px}.check-label{font-size:11px;color:var(--muted)}.check-label input{accent-color:var(--accent)}.studio-cards{display:grid;grid-template-columns:1fr;gap:16px}.studio-cards.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-card{min-width:0}.studio-cards.dashboard .studio-card.expanded{grid-column:1/-1}.studio-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:17px}.studio-card-head h3{font-size:17px;font-weight:650;margin:5px 0 0}.studio-card-actions{display:flex;gap:5px}.studio-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.studio-controls label{font-size:10px;color:var(--muted)}.studio-controls .select-full{margin-top:5px}.studio-chart-gws{display:flex;flex-wrap:wrap;align-items:center;gap:5px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.studio-chart-gws span{font-size:10px;color:var(--muted);margin-right:5px}.studio-chart-gws button{background:var(--input);color:var(--muted);border:1px solid var(--border);font-size:9px;border-radius:4px;padding:5px 7px}.studio-chart-gws button.selected{color:var(--accent);border-color:var(--accent);background:var(--accent-faint)}.studio-plot{overflow:auto;margin-top:12px}.studio-plot svg{display:block;min-width:370px;width:100%;height:auto}.studio-foot{margin-bottom:55px}.source-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--border)}.source-row>b{font-size:22px;color:var(--accent);width:32px;text-align:center}.source-row span{flex:1;min-width:0}.source-row strong,.source-row small{display:block}.source-row strong{font-size:13px}.source-row small{font-size:11px;color:var(--muted)}.source-row em{font-size:10px;font-style:normal;color:var(--accent)}.upload-zone{border:1px dashed var(--border);padding:22px;text-align:center;margin-top:22px;border-radius:8px}.upload-zone>b{font-size:32px;color:var(--accent)}.upload-zone h3{margin:4px}.upload-zone p{color:var(--muted);font-size:12px}.upload-zone small{display:block;color:var(--faint);font-size:10px;margin-top:12px}.coverage-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.coverage-grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:10px}.coverage-grid span.available{background:var(--accent-faint);border-color:var(--accent);color:var(--accent)}.coverage-label{display:flex;gap:15px;margin-top:12px;color:var(--muted);font-size:10px}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--faint);font-size:11px;padding:24px 0 40px;margin-top:25px}.footer strong{color:var(--text)}.bottom-nav{display:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:55}.settings-panel,.profile-panel{position:fixed;right:0;top:0;bottom:0;width:min(380px,100%);overflow:auto;background:var(--bg2);border-left:1px solid var(--border);z-index:60;padding:30px}.settings-panel .pane-head h2{margin:3px 0;font-size:26px}.accent-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.accent-grid button{background:var(--a);border:2px solid transparent;width:32px;height:32px;border-radius:50%}.accent-grid button.selected{outline:2px solid var(--text);outline-offset:3px}.profile-panel{width:min(430px,100%)}.profile-close{position:absolute;top:25px;right:25px}.profile-hero{background:var(--card);padding:28px 18px;border-radius:10px;margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-hero h2{font-size:27px;margin:4px 0}.profile-hero p{color:var(--muted);margin:0}.profile-hero .player-photo{height:105px;width:98px}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.profile-stat-grid div{padding:12px;border:1px solid var(--border);border-radius:7px}.profile-stat-grid strong{font-size:20px;display:block}.profile-stat-grid small{color:var(--muted);font-size:11px}.profile-small{font-size:11px;color:var(--muted);margin-top:17px}.trend-bars{display:flex;gap:6px;align-items:end;height:125px;border-bottom:1px solid var(--border);margin:24px 0}.trend-bars>div{flex:1;background:var(--accent);opacity:.65;border-radius:4px 4px 0 0;position:relative;min-height:2px}.trend-bars span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:9px}.profile-stat-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:9px 0;color:var(--muted);font-size:12px}.profile-stat-line b{color:var(--text)}
@media(max-width:1160px){.top-inner,.main-shell{padding-left:24px;padding-right:24px}.top-inner{gap:18px}.nav-item{padding:11px 9px}.brand img{width:107px}.brand-label{font-size:8px}.hero{gap:20px}.stats-strip>div{padding:20px}.board-layout,.players-shell{grid-template-columns:255px minmax(0,1fr)}}
@media(max-width:930px){.top-nav{display:none}.top-inner{justify-content:space-between}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:41px}.hero-field{min-height:290px}.board-layout,.players-shell{grid-template-columns:1fr}.control-pane{position:static}.players-shell .control-pane{display:block}.home-layout,.board-info-grid,.matchup-grid{grid-template-columns:1fr 1fr}.stats-strip>div{padding:16px}.stats-strip b{font-size:25px}.studio-cards.dashboard{grid-template-columns:1fr}.studio-controls{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar{height:65px}.top-inner,.main-shell{padding-left:15px;padding-right:15px}.top-inner{gap:8px}.brand img{width:100px;height:39px}.brand-divider,.brand-label{display:none}.season-indicator{font-size:10px}.notice-trail{display:none}.preview-notice{margin:18px 0 20px;font-size:9px}.hero{grid-template-columns:1fr;gap:15px}.hero-content{padding:0}.hero h1{font-size:46px;margin:17px 0 12px}.hero-content p{font-size:12px}.hero-meta{padding-top:19px}.hero-field{min-height:240px}.hero-svg{max-height:190px}.stats-strip{grid-template-columns:1fr 1fr;margin-top:15px}.stats-strip>div{padding:15px;border-bottom:1px solid var(--border)}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(n+3){border-bottom:0}.stats-strip b{font-size:26px}.section-heading{margin:37px 0 18px}.section-heading h2{font-size:23px}.section-heading>.muted{display:none}.home-layout,.board-info-grid,.matchup-grid,.features-grid{grid-template-columns:1fr}.pane{padding:16px}.fixture{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}.fixture-club{gap:5px;font-size:10px}.fixture-score{font-size:15px}.workspace-grid{grid-template-columns:1fr 1fr}.workspace-card{min-height:154px;padding:13px}.workspace-card i{font-size:32px}.workspace-card strong{font-size:13px}.workspace-card small{font-size:10px}.page-title h1{font-size:40px}.page-title p{font-size:12px}.page-index{display:none}.board-layout,.players-shell{gap:13px}.board-info-grid{margin-top:13px}.main-field-pane{padding:13px}.field-scroll{margin:0 -8px}.pitch-wrap{min-width:560px}.plot-inner{min-width:600px}.pill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.week-grid{grid-template-columns:repeat(9,1fr)}.week-grid button{font-size:9px;padding:7px 0}.chart-form{grid-template-columns:1fr 29px 1fr}.chart-form .select-full{font-size:11px}.compare-pickers{grid-template-columns:1fr 1fr}.compare-top>.btn{width:100%}.compare-result-grid{grid-template-columns:repeat(var(--cols,2),minmax(155px,1fr));min-width:360px}.studio-controls{grid-template-columns:1fr 1fr}.studio-card-head{align-items:flex-start}.studio-toolbar{align-items:flex-start}.studio-right{width:100%;justify-content:space-between}.studio-chart-gws button{padding:7px}.footer{flex-direction:column;align-items:start;padding-bottom:105px}.bottom-nav{display:flex;position:fixed;z-index:45;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);height:70px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center}.bottom-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;gap:1px;align-items:center;font-size:10px;min-width:55px}.bottom-nav button span{font-size:22px;line-height:1.2}.bottom-nav button.active{color:var(--accent)}.settings-panel,.profile-panel{padding:18px}.coverage-grid{grid-template-columns:repeat(8,1fr)}}
/* V2 functional component polish */
.leader-row{width:100%;display:flex;align-items:center;text-align:left;gap:13px;border:0;border-bottom:1px solid var(--border);padding:13px 3px;background:transparent;color:var(--text);cursor:pointer;min-height:62px}.leader-row:hover{background:var(--accent-faint)}.leader-row:last-child{border:0}.leader-data{display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}.leader-data strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-data small{font-size:10px;color:var(--muted)}.leader-value{font-size:15px;font-weight:750;color:var(--accent);white-space:nowrap}.leader-value small{font-weight:500;font-size:9px;color:var(--muted)}.leader-rank{width:20px;flex-shrink:0;font-size:11px;color:var(--faint)}
.club-emblem{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;position:relative}.club-emblem img{z-index:2;position:absolute;inset:1px;width:28px;height:28px;object-fit:contain}.club-emblem img[hidden]{display:none}.crest-fallback{position:absolute;inset:0;background:var(--club-color);color:#0a1720;clip-path:polygon(50% 0%,92% 17%,84% 74%,50% 100%,16% 74%,8% 17%);display:grid;place-items:center;font-size:9px;font-weight:850;letter-spacing:-.04em;padding:1px;z-index:1}.fixture-club span:not(.club-emblem):not(.crest-fallback){line-height:1.2;white-space:normal;overflow-wrap:break-word}.fixture-centre{text-align:center;display:flex;flex-direction:column;gap:3px;align-items:center}.fixture-centre small{font-size:9px;color:var(--muted)}.fixture-club.away{flex-direction:row;justify-content:flex-end;text-align:right}.fixture-club.away .club-emblem{order:1}.club-cell{display:flex;gap:10px;align-items:center;text-align:left}.club-cell strong{font-size:12px;font-weight:650}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left;min-width:185px}
.metric-item{display:grid;grid-template-columns:18px 1fr;gap:9px;padding:9px 6px;border-bottom:1px solid var(--border);cursor:pointer;align-items:start;min-width:0}.metric-item:hover{background:var(--accent-faint)}.metric-item input{margin:2px;accent-color:var(--accent)}.metric-item b{font-size:11px;font-weight:600;display:block;overflow-wrap:anywhere}.metric-item small{display:block;color:var(--faint);font-size:9px;line-height:1.4;margin-top:3px}.filter-chip{border:1px solid var(--border);background:var(--accent-faint);color:var(--text);font-size:10px;padding:5px 9px;border-radius:5px;white-space:normal;text-align:left}.sort-head{color:inherit;background:transparent;border:0;font:inherit;cursor:pointer;white-space:nowrap}.table-player>span:last-child{display:flex;flex-direction:column;gap:2px}.table-player b{font-size:11px}.table-player small{font-size:10px;white-space:nowrap}.axis-label{font-size:12px;fill:var(--muted)}.scatter-point{cursor:pointer}.scatter-point:focus{outline:none;filter:drop-shadow(0 0 6px var(--accent))}
.layer-picks button{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0;font-size:10px;text-transform:capitalize}.layer-picks button small{color:var(--faint);margin-left:auto;font-size:9px}.layer-dot{flex:none}.field-legend{display:flex;gap:10px;flex-wrap:wrap}.legend-item{display:inline-flex;gap:6px;align-items:center;text-transform:capitalize;font-size:10px;color:var(--muted)}.legend-item i{display:inline-block;height:7px;width:7px;border-radius:50%}.zone-row{width:100%;border:0;background:none;color:var(--text);display:grid;grid-template-columns:1fr auto;gap:5px;text-align:left;align-items:center;padding:12px 3px;border-bottom:1px solid var(--border);cursor:pointer}.zone-row:hover{background:var(--accent-faint)}.zone-row strong{font-size:12px}.zone-row span{font-size:11px;color:var(--accent)}.zone-row small{grid-column:1/-1;font-size:10px;color:var(--muted)}.timeline-graph{height:122px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.timeline-graph button{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:6px;height:100%;border:0;background:transparent;cursor:pointer;padding:0}.timeline-graph button i{display:block;width:100%;background:linear-gradient(0deg,var(--accent-faint),var(--accent));min-height:4px;max-height:80%}.timeline-graph button small{color:var(--muted);font-size:9px}.matchup-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0}.matchup-lanes>div{background:var(--card2);border:1px solid var(--border);padding:11px 7px;border-radius:6px;display:flex;gap:6px;flex-direction:column;align-items:center;text-align:center}.matchup-lanes strong{font-size:9px;color:var(--muted)}.matchup-lanes b{font-size:23px;color:var(--accent)}.matchup-lanes small{font-size:9px;color:var(--muted)}.matchup-players{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.matchup-players>b{grid-column:1/-1;font-size:12px;margin-bottom:5px}.matchup-players button{background:var(--card2);border:1px solid var(--border);border-radius:6px;min-width:0;padding:8px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--text)}.matchup-players button:hover{border-color:var(--accent)}.matchup-players .player-photo{width:34px;height:36px}.matchup-players span:not(.player-photo){display:flex;flex-direction:column;font-size:11px;overflow:hidden;text-overflow:ellipsis}.matchup-players small{color:var(--muted);font-size:10px}
.compare-metric-controls{display:flex;gap:8px;align-items:center}.compare-metric-controls .input-full{flex:1;min-width:120px}.compare-candidates{max-height:105px;overflow:auto;display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 15px}.metric-add{border:1px solid var(--border);background:var(--input);color:var(--muted);font-size:10px;border-radius:5px;padding:5px 8px;text-align:left}.metric-add:hover{color:var(--accent);border-color:var(--accent)}.metric-add small{font-size:9px}.compare-result-grid{min-width:0}.compare-player-card{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:13px;background:var(--card2);border-radius:7px;min-width:0}.compare-player-card .player-photo{width:55px;height:62px}.compare-player-card b{font-size:12px;overflow-wrap:anywhere}.compare-player-card small{color:var(--muted);font-size:9px}.compare-stat{padding:13px 0;border-bottom:1px solid var(--border)}.compare-stat-title{font-size:12px;margin-bottom:10px;font-weight:650}.compare-stat-title span{font-size:9px;color:var(--muted);margin-left:8px;font-weight:400}.compare-stat .compare-result-grid>div{padding:4px;min-width:0}.compare-stat .compare-result-grid b{font-size:12px}
.studio-plot .axis-label{font-size:12px}.studio-point{cursor:help}.studio-plot .data-foot{font-size:10px}
@media(max-width:640px){.leader-row{gap:8px}.leader-value{font-size:13px}.fixture-club{font-size:10px;min-width:0}.club-emblem{width:25px;height:25px}.club-emblem img{width:24px;height:24px}.crest-fallback{font-size:7px}.fixture{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:3px}.fixture-score{font-size:14px}.fixture-centre small{font-size:8px}.matchup-players{grid-template-columns:1fr 1fr}.standings th:nth-child(2),.standings td:nth-child(2){min-width:170px}.compare-metric-controls{flex-wrap:wrap}.metric-list{max-height:270px}.studio-plot svg{min-width:340px}.club-cell{gap:6px}}
.control-head-actions{display:flex;align-items:center;gap:10px}.mobile-filter-toggle{display:none!important}
@media(max-width:640px){.control-pane{padding:12px 15px!important}.control-pane .pane-head{margin-bottom:0}.mobile-filter-toggle{display:inline-flex!important}.control-pane[data-collapsed="true"] .controls-body{display:none}.control-pane .controls-body{padding-top:12px}.control-pane .controls-body>.input-label:first-child{margin-top:0}}

/* RELEASE DESIGN LOCK: matches approved V1.1 visual language. */
:root{--bg:#131817;--bg2:#171d1b;--card:#1b2321;--card2:#222b28;--input:#1c2622;--text:#f2f0e8;--muted:#9aaba3;--faint:#71877e;--border:#343f3a;--accent:#d7ba88;--accent-faint:rgba(215,186,136,.15)}
body[data-mode="light"]{--bg:#f5f3ed;--bg2:#fffefa;--card:#fffefa;--card2:#f5f3ed;--input:#f5f3ed;--text:#27322c;--muted:#75837c;--faint:#9ca9a1;--border:#dfdfd5}
body[data-mode="amoled"]{--bg:#000;--bg2:#070908;--card:#0b0d0c;--card2:#101311;--input:#101311;--text:#f4f4f0;--muted:#9da7a0;--faint:#67756b;--border:#272b29}
body{font-family:'DM Sans','Manrope',system-ui,-apple-system,sans-serif;letter-spacing:-.018em} .hero h1,.page-title h1{font-family:'DM Sans','Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.067em;line-height:1.06}.hero h1{font-size:clamp(48px,5.25vw,80px)}.page-title h1{font-size:clamp(44px,4.2vw,67px)}.hero h1 em,.page-title h1 em{font-style:normal;font-weight:800}.hero{min-height:430px;gap:48px}.hero-content{justify-content:center}.hero-field{background:#11372b;min-height:410px}.hero-content p{font-size:15px;max-width:500px;line-height:1.75}.main-shell{max-width:1480px}.pane,.stats-strip,.workspace-card{border-radius:11px}.topbar{background:var(--bg2);height:72px}.top-nav .nav-item.active{box-shadow:inset 0 -2px 0 var(--accent)}.brand-label{font-family:'DM Sans',sans-serif}.page-title{margin-top:18px}.section-heading h2{font-weight:800}.preview-notice{margin-top:18px;margin-bottom:28px}.stat-strip{border-radius:10px}.club-emblem img[hidden]{display:none}.club-emblem img:not([hidden])+.crest-fallback{display:none}.club-emblem img{object-fit:contain;background:transparent}.crest-fallback{border-radius:4px;clip-path:none;background:color-mix(in srgb,var(--club-color) 44%,transparent);color:var(--text);font-weight:800;font-size:10px;border:1px solid var(--border)}
.compare-pane,.compare-top,.compare-result-grid{min-width:0}.compare-top{align-items:flex-start}.compare-pickers{display:flex;flex-wrap:wrap;gap:12px;max-height:250px;overflow:auto}.compare-pickers label{min-width:190px;max-width:270px;flex:1 1 190px;position:relative}.mini-remove{display:inline-grid;place-items:center;background:var(--card2);color:var(--muted);border:1px solid var(--border);width:23px;height:23px;margin-left:7px;border-radius:5px}.compare-results{overflow-x:auto;width:100%}.compare-result-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(148px,1fr));min-width:calc(var(--cols,2)*148px);gap:12px}.compare-stat{min-width:max-content}.compare-player-card{min-width:0}.studio-cards.dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.studio-card.expanded{grid-column:1/-1}.studio-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.import-pane{margin-top:26px}.import-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.import-grid label{font-size:11px;font-weight:700;color:var(--muted);display:grid;gap:8px}.import-grid input{min-width:0;width:100%;background:var(--input);padding:10px;border:1px solid var(--border);border-radius:8px;font-size:11px}.import-pane .button-row{margin-top:16px}#importResult{overflow-wrap:anywhere}
@media(max-width:920px){.hero h1{font-size:clamp(42px,6vw,68px)}.studio-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.hero{min-height:unset}.hero h1{font-size:46px}.hero-field{min-height:270px}.studio-cards.dashboard{grid-template-columns:1fr}.studio-controls{grid-template-columns:1fr 1fr}.import-grid{grid-template-columns:1fr}.compare-result-grid{gap:8px}.main-shell{padding-bottom:110px}.page-title h1{font-size:42px}.compare-pickers label{min-width:160px}}

#studioCards.dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#studioCards.dashboard .studio-card.expanded{grid-column:1/-1}@media(max-width:680px){#studioCards.dashboard{grid-template-columns:1fr}}

/* Final functional event panels */
.board-orientation{display:flex;gap:8px;align-items:center;margin:12px 0;color:var(--text);font-size:12px;}
.event-sequence{max-height:255px;overflow:auto;display:grid;gap:5px;margin-top:12px}.sequence-row{display:flex;gap:12px;align-items:center;padding:8px 9px;border:1px solid var(--border);border-radius:8px;font-size:12px}.sequence-row strong{color:var(--accent);min-width:35px}.period-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.period-compare>div{padding:12px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px}.period-compare strong{font-size:24px}.period-compare b{font-size:11px;color:var(--muted)}.period-row{display:grid;grid-template-columns:1fr 60px 60px;gap:8px;font-size:12px;padding:6px 0;border-bottom:1px solid var(--border);text-transform:capitalize}.period-row b{text-align:right;}

/* Matchup Intelligence league matrix — inherits V1 theme tokens. */
.matchup-matrix-panel{margin-top:4px}.matrix-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:13px}.matrix-scope{display:flex;gap:4px;border:1px solid var(--border);border-radius:7px;padding:3px;background:var(--card2)}.matrix-scope button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;padding:9px 16px;border-radius:5px;cursor:pointer}.matrix-scope button.selected{background:var(--accent-faint);color:var(--accent)}.matrix-opponent{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);flex-wrap:wrap}.matrix-opponent select{width:215px}.matrix-leader{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--card2);border:1px solid var(--border);padding:13px;margin:12px 0;border-radius:7px;font-size:11px;color:var(--muted)}.matrix-leader strong{display:flex;align-items:center;gap:6px;color:var(--text);font-size:12px}.matrix-leader .club-emblem{width:24px;height:24px}.matrix-leader b{font-size:20px;color:var(--accent)}.matrix-rank-label{margin-left:auto}.matchup-matrix-wrap{max-height:680px;overflow:auto;border:1px solid var(--border);border-radius:7px;scrollbar-width:thin}.matchup-matrix{border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-size:11px;text-align:center}.matchup-matrix th,.matchup-matrix td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:0;white-space:nowrap}.matchup-matrix thead th{background:var(--card2);color:var(--muted);padding:11px 7px;position:sticky;top:0;z-index:3}.matchup-matrix thead tr:nth-child(2) th{top:40px}.matchup-matrix thead th:first-child,.matchup-matrix tbody th{position:sticky;left:0;z-index:2;background:var(--card2);text-align:left}.matchup-matrix thead th:first-child{z-index:4}.matchup-matrix tbody tr:hover th,.matchup-matrix tbody tr:hover td{background:var(--accent-faint)}.matchup-matrix tbody tr.expanded th,.matchup-matrix tbody tr.expanded td{background:var(--accent-faint)}.matchup-matrix td{min-width:75px}.matchup-matrix td:nth-child(2){min-width:43px;color:var(--muted)}.matchup-matrix button{font:inherit;color:inherit;cursor:pointer}.matrix-sort{width:100%;padding:2px 5px;border:0;background:transparent;font-weight:600;white-space:nowrap}.matrix-sort.selected{color:var(--accent)}.matrix-team{width:100%;min-width:178px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;background:transparent;text-align:left;color:var(--text)!important}.matrix-team span:not(.club-emblem){flex:1}.matrix-team span small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.matrix-caret{color:var(--accent)!important;flex:0!important;font-size:18px}.matrix-value{background:transparent;border:0;min-width:50px;width:100%;padding:12px;color:var(--text)!important;font-weight:600}.matrix-value.ranked{color:var(--accent)!important}.matchup-drilldown{display:grid;gap:14px;margin-top:14px}.matchup-detail-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.matchup-detail-head h3{font-size:20px;margin:5px 0}.matchup-direction .pane-head h3{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:17px}.matchup-direction .club-emblem{width:28px;height:28px}.lane-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.lane-tile{min-width:0;border:1px solid var(--border);background:var(--card2);border-radius:8px;padding:12px}.lane-tile.focused{border-color:var(--accent)}.lane-title{display:flex;justify-content:space-between;align-items:start;gap:6px;flex-wrap:wrap}.lane-title strong{font-size:13px}.lane-title span{font-size:10px;color:var(--accent)}.lane-desc{font-size:10px;color:var(--muted);padding:7px 0 12px}.lane-player{display:flex;gap:8px;align-items:center;width:100%;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text);text-align:left;padding:9px 0;min-width:0;font:inherit}.lane-player[data-matrix-player]{cursor:pointer}.lane-player:hover{color:var(--accent)}.lane-player .player-photo,.lane-player .player-photo-fallback{height:36px;width:32px;object-fit:contain;flex:none}.lane-person{display:flex;flex-direction:column;gap:3px;overflow:hidden;flex:1}.lane-person strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-person small{font-size:9px;color:var(--muted);line-height:1.5;white-space:normal}.lane-player>b{font-size:13px;color:var(--accent)}.lane-more summary{font-size:11px;padding:9px;color:var(--accent);cursor:pointer}@media(max-width:930px){.lane-tiles{grid-template-columns:1fr 1fr}}@media(max-width:640px){.matchup-matrix-wrap{margin:0 -9px}.matchup-matrix{min-width:850px}.matchup-matrix thead tr:nth-child(2) th{top:39px}.matrix-team{min-width:158px}.lane-tiles{grid-template-columns:1fr}.matrix-toolbar{align-items:stretch}.matrix-opponent{width:100%;justify-content:space-between}.matrix-leader{gap:8px}.matrix-rank-label{margin-left:0}.matchup-detail-head h3{font-size:17px}}

/* FPL LAB 2026/27 — workspace layout + appearance controls */
body[data-accent="emerald"]{--accent:#55c79a;--accent-faint:rgba(85,199,154,.14)}
body[data-accent="cyan"]{--accent:#56b8d8;--accent-faint:rgba(86,184,216,.14)}
body[data-accent="blue"]{--accent:#769df2;--accent-faint:rgba(118,157,242,.14)}
body[data-accent="violet"]{--accent:#a78bea;--accent-faint:rgba(167,139,234,.14)}
body[data-accent="amber"]{--accent:#d7ae63;--accent-faint:rgba(215,174,99,.14)}
body[data-accent="rose"]{--accent:#d787a2;--accent-faint:rgba(215,135,162,.14)}
body[data-accent="slate"]{--accent:#9caaa5;--accent-faint:rgba(156,170,165,.14)}
body[data-accent="mono"]{--accent:#dfe5e1;--accent-faint:rgba(223,229,225,.12)}
body{--surface-alpha:82%;--glass-blur:14px;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 34%),radial-gradient(circle at 88% 78%,color-mix(in srgb,#356f63 10%,transparent),transparent 37%)}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:220px;z-index:50;border-right:1px solid var(--border);background:var(--bg2);padding:22px 15px 17px;display:flex;flex-direction:column;gap:25px}
.sidebar-brand{border:0;background:transparent;color:var(--text);padding:4px 7px 18px;text-align:left;border-bottom:1px solid var(--border);display:grid;gap:7px}.sidebar-brand img{width:145px;height:48px;object-fit:contain;object-position:left}.sidebar-brand span{font-size:8px;letter-spacing:.18em;color:var(--faint);font-weight:750}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav .nav-item{display:grid;grid-template-columns:28px 1fr;align-items:center;text-align:left;width:100%;padding:11px 10px;border:1px solid transparent}.side-nav .nav-item i{font-style:normal;font-size:17px;color:var(--faint);text-align:center}.side-nav .nav-item.active{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--accent-faint);color:var(--text)}.side-nav .nav-item.active i{color:var(--accent)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding:16px 8px 0;color:var(--muted);font-size:10px;letter-spacing:.1em;display:flex;align-items:center}
.topbar{margin-left:220px;height:64px;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(12px)}.top-inner{max-width:none;justify-content:space-between;padding:0 32px}.top-context{display:flex;align-items:baseline;gap:12px}.top-context strong{font-size:12px;letter-spacing:.08em}.top-context span{font-size:10px;color:var(--faint)}.main-shell{max-width:none;margin-left:220px;padding-left:32px;padding-right:32px}.topbar .top-nav,.topbar .brand{display:none}
/* Existing filter panes become top toolbars; controls and IDs stay untouched. */
#page-board .board-layout,#page-players .players-shell{display:flex;flex-direction:column;gap:17px;align-items:stretch}
#page-board .control-pane,#page-players .control-pane{position:static;width:100%;padding:16px 18px}
#page-board .control-pane .controls-body,#page-players .control-pane .controls-body{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px 12px;align-items:end;padding-top:0}
#page-board .control-pane .input-label,#page-players .control-pane .input-label{margin:0 0 5px;align-self:end}
#page-board .control-pane .week-grid,#page-players .control-pane .week-grid{grid-template-columns:repeat(9,minmax(30px,1fr))}
#page-board .control-pane .layer-picks{grid-template-columns:repeat(3,minmax(96px,1fr));grid-column:span 2}
#page-board .control-pane .special-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:8px 10px;grid-column:1/-1}
#page-board .control-pane .special-filters label{margin:0}
#page-board .control-pane #boardZones{grid-template-columns:repeat(4,minmax(90px,1fr));grid-column:span 2}
#page-board .control-pane .board-orientation,#page-board .control-pane .tiny-help,#page-board .control-pane #boardClearZone{grid-column:span 2}
#page-players .control-pane .control-separator{display:none}
#page-players .control-pane .metric-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));max-height:220px;gap:0 8px}
#page-players .control-pane .pane-head:nth-of-type(2){grid-column:1/-1;margin:4px 0 0}
#page-board .board-column,#page-players .players-main{width:100%}
/* Surface modes */
body[data-surface="transparent"] .pane,body[data-surface="transparent"] .stats-strip,body[data-surface="transparent"] .workspace-card,body[data-surface="transparent"] .topbar,body[data-surface="transparent"] .app-sidebar,body[data-surface="transparent"] .settings-panel,body[data-surface="transparent"] .profile-panel{background:color-mix(in srgb,var(--card) var(--surface-alpha),transparent)}
body[data-surface="glass"] .pane,body[data-surface="glass"] .stats-strip,body[data-surface="glass"] .workspace-card,body[data-surface="glass"] .topbar,body[data-surface="glass"] .app-sidebar,body[data-surface="glass"] .settings-panel,body[data-surface="glass"] .profile-panel{background:color-mix(in srgb,var(--card) var(--surface-alpha),transparent);backdrop-filter:blur(var(--glass-blur)) saturate(118%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(118%)}
body[data-surface="glass"] .select-full,body[data-surface="glass"] .input-full,body[data-surface="glass"] .week-grid button,body[data-surface="glass"] .layer-picks button{background:color-mix(in srgb,var(--input) 74%,transparent)}
.settings-range{display:grid;grid-template-columns:1fr auto;gap:8px;margin:17px 0;color:var(--muted);font-size:11px}.settings-range strong{color:var(--accent)}.settings-range input{grid-column:1/-1;width:100%;accent-color:var(--accent)}.surface-control{grid-template-columns:repeat(3,1fr)}
/* Pitch identity watermark */
.pitch-wrap{position:relative}.pitch-brand{--pitch-brand-opacity:.08;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;display:flex;align-items:center;gap:12px;opacity:var(--pitch-brand-opacity);filter:grayscale(.25)}.pitch-brand img{width:150px;max-height:62px;object-fit:contain}.pitch-brand span{font-weight:850;font-size:34px;letter-spacing:.08em;white-space:nowrap;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}.pitch-brand[data-brand="off"]{display:none}.pitch-brand[data-brand="wordmark"] img{display:none}.pitch-brand[data-brand="logo"] span{display:none}.pitch-brand[data-brand="logo"] img{width:180px}
@media(max-width:1180px){#page-board .control-pane .controls-body,#page-players .control-pane .controls-body{grid-template-columns:repeat(3,minmax(150px,1fr))}#page-players .control-pane .metric-list{grid-template-columns:repeat(3,minmax(170px,1fr))}}
@media(max-width:930px){.app-sidebar{display:none}.topbar,.main-shell{margin-left:0}.topbar{height:65px}.top-inner,.main-shell{padding-left:20px;padding-right:20px}.bottom-nav{display:flex;position:fixed;z-index:45;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);height:70px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center}.bottom-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;gap:1px;align-items:center;font-size:10px;min-width:55px}.bottom-nav button span{font-size:22px;line-height:1.2}.bottom-nav button.active{color:var(--accent)}#page-board .control-pane .controls-body,#page-players .control-pane .controls-body{grid-template-columns:repeat(2,minmax(140px,1fr))}#page-players .control-pane .metric-list{grid-template-columns:repeat(2,minmax(160px,1fr))}.footer{padding-bottom:95px}}
@media(max-width:640px){.top-context span{display:none}.top-context strong{font-size:11px}#page-board .control-pane .controls-body,#page-players .control-pane .controls-body{display:block}#page-board .control-pane[data-collapsed="true"] .controls-body,#page-players .control-pane[data-collapsed="true"] .controls-body{display:none}#page-board .control-pane .input-label,#page-players .control-pane .input-label{margin:15px 0 7px}#page-board .control-pane .special-filters{display:block}#page-players .control-pane .metric-list{display:block}.pitch-brand img{width:110px}.pitch-brand span{font-size:25px}}

/* Structured top filter bars */
#page-board .filter-toolbar-grid,#page-players .filter-toolbar-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px 14px;align-items:start}
.filter-group{min-width:0}.filter-group.wide{grid-column:span 2}.filter-group.full{grid-column:1/-1}.filter-group .input-label{margin:0 0 7px!important}.filter-group .layer-picks,.filter-group #boardZones,.filter-group .board-orientation,.filter-group .tiny-help,.filter-group #boardClearZone,.filter-group .metric-list{grid-column:auto!important}.filter-group .week-grid{grid-template-columns:repeat(9,minmax(30px,1fr))!important}.filter-group .layer-picks{grid-template-columns:repeat(3,minmax(100px,1fr))!important}.filter-group #boardZones{grid-template-columns:repeat(4,minmax(90px,1fr))!important}.filter-actions{display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:8px 14px;align-items:center;padding-top:24px}.filter-actions .tiny-help{grid-column:1/-1}.filter-actions .btn{margin:0;width:auto;justify-self:end;grid-column:2;grid-row:1}.metric-filter-group{border-top:1px solid var(--border);padding-top:14px}.metric-toolbar-head{margin:0 0 10px!important}.metric-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,280px);gap:10px}.metric-filter-group .metric-list{display:grid!important;grid-template-columns:repeat(4,minmax(180px,1fr))!important;max-height:220px!important}.player-filter-grid .filter-group:nth-child(2){grid-column:span 2}
@media(max-width:1180px){#page-board .filter-toolbar-grid,#page-players .filter-toolbar-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.metric-filter-group .metric-list{grid-template-columns:repeat(3,minmax(170px,1fr))!important}.filter-group.full{grid-column:1/-1}}
@media(max-width:930px){#page-board .filter-toolbar-grid,#page-players .filter-toolbar-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.filter-group.wide{grid-column:span 2}.metric-filter-group .metric-list{grid-template-columns:repeat(2,minmax(160px,1fr))!important}}
@media(max-width:640px){#page-board .filter-toolbar-grid,#page-players .filter-toolbar-grid{display:block}.filter-group{margin-bottom:14px}.filter-actions{display:block;padding-top:0}.filter-actions .btn{width:100%;margin-top:10px}.metric-toolbar{grid-template-columns:1fr}.metric-filter-group .metric-list{display:block!important;max-height:270px!important}}

/* Phase 2 — data quality + chart semantics */
.quality-pane{margin-top:18px}.quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quality-grid>div{border:1px solid var(--border);background:var(--card2);border-radius:14px;padding:14px;display:grid;gap:5px}.quality-grid span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.quality-grid strong{font-size:24px}.quality-grid small{color:var(--muted);line-height:1.35}.quality-rows{display:grid;gap:7px}.quality-row{display:grid;grid-template-columns:minmax(120px,1fr) 120px 58px;gap:10px;align-items:center;font-size:12px}.quality-meter{height:7px;border-radius:999px;background:var(--border);overflow:hidden}.quality-meter i{display:block;height:100%;background:var(--accent);border-radius:inherit}.quality-row b{text-align:right}.studio-control-note{align-self:end;min-height:38px;border:1px dashed var(--border);border-radius:10px;padding:9px 10px;color:var(--muted);font-size:11px;line-height:1.35}.chart-empty{min-height:250px;display:grid;place-items:center;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:14px}.studio-plot{overflow:auto}.studio-plot svg{width:100%;display:block}.quality-pane .tiny-tag.good{color:var(--accent)}
@media(max-width:900px){.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-row{grid-template-columns:minmax(100px,1fr) 90px 52px}}
@media(max-width:560px){.quality-grid{grid-template-columns:1fr}.quality-row{grid-template-columns:minmax(90px,1fr) 70px 48px}}

/* Phase 3 · Matchup Intelligence filters + Matchup XI Builder */
.matrix-event-filterbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;margin:10px 0 12px;border:1px solid var(--border);border-radius:8px;background:var(--card2);flex-wrap:wrap}.matrix-event-filterbar>div:first-child{display:flex;flex-direction:column;gap:3px}.matrix-event-filterbar strong{font-size:12px}.matrix-event-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.matrix-event-option{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:8px 11px;background:var(--card);color:var(--muted);font-size:10px;font-weight:650;cursor:pointer;user-select:none}.matrix-event-option input{accent-color:var(--accent);width:13px;height:13px;margin:0}.matrix-event-option.selected{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--accent-faint);color:var(--accent)}.matchup-matrix{width:max-content;min-width:100%}.matchup-matrix thead th[colspan]{min-width:300px}.lane-player{padding:0;border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.lane-player-main{display:flex;gap:8px;align-items:center;min-width:0;padding:9px 0;border:0;background:transparent;color:var(--text);text-align:left;font:inherit;width:100%}.lane-player-main[data-matrix-player]{cursor:pointer}.lane-player-main[data-matrix-player]:hover{color:var(--accent)}.lane-player-main .player-photo,.lane-player-main .player-photo-fallback{height:36px;width:32px;object-fit:contain;flex:none}.lane-player-main>b{font-size:13px;color:var(--accent);padding-left:4px}.lane-xi-add{border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:6px;padding:7px 8px;font:inherit;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.lane-xi-add:hover,.lane-xi-add.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-faint)}
.matchup-xi-panel{margin-top:14px;overflow:hidden}.matchup-xi-panel>.data-foot{max-width:1000px}.xi-pitch{position:relative;min-height:610px;margin-top:17px;padding:28px 20px;display:flex;flex-direction:column;justify-content:space-around;gap:12px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--border));border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%),linear-gradient(0deg,rgba(255,255,255,.018) 50%,transparent 50%),linear-gradient(145deg,#123d30,#09281f);background-size:90px 90px,90px 90px,100% 100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.xi-pitch:before{content:"";position:absolute;inset:16px;border:1px solid rgba(235,246,239,.28);border-radius:2px;pointer-events:none}.xi-pitch:after{content:"FPL LAB";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:46px;font-weight:800;letter-spacing:.14em;color:rgba(255,255,255,.045);pointer-events:none;white-space:nowrap}.xi-role-row{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center}.xi-role-row>div{display:flex;justify-content:center;align-items:stretch;gap:10px;flex-wrap:wrap}.xi-role-label{font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.58);font-weight:700}.xi-empty{display:flex;align-items:center;justify-content:center;min-height:72px;padding:8px 16px;border:1px dashed rgba(255,255,255,.18);border-radius:9px;color:rgba(255,255,255,.46);font-size:10px}.xi-player-card{width:min(210px,calc(25% - 9px));min-width:155px;background:color-mix(in srgb,var(--card) 84%,transparent);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:8px;box-shadow:0 7px 25px rgba(0,0,0,.16);color:var(--text)}.xi-player-card.replace-target{outline:2px solid var(--accent);outline-offset:2px}.xi-player-open{border:0;background:transparent;color:inherit;width:100%;padding:0;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}.xi-player-open .player-photo{width:36px;height:40px}.xi-player-open>span{display:flex;flex-direction:column;gap:2px;min-width:0}.xi-player-open strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xi-player-open small{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:4px}.xi-player-open .club-emblem{width:15px;height:15px}.xi-player-open .club-emblem img{width:14px;height:14px}.xi-card-tools{display:grid;grid-template-columns:55px 1fr auto;gap:4px;margin-top:7px}.xi-card-tools select{min-width:0;background:var(--card2);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:5px;font-size:8px}.xi-card-tools .tiny-btn{font-size:8px;padding:5px 6px}.xi-card-tools .danger{color:#e98f8f}.xi-player-card p{font-size:8px;line-height:1.45;color:var(--muted);margin:7px 1px 0;max-height:34px;overflow:hidden}.xi-status{font-size:10px;color:var(--muted);margin:11px 2px 0}.matchup-xi-panel .pane-pills{display:flex;align-items:center;gap:7px}
@media(max-width:930px){.matrix-event-filterbar{align-items:flex-start}.matrix-event-filters{justify-content:flex-start}.xi-player-card{width:min(230px,calc(33.333% - 9px))}.xi-pitch{min-height:680px}.xi-role-row{grid-template-columns:36px 1fr}}
@media(max-width:640px){.matrix-event-filterbar{padding:10px}.matrix-event-filters{gap:5px}.matrix-event-option{padding:7px 9px;font-size:9px}.matchup-matrix{min-width:100%;width:max-content}.matchup-matrix thead th[colspan]{min-width:270px}.lane-player{grid-template-columns:minmax(0,1fr) 52px}.lane-xi-add{padding:7px 5px}.xi-pitch{min-height:760px;padding:22px 8px}.xi-pitch:before{inset:9px}.xi-pitch:after{font-size:26px}.xi-role-row{display:flex;flex-direction:column;gap:5px}.xi-role-row>div{width:100%;gap:6px}.xi-role-label{align-self:flex-start;margin-left:4px}.xi-player-card{width:calc(50% - 4px);min-width:132px;padding:7px}.xi-card-tools{grid-template-columns:48px 1fr}.xi-card-tools .danger{grid-column:1/-1}.xi-player-open strong{font-size:9px}.xi-player-card p{font-size:7.5px}}

/* Phase 4 — persistent analysis sessions + user-defined fixture difficulty */
.analysis-session-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:-6px 0 16px;padding:14px 16px}.analysis-session-copy{display:flex;flex-direction:column;gap:3px;min-width:230px}.analysis-session-copy strong{font-size:13px}.analysis-session-copy small{font-size:9px;color:var(--muted)}.analysis-session-controls{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(190px,1.25fr) auto auto auto;gap:8px;align-items:end;flex:1}.analysis-session-controls label{font-size:9px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.tiny-btn.danger{color:#e99a9a}.tiny-btn.danger:hover{border-color:#d76d6d;color:#ffc0c0}.fixture-difficulty-panel{margin-top:14px}.fixture-difficulty-tools{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.2fr) auto auto auto;gap:8px;align-items:end;margin:10px 0 8px}.fixture-difficulty-tools label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:var(--muted)}.fixture-difficulty-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:14px}.fixture-difficulty-table{width:100%;border-collapse:collapse}.fixture-difficulty-table th,.fixture-difficulty-table td{padding:8px 9px;border-bottom:1px solid var(--border);text-align:left;font-size:10px}.fixture-difficulty-table thead th{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.fixture-difficulty-table tbody th{display:flex;align-items:center;gap:8px;font-weight:650}.fixture-difficulty-table .club-emblem{width:23px;height:23px}.difficulty-select{width:100%;min-width:120px;background:var(--card2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 8px;font:inherit;font-size:9px}.difficulty-select[data-score="1"]{border-color:color-mix(in srgb,#64cc9a 55%,var(--border))}.difficulty-select[data-score="2"]{border-color:color-mix(in srgb,#9fd17e 40%,var(--border))}.difficulty-select[data-score="4"]{border-color:color-mix(in srgb,#d8aa65 45%,var(--border))}.difficulty-select[data-score="5"]{border-color:color-mix(in srgb,#db7777 55%,var(--border))}.difficulty-split{display:inline-flex;min-width:52px;justify-content:center;padding:5px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:8px}.difficulty-split.home-harder{color:#d9ae69;border-color:color-mix(in srgb,#d9ae69 45%,var(--border))}.difficulty-split.away-harder{color:#84b5df;border-color:color-mix(in srgb,#84b5df 45%,var(--border))}.fixture-history{border-left:1px solid var(--border);padding-left:14px}.fixture-history h4{margin:2px 0 0;font-size:12px}.fixture-history-row{display:grid;grid-template-columns:64px 1fr;gap:3px 7px;padding:8px 0;border-bottom:1px solid var(--border);font-size:9px}.fixture-history-row>span:first-child{display:flex;gap:5px;align-items:center}.fixture-history-row .club-emblem{width:18px;height:18px}.fixture-history-row small{grid-column:2;color:var(--muted);font-size:7.5px}.fixture-history-row strong{color:var(--accent)}
@media(max-width:1100px){.analysis-session-bar{align-items:stretch;flex-direction:column}.analysis-session-controls{grid-template-columns:repeat(3,minmax(150px,1fr))}.fixture-difficulty-tools{grid-template-columns:repeat(3,minmax(150px,1fr))}.fixture-difficulty-layout{grid-template-columns:1fr}.fixture-history{border-left:0;border-top:1px solid var(--border);padding:14px 0 0}}
@media(max-width:640px){.analysis-session-controls,.fixture-difficulty-tools{display:block}.analysis-session-controls>* ,.fixture-difficulty-tools>*{width:100%;margin-top:7px}.fixture-difficulty-table th,.fixture-difficulty-table td{padding:7px 5px}.difficulty-select{min-width:92px;font-size:8px}.fixture-difficulty-table th:last-child,.fixture-difficulty-table td:last-child{display:none}}
/* Phase 5 correctness / planner additions */
.matrix-value{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%}.matrix-rank{font-size:8px;line-height:1;padding:3px 4px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:var(--card2);font-weight:700}.matrix-value.ranked .matrix-rank{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.cmp-track{position:relative;overflow:hidden}.cmp-track.signed:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--muted);opacity:.45}.cmp-track i{position:absolute;top:0;bottom:0}
.fdr-planner{margin:18px 0 24px;padding:16px;border:1px solid var(--border);border-radius:9px;background:var(--card2)}.fdr-planner .pane-head{margin-bottom:12px}.fdr-planner h4{margin:2px 0 0;font-size:15px}.fdr-horizon{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.fdr-horizon button{border:1px solid var(--border);background:var(--input);color:var(--muted);border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}.fdr-horizon button.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-faint)}.fdr-planner-table{min-width:900px}.fdr-planner-table th,.fdr-planner-table td{text-align:center;vertical-align:middle}.fdr-planner-table th:nth-child(2),.fdr-planner-table td:nth-child(2){text-align:left}.fdr-fixture-cell{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:70px}.fdr-fixture-cell .club-emblem{transform:scale(.72);margin:-4px}.fdr-fixture-cell b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:var(--accent-faint);color:var(--text);font-size:9px}.fdr-fixture-cell b[data-score="1"]{opacity:.65}.fdr-fixture-cell b[data-score="5"]{box-shadow:inset 0 0 0 1px var(--danger,#c66)}.fdr-blank{color:var(--faint)}.fdr-games{display:block;color:var(--muted);font-size:8px;font-weight:400}
.radar-metric-control{grid-column:span 2}.radar-metric-control select{min-height:116px}

/* ===== Phase 6: UX / filter consistency ===== */
:root{--control-h:40px;--control-r:8px;--filter-gap:12px}
.select-full,.input-full,.mini-select,.mini-input{min-height:var(--control-h);border-radius:var(--control-r)}
.tiny-btn{min-height:34px}.btn{min-height:40px}
#page-board .control-pane,#page-players .control-pane{padding:16px 18px;margin-bottom:16px}
.filter-stack{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important}
.filter-section{border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card2) 66%,transparent);overflow:hidden}
.filter-section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;color:var(--text);user-select:none}
.filter-section>summary::-webkit-details-marker{display:none}.filter-section>summary:after{content:'⌄';color:var(--muted);transition:.18s}.filter-section:not([open])>summary:after{transform:rotate(-90deg)}
.filter-section>summary span{display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px}.filter-section>summary span b{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:9px}.filter-section>summary small{color:var(--muted);font-size:10px;font-weight:500}
.filter-section-grid{border-top:1px solid var(--border);padding:13px;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:start}.filter-section-grid .full{grid-column:1/-1}.filter-section-grid .filter-group{min-width:0}
.control-head-actions{display:flex;align-items:center;gap:8px}.context-badge{font-size:8px;border:1px solid var(--border);padding:2px 5px;border-radius:999px;color:var(--accent);letter-spacing:.05em}.field-hint{display:block;color:var(--faint);font-size:9px;margin-top:5px;line-height:1.4}
.active-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-4px 0 10px}.filter-chip.static{pointer-events:none}.filter-empty{font-size:10px;color:var(--faint)}
.special-filters{display:grid!important;grid-template-columns:repeat(4,minmax(150px,1fr))!important;gap:10px!important}.special-filters label{display:grid;gap:6px;font-size:10px;color:var(--muted);font-weight:700}.special-filters .filter-disabled{opacity:.38}.special-filters .filter-disabled:after{content:'Select this event layer to enable';font-size:8px;color:var(--faint);font-weight:500}
.time-range-group .input-label>span{margin-left:auto;color:var(--accent)}.dual-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dual-range label{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.dual-range input{width:100%;accent-color:var(--accent)}
.week-grid{display:block!important}.gw-picker{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:center}.gw-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.gw-presets button,.gw-chip-grid button{min-width:45px;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--input);color:var(--muted);font-size:10px;font-weight:700}.gw-presets button.selected,.gw-chip-grid button.selected{background:var(--accent-faint);border-color:var(--accent);color:var(--accent)}.gw-summary{font-size:9px;color:var(--faint);margin-left:4px}.gw-range-row{display:flex;align-items:center;gap:7px}.gw-range-row label{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.gw-range-row select{height:34px;border:1px solid var(--border);border-radius:7px;background:var(--input);color:var(--text);padding:0 7px}.gw-custom{position:relative}.gw-custom summary{list-style:none;height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--input);font-size:10px;color:var(--muted);cursor:pointer}.gw-custom summary::-webkit-details-marker{display:none}.gw-chip-grid{position:absolute;right:0;top:40px;z-index:25;width:min(370px,80vw);padding:10px;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;border:1px solid var(--border);border-radius:9px;background:var(--card);box-shadow:0 16px 35px var(--shadow)}
.layer-picks{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:7px!important}.layer-btn{min-height:42px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;text-align:left;padding:7px 9px!important}.layer-btn .layer-name{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-btn small{font-size:8px;color:var(--faint)}
.layer-symbol{width:15px;height:15px;display:inline-block;position:relative;flex:0 0 15px;color:var(--layer-color);border-color:var(--layer-color)}.shape-circle{border-radius:50%;background:var(--layer-color)}.shape-target{border:2px solid var(--layer-color);border-radius:50%}.shape-target:after{content:'';position:absolute;inset:4px;border-radius:50%;background:var(--layer-color)}.shape-diamond{background:var(--layer-color);transform:rotate(45deg) scale(.72)}.shape-triangle{background:var(--layer-color);clip-path:polygon(50% 4%,96% 94%,4% 94%)}.shape-square{background:var(--layer-color);border-radius:2px}.shape-hex{background:var(--layer-color);clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.shape-x:before,.shape-x:after{content:'';position:absolute;left:7px;top:1px;width:2px;height:14px;background:var(--layer-color)}.shape-x:before{transform:rotate(45deg)}.shape-x:after{transform:rotate(-45deg)}.shape-star{background:var(--layer-color);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.shape-bar:before{content:'';position:absolute;left:0;right:0;top:6px;height:3px;border-radius:2px;background:var(--layer-color)}.shape-arrow:before{content:'→';position:absolute;inset:-5px 0 0;color:var(--layer-color);font-size:18px;font-weight:800}.shape-arc{border-top:3px solid var(--layer-color);border-radius:50% 50% 0 0;transform:rotate(20deg)}
.field-legend .layer-symbol{width:11px;height:11px;flex-basis:11px}.legend-item{display:inline-flex!important;align-items:center;gap:5px}
.filter-actions{padding-top:0!important;grid-template-columns:minmax(240px,1fr) auto!important}.filter-actions .btn{grid-column:auto!important;grid-row:auto!important}.filter-actions .tiny-help{grid-column:1/-1!important}

/* Player metric browser */
.metric-category-tabs{display:flex;gap:6px;overflow:auto;padding:1px 0 9px;scrollbar-width:thin}.metric-category-tabs button{flex:0 0 auto;border:1px solid var(--border);background:var(--input);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700}.metric-category-tabs button.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-faint)}
.metric-filter-group .metric-list{display:block!important;max-height:330px!important;overflow:auto!important}.metric-library-group{border-top:1px solid var(--border);padding:9px 0}.metric-library-group:first-child{border-top:0}.metric-library-title,.candidate-group-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px;color:var(--muted);font-size:10px}.metric-library-title b,.candidate-group-title b{color:var(--text);font-size:11px}.metric-library-items{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:6px}.metric-item{border:1px solid transparent;border-radius:7px;padding:7px 8px}.metric-item:hover{border-color:var(--border);background:var(--card2)}

/* Comparison browser */
.compare-metric-browser{border:1px solid var(--border);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--card2) 60%,transparent)}.compare-metric-controls{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;gap:9px}.compare-candidates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:330px;overflow:auto}.compare-candidate-group{border:1px solid var(--border);border-radius:8px;padding:9px}.compare-candidate-group>div:last-child{display:grid;gap:4px}.metric-add{text-align:left}.compare-player-card{position:relative}.compare-player-card>.club-emblem{position:absolute;right:8px;top:8px;opacity:.75;width:26px;height:26px}.compare-player-card>.club-emblem img,.compare-player-card>.club-emblem .crest-fallback{width:24px;height:24px}

/* Chart Studio hierarchy */
.chart-landscape-heading{margin-top:10px}.performance-landscape-pane{margin-bottom:26px}.chart-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}.chart-presets button{min-height:88px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:12px;text-align:left;display:flex;flex-direction:column;gap:2px}.chart-presets button:hover{border-color:var(--accent);background:var(--accent-faint)}.chart-presets span{font-size:8px;letter-spacing:.12em;color:var(--accent);font-weight:800}.chart-presets b{font-size:12px}.chart-presets small{color:var(--muted);font-size:9px}
.studio-controls{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.studio-filter-section,.studio-gw-section{border:1px solid var(--border);border-radius:9px;padding:10px;background:color-mix(in srgb,var(--card2) 58%,transparent)}.studio-filter-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:10px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.studio-filter-title b{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:8px}.studio-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px}.studio-filter-grid label{display:grid;gap:5px;font-size:9px;color:var(--muted);font-weight:700}.studio-filter-grid .radar-metric-control{grid-column:1/-1}.studio-gw-section{margin-top:8px}.studio-week-picker .gw-picker{grid-template-columns:1fr auto}.chart-club-watermark{pointer-events:none}

/* Vulnerability Matrix readability */
.matchup-matrix th,.matchup-matrix td{text-align:center!important;vertical-align:middle}.matchup-matrix thead th{font-size:10px}.matchup-matrix tbody tr:hover>th,.matchup-matrix tbody tr:hover>td{background:color-mix(in srgb,var(--accent-faint) 70%,transparent)}.matchup-matrix tbody th:first-child{position:sticky;left:0;z-index:3;background:var(--card)}.matchup-matrix thead th:first-child{position:sticky;left:0;z-index:6}.matrix-team{justify-content:center!important;text-align:center!important}.matrix-team>span:not(.club-emblem):not(.matrix-caret){align-items:center}.matrix-value{min-height:42px}.matrix-value.column-hover{background:var(--accent-faint);outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:5px}.matrix-rank{min-width:25px;text-align:center}.matrix-sort{width:100%;text-align:center!important}

/* Workspace palettes: surface systems, not just an accent */
body[data-mode="dark"][data-workspace-palette="graphite"]{--bg:#0f1512;--bg2:#121b16;--card:#18231d;--card2:#1d2a22;--input:#141f19;--border:#304038}
body[data-mode="dark"][data-workspace-palette="midnight"]{--bg:#0b1220;--bg2:#101a2c;--card:#152237;--card2:#1a2942;--input:#111d30;--border:#2b3d5b}
body[data-mode="dark"][data-workspace-palette="carbon"]{--bg:#0d1112;--bg2:#121819;--card:#182124;--card2:#1e292c;--input:#141c1e;--border:#304044}
body[data-mode="dark"][data-workspace-palette="violet"]{--bg:#121019;--bg2:#171321;--card:#211b2e;--card2:#292139;--input:#1b1626;--border:#403653}
body[data-mode="dark"][data-workspace-palette="slate"]{--bg:#111617;--bg2:#171d1e;--card:#202829;--card2:#263031;--input:#1a2223;--border:#394546}
body[data-mode="amoled"][data-workspace-palette]{--bg:#030504}
.workspace-palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.workspace-palette-grid button{border:1px solid var(--border);border-radius:8px;background:var(--card2);color:var(--muted);padding:7px;display:grid;gap:5px;text-align:center;font-size:8px}.workspace-palette-grid button.selected{border-color:var(--accent);color:var(--accent)}.workspace-palette-grid i{height:22px;border-radius:5px;background:linear-gradient(90deg,var(--p1) 0 33%,var(--p2) 33% 66%,var(--p3) 66%);display:block}

@media(max-width:1180px){.filter-section-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.layer-picks{grid-template-columns:repeat(3,minmax(120px,1fr))!important}.metric-library-items{grid-template-columns:repeat(3,minmax(160px,1fr))}.chart-presets{grid-template-columns:repeat(2,1fr)}.studio-filter-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:760px){.filter-section>summary small{display:none}.filter-section-grid{grid-template-columns:1fr}.special-filters{grid-template-columns:1fr 1fr!important}.gw-picker,.studio-week-picker .gw-picker{grid-template-columns:1fr}.gw-range-row{justify-content:space-between;flex-wrap:wrap}.gw-custom{margin-left:auto}.gw-chip-grid{right:0;grid-template-columns:repeat(6,1fr)}.layer-picks{grid-template-columns:repeat(2,minmax(120px,1fr))!important}.metric-library-items{grid-template-columns:1fr 1fr}.compare-candidates{grid-template-columns:1fr}.studio-filter-grid{grid-template-columns:1fr}.chart-presets{grid-template-columns:1fr 1fr}.workspace-palette-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.special-filters{grid-template-columns:1fr!important}.dual-range{grid-template-columns:1fr}.metric-library-items{grid-template-columns:1fr}.chart-presets{grid-template-columns:1fr}.gw-chip-grid{grid-template-columns:repeat(5,1fr);width:90vw}.compare-metric-controls{grid-template-columns:1fr!important}.workspace-palette-grid{grid-template-columns:repeat(2,1fr)}}

/* Phase 6 tactical workspace navigation */
.tactical-subnav{position:sticky;top:12px;z-index:18;display:flex;gap:6px;align-items:center;margin:12px 0 18px;padding:6px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(var(--glass-blur,14px));overflow-x:auto;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.tactical-subnav button{flex:0 0 auto;min-height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
.tactical-subnav button:hover{background:var(--card2);color:var(--text)}
.tactical-subnav button.selected{background:var(--accent);color:var(--accent-ink,#07130e)}
.landscape-chart-form{grid-template-columns:minmax(150px,.8fr) minmax(170px,1fr) auto minmax(170px,1fr)}
@media(max-width:760px){.tactical-subnav{top:8px;margin-top:8px}.landscape-chart-form{grid-template-columns:1fr 1fr}.landscape-chart-form .swap-btn{grid-column:1/-1;justify-self:center}.landscape-chart-form label:first-child{grid-column:1/-1}}
#page-board [hidden]{display:none!important}
.layer-picks{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.layer-category{border:1px solid var(--border);border-radius:9px;padding:9px;background:color-mix(in srgb,var(--input) 62%,transparent)}
.layer-category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.layer-category-head b{color:var(--text);font-size:10px}.layer-category-head span{color:var(--faint)}
.layer-category-grid{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:7px}
@media(max-width:1180px){.layer-category-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:760px){.layer-category-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:520px){.layer-category-grid{grid-template-columns:1fr}}

/* FINAL CANDIDATE — formation XI + cross/header context */
.xi-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--card2) 74%,transparent)}
.xi-toolbar label{display:grid;gap:5px;min-width:150px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.xi-toolbar .select-full{min-width:140px}
.xi-shape-status{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.xi-shape-status span{padding:5px 7px;border-radius:999px;border:1px solid var(--border);font-size:8px;font-weight:800;letter-spacing:.04em}.xi-shape-status .ok{color:#78d8a8;border-color:color-mix(in srgb,#78d8a8 45%,var(--border));background:color-mix(in srgb,#78d8a8 9%,transparent)}.xi-shape-status .under{color:#e6c877}.xi-shape-status .over{color:#e99191;border-color:color-mix(in srgb,#e99191 45%,var(--border))}
.xi-pitch{min-height:720px;padding:42px 38px 34px;display:grid;grid-template-rows:1fr 1fr 1fr .8fr;align-items:center;gap:12px;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.13) 50%,transparent 50.2%),radial-gradient(circle at 50% 50%,transparent 0 66px,rgba(255,255,255,.13) 67px 68px,transparent 69px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 90px,rgba(255,255,255,.035) 90px 180px),linear-gradient(145deg,#123d30,#08251d)}
.xi-pitch:before{inset:18px}.xi-pitch:after{font-size:42px;z-index:0}
.xi-formation-row{position:relative;z-index:1;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;min-height:120px}.xi-slot-grid{display:grid;grid-template-columns:repeat(var(--xi-slots),minmax(0,1fr));gap:12px;align-items:stretch;justify-items:stretch}.xi-role-label{font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.64);font-weight:800;text-align:center}
.xi-slot-card{min-width:0;max-width:190px;justify-self:center;width:100%;background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:8px;box-shadow:0 7px 24px rgba(0,0,0,.18);color:var(--text);overflow:hidden}.xi-slot-card.replace-target{outline:2px solid var(--accent);outline-offset:2px}.xi-slot-card .xi-player-open{gap:6px}.xi-slot-card .player-photo{width:34px;height:38px}.xi-slot-card .xi-player-open strong{font-size:9px}.xi-slot-card .xi-player-open small{font-size:7px}.xi-slot-card p{font-size:7.5px;line-height:1.35;color:var(--muted);margin:6px 1px 0;height:29px;overflow:hidden}.xi-slot-card .xi-card-tools{grid-template-columns:minmax(42px,55px) 30px 28px;margin-top:6px}.xi-slot-card .xi-card-tools select{font-size:7.5px;padding:4px}.xi-slot-card .xi-card-tools .tiny-btn{font-size:9px;line-height:1;padding:4px}
.xi-empty-slot{max-width:190px;width:100%;justify-self:center;min-height:100px;border:1px dashed rgba(255,255,255,.18);border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.35);background:rgba(0,0,0,.08)}.xi-empty-slot span{font-size:20px;font-weight:300}.xi-empty-slot small{font-size:7px;letter-spacing:.12em}
.xi-unplaced{margin-top:12px}.xi-unplaced:empty{display:none}.xi-unplaced-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;font-size:9px}.xi-unplaced-head span{color:var(--muted)}.xi-unplaced-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.xi-slot-card.unplaced{max-width:none;border-style:dashed}
.cross-header-panel{margin-top:14px}.cross-header-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.cross-header-team{border:1px solid var(--border);background:color-mix(in srgb,var(--card2) 72%,transparent);border-radius:12px;padding:12px}.cross-header-team-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.cross-header-team-head .club-emblem{width:28px;height:28px}.cross-header-team-head .club-emblem img{width:26px;height:26px}.cross-header-team-head>div{display:grid;gap:2px}.cross-header-team-head strong{font-size:12px}.cross-header-team-head small{font-size:8px;color:var(--muted)}.cross-header-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cross-header-kpis>div{min-height:76px;padding:9px;border-radius:9px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 75%,transparent);display:flex;flex-direction:column;justify-content:center}.cross-header-kpis b{font-size:18px}.cross-header-kpis small{font-size:8px;color:var(--muted);margin-top:2px}.cross-header-kpis em{font-size:7px;color:var(--accent);font-style:normal;margin-top:3px}.cross-lane-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.cross-lane-strip span{display:flex;align-items:center;gap:5px;padding:6px 7px;border:1px solid var(--border);border-radius:8px;font-size:8px;color:var(--muted)}.cross-lane-strip b{margin-left:auto;color:var(--text)}.cross-lane-strip i{width:5px;height:16px;border-radius:4px;background:var(--accent);opacity:.65}.cross-header-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cross-header-leaders{padding:8px;border:1px solid var(--border);border-radius:9px}.cross-header-leaders>b{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.cross-header-leaders>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);padding:5px 0;font-size:8px}.cross-header-leaders>div:first-of-type{border-top:0}.cross-header-leaders button{border:0;background:transparent;color:var(--text);font:inherit;padding:0;cursor:pointer;text-align:left}.cross-header-leaders button:hover{color:var(--accent)}
@media(max-width:930px){.cross-header-grid{grid-template-columns:1fr}.xi-pitch{padding:34px 20px;min-height:690px}.xi-slot-grid{gap:7px}.xi-slot-card{padding:6px}.xi-slot-card p{display:none}}
@media(max-width:640px){.xi-toolbar{align-items:stretch;flex-direction:column}.xi-shape-status{justify-content:flex-start}.xi-pitch{min-height:640px;padding:26px 8px 22px;gap:5px}.xi-pitch:before{inset:8px}.xi-pitch:after{font-size:25px}.xi-formation-row{grid-template-columns:25px minmax(0,1fr);min-height:110px;gap:3px}.xi-slot-grid{gap:3px}.xi-slot-card{padding:4px;border-radius:7px}.xi-slot-card .player-photo{width:24px;height:28px}.xi-slot-card .xi-player-open>span{display:none}.xi-slot-card p{display:none}.xi-slot-card .xi-card-tools{grid-template-columns:1fr;gap:2px}.xi-slot-card .xi-card-tools select{font-size:6px;padding:2px}.xi-slot-card .xi-card-tools .tiny-btn{font-size:7px;padding:3px}.xi-empty-slot{min-height:70px;border-radius:7px}.cross-header-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cross-header-leader-grid{grid-template-columns:1fr}.cross-lane-strip{grid-template-columns:1fr}}

/* Final responsive containment: wide analytical surfaces scroll inside their own panes. */
html,body{max-width:100%;overflow-x:hidden}.main-shell,.page,.pane,.board-column,.players-main,.studio-card{min-width:0;max-width:100%}.select-full,.input-full,select,input{max-width:100%;min-width:0}.field-scroll,.matchup-matrix-wrap,.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;contain:inline-size}.main-field-pane,.matchup-matrix-panel,.fixture-difficulty-panel{min-width:0;overflow:hidden}@media(max-width:640px){.matchup-matrix-wrap{margin-left:0;margin-right:0}.field-scroll{margin-left:0;margin-right:0}.pitch-wrap{width:900px;min-width:900px}.pitch-wrap canvas{width:900px;max-width:none}.fdr-planner>.table-scroll{width:100%}}
.team-select-shell{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center}.team-select-shell.compact{display:inline-grid;grid-template-columns:26px minmax(160px,1fr);min-width:220px}.team-select-badge{width:30px;height:36px;border:1px solid var(--border);border-radius:7px;background:var(--card2);display:grid;place-items:center}.team-select-shell.compact .team-select-badge{width:26px;height:34px}.team-select-badge .club-emblem{width:23px;height:23px}.team-select-badge .club-emblem img{width:22px;height:22px}.team-select-badge .crest-fallback{font-size:6px}@media(max-width:640px){.team-select-shell.compact{width:100%;grid-template-columns:26px minmax(0,1fr);min-width:0}}


/* =========================================================
   FPL LAB — Revision UX pass (desktop + mobile)
   ========================================================= */
#page-board .page-title,#page-players .page-title,#page-charts .page-title,#page-data .page-title{margin-bottom:22px}
#page-board .page-title h1,#page-players .page-title h1,#page-charts .page-title h1,#page-data .page-title h1{font-size:clamp(34px,3.2vw,48px);margin:12px 0}
.preview-notice{margin-bottom:22px}
.gw-hub-controls{display:flex;align-items:center;gap:6px}
.gw-hub-controls .mini-select{min-width:92px}
.gw-hub-meta{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:-8px 0 8px}
.fixture-centre{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.fixture-time{font-size:10px;line-height:1.25;font-weight:700;color:var(--text);max-width:110px}
.fixture-centre small{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}

.master-filter-panel{border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--card2) 58%,transparent);overflow:hidden}
.master-filter-panel+ .master-filter-panel{margin-top:10px}
.master-filter-panel>summary{list-style:none;cursor:pointer;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none}
.master-filter-panel>summary::-webkit-details-marker{display:none}
.master-filter-panel>summary>span:first-child{display:flex;flex-direction:column;gap:1px}
.master-filter-panel>summary strong{font-size:14px}
.master-filter-panel>summary:after{content:'⌄';color:var(--muted);font-size:15px;margin-left:4px}
.master-filter-panel:not([open])>summary:after{transform:rotate(-90deg)}
.master-filter-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-left:auto}
.active-filter-count{font-size:9px;color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:3px 7px}
.master-filter-panel>.controls-body,.master-filter-panel>.active-filter-row{border-top:1px solid var(--border)}
.compact-control-pane{padding:10px!important;background:transparent;border:0}
.compact-filter-stack{display:grid;gap:8px;padding:9px}
.filter-cluster{padding:10px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--card) 58%,transparent)}
.filter-cluster-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.filter-cluster-head b{font-size:11px}
.filter-cluster-head small{font-size:9px;color:var(--muted)}
.filter-cluster .input-label{margin:6px 0 5px}
.filter-cluster .filter-section-grid{border:0;padding:0;grid-template-columns:1fr;gap:7px}
.filter-cluster .special-filters{gap:7px}
.filter-cluster .select-full,.filter-cluster .input-full{min-height:34px}
.pitch-context-bar{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}
.pitch-context-bar>div{display:flex;align-items:center;gap:10px}
.pitch-context-bar .section-kicker{white-space:nowrap}
.pitch-context-bar .team-select-shell{min-width:230px}
.board-layout{grid-template-columns:280px minmax(0,1fr);gap:12px}
.analysis-session-bar{padding:12px 14px}
.analysis-session-copy strong{font-size:12px}
.analysis-session-copy small{font-size:9px}
.analysis-session-controls{gap:6px}
.analysis-session-controls label{font-size:9px}
.analysis-session-controls .select-full,.analysis-session-controls .input-full{height:32px;padding-top:5px;padding-bottom:5px}
.tactical-subnav button{min-width:105px;text-align:center}
.matchup-context-panel{padding:14px 16px;margin-bottom:12px}
.matchup-context-panel .pane-head{margin-bottom:10px}
.matchup-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.matchup-context-grid label{font-size:9px;color:var(--muted);font-weight:700;display:grid;gap:5px}
.matchup-context-grid .select-full{height:36px}

.fixture-difficulty-panel{margin-top:14px}
.fdr-planner{margin:12px 0 0;padding:12px}
.fdr-planner-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:11px}
.fdr-planner-toolbar h4{margin:2px 0 0;font-size:15px}
.fdr-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--input)}
.fdr-stepper button{border:0;background:transparent;color:var(--text);width:34px;height:32px;font-size:18px}
.fdr-stepper button:hover{background:var(--accent-faint)}
.fdr-stepper strong{min-width:64px;text-align:center;font-size:10px;border-left:1px solid var(--border);border-right:1px solid var(--border);height:32px;line-height:32px}
.fdr-fixture-cell{border-radius:7px;padding:5px 6px;min-width:76px;border:1px solid rgba(255,255,255,.08)}
.fdr-fixture-cell b{background:rgba(0,0,0,.18)!important;color:#fff}
.fdr-score-1{background:#1d684b;color:#fff}.fdr-score-2{background:#3b8252;color:#fff}.fdr-score-3{background:#7b7540;color:#fff}.fdr-score-4{background:#914f43;color:#fff}.fdr-score-5{background:#87333d;color:#fff}
.fdr-planner-table td{padding:7px 6px}
.fdr-editor{position:fixed;right:20px;top:20px;bottom:20px;width:min(920px,calc(100vw - 40px));z-index:101;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:20px;overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.35)}
#fdrEditOverlay{z-index:100}
.fdr-editor-actions{margin:10px 0 15px}
.fdr-editor .fixture-difficulty-layout{margin-top:10px}

.auto-xi-toolbar{justify-content:space-between;padding:8px 10px}
.auto-xi-toolbar>div:first-child{display:flex;align-items:center;gap:8px}
.auto-xi-toolbar>div:first-child span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.auto-xi-toolbar>div:first-child strong{font-size:16px;color:var(--accent)}
.xi-pitch{min-height:520px!important;padding:24px 24px 20px!important;gap:5px!important}
.xi-formation-row{min-height:92px!important}
.xi-slot-grid{gap:8px!important}
.xi-slot-card{padding:6px!important}
.xi-slot-card p{font-size:8px;line-height:1.3;max-height:31px;overflow:hidden}
.xi-card-tools{grid-template-columns:1fr auto!important}
.xi-player-open strong{font-size:10px}
.xi-player-open small{font-size:7px}

.player-controls{display:flex;flex-direction:column;gap:0}
.player-controls .master-filter-panel>.controls-body{padding:9px}
.metric-library-panel .metric-toolbar{margin-bottom:8px}
.metric-subgroup{margin:8px 0}
.metric-subgroup-title{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 2px 5px}
.metric-subgroup .metric-library-items{gap:5px}
.metric-item{padding:7px!important;min-height:46px}
.metric-item span b{font-size:10px}.metric-item span small{font-size:8px}
.compare-pane{padding:15px}
.compare-top{gap:8px}
.compare-pickers{gap:7px}
.compare-pickers select,.compare-pane .select-full,.compare-pane .input-full{height:34px;font-size:10px}
.compare-metric-browser{padding:9px}
.compare-metric-controls{grid-template-columns:minmax(180px,1fr) auto!important}
.compare-candidates{max-height:280px;gap:6px}
.compare-candidate-group{padding:7px}
.compare-metric-subgroup>small{display:block;margin:5px 0 3px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.metric-add{padding:6px 7px;font-size:9px}

.studio-card{padding:14px!important}
.studio-filter-section,.studio-gw-section{padding:7px!important}
.studio-filter-title{margin-bottom:6px!important;font-size:9px!important}
.studio-filter-title b{display:none!important}
.studio-filter-grid{grid-template-columns:repeat(4,minmax(130px,1fr))!important;gap:6px!important}
.studio-filter-grid label{gap:3px!important}
.studio-filter-grid select,.studio-filter-grid input{height:32px!important;font-size:9px!important;padding-top:4px!important;padding-bottom:4px!important}
.studio-week-picker .gw-picker{padding:5px}
.studio-card .pane-head{margin-bottom:10px}

@media(max-width:1000px){
  .board-layout{grid-template-columns:1fr}
  .compact-control-pane{padding:0!important}
  .pitch-context-bar{margin-top:2px}
  .studio-filter-grid{grid-template-columns:repeat(2,minmax(140px,1fr))!important}
}
@media(max-width:760px){
  .main-shell{padding-left:14px!important;padding-right:14px!important}
  .preview-notice{font-size:8px;margin:13px 0 15px}
  #page-board .page-title,#page-players .page-title,#page-charts .page-title,#page-data .page-title{margin-bottom:14px}
  #page-board .page-title h1,#page-players .page-title h1,#page-charts .page-title h1,#page-data .page-title h1{font-size:31px;margin:8px 0 10px}
  .page-title p{font-size:11px;line-height:1.55}
  .analysis-session-bar{display:block;padding:9px 10px}
  .analysis-session-copy{margin-bottom:7px}
  .analysis-session-controls{grid-template-columns:1fr 1fr!important}
  .analysis-session-controls label{grid-column:1/-1}
  .tactical-subnav{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}
  .tactical-subnav button{min-width:0;padding:0 6px}
  .master-filter-panel>summary{padding:10px}
  .filter-cluster{padding:8px}
  .filter-cluster-head small{display:none}
  .pitch-context-bar{align-items:flex-start;flex-direction:column;padding:9px}
  .pitch-context-bar>div{width:100%}
  .pitch-context-bar .team-select-shell{min-width:0;flex:1}
  .pitch-context-bar>.muted{display:none}
  .field-scroll{overflow:visible!important}
  .pitch-wrap{width:100%!important;min-width:0!important}
  .pitch-wrap canvas{width:100%!important;max-width:100%!important;height:auto!important}
  .matchup-context-grid{grid-template-columns:1fr}
  .matchup-matrix-wrap{overflow-x:auto!important}
  .matchup-matrix th:first-child,.matchup-matrix td:first-child{position:sticky;left:0;z-index:4;background:var(--card2)}
  .fdr-planner-toolbar{align-items:flex-start}
  .fdr-planner-table{min-width:760px}
  .fdr-editor{inset:8px;width:auto;padding:13px;border-radius:11px}
  .fixture-difficulty-tools{display:grid!important;grid-template-columns:1fr!important}
  .xi-pitch{min-height:470px!important;padding:16px 6px 14px!important}
  .xi-formation-row{min-height:80px!important;grid-template-columns:22px minmax(0,1fr)!important}
  .xi-slot-grid{gap:3px!important}
  .xi-slot-card{padding:3px!important}
  .xi-slot-card .player-photo{width:23px!important;height:27px!important}
  .xi-slot-card .xi-player-open>span{display:none}
  .xi-slot-card p{display:none}
  .xi-card-tools{display:flex!important;flex-direction:column}
  .xi-card-tools .tiny-btn{font-size:6px;padding:2px 3px}
  .metric-category-tabs{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
  .metric-category-tabs button{flex:0 0 auto}
  .metric-library-items{grid-template-columns:1fr!important}
  .compare-pickers{grid-template-columns:1fr!important}
  .compare-metric-controls{grid-template-columns:1fr!important}
  .studio-filter-grid{grid-template-columns:1fr!important}
  .chart-config{display:grid!important;grid-template-columns:1fr 1fr}
  .chart-config>*{min-width:0}
}
@media(max-width:480px){
  .analysis-session-controls{grid-template-columns:1fr!important}
  .fdr-planner-toolbar{display:block}
  .fdr-stepper{width:max-content;margin-top:8px}
  .xi-pitch{min-height:430px!important}
  .fixture{grid-template-columns:1fr 78px 1fr;padding:8px 2px}
  .fixture-time{font-size:8px}
}
/* Revision: compact analysis session */
.analysis-session-bar>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.analysis-session-bar>summary::-webkit-details-marker{display:none}
.analysis-session-copy>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.analysis-session-copy small{margin-left:auto;text-align:right}
.analysis-session-bar:not([open]){align-items:center}
.analysis-session-bar:not([open]) .analysis-session-copy{margin:0;width:100%}
@media(max-width:760px){
  .analysis-session-bar{padding:9px 10px!important}
  .analysis-session-copy{margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
  .analysis-session-copy strong{font-size:11px!important}
  .analysis-session-copy small{max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px!important}
  .analysis-session-bar[open] .analysis-session-controls{margin-top:9px}
}
/* Revision: mobile XI keeps player identity readable without stretching the pitch */
@media(max-width:640px){
  .xi-slot-card .xi-player-open{flex-direction:column;align-items:center;gap:1px;text-align:center}
  .xi-slot-card .xi-player-open>span{display:block!important;width:100%;min-width:0}
  .xi-slot-card .xi-player-open strong{display:block;font-size:6.8px!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .xi-slot-card .xi-player-open small{display:none!important}
  .xi-slot-card .xi-card-tools{display:grid!important;grid-template-columns:1fr 22px!important;gap:2px!important}
  .xi-slot-card .xi-card-tools .tiny-btn{min-width:0!important;padding:3px 2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}


/* QC 2026-11: responsive/layout hardening */
/* Player filters were inheriting an obsolete six-column control grid, leaving most
   of the panel empty and clipping the gameweek picker on 1024px-class laptops. */
#page-players .control-pane .compact-filter-stack{
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
}
/* Event category cards must own the horizontal layout. A higher-specificity legacy
   rule forced the outer container to three columns, making the inner event buttons
   overflow their cards. */
#page-board .filter-group .layer-picks{
  grid-template-columns:minmax(0,1fr)!important;
}
/* Make the fixed mobile/tablet navigation a full-height touch target and preserve
   a true 70px interaction area above iOS safe-area insets. */
@media(max-width:930px){
  .bottom-nav{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  .bottom-nav button{height:70px;flex:1;min-width:0}
  .footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))}
}


/* Cloudflare production shell */
.production [data-local-only]{display:none!important}
#fplBoot{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:var(--bg,#0f1512);color:var(--text,#f4f6f5);font-family:Inter,system-ui,sans-serif}
#fplBoot>div{display:grid;gap:.55rem;text-align:center;padding:1.4rem 1.7rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
#fplBoot strong{letter-spacing:.14em;font-size:.88rem}#fplBoot span{opacity:.72;font-size:.82rem}#fplBoot.error span{color:#e6a09f;opacity:1}