.public-page .site-main { width: min(1500px, calc(100% - 40px)); padding-top: clamp(28px, 5vw, 72px); }
.home-stage { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); min-height: 430px; overflow: hidden; border: 1px solid rgba(183,243,74,.24); background: radial-gradient(circle at 77% 30%, rgba(183,243,74,.14), transparent 28%), linear-gradient(132deg, #0f2a3c, #07111f 68%); box-shadow: var(--shadow); }
.home-stage::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.home-stage-copy { position: relative; z-index: 1; align-self: center; padding: clamp(34px, 6vw, 92px); }
.home-kicker, .public-page-head > span, .public-section-head span, .schedule-launch span { color: var(--lime); font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.home-stage h1 { margin: 12px 0 10px; font-size: clamp(56px, 8vw, 130px); line-height: .84; letter-spacing: -.07em; }
.home-stage p { margin: 0; color: #aabcc9; font-size: clamp(16px, 1.35vw, 21px); line-height: 1.7; }
.home-actions { display: flex; gap: 12px; margin-top: 30px; }
.home-actions .button-link { min-height: 50px; padding-inline: 23px; }
.home-stage-mark { position: relative; display: grid; align-content: center; justify-items: center; color: #eef6f3; transform: rotate(-8deg); }
.home-stage-mark::before { content: ""; position: absolute; width: min(29vw, 350px); aspect-ratio: 1; border: 2px solid rgba(183,243,74,.48); border-radius: 50%; box-shadow: 0 0 70px rgba(183,243,74,.18), inset 0 0 70px rgba(183,243,74,.1); }
.home-stage-mark span, .home-stage-mark b { position: relative; font-weight: 950; letter-spacing: -.08em; }
.home-stage-mark span { font-size: clamp(50px, 7vw, 100px); }.home-stage-mark b { color: var(--lime); font-size: clamp(35px, 5vw, 72px); }
.public-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 52px; }
.public-metrics article, .team-preview, .team-directory article, .schedule-launch, .schedule-placeholder { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(16,38,57,.95), rgba(6,17,28,.98)); }
.public-metrics article { padding: 20px; }.public-metrics span { display: block; color: #9caebc; font-size: 14px; }.public-metrics strong { display: block; margin-top: 5px; font-size: 35px; font-variant-numeric: tabular-nums; }
.public-section { margin-top: 38px; }.public-section-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 16px; }.public-section-head h2, .public-page-head h1, .schedule-launch h2 { margin: 6px 0 0; font-size: clamp(27px, 3vw, 42px); letter-spacing: -.04em; }.public-section-head a { font-weight: 800; }
.team-preview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }.team-preview { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 4px 12px; align-items: center; min-height: 92px; padding: 14px; color: var(--paper); }.team-preview:hover { border-color: rgba(183,243,74,.45); color: var(--paper); transform: translateY(-2px); }.team-preview i, .team-directory i { display: grid; grid-row: span 2; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(183,243,74,.14); color: var(--lime); font-style: normal; font-weight: 900; }.team-preview strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.team-preview span { color: var(--muted); font-size: 13px; }
.schedule-launch { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; }.schedule-launch p, .public-page-head p { margin: 10px 0 0; color: #9badbb; line-height: 1.7; }.public-page-head { max-width: 850px; margin-bottom: 30px; }.team-directory { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }.team-directory article { display: flex; align-items: center; gap: 16px; min-height: 100px; padding: 18px; }.team-directory h2 { margin: 0; font-size: 21px; }.team-directory p { margin: 6px 0 0; color: var(--muted); }.schedule-placeholder, .public-empty { display: grid; justify-items: center; gap: 9px; padding: 70px 20px; color: var(--muted); text-align: center; }.schedule-placeholder b { color: var(--paper); font-size: 22px; }
@media (max-width: 850px) { .home-stage { grid-template-columns: 1fr; }.home-stage-mark { display: none; }.team-preview-grid, .team-directory { grid-template-columns: repeat(2, 1fr); }.schedule-launch { align-items: flex-start; flex-direction: column; } }
@media (max-width: 560px) { .public-page .site-main { width: calc(100% - 24px); }.public-metrics, .team-preview-grid, .team-directory { grid-template-columns: 1fr; }.home-stage { min-height: 360px; }.home-actions { flex-direction: column; }.home-actions .button-link { justify-content: center; } }

.team-directory a { display:flex; align-items:center; gap:16px; min-height:100px; padding:18px; color:var(--paper); border:1px solid var(--line); background:linear-gradient(145deg,rgba(16,38,57,.95),rgba(6,17,28,.98)); }.team-directory a:hover { color:var(--paper); border-color:rgba(183,243,74,.4); }.team-hero { display:flex; align-items:center; gap:18px; min-height:180px; padding:28px; border:1px solid var(--line); background:linear-gradient(125deg,color-mix(in srgb,var(--team-color),#07111f 75%),#07111f); }.team-hero>i { display:grid; place-items:center; width:88px; height:88px; overflow:hidden; border-radius:50%; background:rgba(255,255,255,.12); color:#fff; font-size:34px; font-style:normal; font-weight:900; }.team-hero img { width:100%; height:100%; object-fit:cover; }.team-hero span,.workbench-card header span,.team-roster-shell header span { color:var(--lime); font-size:11px; font-weight:900; letter-spacing:.15em; }.team-hero h1 { margin:6px 0; font-size:clamp(34px,4vw,60px); }.team-hero p { margin:0; color:#bccad2; }.team-hero .button-link { margin-left:auto; }.team-roster-shell,.workbench-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }.team-roster-shell>article,.workbench-card { padding:22px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(16,38,57,.95),rgba(6,17,28,.98)); }.team-roster-shell h2,.workbench-card h2 { margin:5px 0 18px; font-size:25px; }.lineup-list,.roster-table { display:grid; gap:7px; }.lineup-list>div,.roster-table>div { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 10px; background:rgba(4,13,22,.56); }.lineup-list b,.roster-table>div>b { min-width:42px; color:var(--lime); }.roster-table span { min-width:0; flex:1; }.roster-table strong,.roster-table small { display:block; }.roster-table small { margin-top:3px; color:var(--muted); }.roster-table em { color:#d9c792; font-size:12px; font-style:normal; }.workbench-card label { display:grid; gap:7px; margin-bottom:13px; color:#aebfcb; font-size:14px; font-weight:700; }.workbench-card input,.workbench-card select { min-height:43px; border:1px solid var(--line-strong); background:#07111f; color:var(--paper); padding:0 10px; }.lineup-editor { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:18px; }.lineup-editor label { grid-template-columns:48px minmax(0,1fr) 64px; align-items:center; margin:0; }.lineup-editor b { color:var(--lime); }.lineup-editor input { width:64px; }
@media (max-width:850px) { .team-roster-shell,.workbench-grid,.lineup-editor { grid-template-columns:1fr; }.team-hero { align-items:flex-start; flex-wrap:wrap; }.team-hero .button-link { margin-left:0; } }

/* The public homepage is intentionally migrated from the original Jiucai Cup broadcast design. */
.legacy-home .site-main { width:100%; max-width:none; padding:0; }.event-home { width:100%; }.legacy-home .home-hero { position:relative; min-height:calc(100svh - 77px); overflow:hidden; background:#040c16 url("images/jiucai-hero-84452.1f591b9ab87e.png") center center / cover no-repeat; }.legacy-home .home-hero::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(2,8,15,.32),rgba(2,8,15,.04) 48%,rgba(2,8,15,.12) 70%,rgba(2,8,15,.64)),linear-gradient(0deg,rgba(2,8,15,.46),transparent 44%); }.legacy-home .home-hero-copy { position:absolute; z-index:4; left:clamp(32px,4.5vw,92px); top:47%; display:flex; flex-direction:column; width:min(42vw,760px); transform:translateY(-50%); }.legacy-home .home-kicker { display:flex; align-items:center; gap:13px; color:var(--lime); font-size:clamp(15px,1vw,20px); font-weight:900; letter-spacing:.18em; text-shadow:0 2px 12px rgba(0,0,0,.7); }.legacy-home .live-dot { width:9px; height:9px; border-radius:50%; background:#ff6a55; box-shadow:0 0 16px #ff6a55; }.legacy-home .home-hero-copy h1 { margin:20px 0 6px; color:#fff; font-size:clamp(78px,6vw,118px); line-height:.9; letter-spacing:-.055em; text-shadow:0 6px 34px rgba(0,0,0,.55); }.legacy-home .home-hero-copy h1 em { color:var(--lime); font-family:"Arial Narrow",Impact,sans-serif; font-style:normal; }.legacy-home .home-hero-copy>p { max-width:650px; margin:0; color:#e3ebef; font-size:clamp(20px,1.3vw,27px); line-height:1.65; text-shadow:0 2px 14px #020812; }.legacy-home .home-hero-actions { display:flex; gap:12px; margin:27px 0 22px; }.legacy-home .home-primary,.legacy-home .home-secondary { display:inline-flex; align-items:center; min-height:58px; padding:0 25px; font-size:17px; font-weight:900; text-decoration:none; backdrop-filter:blur(10px); }.legacy-home .home-primary { background:var(--lime); color:#07111a; box-shadow:0 10px 28px rgba(200,255,79,.16); }.legacy-home .home-primary span { margin-left:15px; font-size:20px; }.legacy-home .home-secondary { border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.05); color:#f4f8fa; }.home-host-portrait { position:absolute; z-index:2; left:42.5%; bottom:-8%; width:clamp(320px,27vw,520px); height:104%; pointer-events:none; opacity:.72; filter:saturate(.72) contrast(1.08) brightness(.82); -webkit-mask-image:radial-gradient(ellipse 48% 50% at 50% 43%,#000 42%,rgba(0,0,0,.82) 68%,transparent 100%); mask-image:radial-gradient(ellipse 48% 50% at 50% 43%,#000 42%,rgba(0,0,0,.82) 68%,transparent 100%); }.home-host-portrait>img { width:100%; height:100%; object-fit:cover; object-position:50% 8%; }.home-douyu-room { display:inline-flex; align-items:center; width:fit-content; min-height:56px; gap:11px; padding:7px 12px 7px 8px; border:1px solid rgba(255,101,45,.42); border-radius:8px; background:linear-gradient(110deg,rgba(255,91,35,.18),rgba(6,20,32,.68) 64%); color:#fff; box-shadow:0 14px 34px rgba(0,0,0,.22); text-decoration:none; backdrop-filter:blur(12px); }.home-douyu-room>img { width:40px; height:40px; border-radius:10px; object-fit:contain; }.home-douyu-room>span { color:#b9c7d0; font-size:14px; font-weight:800; }.home-douyu-room>strong { color:#ff7443; font-family:"Arial Narrow",Impact,sans-serif; font-size:28px; letter-spacing:.09em; }.home-douyu-room>i { color:#ff8a60; font-size:16px; font-style:normal; }.home-schedule-card { position:absolute; z-index:5; right:clamp(24px,2.4vw,52px); top:50%; width:clamp(370px,22vw,460px); padding:24px; border:1px solid rgba(255,255,255,.2); border-top:4px solid var(--lime); background:rgba(3,13,23,.84); box-shadow:0 24px 70px rgba(0,0,0,.42); backdrop-filter:blur(18px); transform:translateY(-50%); }.home-schedule-card>header { display:flex; justify-content:space-between; gap:16px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.12); }.home-schedule-card small { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.18em; }.home-schedule-card h2 { margin:4px 0 0; font-size:28px; }.home-schedule-card a { color:#d4dfe5; font-size:14px; font-weight:800; }.home-schedule-list>p { color:#9eb0bc; font-size:15px; line-height:1.7; }
@media (max-width:760px) { .legacy-home .home-hero { min-height:950px; background-position:65% center; }.legacy-home .home-hero::before { background:linear-gradient(180deg,rgba(2,8,15,.12),rgba(2,8,15,.52) 40%,rgba(2,8,15,.96) 72%); }.legacy-home .home-hero-copy { position:relative; left:auto; top:auto; width:auto; padding:34px 20px 0; transform:none; }.legacy-home .home-hero-copy h1 { font-size:55px; }.legacy-home .home-hero-copy>p { max-width:90%; font-size:17px; }.legacy-home .home-hero-actions { display:grid; }.legacy-home .home-primary,.legacy-home .home-secondary { justify-content:center; }.home-host-portrait { top:54px; right:-28px; bottom:auto; left:auto; width:270px; height:430px; opacity:.44; }.home-schedule-card { right:14px; bottom:18px; left:14px; top:auto; width:auto; padding:18px; transform:none; } }

/* M04 team and lineup workbench.  The field remains a stable desktop canvas; narrow windows scroll instead of shrinking players beyond readability. */
.team-page .site-main,.team-workbench-page .site-main,.lineup-policy-page .site-main{width:min(1880px,calc(100% - 40px));padding-top:34px;padding-bottom:70px}.team-page-hero,.team-workbench-head{display:flex;align-items:center;gap:20px;min-height:148px;padding:24px 28px;border:1px solid color-mix(in srgb,var(--team-color),transparent 56%);border-left:5px solid var(--team-color);background:linear-gradient(120deg,color-mix(in srgb,var(--team-color),#0d2638 82%),#07111f 58%);box-shadow:var(--shadow)}.team-crest-large{display:grid;flex:0 0 auto;place-items:center;width:82px;height:82px;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),rgba(255,255,255,.04));color:#fff;font-size:32px;font-style:normal;font-weight:900}.team-crest-large img{width:100%;height:100%;object-fit:cover}.section-kicker,.team-workbench-head>div>span,.team-public-card header span,.team-pitch-editor header span,.team-squad-panel header span,.team-profile-editor summary span,.lineup-policy-card header span,.team-visibility-table header span{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.15em}.team-page-hero h1,.team-workbench-head h1{margin:6px 0;font-size:clamp(32px,3vw,54px);letter-spacing:-.04em}.team-page-hero p,.team-workbench-head p{margin:0;color:#b7c6cf;font-size:16px}.team-hero-actions{margin-left:auto}.team-public-layout{display:grid;grid-template-columns:minmax(640px,1.18fr) minmax(400px,.82fr);gap:16px;margin-top:16px}.team-public-card,.team-pitch-editor,.team-squad-panel,.team-profile-editor,.lineup-policy-card,.lineup-policy-note,.team-visibility-table{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,38,57,.97),rgba(5,16,27,.99));box-shadow:var(--shadow)}.team-public-card>header,.team-pitch-editor>header,.team-squad-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.team-public-card h2,.team-pitch-editor h2,.team-squad-panel h2,.lineup-policy-card h2,.team-visibility-table h2{margin:5px 0 0;font-size:24px}.team-public-card>header>b,.team-squad-panel>header>b{color:var(--lime);font-size:17px}.football-pitch{position:relative;min-width:600px;min-height:690px;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.045) 50%,transparent 50%) 0 0/12.5% 100%,repeating-linear-gradient(0deg,#185d46 0 10%,#1c6d50 10% 20%);box-shadow:inset 0 0 90px rgba(0,0,0,.34)}.football-pitch::before{content:"";position:absolute;inset:20px;border:2px solid rgba(255,255,255,.45);pointer-events:none}.football-pitch::after{content:"";position:absolute;top:50%;left:0;right:0;height:0;border-top:2px solid rgba(255,255,255,.42);box-shadow:0 0 0 58px transparent;pointer-events:none}.football-pitch .pitch-centre{position:absolute}.pitch-player-card,.pitch-player-editor{position:absolute;z-index:2;left:var(--x);top:var(--y);width:108px;transform:translate(-50%,-50%);text-align:center}.pitch-player-card img,.pitch-player-editor img,.pitch-avatar-fallback{display:grid;width:54px;height:54px;margin:auto;place-items:center;border:2px solid rgba(255,255,255,.65);border-radius:50%;background:linear-gradient(145deg,#224a5d,#092334);color:#eaf4ed;object-fit:cover;box-shadow:0 7px 18px rgba(0,0,0,.36)}.pitch-player-card .pitch-rating{position:absolute;top:-4px;left:14px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime);color:#07111a;font-size:11px;font-weight:950}.pitch-player-card strong{display:block;overflow:hidden;margin-top:5px;padding:3px 6px;border-radius:2px;background:rgba(2,12,18,.86);color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.pitch-player-card small{display:block;margin-top:2px;color:#dbe7e2;font-size:11px}.pitch-player-card.empty{opacity:.72}.pitch-player-card.empty .pitch-avatar-fallback{border-style:dashed;color:#c6d5d1}.lineup-hidden-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:690px;padding:36px;text-align:center;background:radial-gradient(circle,rgba(242,185,75,.13),transparent 55%)}.lineup-hidden-state i{display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(242,185,75,.44);border-radius:50%;color:var(--gold);font-size:27px;font-style:normal;font-weight:900}.lineup-hidden-state strong{margin-top:17px;font-size:22px}.lineup-hidden-state span{margin-top:8px;color:#aebec8}.team-roster-list{max-height:722px;overflow:auto;padding:10px}.team-roster-row,.team-squad-row{display:grid;grid-template-columns:42px 42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:8px;border-bottom:1px solid rgba(255,255,255,.08)}.team-roster-row img,.team-squad-row img,.team-roster-row .roster-photo-fallback,.team-squad-row i{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#102b39;color:#d5e7df;font-size:11px;font-style:normal;object-fit:cover}.roster-rating,.team-squad-row>b{color:var(--lime);font-size:19px;text-align:center}.team-roster-row strong,.team-roster-row small,.team-squad-row strong,.team-squad-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-roster-row small,.team-squad-row small{margin-top:3px;color:#9db0bd;font-size:12px}.team-roster-row em,.team-squad-row em{color:#dec180;font-size:12px;font-style:normal}.team-empty{display:grid;justify-items:center;gap:6px;padding:50px 22px;color:#8fa4b2;text-align:center}.team-empty strong{color:#d9e4e8;font-size:18px}.team-workbench-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.team-workbench-metrics article{min-height:94px;padding:16px 18px;border:1px solid var(--line);background:rgba(10,29,44,.92)}.team-workbench-metrics span,.team-workbench-metrics small{display:block;color:#9fb2be;font-size:13px}.team-workbench-metrics strong{display:block;margin-top:6px;color:#fff;font-size:25px}.team-workbench-metrics strong small{display:inline;color:var(--lime);font-size:15px}.workbench-shell{display:grid;grid-template-columns:minmax(760px,1.35fr) minmax(370px,.65fr);gap:16px;min-width:1170px}.team-pitch-editor>header label{display:flex;align-items:center;gap:9px;color:#b7c7d0;font-size:14px}.team-pitch-editor>header select{min-height:38px;border:1px solid var(--line-strong);background:#07111f;color:#fff}.editor-pitch{min-height:760px}.pitch-player-editor{width:118px}.pitch-player-editor>span{display:block;margin-top:3px;color:#e9f4ee;font-size:11px;font-weight:900}.pitch-player-editor select{display:block;width:118px;min-height:30px;margin:3px auto 0;border:1px solid rgba(255,255,255,.24);background:rgba(2,13,19,.88);color:#fff;font-size:11px}.pitch-player-editor input{width:45px;min-height:26px;margin-top:3px;border:1px solid rgba(255,255,255,.22);background:rgba(2,13,19,.9);color:#fff;text-align:center}.pitch-player-editor.empty .pitch-avatar-fallback{border-style:dashed}.team-pitch-editor>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-top:1px solid var(--line);color:#9eb2be;font-size:13px}.team-squad-panel{min-height:860px}.team-squad-scroll{max-height:791px;overflow:auto;padding:8px 12px}.team-profile-editor{margin-top:16px}.team-profile-editor summary{display:flex;align-items:center;gap:12px;padding:18px 20px;cursor:pointer;list-style:none}.team-profile-editor summary i{margin-left:auto;color:#9eb2be;font-size:12px;font-style:normal}.team-profile-editor form{padding:0 20px 20px}.team-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.team-profile-grid label,.lineup-policy-card label{display:grid;gap:7px;color:#afc0cb;font-size:13px;font-weight:800}.team-profile-grid input,.team-profile-grid select,.lineup-policy-card input,.lineup-policy-card select{min-height:42px;border:1px solid var(--line-strong);background:#07111f;color:#fff;padding:0 10px}.team-profile-grid small{color:#8197a7;font-size:12px;font-weight:400}.lineup-policy-grid{display:grid;grid-template-columns:minmax(440px,1fr) minmax(300px,.6fr);gap:16px}.lineup-policy-card,.lineup-policy-note{padding:24px}.lineup-policy-card header{margin-bottom:18px}.lineup-policy-card p,.lineup-policy-note p{color:#9eb1bd;font-size:14px;line-height:1.65}.lineup-policy-card label{margin:14px 0}.lineup-policy-note>span{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.13em}.lineup-policy-note strong{display:block;margin-top:8px;font-size:28px}.team-visibility-table{margin-top:16px}.team-visibility-table>header{padding:20px;border-bottom:1px solid var(--line)}.team-visibility-table form{display:grid;grid-template-columns:minmax(210px,1fr) 130px minmax(180px,.8fr) minmax(220px,1fr) auto;align-items:end;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.team-policy-name{display:flex;align-items:center;gap:10px;min-height:42px}.team-policy-name i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font-size:13px;font-style:normal;font-weight:900}.team-visibility-table label{display:grid;gap:6px;color:#99adba;font-size:12px}.team-visibility-table select,.team-visibility-table input:not([type=checkbox]){min-height:38px;border:1px solid var(--line-strong);background:#07111f;color:#fff;padding:0 8px}.team-visibility-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--lime)}
@media(max-width:1200px){.team-public-layout{grid-template-columns:1fr}.workbench-shell{min-width:0;grid-template-columns:1fr}.team-squad-panel{min-height:0}.team-squad-scroll{max-height:460px}.team-visibility-table{overflow-x:auto}.team-visibility-table form{min-width:950px}.editor-pitch{min-height:690px}}@media(max-width:760px){.team-page .site-main,.team-workbench-page .site-main,.lineup-policy-page .site-main{width:calc(100% - 24px);padding-top:18px}.team-page-hero,.team-workbench-head{align-items:flex-start;flex-wrap:wrap;padding:18px}.team-crest-large{width:60px;height:60px;font-size:24px}.team-page-hero h1,.team-workbench-head h1{font-size:30px}.team-hero-actions{margin-left:0}.team-workbench-metrics{grid-template-columns:1fr 1fr}.team-workbench-metrics article{min-height:78px;padding:12px}.team-workbench-metrics strong{font-size:21px}.football-pitch{min-width:580px}.team-pitch-editor{overflow-x:auto}.team-pitch-editor>header,.team-pitch-editor>footer{min-width:580px}.team-profile-grid,.lineup-policy-grid{grid-template-columns:1fr}.team-profile-grid{gap:10px}.team-pitch-editor>footer{align-items:flex-start;flex-direction:column}.lineup-policy-card,.lineup-policy-note{padding:18px}}

/* Keep broadcast viewing generous on 2K/4K displays without creating a second layout system. */
.team-lineup-guard{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:860px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,38,57,.97),rgba(5,16,27,.99));box-shadow:var(--shadow)}.team-lineup-guard>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line)}.team-lineup-guard header span{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.15em}.team-lineup-guard h2{margin:5px 0 0;font-size:24px}.team-lineup-guard header>b{padding:5px 9px;border:1px solid rgba(242,185,75,.46);color:#f3ca75;font-size:13px}.team-lineup-guard>div{display:grid;place-content:center;justify-items:center;max-width:500px;margin:auto;padding:40px;text-align:center}.team-lineup-guard i{display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(242,185,75,.44);border-radius:50%;background:rgba(242,185,75,.08);color:#f3ca75;font-size:28px;font-style:normal;font-weight:900}.team-lineup-guard strong{margin-top:18px;font-size:25px}.team-lineup-guard p{margin:10px 0 22px;color:#aebec8;font-size:15px;line-height:1.65}
@media(min-width:2560px){.team-page .site-main,.team-workbench-page .site-main,.lineup-policy-page .site-main{width:min(2440px,calc(100% - 96px));padding-top:48px}.team-page-hero,.team-workbench-head{min-height:176px;padding:30px 36px}.team-crest-large{width:104px;height:104px;font-size:40px}.team-page-hero h1,.team-workbench-head h1{font-size:64px}.team-page-hero p,.team-workbench-head p{font-size:19px}.team-public-layout{grid-template-columns:minmax(880px,1.18fr) minmax(520px,.82fr);gap:22px}.football-pitch{min-width:840px;min-height:800px}.lineup-hidden-state{min-height:800px}.pitch-player-card{width:140px}.pitch-player-card img,.pitch-avatar-fallback{width:68px;height:68px}.pitch-player-card .pitch-rating{left:18px;width:31px;height:31px;font-size:13px}.pitch-player-card strong{font-size:16px}.pitch-player-card small{font-size:13px}.team-roster-list{max-height:832px;padding:14px}.team-roster-row,.team-squad-row{grid-template-columns:50px 50px minmax(0,1fr) auto;min-height:78px;padding:10px}.team-roster-row img,.team-squad-row img,.team-roster-row .roster-photo-fallback,.team-squad-row i{width:48px;height:48px}.roster-rating,.team-squad-row>b{font-size:22px}.team-roster-row strong,.team-squad-row strong{font-size:17px}.team-roster-row small,.team-squad-row small{font-size:14px}.team-workbench-metrics article{min-height:110px;padding:20px 22px}.team-workbench-metrics span,.team-workbench-metrics small{font-size:15px}.team-workbench-metrics strong{font-size:31px}.workbench-shell{grid-template-columns:minmax(1030px,1.35fr) minmax(500px,.65fr);gap:22px;min-width:0}.editor-pitch{min-height:890px}.pitch-player-editor{width:142px}.pitch-player-editor>span,.pitch-player-editor select{font-size:13px}.pitch-player-editor select{width:142px;min-height:36px}.pitch-player-editor input{min-height:30px}.team-squad-panel{min-height:990px}.team-squad-scroll{max-height:910px}.team-pitch-editor>footer{font-size:15px}.lineup-policy-grid{gap:22px}.lineup-policy-card,.lineup-policy-note{padding:30px}.team-visibility-table form{padding:18px 26px}.team-visibility-table label{font-size:14px}}
.team-directory-crest img{width:100%;height:100%;object-fit:cover}
.team-flag{position:relative;display:block;overflow:hidden;border:1px solid color-mix(in srgb,var(--flag-color),#fff 35%);border-radius:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--flag-color),#fff 13%),var(--flag-color) 64%,color-mix(in srgb,var(--flag-color),#06111d 44%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 5px 12px rgba(0,0,0,.2)}.team-flag::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 44%,rgba(255,255,255,.22) 45% 49%,transparent 50%)}.team-flag::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:11%;background:rgba(4,14,24,.42);clip-path:polygon(0 0,100% 15%,100% 85%,0 100%)}.team-crest-large .team-flag{width:58px;height:42px}.team-directory .team-directory-crest.team-flag{width:42px;height:30px;border-radius:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--flag-color),#fff 13%),var(--flag-color) 64%,color-mix(in srgb,var(--flag-color),#06111d 44%))}.team-identity-preview{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:12px;border:1px solid var(--line);background:rgba(4,14,23,.48)}.team-identity-preview>span{display:grid;flex:0 0 auto;place-items:center;width:58px;height:46px;overflow:hidden;border-radius:3px;background:#102b39}.team-identity-preview>span>img{width:100%;height:100%;object-fit:cover}.team-identity-preview b,.team-identity-preview small{display:block}.team-identity-preview b{font-size:15px}.team-identity-preview small{margin-top:4px;color:#90a5b3;font-size:12px}.team-color-field>div{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px}.team-color-field input[type=color]{width:44px;min-height:42px;padding:3px;border:1px solid var(--line-strong);background:#07111f;cursor:pointer}.team-color-field output{min-width:74px;color:var(--lime);font-family:ui-monospace,Consolas,monospace;font-size:13px}
.team-profile-crest-trigger{display:grid;flex:0 0 auto;place-items:center;width:58px;height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:3px;background:#102b39;cursor:pointer}.team-profile-crest-trigger img{width:100%;height:100%;object-fit:cover}.team-profile-upload{display:none}.team-profile-crest-dialog{width:min(760px,calc(100vw - 32px));border:1px solid rgba(183,255,74,.32);background:#0a1d2d;color:#eef7fb;box-shadow:0 30px 90px rgba(0,0,0,.55)}.team-profile-crest-dialog::backdrop{background:rgba(2,10,17,.72)}.crest-dialog header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(142,181,200,.2)}.crest-dialog header span{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.13em}.crest-dialog h2{margin:4px 0 0;font-size:23px}.dialog-close{width:36px;height:36px;border:1px solid var(--line-strong);background:#102a3d;color:#eaf3f7;font-size:23px;cursor:pointer}.crest-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:16px}.crest-library-grid button{display:grid;justify-items:center;gap:7px;padding:10px;border:1px solid rgba(142,181,200,.22);background:rgba(4,18,31,.7);color:#c7d6dd;cursor:pointer}.crest-library-grid button:hover{border-color:rgba(183,255,74,.65);background:rgba(183,255,74,.08)}.crest-library-grid img{width:46px;height:46px;object-fit:contain}.crest-library-grid span{font-size:12px}.crest-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:16px;border-top:1px solid rgba(142,181,200,.2)}.crest-dialog footer button{min-height:36px;padding:0 12px;border:1px solid var(--line-strong);background:#0d2a3b;color:#e5f0f5;cursor:pointer}.crest-dialog .crest-upload-action{border-color:rgba(183,255,74,.52);color:var(--lime)}@media(max-width:760px){.crest-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Settings remain operationally dense and legible, separate from broadcast surfaces. */
.settings-page .site-main{width:min(1880px,calc(100% - 40px));padding-top:24px;padding-bottom:54px}.settings-shell{display:grid;grid-template-columns:208px minmax(0,1fr);align-items:start;gap:18px}.settings-sidebar{position:sticky;top:18px;padding:16px 10px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(16,37,55,.96),rgba(5,16,27,.98));box-shadow:var(--shadow)}.settings-sidebar>span,.settings-section-head>span{display:block;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.14em}.settings-sidebar h1{margin:5px 9px 14px;font-size:24px}.settings-sidebar nav{display:grid;gap:5px}.settings-sidebar a{display:grid;gap:3px;padding:11px 10px;border-left:3px solid transparent;color:#aebec9}.settings-sidebar a:hover,.settings-sidebar a.active{border-left-color:var(--lime);background:rgba(183,243,74,.08);color:#fff}.settings-sidebar a b{font-size:15px}.settings-sidebar a small{color:#8197a7;font-size:12px}.settings-content{min-width:0}.settings-section-head{display:flex;align-items:baseline;gap:12px;min-height:42px;margin-bottom:12px}.settings-section-head h2{margin:0;font-size:27px}.settings-section-head p{margin:0;color:#92a5b2;font-size:14px}.lineup-policy-page .lineup-policy-grid{grid-template-columns:minmax(520px,1.3fr) minmax(260px,.55fr);gap:12px}.lineup-policy-page .lineup-policy-card,.lineup-policy-page .lineup-policy-note{padding:18px}.lineup-policy-page .lineup-policy-card h2,.lineup-policy-page .team-visibility-table h2{font-size:21px}.policy-control-grid{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:end}.policy-control-grid label{margin:0}.policy-control-grid .is-muted{opacity:.4}.lineup-policy-page .lineup-policy-card p,.lineup-policy-page .lineup-policy-note p{margin:12px 0;color:#9eb1bd;font-size:13px}.lineup-policy-page .lineup-policy-note strong{font-size:25px}.lineup-policy-page .team-visibility-table{margin-top:12px}.team-visibility-table>header{display:flex;align-items:baseline;gap:12px;padding:16px 18px}.team-visibility-table>header p{margin:0;color:#8fa3b1;font-size:13px}.team-visibility-list{display:grid}.team-visibility-row{display:grid;grid-template-columns:minmax(240px,1fr) 96px 230px;align-items:center;gap:18px;min-height:70px;padding:8px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.team-policy-name{min-width:0}.team-policy-name i{overflow:hidden}.team-policy-name i img{width:100%;height:100%;object-fit:cover}.team-policy-name span{min-width:0}.team-policy-name b,.team-policy-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-policy-name small{margin-top:3px;color:#8fa4b2;font-size:12px}.visibility-status{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:850}.visibility-status i{width:8px;height:8px;border-radius:50%;background:#8598a6}.visibility-status.shown{color:#9cecc0}.visibility-status.shown i{background:#48cf8b;box-shadow:0 0 10px rgba(72,207,139,.5)}.visibility-status.hidden{color:#b7c2c9}.visibility-switch{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:3px}.visibility-switch button{min-height:34px;border:0;border-right:1px solid var(--line);background:#081623;color:#a9bac5;font-size:13px;font-weight:800;cursor:pointer}.visibility-switch button:last-child{border-right:0}.visibility-switch button:hover{background:#132b3b;color:#fff}.visibility-switch button.active{background:rgba(183,243,74,.16);color:var(--lime);box-shadow:inset 0 -2px var(--lime)}.private-preview-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(242,185,75,.38);background:rgba(242,185,75,.1);color:#f3d58d;font-size:13px}.private-preview-banner span{font-weight:900}.private-preview-banner b{font-weight:650}.private-preview-banner a{margin-left:auto;color:#fff2cf;font-weight:800}.private-preview-trigger{margin-top:18px;min-height:40px;font-size:14px}.private-preview-dialog{width:min(460px,calc(100vw - 36px));padding:26px;border:1px solid rgba(242,185,75,.52);background:linear-gradient(145deg,#10293b,#07121e);color:var(--paper);box-shadow:0 28px 90px rgba(0,0,0,.6)}.private-preview-dialog::backdrop{background:rgba(0,0,0,.72)}.private-preview-dialog>span{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em}.private-preview-dialog h2{margin:9px 0;font-size:25px}.private-preview-dialog p{margin:0;color:#b5c4cd;font-size:15px;line-height:1.65}.private-preview-dialog>div{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#aabac3;font-size:25px;cursor:pointer}
@media(max-width:1100px){.settings-shell{grid-template-columns:1fr;min-width:940px}.settings-sidebar{position:static;display:flex;align-items:center;gap:20px}.settings-sidebar h1{margin:0}.settings-sidebar nav{display:flex;flex:1}.settings-sidebar a{flex:1}.settings-content{min-width:900px}}@media(min-width:2560px){.settings-page .site-main{width:min(2460px,calc(100% - 96px));padding-top:38px}.settings-shell{grid-template-columns:248px minmax(0,1fr);gap:24px}.settings-sidebar{padding:22px 14px}.settings-sidebar h1{font-size:29px}.settings-sidebar a b{font-size:17px}.settings-sidebar a small{font-size:14px}.settings-section-head h2{font-size:33px}.settings-section-head p{font-size:16px}.team-visibility-row{grid-template-columns:minmax(320px,1fr) 120px 280px;padding:15px 22px}.visibility-status{font-size:16px}.visibility-switch button{min-height:40px;font-size:15px}}

/* M04 account control stays compact beside the existing team identity editor. */
.team-password-editor summary span{color:#9fb6c2}.team-password-grid input{width:100%}
.team-next-fixture{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 18px;border:1px solid rgba(183,243,74,.28);background:linear-gradient(100deg,rgba(183,243,74,.1),rgba(8,25,37,.92))}.team-next-fixture div{display:grid;gap:4px}.team-next-fixture span{color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.13em}.team-next-fixture b{font-size:17px}.team-next-fixture b i{padding:0 8px;color:#aabac4;font-style:normal}.team-next-fixture small{color:#9aafbb;font-size:13px}
/* Empty platform state deliberately keeps the same broadcast canvas, without a regular navigation bar. */
.platform-home-page{min-width:0;overflow:hidden;background:#06111d}.platform-home-page .platform-hero{min-height:100svh}.platform-home-page .platform-hero::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 27% 48%,rgba(184,248,61,.12),transparent 28%);animation:platformLight 8s ease-in-out infinite}.platform-home-page .platform-home-copy{z-index:4;width:min(48vw,760px)}.platform-home-page .platform-home-copy h1{font-size:clamp(58px,5.4vw,104px)}.platform-home-page .platform-home-actions{margin-top:28px}.platform-home-page .platform-home-actions .home-primary,.platform-home-page .platform-home-actions .home-secondary{min-width:190px;justify-content:center}.platform-home-page .home-primary{margin-top:24px}@keyframes platformLight{50%{opacity:.55;transform:scale(1.08)}}@media(max-width:720px){.platform-home-page .platform-hero{min-height:100svh}.platform-home-page .platform-home-copy h1{font-size:55px}.platform-home-page .platform-home-actions{display:grid}.platform-home-page .platform-home-actions .home-primary,.platform-home-page .platform-home-actions .home-secondary{width:100%}}

/* Five nearby fixtures read like a broadcast rundown rather than a text list. */
.home-schedule-card{width:clamp(450px,26vw,560px);padding:26px}.home-schedule-list{display:grid;margin-top:4px}.home-schedule-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:64px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.home-schedule-row:last-child{border-bottom:0}.home-schedule-row time{display:grid;gap:4px;color:#dfeef4;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.home-schedule-row time small{color:#9bb1bd;font-size:11px;letter-spacing:.08em}.home-schedule-row.complete time{color:#a8bdc7}.home-schedule-row.complete time small{color:#83a3ae}.home-schedule-row>div{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:7px;min-width:0}.home-schedule-row b{overflow:hidden;color:#f2f8fa;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.home-schedule-row b:last-of-type{text-align:right}.home-schedule-row strong{color:var(--lime);font-size:16px;text-align:center;font-variant-numeric:tabular-nums}.home-schedule-row.complete strong{color:#dbe7ec}.home-schedule-row span{grid-column:1/-1;overflow:hidden;margin-top:1px;color:#92a8b4;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.home-schedule-card>header{padding-bottom:15px}.home-schedule-card h2{font-size:30px}@media(min-width:2560px){.home-schedule-card{width:620px;padding:30px}.home-schedule-card h2{font-size:34px}.home-schedule-row{grid-template-columns:108px minmax(0,1fr);min-height:74px;padding:12px 0}.home-schedule-row time{font-size:17px}.home-schedule-row b{font-size:18px}.home-schedule-row strong{font-size:18px}.home-schedule-row span{font-size:14px}}@media(max-width:760px){.home-schedule-card{width:auto}.home-schedule-row{grid-template-columns:80px minmax(0,1fr);gap:10px}.home-schedule-row b{font-size:14px}}

/* M04 directory: keep the desktop canvas intact; narrow browsers scroll horizontally instead of distorting it. */
dialog.team-directory-crest-dialog[open]{display:grid}.team-directory-crest-dialog{grid-template-rows:auto 0 minmax(0,1fr) auto;max-height:calc(100vh - 48px);padding:0;overflow:hidden}.team-directory-crest-dialog>form{min-height:0;overflow:hidden}.team-directory-crest-dialog .crest-library-grid{min-height:0;overflow:auto;align-content:start}
.team-directory-crest-trigger{position:relative;padding:0;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:transform .16s ease,filter .16s ease}.team-directory-crest-trigger:hover,.team-directory-crest-trigger:focus-visible{filter:brightness(1.12);outline:2px solid var(--lime);outline-offset:4px;transform:translateY(-1px)}.team-directory-crest-trigger .team-flag{width:58px;height:42px}.team-crest-edit-mark{position:absolute;right:-4px;bottom:-3px;display:grid;place-items:center;width:23px;height:23px;border:2px solid #0b1b2a;border-radius:50%;background:var(--lime);color:#08121c;font-size:14px;line-height:1;font-weight:950;box-shadow:0 4px 10px rgba(0,0,0,.34)}.team-directory-crest-dialog{width:min(760px,calc(100vw - 32px));border:1px solid rgba(183,255,74,.32);background:#0a1d2d;color:#eef7fb;box-shadow:0 30px 90px rgba(0,0,0,.55)}.team-directory-crest-dialog::backdrop{background:rgba(2,10,17,.72)}.team-directory-crest-dialog .crest-library-grid button[aria-pressed="true"]{border-color:var(--lime);background:rgba(183,255,74,.13);box-shadow:inset 0 0 0 1px rgba(183,255,74,.3)}.team-directory-crest-dialog footer .button-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px}
.teams-directory-page .site-main{width:max(1260px,min(1980px,calc(100% - 48px)));padding-top:26px;padding-bottom:48px}.team-selector-workspace{display:grid;grid-template-columns:308px minmax(0,1fr);gap:18px;min-width:1260px}.team-selector-rail,.team-selector-detail{border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,38,57,.97),rgba(5,16,27,.99));box-shadow:var(--shadow)}.team-selector-rail{display:grid;grid-template-rows:auto 1fr;min-height:774px}.team-selector-rail>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.team-selector-rail header span,.team-selector-head>div>span{display:block;color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.14em}.team-selector-rail h1{margin:5px 0 0;font-size:29px}.team-selector-rail>header>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(183,255,74,.48);border-radius:50%;color:var(--lime);font-size:16px;font-variant-numeric:tabular-nums}.team-selector-rail nav{display:grid;grid-template-rows:repeat(16,minmax(40px,1fr));gap:4px;padding:10px}.team-selector-rail nav>a{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:9px;min-height:40px;padding:5px 8px;border:1px solid transparent;color:#c0d0d8}.team-selector-rail nav>a:hover{border-color:rgba(183,255,74,.34);background:rgba(183,255,74,.06);color:#fff}.team-selector-rail nav>a.active{border-color:rgba(183,255,74,.58);background:linear-gradient(100deg,rgba(183,255,74,.18),rgba(10,31,44,.88));color:#fff;box-shadow:inset 3px 0 var(--lime)}.team-selector-rail .team-directory-crest{display:grid;place-items:center;width:30px;height:24px;overflow:hidden;border-radius:2px;background:#102b39}.team-selector-rail .team-directory-crest img{width:100%;height:100%;object-fit:contain}.team-selector-rail span{display:grid;min-width:0}.team-selector-rail span b,.team-selector-rail span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-selector-rail span b{font-size:15px}.team-selector-rail span small{margin-top:2px;color:#8fa6b2;font-size:12px}.team-selector-rail em{color:#8298a5;font-size:12px;font-style:normal;font-weight:850;text-align:right;font-variant-numeric:tabular-nums}.team-selector-rail a.active em{color:var(--lime)}.team-selector-head{display:flex;align-items:center;gap:18px;min-height:118px;padding:19px 24px;border-bottom:1px solid var(--line);border-left:4px solid var(--team-color);background:linear-gradient(105deg,color-mix(in srgb,var(--team-color),#102738 80%),#07111f 62%)}.team-selector-head .team-crest-large{width:70px;height:70px}.team-selector-head h1{margin:4px 0;font-size:34px;letter-spacing:-.035em}.team-selector-head p{margin:0;color:#aebfc8;font-size:15px}.team-selector-panels{display:grid;grid-template-columns:minmax(650px,1.26fr) minmax(365px,.74fr);gap:16px;padding:16px}.directory-lineup-card,.directory-roster-card{min-height:640px}.directory-lineup-card>header,.directory-roster-card>header{padding:16px 18px}.directory-lineup-card h2,.directory-roster-card h2{font-size:23px}.directory-pitch{min-width:0;min-height:576px}.directory-lineup-hidden{display:grid;min-height:576px;place-content:center;justify-items:center;gap:14px;padding:32px;background:radial-gradient(circle at 50% 45%,rgba(168,183,193,.09),transparent 34%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 2px,transparent 2px 11px);text-align:center}.directory-lineup-hidden strong{color:#dce6ea;font-size:clamp(44px,5vw,70px);letter-spacing:.17em;font-variant-numeric:tabular-nums}.directory-lineup-hidden span{color:#a2b6c0;font-size:16px;font-weight:800}.directory-roster-card .team-roster-list{max-height:575px;padding:9px 12px}.directory-roster-card .team-roster-row{min-height:58px}.directory-roster-card .team-roster-row strong{font-size:15px}.directory-roster-card .team-roster-row small{font-size:12px}@media(min-width:2560px){.teams-directory-page .site-main{width:min(2480px,calc(100% - 96px));padding-top:40px}.team-selector-workspace{grid-template-columns:375px minmax(0,1fr);gap:24px;min-width:1640px}.team-selector-rail{min-height:990px}.team-selector-rail>header{padding:24px 22px 19px}.team-selector-rail h1{font-size:35px}.team-selector-rail nav{padding:14px;gap:6px}.team-selector-rail nav>a{grid-template-columns:42px minmax(0,1fr) 32px;min-height:51px;padding:6px 10px}.team-selector-rail .team-directory-crest{width:37px;height:29px}.team-selector-rail span b{font-size:18px}.team-selector-rail span small,.team-selector-rail em{font-size:14px}.team-selector-head{min-height:152px;padding:26px 32px}.team-selector-head .team-crest-large{width:94px;height:94px}.team-selector-head h1{font-size:47px}.team-selector-head p{font-size:18px}.team-selector-panels{grid-template-columns:minmax(920px,1.26fr) minmax(510px,.74fr);gap:22px;padding:22px}.directory-lineup-card,.directory-roster-card{min-height:814px}.directory-pitch,.directory-lineup-hidden{min-height:744px}.directory-roster-card .team-roster-list{max-height:744px;padding:13px 16px}.directory-roster-card .team-roster-row{min-height:72px}.directory-roster-card .team-roster-row strong{font-size:18px}.directory-roster-card .team-roster-row small{font-size:14px}}@media(max-width:1380px){body.teams-directory-page{overflow-x:auto}.teams-directory-page .site-main{width:max(1260px,calc(100% - 40px))}.team-selector-workspace{grid-template-columns:286px minmax(920px,1fr);min-width:1230px}.team-selector-panels{grid-template-columns:minmax(560px,1.2fr) minmax(340px,.8fr)}.team-selector-detail{min-width:0}}@media(max-width:760px){.teams-directory-page .site-main{width:max(1080px,calc(100% - 24px));padding-top:18px}.team-selector-workspace{grid-template-columns:266px minmax(800px,1fr);min-width:1080px;gap:12px}.team-selector-rail{min-height:720px}.team-selector-head{min-height:105px;padding:16px}.team-selector-panels{grid-template-columns:minmax(560px,1.2fr) minmax(320px,.8fr);gap:12px;padding:12px}.directory-lineup-card,.directory-roster-card{min-height:570px}.directory-pitch,.directory-lineup-hidden{min-height:506px}}
/* A completed result without a scheduled kickoff should read as a result,
   not as an unplanned future fixture. */
.home-schedule-row time.is-result-only{align-content:center}
.home-schedule-row time.is-result-only small{color:#83a3ae}

/* The selector rail stays a compact 16-team index.  The crest is an
   independent grid item, so long team names can never sit underneath it. */
.team-selector-workspace{grid-template-columns:300px minmax(0,1fr)}
.team-selector-rail{min-height:770px}
.team-selector-rail>header{min-height:70px;padding:14px 16px 11px}
.team-selector-rail h1{font-size:26px}
.team-selector-rail nav{grid-template-rows:repeat(16,minmax(38px,1fr));gap:3px;padding:8px}
.team-selector-rail nav>a{grid-template-columns:34px minmax(0,1fr) 24px;gap:9px;min-height:38px;padding:4px 8px}
.team-selector-rail .team-directory-crest{grid-row:auto!important;align-self:center;justify-self:center;width:30px;height:30px;aspect-ratio:1;border-radius:3px}
.team-selector-rail span b{font-size:16px;line-height:18px}
.team-selector-rail span small{margin-top:0;font-size:12px;line-height:14px}
.team-selector-rail em{font-size:11px}
@media(min-width:2560px){.team-selector-workspace{grid-template-columns:360px minmax(0,1fr)}.team-selector-rail{min-height:890px}.team-selector-rail>header{min-height:92px;padding:20px}.team-selector-rail h1{font-size:32px}.team-selector-rail nav{grid-template-rows:repeat(16,minmax(42px,1fr));gap:5px;padding:12px}.team-selector-rail nav>a{grid-template-columns:38px minmax(0,1fr) 28px;gap:11px;min-height:42px;padding:5px 10px}.team-selector-rail .team-directory-crest{width:34px;height:34px}.team-selector-rail span b{font-size:18px;line-height:21px}.team-selector-rail span small,.team-selector-rail em{font-size:14px;line-height:16px}}
@media(max-width:1380px){.team-selector-workspace{grid-template-columns:300px minmax(920px,1fr);min-width:1240px}}

/* Team accounts land on the editable workspace; keep its two navigation
   actions together and out of the title's reading column. */
.team-workbench-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-left:auto}.team-workbench-actions .button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap}@media(max-width:760px){.team-workbench-actions{width:100%;justify-content:flex-start;margin-left:0}.team-workbench-actions .button-link{flex:1}}
.team-selector-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.team-selector-actions .button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap}@media(max-width:760px){.team-selector-actions{width:100%;margin-left:0}.team-selector-actions .button-link{width:100%}}

/* Direct-manipulation lineup editor.  The submitted controls remain native
   selects for server-side validation, while the visual layer stays a real
   football pitch with click-to-place and drag-to-place interaction. */
.lineup-slot-input{display:none!important}.team-pitch-editor .editor-pitch{isolation:isolate}.team-pitch-editor .pitch-player-editor{display:grid;justify-items:center;width:120px;padding:0;border:0;background:transparent;color:#eef7f3;font:inherit;cursor:pointer}.pitch-player-editor .pitch-slot-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;transition:transform .16s ease,filter .16s ease}.pitch-player-editor .pitch-slot-avatar>img,.pitch-player-editor .pitch-slot-avatar>.lineup-avatar-silhouette{width:54px;height:54px}.pitch-player-editor .pitch-slot-role{display:grid;place-items:center;min-width:32px;min-height:19px;margin-top:-7px;padding:0 6px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:#07131e;color:#dceee2;font-size:11px;font-weight:950;line-height:1;z-index:1}.pitch-player-editor strong{display:block;max-width:120px;overflow:hidden;margin-top:3px;padding:3px 6px;border-radius:2px;background:rgba(2,12,18,.88);color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.pitch-player-editor small{display:block;max-width:120px;overflow:hidden;margin-top:2px;color:#d6e2dc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.pitch-player-editor.empty{opacity:.9}.pitch-player-editor.empty .pitch-slot-avatar{border:1px dashed rgba(220,239,229,.56);background:rgba(4,30,31,.35)}.pitch-player-editor.empty strong{color:#d5e4dc;background:rgba(2,13,19,.72)}.pitch-player-editor.is-selected .pitch-slot-avatar{filter:drop-shadow(0 0 12px rgba(183,243,74,.7));transform:translateY(-3px)}.pitch-player-editor.is-selected strong{background:var(--lime);color:#07131a}.pitch-player-editor.is-drop-target .pitch-slot-avatar{outline:3px solid var(--lime);outline-offset:4px;transform:scale(1.07)}.lineup-avatar-silhouette{position:relative;display:grid;overflow:hidden;place-items:end center;border:2px solid rgba(255,255,255,.58);border-radius:50%;background:radial-gradient(circle at 36% 24%,rgba(140,228,255,.65),transparent 18%),linear-gradient(145deg,#173d55,#082031 70%);box-shadow:0 7px 18px rgba(0,0,0,.36)}.lineup-avatar-silhouette::before{content:"";position:absolute;z-index:1;top:11px;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#c2e7ee,#5d91a2)}.lineup-avatar-silhouette::after{content:"";position:absolute;bottom:-7px;width:43px;height:37px;border-radius:50% 50% 8px 8px;background:linear-gradient(135deg,#2c7590,#0e3347);clip-path:polygon(22% 0,78% 0,100% 34%,88% 100%,12% 100%,0 34%)}.team-squad-row.team-lineup-player{position:relative;cursor:grab;transition:border-color .16s ease,background .16s ease,transform .16s ease}.team-squad-row.team-lineup-player:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.team-squad-row.team-lineup-player:hover{background:rgba(255,255,255,.065)}.team-squad-row.team-lineup-player.is-selected{border-left:3px solid #86c9ff;background:rgba(87,168,255,.13)}.team-squad-row.team-lineup-player.is-starter{border-left:3px solid var(--lime);background:linear-gradient(90deg,rgba(183,243,74,.12),rgba(255,255,255,.025))}.team-squad-row.team-lineup-player.is-dragging{opacity:.48;cursor:grabbing}.team-squad-row .lineup-primary-position{color:#9eb2bd}.team-squad-row .lineup-assigned-position{color:#90a8b6;font-weight:850}.team-squad-row.is-starter .lineup-assigned-position{color:var(--lime)}.team-squad-row .lineup-avatar-silhouette{width:40px;height:40px}.team-squad-row .lineup-avatar-silhouette::before{top:7px;width:14px;height:14px}.team-squad-row .lineup-avatar-silhouette::after{bottom:-6px;width:32px;height:29px}.lineup-editor-actions{display:flex;align-items:center;gap:8px}.lineup-editor-actions .button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;white-space:nowrap}.lineup-editor-actions .button-link:disabled{opacity:.42;cursor:not-allowed}@media(max-width:760px){.team-pitch-editor .pitch-player-editor{width:112px}.pitch-player-editor strong,.pitch-player-editor small{max-width:112px}.lineup-editor-actions{width:100%}.lineup-editor-actions .button-link{flex:1}}