:root {
  --ink: #f6f7f2;
  --muted: #979dad;
  --panel: #191d29;
  --panel-2: #202532;
  --line: #303645;
  --bg: #0f121a;
  --acid: #dffc42;
  --orange: #ff6b35;
  --danger: #ff5d6c;
  --success: #48d9a1;
  font-family: Inter, system-ui, sans-serif;
  color: var(--ink);
  background: var(--bg);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 90% -10%, #253044 0, transparent 32rem), var(--bg); }
button, select { font: inherit; }
button { color: inherit; }
.app-shell { display: grid; grid-template-columns: 230px 1fr; min-height: 100vh; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 26px 18px 18px; background: #12151eeb; border-right: 1px solid #282d3a; display: flex; flex-direction: column; z-index: 10; backdrop-filter: blur(20px); }
.brand { display: flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; margin: 0 8px 38px; }
.brand-ball { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--acid); color: #111; font: 800 23px/1 "Barlow Condensed"; transform: rotate(-8deg); box-shadow: inset -4px -5px #8fa71c; }
.brand b, .brand small { display: block; font-family: "Barlow Condensed"; letter-spacing: .08em; }
.brand b { font-size: 17px; } .brand small { font-size: 11px; color: var(--acid); }
nav { display: grid; gap: 5px; }
.nav-item { width: 100%; border: 0; background: transparent; color: var(--muted); text-align: left; padding: 12px 13px; border-radius: 9px; display: flex; gap: 12px; cursor: pointer; font-size: 13px; font-weight: 600; transition: .2s ease; }
.nav-item span { width: 18px; text-align: center; font-size: 17px; }
.nav-item:hover { color: var(--ink); background: #202530; }
.nav-item.active { color: #111; background: var(--acid); }
.sidebar-season { margin-top: auto; padding: 16px 12px; border-top: 1px solid var(--line); }
.sidebar-season span { font: 700 12px "Barlow Condensed"; letter-spacing: .08em; }
.sidebar-season small { color: var(--muted); font-size: 10px; }
.season-progress { height: 4px; margin: 9px 0 6px; overflow: hidden; border-radius: 5px; background: #303543; }
.season-progress i { display: block; height: 100%; width: 7%; background: var(--acid); transition: width .5s; }
.manager-card { display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--panel); border-radius: 10px; margin-top: 10px; }
.avatar { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #2e3545; font-size: 10px; }
.manager-card b, .manager-card small { display: block; font-size: 10px; } .manager-card small { color: var(--muted); margin-top: 3px; }
main { min-width: 0; }
.topbar { min-height: 100px; padding: 24px clamp(22px, 4vw, 54px); border-bottom: 1px solid #292e3b; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.eyebrow { display: block; color: var(--acid); font: 700 10px "Barlow Condensed"; letter-spacing: .12em; margin-bottom: 4px; }
h1, h2, h3 { font-family: "Barlow Condensed", sans-serif; margin: 0; }
h1 { font-size: 30px; line-height: 1; text-transform: uppercase; letter-spacing: .02em; }
.top-actions { display: flex; gap: 12px; align-items: center; }
.training-token { padding: 10px 12px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; color: var(--muted); font-size: 11px; }
.training-token b { color: var(--acid); }
.button { border: 1px solid var(--line); background: #252b38; border-radius: 8px; padding: 10px 14px; cursor: pointer; font-weight: 700; font-size: 12px; transition: .18s ease; }
.button:hover { transform: translateY(-1px); filter: brightness(1.12); }
.button.primary { background: var(--acid); color: #101219; border-color: var(--acid); }
.button.ghost { background: transparent; }
.button.small { padding: 7px 10px; font-size: 10px; }
.button:disabled { opacity: .45; cursor: wait; transform: none; }
.mobile-menu { display: none; border: 0; background: transparent; font-size: 23px; }
.view { padding: 34px clamp(22px, 4vw, 54px) 60px; max-width: 1500px; margin: auto; }
.loading { min-height: 50vh; display: grid; place-items: center; color: var(--muted); }
.loading span { width: 30px; height: 30px; border: 3px solid var(--line); border-top-color: var(--acid); border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr); gap: 22px; }
.stack { display: grid; gap: 22px; align-content: start; }
.panel { border: 1px solid var(--line); background: linear-gradient(145deg, #1c202c, #171b25); border-radius: 13px; overflow: hidden; box-shadow: 0 17px 45px #05070a30; }
.panel-header { min-height: 53px; display: flex; justify-content: space-between; align-items: center; padding: 13px 17px; border-bottom: 1px solid var(--line); }
.panel-header h2 { font-size: 16px; text-transform: uppercase; letter-spacing: .045em; }
.panel-header small { color: var(--muted); font-size: 10px; }
.hero-match { padding: 25px; background: radial-gradient(circle at center, #2b3342, transparent 65%); }
.match-meta { text-align: center; color: var(--muted); font: 600 11px "Barlow Condensed"; letter-spacing: .08em; }
.matchup { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; margin: 22px 0; }
.team-lockup { display: flex; align-items: center; gap: 15px; min-width: 0; }
.team-lockup.away { flex-direction: row-reverse; text-align: right; }
.team-mark { flex: 0 0 auto; width: 57px; height: 57px; border-radius: 15px; display: grid; place-items: center; color: white; font: 800 17px "Barlow Condensed"; border: 1px solid #ffffff35; box-shadow: inset 0 -20px 30px #0004; }
.team-lockup h3 { font-size: clamp(18px, 2vw, 25px); text-transform: uppercase; line-height: .9; }
.team-lockup small { color: var(--muted); font-size: 10px; }
.versus { font: 800 17px "Barlow Condensed"; color: #72798a; }
.score-big { font: 800 clamp(34px, 5vw, 64px)/1 "Barlow Condensed"; letter-spacing: .02em; white-space: nowrap; }
.score-big span { color: #737a89; margin: 0 6px; }
.match-actions { display: flex; justify-content: center; gap: 9px; }
.form-dots { display: inline-flex; gap: 3px; vertical-align: middle; margin-left: 7px; }.form-dots i { width: 5px; height: 5px; border-radius: 50%; background: #444b5b; }.form-dots i.win { background: var(--success); }.form-dots i.loss { background: var(--danger); }
.kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.kpi { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.kpi span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.kpi b { display: block; font: 700 25px "Barlow Condensed"; margin-top: 5px; }
.kpi small { color: var(--success); font-size: 9px; }
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 11px; }
th { color: #747b8b; text-align: right; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; padding: 10px 12px; background: #151923; }
th:first-child, td:first-child, th:nth-child(2), td:nth-child(2) { text-align: left; }
td { padding: 11px 12px; border-top: 1px solid #292f3c; text-align: right; white-space: nowrap; }
tbody tr { transition: .15s; } tbody tr:hover { background: #242a37; }
.team-cell { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.mini-mark { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; font: 700 8px "Barlow Condensed"; }
.rank { color: #6f7685; width: 15px; display: inline-block; }
.positive { color: var(--success); }.negative { color: var(--danger); }.warning { color: var(--orange); }.muted { color: var(--muted); }
.fixture-list { display: grid; }
.fixture { display: grid; grid-template-columns: 1fr auto 1fr auto; align-items: center; gap: 10px; padding: 13px 16px; border-top: 1px solid var(--line); font-size: 11px; }
.fixture:first-child { border-top: 0; }.fixture .home { text-align: right; }.fixture strong { font-family: "Barlow Condensed"; font-size: 16px; }.fixture.current { background: #dffc4208; border-left: 2px solid var(--acid); }
.round-heading { padding: 15px 3px 8px; color: var(--acid); font: 700 11px "Barlow Condensed"; letter-spacing: .1em; }
.roster-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 17px; }
.roster-head p { color: var(--muted); font-size: 11px; max-width: 600px; margin: 5px 0 0; }
.player-name { display: flex; align-items: center; gap: 10px; text-align: left; }.player-name b { display: block; font-size: 11px; }.player-name small { color: var(--muted); font-size: 9px; }
.position { display: inline-grid; place-items: center; min-width: 27px; height: 23px; padding: 0 5px; border-radius: 6px; background: #2c3342; color: var(--acid); font: 700 9px "Barlow Condensed"; }
.rating { font: 700 15px "Barlow Condensed"; }.rating.elite { color: var(--acid); }.rating.good { color: var(--success); }
.tactics-grid, .facility-grid, .development-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.choice-card, .facility, .development-card { padding: 21px; }
.choice-card label { display: block; color: var(--muted); font-size: 10px; margin: 6px 0 13px; line-height: 1.5; }
select { width: 100%; padding: 10px; border-radius: 7px; border: 1px solid var(--line); background: #111620; color: var(--ink); }
.court { margin-top: 20px; min-height: 270px; border: 2px solid #bd7b3a; border-radius: 8px; background: repeating-linear-gradient(90deg, #9e5f2b 0, #9e5f2b 40px, #a96831 41px, #a96831 80px); position: relative; overflow: hidden; }
.court::before { content: ''; position: absolute; width: 150px; height: 150px; border: 2px solid #fff8; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.court-player { position: absolute; transform: translate(-50%,-50%); width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #151922; color: var(--acid); border: 2px solid var(--acid); font: 700 10px "Barlow Condensed"; box-shadow: 0 5px 10px #0006; }
.management-grid { display: grid; grid-template-columns: minmax(430px, 1.25fr) minmax(320px, .75fr); gap: 20px; margin-top: 20px; align-items: stretch; }
.management-grid .court { margin-top: 0; min-height: 430px; }
.rotation-total { color: var(--acid); font: 800 18px "Barlow Condensed"; }.rotation-total.invalid { color: var(--danger); }
.rotation-list { display: grid; }
.rotation-player { position: relative; display: grid; grid-template-columns: 30px minmax(130px,1fr) 58px 25px; align-items: center; gap: 10px; min-height: 52px; padding: 8px 16px 11px; border-top: 1px solid var(--line); overflow: hidden; }
.rotation-player:first-child { border-top: 0; }.rotation-player b,.rotation-player small { display: block; }.rotation-player b { font-size: 11px; }.rotation-player small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.rotation-player input { width: 58px; padding: 7px 5px; border: 1px solid var(--line); border-radius: 6px; background: #10141d; color: var(--ink); text-align: center; font-weight: 800; }
.rotation-player em { color: var(--muted); font: normal 700 8px "Barlow Condensed"; letter-spacing: .08em; }
.rotation-player i { position: absolute; left: 0; bottom: 0; width: calc(var(--minutes) / 48 * 100%); height: 3px; background: linear-gradient(90deg,var(--acid),var(--success)); transition: width .2s; }
.stat-season-chip { padding: 9px 12px; border: 1px solid #dffc4245; border-radius: 7px; background: #dffc420b; color: var(--acid); font: 700 9px "Barlow Condensed"; letter-spacing: .08em; }
.stats-empty { display: grid; justify-items: center; gap: 10px; }.stats-empty b { color: var(--acid); font: 800 18px "Barlow Condensed"; letter-spacing: .08em; }.stats-empty span { margin-bottom: 8px; }
.stat-leaders { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; margin-bottom: 20px; }
.stat-leader { padding: 15px; }.stat-leader > small { color: var(--muted); font: 700 8px "Barlow Condensed"; letter-spacing: .09em; }.stat-leader > div { display: flex; align-items: center; gap: 8px; margin: 9px 0 14px; min-width: 0; }.stat-leader b,.stat-leader em { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.stat-leader b { font-size: 10px; }.stat-leader em { margin-top: 2px; color: var(--muted); font: normal 8px Inter,sans-serif; }.stat-leader > strong { color: var(--acid); font: 800 24px "Barlow Condensed"; }.stat-leader > strong i { color: var(--muted); font: normal 8px Inter,sans-serif; }
.stats-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 20px; align-items: start; }.stats-sidebar { display: grid; gap: 20px; }.stats-table { max-height: 680px; overflow: auto; }.stats-table thead { position: sticky; top: 0; z-index: 2; }.stats-table .mini-mark { width: 22px; height: 22px; }.triple-double { padding: 2px 4px; border-radius: 3px; background: var(--acid); color: #111; font: 700 7px Inter,sans-serif; }
.record-list { display: grid; }.record-card { padding: 16px; border-top: 1px solid var(--line); }.record-card:first-child { border-top: 0; }.record-card small,.record-card b,.record-card span { display: block; }.record-card small { color: var(--muted); font: 700 8px "Barlow Condensed"; letter-spacing: .08em; }.record-card strong { display: block; margin: 5px 0 2px; color: var(--acid); font: 800 32px "Barlow Condensed"; }.record-card b { font-size: 10px; line-height: 1.4; }.record-card span { margin: 4px 0 10px; color: var(--muted); font-size: 8px; }.team-stats-panel { margin-top: 20px; }
.facility b { display: block; font: 700 31px "Barlow Condensed"; margin: 13px 0 3px; }.facility p { color: var(--muted); font-size: 10px; line-height: 1.5; }.facility-icon { font-size: 27px; color: var(--acid); }
.development-card h3 { font-size: 18px; }.development-card p { color: var(--muted); font-size: 10px; }.attribute-bars { display: grid; gap: 9px; margin-top: 16px; }.attribute-bar { display: grid; grid-template-columns: 70px 1fr 25px; gap: 8px; align-items: center; font-size: 9px; }.attribute-bar i { height: 4px; background: #343a49; border-radius: 4px; overflow: hidden; }.attribute-bar i::before { content: ''; display: block; width: var(--value); height: 100%; background: var(--acid); }
#toast { position: fixed; z-index: 50; right: 25px; top: 20px; padding: 12px 16px; border-radius: 8px; background: var(--acid); color: #111; font-weight: 700; font-size: 11px; box-shadow: 0 15px 50px #0008; transform: translateY(-80px); transition: .3s; }#toast.show { transform: translateY(0); }
dialog { width: min(1000px, calc(100% - 32px)); max-height: 90vh; padding: 0; border: 1px solid var(--line); border-radius: 15px; color: var(--ink); background: #151923; box-shadow: 0 35px 100px #000b; overflow: auto; }dialog::backdrop { background: #05070bc9; backdrop-filter: blur(5px); }.dialog-close { position: sticky; top: 12px; float: right; margin: 12px; z-index: 2; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #303645; cursor: pointer; }.result-hero { padding: 35px 40px 25px; text-align: center; background: radial-gradient(circle, #293342, #171b25 68%); }.result-score { font: 800 66px/1 "Barlow Condensed"; }.result-score span { color: #6d7482; margin: 0 15px; }.result-teams { display: grid; grid-template-columns: 1fr 1fr; margin-top: 7px; font: 700 13px "Barlow Condensed"; }.result-teams span:first-child { text-align: left; }.result-teams span:last-child { text-align: right; }.box-tabs { display: flex; gap: 6px; padding: 16px 20px 0; }.box-tabs button { border: 0; border-radius: 7px; background: #252b37; padding: 8px 12px; cursor: pointer; font-size: 10px; }.box-tabs button.active { background: var(--acid); color: #111; }.box-content { padding: 15px 20px 25px; }.leaders { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 0 40px 25px; }.leader { padding: 11px; background: #151923a8; border: 1px solid #353c4b; border-radius: 9px; text-align: left; }.leader small { color: var(--muted); font-size: 8px; text-transform: uppercase; }.leader b { display: block; font: 700 16px "Barlow Condensed"; margin-top: 3px; }.leader span { color: var(--acid); font-size: 10px; }.management-summary { display: flex; justify-content: space-between; gap: 12px; padding: 0 40px 10px; color: var(--muted); font: 700 9px "Barlow Condensed"; letter-spacing: .06em; text-transform: uppercase; }
.highlight-content { padding-top: 8px; }
.highlight-viewer { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #10141d; }
.highlight-scorebar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 10px 16px; background: #111620; border-bottom: 1px solid #343b49; font: 700 14px "Barlow Condensed"; letter-spacing: .04em; }
.highlight-scorebar > span:last-child { text-align: right; }.highlight-scorebar strong { color: var(--acid); font-size: 20px; margin: 0 5px; }.highlight-clock { display: grid; grid-template-columns: auto auto; gap: 8px; align-items: center; padding: 4px 10px; background: #080b10; border-radius: 6px; }.highlight-clock b { color: var(--orange); }.highlight-clock strong { color: white; font-size: 14px; margin: 0; }
.highlight-court { position: relative; aspect-ratio: 2 / 1; min-height: 285px; overflow: hidden; background: repeating-linear-gradient(90deg, #b87538 0, #b87538 6%, #b27135 6.1%, #b27135 12%), linear-gradient(#b87538,#a65f2d); border-bottom: 3px solid #5c311b; isolation: isolate; }
.highlight-court::before { content: ''; position: absolute; inset: 5%; border: 2px solid #fff9; border-left: 0; pointer-events: none; }.highlight-court::after { content: 'STARTING FIVE'; position: absolute; left: 15%; top: 50%; transform: translate(-50%,-50%) rotate(-90deg); color: #40200c20; font: 800 clamp(25px,5vw,65px) "Barlow Condensed"; letter-spacing: .12em; }
.court-half-line { position: absolute; left: 5%; top: 5%; bottom: 5%; width: 2px; background: #fff9; }.court-centre-circle { position: absolute; left: 5%; top: 50%; width: 19%; aspect-ratio: 1; transform: translate(-50%,-50%); border: 2px solid #fff9; border-radius: 50%; }.court-key { position: absolute; right: 5%; top: 50%; width: 24%; height: 46%; transform: translateY(-50%); border: 2px solid #fff9; background: #7c3f1f22; }.court-key i { position: absolute; left: 0; top: 50%; width: 45%; aspect-ratio: 1; transform: translate(-50%,-50%); border: 2px solid #fff9; border-radius: 50%; }.court-three-line { position: absolute; right: 5%; top: 9%; width: 52%; height: 82%; border: 2px solid #fff9; border-right: 0; border-radius: 55% 0 0 55%; }
.highlight-hoop { position: absolute; right: 8.3%; top: 50%; width: 34px; height: 48px; transform-origin: center; z-index: 15; }.highlight-hoop::before { content: ''; position: absolute; right: -9px; top: 5px; width: 8px; height: 39px; border-radius: 3px; background: #e9edf2; box-shadow: 2px 2px 5px #0007; }.highlight-hoop i { position: absolute; left: 1px; top: 16px; width: 25px; height: 9px; border: 4px solid #ed5d29; border-radius: 50%; }.highlight-hoop b { position: absolute; left: 6px; top: 25px; width: 20px; height: 17px; border: solid #eee9; border-width: 0 1px 1px; transform: perspective(20px) rotateX(-8deg); }
.highlight-player-layer { position: absolute; inset: 0; z-index: 5; }.highlight-player { position: absolute; left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: 38px; height: 58px; transform: translate(-50%,-50%); filter: drop-shadow(0 4px 2px #0005); z-index: 5; }.highlight-player.featured-player { z-index: 9; filter: drop-shadow(0 0 6px #fff8) drop-shadow(0 5px 3px #0007); }.player-shadow { position: absolute; left: 50%; bottom: 0; width: 34px; height: 9px; transform: translateX(-50%); border-radius: 50%; background: #2d160b55; }.sprite-head { position: absolute; z-index: 4; left: 50%; top: 2px; width: 15px; height: 16px; transform: translateX(-50%); border-radius: 48% 48% 44% 44%; background: var(--skin); border: 1px solid #2d180e45; }.sprite-head i { position: absolute; inset: -1px 0 56%; border-radius: 50% 50% 30% 30%; background: var(--hair); }.hair-shaved .sprite-head i { opacity: .25; }.hair-afro .sprite-head i { inset: -5px -4px 45%; border-radius: 50%; }.hair-curls .sprite-head i { inset: -3px -2px 48%; }.hair-fade .sprite-head i { inset: -2px 1px 55%; }.sprite-body { position: absolute; z-index: 3; left: 50%; top: 16px; width: 23px; height: 25px; transform: translateX(-50%); clip-path: polygon(15% 0,85% 0,100% 88%,72% 100%,28% 100%,0 88%); background: linear-gradient(90deg,var(--trim) 0 14%,var(--jersey) 15% 85%,var(--trim) 86%); border-top: 2px solid var(--trim); }.sprite-body b { display: grid; place-items: center; height: 100%; color: white; text-shadow: 0 1px #000; font: 700 10px "Barlow Condensed"; }.sprite-arms i { position: absolute; top: 2px; width: 7px; height: 25px; background: linear-gradient(var(--jersey) 0 30%,var(--skin) 31%); border-radius: 5px; transform-origin: top; }.sprite-arms i:first-child { left: -5px; transform: rotate(8deg); }.sprite-arms i:last-child { right: -5px; transform: rotate(-8deg); }.sprite-legs { position: absolute; z-index: 2; left: 50%; top: 37px; width: 21px; height: 18px; transform: translateX(-50%); background: var(--trim); border-radius: 2px 2px 5px 5px; }.sprite-legs i { position: absolute; top: 11px; width: 7px; height: 11px; border-radius: 3px; background: var(--skin); border-bottom: 3px solid #f1f2f5; }.sprite-legs i:first-child { left: 2px; }.sprite-legs i:last-child { right: 2px; }.highlight-player small { position: absolute; left: 50%; top: 60px; transform: translateX(-50%); padding: 2px 4px; border-radius: 3px; background: #0b0e14dd; color: white; font: 700 7px "Barlow Condensed"; white-space: nowrap; }.build-power { transform: translate(-50%,-50%) scale(1.08); }.build-lean { transform: translate(-50%,-50%) scale(.94); }
.highlight-ball { position: absolute; z-index: 20; left: 45%; top: 48%; width: 12px; height: 12px; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle at 35% 30%,#ffb165,#d75418 58%,#72270c); border: 1px solid #57200d; box-shadow: 0 3px 5px #0006; }.highlight-ball::before,.highlight-ball::after { content: ''; position: absolute; background: #5f230f; }.highlight-ball::before { left: 50%; top: 0; width: 1px; height: 100%; }.highlight-ball::after { left: 0; top: 50%; width: 100%; height: 1px; }.impact-flash { position: absolute; z-index: 19; right: 9%; top: 44%; width: 45px; height: 45px; opacity: 0; border-radius: 50%; background: radial-gradient(circle,#fff 0,#e8ff47 25%,transparent 68%); }
.highlight-caption { min-height: 74px; padding: 12px 17px 10px; border-top: 1px solid #49301f; background: linear-gradient(90deg,#151a24,#1e2530); }.highlight-caption span { color: var(--orange); font: 800 9px "Barlow Condensed"; letter-spacing: .12em; }.highlight-caption h3 { margin: 2px 0; font-size: 16px; }.highlight-caption p { margin: 0; color: #b4bac7; font-size: 10px; }
.highlight-controls { display: flex; align-items: center; gap: 7px; padding: 10px 14px; border-top: 1px solid var(--line); }.highlight-controls > span { margin-left: 5px; color: var(--muted); font: 700 10px "Barlow Condensed"; }.highlight-dots { display: flex; gap: 4px; margin-left: auto; }.highlight-dots button { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: #434a58; cursor: pointer; }.highlight-dots button.active { background: var(--acid); box-shadow: 0 0 5px var(--acid); }
.commentary-content { padding-top: 8px; }
.commentary-feed { max-height: 460px; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; background: #10141d; scrollbar-color: #454c5d #171b25; }
.commentary-quarter { position: sticky; top: 0; z-index: 1; padding: 9px 14px; background: #252b38f2; border-top: 1px solid #394151; border-bottom: 1px solid #394151; color: var(--acid); font: 700 10px "Barlow Condensed"; letter-spacing: .11em; backdrop-filter: blur(8px); }
.commentary-quarter:first-child { border-top: 0; }
.commentary-event { display: grid; grid-template-columns: 45px 25px minmax(0, 1fr) 48px; align-items: center; gap: 10px; min-height: 47px; padding: 8px 13px; border-top: 1px solid #272d39; transition: background .15s; }
.commentary-event:hover { background: #202633; }
.commentary-event time { color: #747c8d; font: 700 11px "Barlow Condensed"; }
.commentary-event p { margin: 0; color: #c4c8d1; font-size: 11px; line-height: 1.45; }
.commentary-event p em { display: inline-block; min-width: 63px; margin-right: 8px; padding: 2px 5px; border-radius: 3px; background: #303746; color: #aeb5c2; font: normal 800 8px "Barlow Condensed"; letter-spacing: .08em; text-align: center; vertical-align: 1px; }
.commentary-event strong { color: #747c8d; text-align: right; font: 700 13px "Barlow Condensed"; }
.commentary-event.scoring-play { background: #dffc4208; }
.commentary-event.scoring-play p { color: var(--ink); font-weight: 600; }
.commentary-event.scoring-play strong { color: var(--acid); }
.commentary-event.dunk p em { background: #ff6b35; color: white; }.commentary-event.three p em { background: #dffc42; color: #101219; }.commentary-event.block p em { background: #ff4f68; color: white; }.commentary-event.steal p em { background: #3ed5ff; color: #0b2027; }.commentary-event.turnover p em { background: #8b6374; color: white; }.commentary-event.defensive-stop p em { background: #63718b; color: white; }.commentary-event.free-throw p em { background: #8c7af4; color: white; }
.commentary-event.timeout p em { background: #f0bb45; color: #17120a; }.commentary-event.foul-trouble p em,.commentary-event.foul-out p em { background: var(--danger); color: white; }
.commentary-event.block p, .commentary-event.turnover p, .commentary-event.steal p, .commentary-event.defensive-stop p { color: #ffdfcc; }
.empty { padding: 50px; color: var(--muted); text-align: center; }
.manager-badge { display: inline-flex; align-items: center; height: 16px; margin-left: 5px; padding: 0 5px; border: 1px solid #465064; border-radius: 3px; color: #8992a3; font: normal 800 7px "Barlow Condensed"; letter-spacing: .08em; }
.manager-badge.human { border-color: #dffc4266; background: #dffc4214; color: var(--acid); }
.format-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; margin: 0 0 16px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: var(--line); }
.format-strip span { padding: 13px 15px; background: #171c26; color: var(--muted); font: 700 10px "Barlow Condensed"; text-transform: uppercase; letter-spacing: .06em; }
.format-strip b { margin-right: 5px; color: var(--ink); font-size: 17px; }
.calendar-panel { margin-bottom: 18px; }
.calendar-key { display: flex; align-items: center; gap: 7px; color: var(--muted); font: 700 8px "Barlow Condensed"; text-transform: uppercase; }
.calendar-key i { width: 7px; height: 7px; margin-left: 4px; border-radius: 50%; background: #63718b; }
.calendar-key i.league { background: var(--acid); }.calendar-key i.champions { background: #8c7af4; }.calendar-key i.world { background: #3ed5ff; }.calendar-key i.special { background: #ff8c42; }
.competition-calendar { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 9px; padding: 4px 18px 20px; }
.calendar-day { min-height: 155px; overflow: hidden; border: 1px solid #343b49; border-radius: 9px; background: #111620; }
.calendar-day > header { display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; gap: 6px; padding: 8px 10px; border-bottom: 1px solid #303746; background: #1b212c; }
.calendar-day > header span { color: #747c8d; font: 800 7px "Barlow Condensed"; letter-spacing: .12em; }.calendar-day > header b { font: 800 19px "Barlow Condensed"; }.calendar-day > header em { justify-self: end; color: #697284; font: normal 800 7px "Barlow Condensed"; letter-spacing: .08em; text-transform: uppercase; }
.calendar-day.current { border-color: var(--acid); box-shadow: 0 0 0 1px #dffc4225, 0 0 18px #dffc420d; }.calendar-day.current > header { background: #29301c; }.calendar-day.current > header b,.calendar-day.current > header em { color: var(--acid); }.calendar-day.complete { opacity: .62; }
.calendar-events { display: grid; gap: 5px; padding: 8px; }.calendar-event { position: relative; display: grid; gap: 2px; padding: 7px 8px 7px 11px; border-radius: 5px; background: #202632; }.calendar-event::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: 5px 0 0 5px; background: #63718b; }.calendar-event small { color: #8d96a6; font: 800 7px "Barlow Condensed"; letter-spacing: .08em; }.calendar-event strong { font: 700 11px "Barlow Condensed"; }.calendar-event span { color: #7e8797; font-size: 8px; line-height: 1.3; }
.calendar-event.league::before { background: var(--acid); }.calendar-event.champions::before { background: #8c7af4; }.calendar-event.world::before { background: #3ed5ff; }.calendar-event.special::before { background: #ff8c42; }.calendar-event.playoffs::before { background: #ff4f68; }.calendar-event.season::before { background: #f0bb45; }
.schedule-panel { overflow: hidden; }.schedule-note { color: var(--muted); font: 700 9px "Barlow Condensed"; text-transform: uppercase; }.schedule-panel .round-heading { padding-left: 18px; padding-right: 18px; }.schedule-panel .fixture { margin-left: 18px; margin-right: 18px; }
.competition-list { display: grid; gap: 22px; }.competition-block { overflow: hidden; border: 1px solid #343b49; border-top: 3px solid var(--competition); border-radius: 14px; background: linear-gradient(145deg,#1c202c,#141821); box-shadow: 0 20px 50px #05070a45; }.competition-hero { display: grid; grid-template-columns: auto minmax(260px,1fr) auto; align-items: center; gap: 17px; padding: 20px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg,color-mix(in srgb,var(--competition) 9%,transparent),transparent 55%); }.competition-icon { display: grid; place-items: center; width: 50px; height: 50px; border: 1px solid color-mix(in srgb,var(--competition) 65%,white); border-radius: 14px; background: color-mix(in srgb,var(--competition) 15%,#151923); color: var(--competition); font-size: 24px; }.competition-hero small { color: var(--competition); font: 800 9px "Barlow Condensed"; letter-spacing: .1em; }.competition-hero h2 { margin: 2px 0 3px; font-size: 22px; text-transform: uppercase; }.competition-hero p { max-width: 620px; margin: 0; color: var(--muted); font-size: 9px; }.competition-action { display: grid; justify-items: end; gap: 8px; }.competition-status { color: var(--competition); font: 800 9px "Barlow Condensed"; letter-spacing: .09em; text-transform: uppercase; }.competition-status.locked { padding: 8px 10px; border: 1px solid #485064; border-radius: 6px; color: #929aaa; }
.qualification-strip { display: flex; align-items: center; gap: 8px; padding: 9px 19px; overflow-x: auto; border-bottom: 1px solid var(--line); background: #111620; white-space: nowrap; }.qualification-strip b { margin-right: 4px; color: #747c8d; font: 800 8px "Barlow Condensed"; letter-spacing: .1em; }.qualification-strip span { padding: 3px 6px; border: 1px solid #353d4d; border-radius: 4px; color: #aeb5c2; font: 700 8px "Barlow Condensed"; }
.bracket { padding: 17px; overflow-x: auto; }.bracket-rounds { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px,1fr); gap: 12px; min-width: min-content; align-items: start; }.bracket-round { overflow: hidden; border: 1px solid #303746; border-radius: 9px; background: #111620; }.bracket-round.current { border-color: color-mix(in srgb,var(--competition) 70%,#303746); box-shadow: 0 0 18px color-mix(in srgb,var(--competition) 12%,transparent); }.bracket-round > header { display: flex; justify-content: space-between; padding: 9px 11px; border-bottom: 1px solid #303746; background: #1e2430; }.bracket-round > header b { font: 800 10px "Barlow Condensed"; text-transform: uppercase; }.bracket-round > header span { color: #6f7787; font: 800 7px "Barlow Condensed"; text-transform: uppercase; }.bye-note { padding: 7px 10px; border-bottom: 1px solid #2c3340; color: var(--competition); font: 700 8px "Barlow Condensed"; text-align: center; }.bracket-match { padding: 8px; border-top: 1px solid #272d39; }.bracket-match:first-of-type { border-top: 0; }.bracket-team { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 7px; padding: 6px; border-radius: 5px; }.bracket-team.winner { background: color-mix(in srgb,var(--competition) 10%,transparent); }.bracket-team.winner b,.bracket-team.winner > strong { color: var(--competition); }.bracket-team b,.bracket-team small { display: block; }.bracket-team b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.bracket-team small { margin-top: 1px; color: #6f7787; font-size: 6px; }.bracket-team > strong { font: 800 16px "Barlow Condensed"; }.bracket-score { display: flex; align-items: center; justify-content: center; gap: 6px; color: #8790a0; font: 800 10px "Barlow Condensed"; }.bracket-score small { font-size: 6px; }.series-games { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }.series-games button { border: 1px solid #343c4b; border-radius: 4px; background: #1b212c; color: #9199a8; padding: 4px 6px; cursor: pointer; font: 700 7px "Barlow Condensed"; }.series-games button:hover { border-color: var(--competition); color: white; }.locked-bracket { display: grid; justify-items: center; gap: 5px; min-width: 600px; padding: 48px; color: #707888; }.locked-bracket b { font: 800 16px "Barlow Condensed"; }.locked-bracket span { font-size: 9px; }
.competition-stats { display: grid; grid-template-columns: 1.15fr repeat(4,1fr); gap: 1px; border-top: 1px solid var(--line); background: var(--line); }.competition-stats > div { min-width: 0; padding: 12px 14px; background: #171c26; }.competition-stats small,.competition-stats b,.competition-stats em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.competition-stats small { color: #737c8e; font: 800 7px "Barlow Condensed"; letter-spacing: .08em; }.competition-stats b { margin-top: 3px; font-size: 9px; }.competition-stats strong { float: right; margin-top: -13px; color: var(--competition); font: 800 18px "Barlow Condensed"; }.competition-stats em { margin-top: 2px; color: var(--competition); font: normal 700 7px "Barlow Condensed"; }.competition-stat-title b { color: var(--competition); font: 800 16px "Barlow Condensed"; }.trophy-cabinet { margin-bottom: 20px; }.trophy-cabinet > div:last-child { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px; }.trophy-lockup { display: flex; align-items: center; gap: 10px; min-width: 210px; }.trophy-lockup > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--competition); border-radius: 10px; color: var(--competition); font-size: 21px; }.trophy-lockup small,.trophy-lockup b,.trophy-lockup em { display: block; }.trophy-lockup small { color: var(--competition); font: 800 7px "Barlow Condensed"; }.trophy-lockup b { margin: 2px 0; font-size: 10px; }.trophy-lockup em { color: var(--muted); font: normal 7px "Barlow Condensed"; }.competition-action .trophy-lockup { min-width: 230px; }
.legacy-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.legacy-kpis>div{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#202532,#171b25)}.legacy-kpis small,.legacy-kpis b,.legacy-kpis span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-kpis small{color:#7b8495;font:800 8px "Barlow Condensed";letter-spacing:.1em}.legacy-kpis b{margin:4px 0 2px;color:var(--acid);font:800 24px "Barlow Condensed"}.legacy-kpis span{color:var(--muted);font-size:8px}.legacy-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:18px;align-items:start}.hall-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:135px;padding:22px;background:radial-gradient(circle at 85% 20%,#dffc4218,transparent 35%),linear-gradient(135deg,#242b36,#171b25)}.hall-banner>span{color:var(--acid);font-size:52px;opacity:.45}.hall-banner small{color:var(--acid);font:800 8px "Barlow Condensed";letter-spacing:.12em}.hall-banner h2{margin:3px 0;font-size:25px;text-transform:uppercase}.hall-banner p{margin:0;color:var(--muted);font-size:9px}.hall-trophies{display:flex;gap:1px;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--line)}.hall-trophies>div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;gap:0 8px;min-width:160px;padding:12px 16px;background:#151a23}.hall-trophies span{grid-row:1/3;color:var(--acid);font-size:22px}.hall-trophies b{color:var(--acid);font:800 19px "Barlow Condensed"}.hall-trophies small{color:#8992a2;font-size:7px}.hall-trophies .empty-honours{grid-template-columns:auto 1fr;min-width:100%}.legend-list{display:grid}.legend-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:11px 14px;border-top:1px solid var(--line)}.legend-row:first-child{border-top:0}.legend-row>div{min-width:0}.legend-row b,.legend-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-row b{font-size:10px}.legend-row small{margin-top:2px;color:var(--muted);font-size:7px}.legend-row>strong{color:var(--acid);font:800 17px "Barlow Condensed";text-align:right}.legend-row>strong small{color:#788193;font-size:6px}.legend-rank{display:grid;place-items:center;width:23px;height:23px;border:1px solid #3b4352;border-radius:50%;color:#818a9b;font:800 8px "Barlow Condensed"}.league-hall .legend-row{grid-template-columns:24px minmax(0,1fr) auto}.league-hall .legend-row .button{display:none}.honours-table,.career-board{margin-top:18px}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.season-archive>header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.season-archive>header small{color:var(--acid);font:800 7px "Barlow Condensed"}.season-archive>header h3{margin-top:2px;font-size:17px}.season-archive>header>span{color:var(--muted);font:800 7px "Barlow Condensed"}.archive-champions{display:grid;grid-template-columns:1fr 1fr}.archive-champions>div{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line)}.archive-champions small,.archive-champions b{display:block}.archive-champions small{color:#858e9e;font-size:7px}.archive-champions b{font-size:9px}.archive-awards{display:grid;grid-template-columns:repeat(3,1fr)}.archive-award{padding:11px;border-right:1px solid var(--line)}.archive-award:last-child{border-right:0}.archive-award small,.archive-award b,.archive-award span{display:block}.archive-award small{color:var(--acid);font:800 7px "Barlow Condensed"}.archive-award b{margin:3px 0;font-size:9px}.archive-award span{color:var(--muted);font-size:7px}.legacy-empty{display:grid;grid-column:1/-1;justify-items:center;gap:7px;padding:35px;color:var(--muted);text-align:center}.legacy-empty b{color:var(--acid);font:800 15px "Barlow Condensed"}.legacy-empty span{font-size:9px}.career-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:31px 38px;border-bottom:2px solid var(--club);background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--club) 18%,transparent),transparent 45%),#171c26}.career-hero small{color:var(--club);font:800 8px "Barlow Condensed";letter-spacing:.09em}.career-hero h2{margin:3px 0;font-size:29px;text-transform:uppercase}.career-hero p{margin:0;color:var(--muted);font-size:9px}.career-hero>strong{color:var(--club);font:800 36px "Barlow Condensed";text-align:right}.career-hero>strong small{display:block}.career-totals{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line)}.career-totals>div{padding:12px;background:#171b25;text-align:center}.career-totals small,.career-totals b{display:block}.career-totals small{color:#788193;font:800 7px "Barlow Condensed"}.career-totals b{margin-top:3px;font:800 19px "Barlow Condensed"}.career-section{padding:17px 20px;border-top:1px solid var(--line)}.career-section h3{margin-bottom:10px;text-transform:uppercase}.career-awards{display:flex;flex-wrap:wrap;gap:6px}.career-awards span{padding:6px 8px;border:1px solid #dffc4240;border-radius:5px;background:#dffc4209;color:var(--acid);font-size:8px}
@media (max-width: 1180px) { .stat-leaders { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 1180px) { .competition-calendar { grid-template-columns: repeat(3,minmax(170px,1fr)); } }
@media (max-width: 950px) { .app-shell { grid-template-columns: 1fr; }.sidebar { position: fixed; transform: translateX(-100%); transition: .25s; width: 230px; }.sidebar.open { transform: translateX(0); }.mobile-menu { display: block; }.dashboard-grid,.management-grid,.stats-layout { grid-template-columns: 1fr; }.tactics-grid, .facility-grid, .development-grid { grid-template-columns: 1fr 1fr; }.kpi-row { grid-template-columns: 1fr 1fr; }.competition-calendar { grid-template-columns: repeat(2,minmax(170px,1fr)); } }
@media (max-width: 950px) { .competition-hero { grid-template-columns: auto 1fr; }.competition-action { grid-column: 1 / -1; justify-items: start; }.competition-stats { grid-template-columns: 1fr 1fr; }.competition-stat-title { grid-column: 1 / -1; } }
@media (max-width:950px){.legacy-grid{grid-template-columns:1fr}.legacy-kpis{grid-template-columns:1fr 1fr}.history-list{grid-template-columns:1fr}}
@media (max-width: 600px) { .topbar { padding: 18px; }.topbar h1 { font-size: 24px; }.training-token { display: none; }.view { padding: 22px 14px 45px; }.button.primary { padding: 9px 10px; }.matchup { gap: 8px; }.team-lockup, .team-lockup.away { display: grid; justify-items: center; text-align: center; }.team-mark { width: 45px; height: 45px; }.team-lockup h3 { font-size: 16px; }.team-lockup small { display: none; }.kpi-row, .tactics-grid, .facility-grid, .development-grid { grid-template-columns: 1fr; }.fixture { grid-template-columns: 1fr auto 1fr; }.fixture .button { grid-column: 1 / -1; }.leaders { grid-template-columns: 1fr; padding: 0 18px 20px; }.result-hero { padding: 34px 18px 22px; }.result-score { font-size: 50px; }.hide-mobile { display: none; }.rotation-player { grid-template-columns: 27px 1fr 52px 22px; padding-left: 10px; padding-right: 10px; }.management-summary { padding-left: 18px; padding-right: 18px; } }
@media (max-width: 600px) { .box-tabs { overflow-x: auto; }.box-tabs button { white-space: nowrap; }.commentary-event { grid-template-columns: 36px 23px minmax(0, 1fr); }.commentary-event strong { grid-column: 3; text-align: left; } }
@media (max-width: 600px) { .stat-leaders { grid-template-columns: 1fr 1fr; }.stat-leader { padding: 12px; }.stat-season-chip { display: none; } }
@media (max-width: 600px) { .highlight-content { padding-left: 8px; padding-right: 8px; }.highlight-court { min-height: 210px; }.highlight-player { width: 29px; height: 47px; }.sprite-body { width: 19px; height: 21px; }.sprite-head { width: 13px; height: 14px; }.sprite-legs { top: 33px; width: 18px; }.highlight-player small { top: 52px; }.highlight-caption { min-height: 84px; }.highlight-dots { display: none; } }
@media (max-width: 600px) { .format-strip { grid-template-columns: 1fr; }.competition-calendar { grid-template-columns: 1fr; padding-left: 12px; padding-right: 12px; }.calendar-key { display: none; }.calendar-day { min-height: 0; }.schedule-note { display: none; } }
@media (max-width: 600px) { .competition-hero { grid-template-columns: 1fr; }.competition-icon { display: none; }.competition-action { grid-column: auto; }.competition-action .button { width: 100%; }.competition-stats { grid-template-columns: 1fr; }.competition-stat-title { grid-column: auto; }.locked-bracket { min-width: 280px; }.bracket-rounds { grid-auto-columns: 235px; } }
@media (max-width:600px){.hall-banner{grid-template-columns:auto 1fr}.hall-banner>span{display:none}.legend-row{grid-template-columns:24px minmax(0,1fr) auto}.legend-row .button{grid-column:2/-1}.archive-champions,.archive-awards{grid-template-columns:1fr}.archive-award{border-right:0;border-bottom:1px solid var(--line)}.career-hero{grid-template-columns:auto 1fr;padding:24px 18px}.career-hero>strong{grid-column:1/-1;text-align:left}.career-totals{grid-template-columns:repeat(4,1fr)}}
.window-badge{padding:9px 12px;border:1px solid #ff8c4266;border-radius:7px;background:#ff8c4211;color:var(--orange);font:800 9px "Barlow Condensed";letter-spacing:.1em}.window-badge.open{border-color:#dffc4266;background:#dffc4211;color:var(--acid)}
.market-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.market-kpis>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#202532,#171b25)}.market-kpis small,.market-kpis b,.market-kpis span{display:block}.market-kpis small{color:#7d8696;font:800 8px "Barlow Condensed";letter-spacing:.09em}.market-kpis b{margin:5px 0 2px;color:var(--acid);font:800 23px "Barlow Condensed"}.market-kpis span{font-size:8px;color:var(--muted)}.market-kpis span.positive{color:var(--success)}.market-kpis span.warning{color:var(--orange)}
.market-section{margin-bottom:18px}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.market-table{max-height:510px;overflow:auto}.market-table thead{position:sticky;top:0;z-index:2}.row-actions{display:flex;gap:5px}.transaction-wire{display:grid}.transaction-wire article{display:grid;grid-template-columns:35px minmax(160px,1fr) minmax(130px,1fr);align-items:center;gap:9px;padding:10px 15px;border-top:1px solid var(--line)}.transaction-wire article:first-child{border-top:0}.transaction-wire span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #3d4554;border-radius:50%;color:var(--acid);font:800 8px "Barlow Condensed"}.transaction-wire b{font-size:9px}.transaction-wire small{color:var(--muted);font-size:8px}
.scout-token{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #3ed5ff55;border-radius:9px;background:#3ed5ff0b}.scout-token b{color:#3ed5ff;font:800 27px "Barlow Condensed"}.scout-token span{color:#93a0b2;font:800 7px "Barlow Condensed";letter-spacing:.09em}.draft-hero{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:165px;margin-bottom:18px;padding:27px 30px;border:1px solid #3ed5ff55;border-radius:14px;background:radial-gradient(circle at 88% 20%,#3ed5ff24,transparent 28%),linear-gradient(135deg,#202836,#151a24)}.draft-hero small{color:#3ed5ff;font:800 8px "Barlow Condensed";letter-spacing:.11em}.draft-hero h2{margin:4px 0;text-transform:uppercase}.draft-hero p{max-width:670px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.draft-hero>span{color:#3ed5ff;font-size:68px;opacity:.35}.draft-board{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px}.prospect-card{padding:17px;transition:.2s}.prospect-card.scouted{border-color:#3ed5ff77;box-shadow:0 0 22px #3ed5ff0c}.prospect-card header{display:flex;align-items:center;gap:7px}.prospect-card header small{margin-left:auto;color:#6f7c8e;font:800 7px "Barlow Condensed"}.draft-rank{color:#3ed5ff;font:800 17px "Barlow Condensed"}.prospect-card h3{margin-top:12px;font-size:17px}.prospect-card>p{margin:3px 0 13px;color:var(--muted);font-size:8px}.prospect-card>strong{display:block;min-height:30px;margin:12px 0;color:#abb4c2;font-size:9px}.prospect-ratings{display:grid;grid-template-columns:1fr 1fr;gap:7px}.prospect-ratings>div{padding:9px;border:1px solid #303947;border-radius:7px;background:#111620}.prospect-ratings small,.prospect-ratings b{display:block}.prospect-ratings small{color:#727e90;font:800 7px "Barlow Condensed"}.prospect-ratings b{margin-top:2px;color:#3ed5ff;font:800 20px "Barlow Condensed"}.prospect-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.report-ready{color:var(--success);font:800 7px "Barlow Condensed";letter-spacing:.08em}
@media (max-width:1180px){.draft-board{grid-template-columns:repeat(3,minmax(190px,1fr))}}
@media (max-width:950px){.market-grid{grid-template-columns:1fr}.draft-board{grid-template-columns:repeat(2,minmax(190px,1fr))}.market-kpis{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.market-kpis,.draft-board{grid-template-columns:1fr}.draft-hero{padding:22px 18px}.draft-hero>span{display:none}.transaction-wire article{grid-template-columns:30px 1fr}.transaction-wire small{grid-column:2}.row-actions{flex-direction:column}}
.sidebar{overflow-y:auto}.sidebar nav{gap:2px}.sidebar .nav-item{padding-top:9px;padding-bottom:9px}.sidebar .brand{margin-bottom:22px}
.finance-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:18px}.ticket-control{display:grid;grid-template-columns:1fr auto;gap:14px;padding:22px}.ticket-control>div{grid-column:1/-1}.ticket-control small,.ticket-control b{display:block}.ticket-control small{color:var(--muted);font:800 8px "Barlow Condensed"}.ticket-control b{color:var(--acid);font:800 35px "Barlow Condensed"}.ticket-control p{margin:4px 0;color:var(--muted);font-size:9px}.ticket-control input{width:100%;accent-color:var(--acid)}.active-sponsor{display:flex;align-items:center;gap:15px;padding:28px;background:linear-gradient(90deg,color-mix(in srgb,var(--sponsor) 12%,transparent),transparent)}.active-sponsor>span{color:var(--sponsor);font-size:36px}.active-sponsor small{color:var(--sponsor);font:800 8px "Barlow Condensed"}.active-sponsor h3{margin:3px 0;font-size:24px}.active-sponsor p{color:var(--muted);font-size:9px}.sponsor-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.sponsor-offers article{padding:17px;background:#171b25;border-top:3px solid var(--sponsor)}.sponsor-offers small,.sponsor-offers b,.sponsor-offers span{display:block}.sponsor-offers small{color:var(--sponsor);font:800 7px "Barlow Condensed"}.sponsor-offers h3{margin:4px 0 10px}.sponsor-offers b{font:800 20px "Barlow Condensed"}.sponsor-offers span{min-height:30px;color:var(--muted);font-size:7px}.facility-finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.finance-facility{display:grid;grid-template-rows:auto 1fr auto;gap:12px;padding:18px}.finance-facility>span{color:var(--acid);font-size:25px}.finance-facility small{color:var(--muted);font:800 7px "Barlow Condensed"}.finance-facility h3{margin:3px 0}.finance-facility b{color:var(--acid);font:800 21px "Barlow Condensed"}.finance-facility p{min-height:42px;color:var(--muted);font-size:8px;line-height:1.45}.finance-ledger{display:grid}.finance-ledger article{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid var(--line)}.finance-ledger article:first-child{border-top:0}.finance-ledger span{font:800 15px "Barlow Condensed"}.finance-ledger b{font-size:9px}.finance-ledger small{color:var(--muted);font-size:7px}
.live-status{padding:8px 12px;border:1px solid #4a5262;border-radius:20px;color:#929baa;font:800 8px "Barlow Condensed";letter-spacing:.1em}.live-status.on{border-color:#ff4f6877;background:#ff4f6811;color:#ff7186;animation:livepulse 1.8s infinite}.live-scoreboard{padding:28px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at center,#293342,#171b25 70%);text-align:center}.live-scoreboard>small{color:#8a93a3;font:800 8px "Barlow Condensed";letter-spacing:.09em}.live-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin:24px 0 17px}.live-matchup>div{display:flex;align-items:center;justify-content:center;gap:12px}.live-matchup>div:last-child{flex-direction:row-reverse}.live-matchup h3{font-size:18px;text-transform:uppercase}.live-matchup>strong{font:800 59px "Barlow Condensed"}.live-matchup>strong span{margin:0 12px;color:#70798a}.quarter-track{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.quarter-track span{display:grid;place-items:center;width:42px;height:25px;border:1px solid #3d4553;border-radius:5px;color:#6f7889;font:800 8px "Barlow Condensed"}.quarter-track span.complete{border-color:var(--acid);background:#dffc4212;color:var(--acid)}.live-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px;align-items:start}.live-feed{max-height:650px;overflow:auto}.live-event{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--line)}.live-event:first-child{border-top:0}.live-event>span{color:#848d9d;font:800 8px "Barlow Condensed"}.live-event>span b{display:block;margin-top:2px;color:var(--acid)}.live-event p{font-size:9px;line-height:1.45}.live-event>strong{color:var(--acid);font:800 8px "Barlow Condensed"}.live-coaching{position:sticky;top:18px}.live-controls{display:grid;gap:11px;padding:17px}.live-controls label{color:var(--muted);font:800 8px "Barlow Condensed"}.live-controls select{width:100%;margin-top:5px}.coaching-log{display:grid;border-top:1px solid var(--line)}.coaching-log span{padding:10px 15px;border-top:1px solid var(--line);color:var(--success);font-size:8px}.coaching-log span:first-child{border-top:0}@keyframes livepulse{50%{box-shadow:0 0 14px #ff4f6833}}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.account-form{display:grid;gap:13px;padding-bottom:18px}.account-form>label,.account-form>button,.account-form>p{margin-left:18px;margin-right:18px}.account-form label{color:var(--muted);font:800 8px "Barlow Condensed"}.account-form input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid var(--line);border-radius:7px;background:#10141d;color:var(--ink)}.account-form p{color:var(--muted);font-size:8px}.hub-profile{display:flex;align-items:center;gap:15px;margin-bottom:18px;padding:22px;border:1px solid #dffc4255;border-radius:13px;background:linear-gradient(90deg,#dffc4210,transparent)}.avatar.large{width:55px;height:55px;background:var(--acid);color:#111;font:800 18px "Barlow Condensed"}.hub-profile small{color:var(--acid);font:800 8px "Barlow Condensed"}.hub-profile h2{margin:2px 0}.hub-profile p{margin:0;color:var(--muted);font-size:9px}.hub-profile button{margin-left:auto}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.manager-directory,.challenge-list{display:grid}.manager-online{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--line)}.manager-online:first-child{border-top:0}.online-dot{width:8px;height:8px;border-radius:50%;background:#596170}.online-dot.on{background:var(--success);box-shadow:0 0 8px var(--success)}.manager-online b,.manager-online small{display:block}.manager-online b{font-size:10px}.manager-online small{margin-top:2px;color:var(--muted);font-size:7px}.challenge-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--line)}.challenge-list article>span{padding:4px 6px;border-radius:4px;background:#ff8c4215;color:var(--orange);font:800 7px "Barlow Condensed"}.challenge-list b{font-size:9px}.challenge-list small{color:var(--muted);font-size:7px}
@media(max-width:1050px){.facility-finance-grid{grid-template-columns:1fr 1fr}.finance-grid,.live-layout,.hub-grid{grid-template-columns:1fr}.live-coaching{position:static}}
@media(max-width:700px){.finance-kpis,.facility-finance-grid,.account-grid{grid-template-columns:1fr}.sponsor-offers{grid-template-columns:1fr}.live-matchup{gap:8px}.live-matchup>div{display:grid;justify-items:center}.live-matchup>div:last-child{display:grid}.live-matchup h3{font-size:12px}.live-matchup>strong{font-size:40px}.finance-ledger article{grid-template-columns:90px 1fr}.finance-ledger small{grid-column:2}.challenge-list article{grid-template-columns:1fr}.ticket-control{grid-template-columns:1fr}.ticket-control .button{width:100%}}

/* v0.13 — player life, sports science and dressing-room dynamics */
.dynamics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.dynamics-kpis>div{padding:16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#202532,#171b25)}.dynamics-kpis small,.dynamics-kpis b,.dynamics-kpis span{display:block}.dynamics-kpis small{color:#7d8696;font:800 8px "Barlow Condensed";letter-spacing:.09em}.dynamics-kpis b{margin:5px 0 2px;color:var(--acid);font:800 25px "Barlow Condensed"}.dynamics-kpis span{color:var(--muted);font-size:8px}
.training-load{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:18px;padding:21px 23px;border:1px solid #3ed5ff45;border-radius:12px;background:radial-gradient(circle at 85% 10%,#3ed5ff13,transparent 32%),#171c26}.training-load small{color:#3ed5ff;font:800 8px "Barlow Condensed";letter-spacing:.1em}.training-load h2{margin:3px 0;text-transform:uppercase}.training-load p{max-width:700px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.load-options{display:flex;gap:7px}.training-load-option{padding:10px 12px;border:1px solid #3b4555;border-radius:7px;background:#111620;color:#a5adba;cursor:pointer;font:800 8px "Barlow Condensed";letter-spacing:.04em}.training-load-option:hover,.training-load-option.active{border-color:#3ed5ff;background:#3ed5ff16;color:#3ed5ff}
.dynamics-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px}.squad-readiness .table-wrap{max-height:680px;overflow:auto}.squad-readiness thead{position:sticky;top:0;z-index:2}.availability{display:inline-block;padding:4px 6px;border:1px solid #465062;border-radius:4px;color:#9aa4b3;font:800 7px "Barlow Condensed";white-space:nowrap}.availability.available{border-color:#45d98755;background:#45d9870c;color:var(--success)}.availability.injured,.availability.suspended{border-color:#ff596f55;background:#ff596f0c;color:#ff7186}.availability.rested{border-color:#3ed5ff55;background:#3ed5ff0c;color:#3ed5ff}.condition-cell{display:grid;grid-template-columns:55px auto;align-items:center;gap:7px}.condition-cell i{height:5px;border-radius:5px;background:#313948;overflow:hidden}.condition-cell i::before{content:"";display:block;width:var(--condition);height:100%;background:linear-gradient(90deg,var(--orange),var(--success))}.condition-cell b{font-size:8px}.morale-cell b,.morale-cell small{display:block}.morale-cell b{font-size:9px}.morale-cell small{margin-top:2px;color:var(--muted);font-size:7px}.form-arrow{color:#7f8999;font:800 8px "Barlow Condensed";white-space:nowrap}.form-arrow.hot{color:var(--success)}.form-arrow.cold{color:#ff7186}.role-control{display:flex;align-items:center;gap:5px;min-width:180px}.role-control select{min-width:112px;padding:7px;font-size:8px}
.manager-inbox{position:sticky;top:18px;max-height:680px;overflow:auto}.inbox-list{display:grid}.inbox-message{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px;border-top:1px solid var(--line);border-left:2px solid transparent}.inbox-message:first-child{border-top:0}.inbox-message>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #465062;border-radius:50%;color:#3ed5ff;font-weight:800}.inbox-message small{color:#7f8999;font:800 7px "Barlow Condensed";letter-spacing:.06em}.inbox-message h3{margin:3px 0;font-size:11px}.inbox-message p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.inbox-message.important{border-left-color:var(--orange)}.inbox-message.urgent{border-left-color:#ff596f}.inbox-message.read{opacity:.53}.inbox-message .button{white-space:nowrap}
@media(max-width:1100px){.dynamics-layout{grid-template-columns:1fr}.manager-inbox{position:static;max-height:none}}
@media(max-width:800px){.dynamics-kpis{grid-template-columns:1fr 1fr}.training-load{grid-template-columns:1fr}.load-options{flex-wrap:wrap}}
@media(max-width:600px){.dynamics-kpis{grid-template-columns:1fr}.load-options{display:grid;grid-template-columns:1fr}.inbox-message{grid-template-columns:27px 1fr}.inbox-message .button{grid-column:2;justify-self:start}}

/* v0.14 — living basketball world */
.news-live{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ff596f55;border-radius:20px;color:#ff7186;font:800 8px "Barlow Condensed";letter-spacing:.09em}.news-live i{width:7px;height:7px;border-radius:50%;background:#ff596f;box-shadow:0 0 9px #ff596f;animation:livepulse 1.8s infinite}.news-lead{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:220px;margin-bottom:18px;padding:32px 38px;border:1px solid #dfff4244;border-radius:14px;background:radial-gradient(circle at 88% 20%,#dfff4221,transparent 31%),linear-gradient(135deg,#242b37,#151a24);overflow:hidden}.news-lead small{color:var(--acid);font:800 8px "Barlow Condensed";letter-spacing:.11em}.news-lead h2{max-width:750px;margin:6px 0 8px;font-size:34px;line-height:1;text-transform:uppercase}.news-lead p{max-width:780px;margin:0;color:#aab2bf;font-size:10px;line-height:1.55}.news-lead span{display:block;margin-top:12px;color:#778294;font:800 7px "Barlow Condensed"}.news-lead>b{color:var(--acid);font:800 130px "Barlow Condensed";opacity:.13;transform:rotate(-8deg)}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px;align-items:start}.news-stream,.news-sidebar{display:grid;gap:12px}.news-story{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px;border-left:2px solid transparent}.news-story.lead{border-left-color:var(--acid)}.news-story>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3c4655;border-radius:50%;color:var(--acid)}.news-story small{color:#788395;font:800 7px "Barlow Condensed";letter-spacing:.07em}.news-story h3{margin:4px 0;font-size:15px}.news-story p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.power-list{display:grid}.power-list>div{display:grid;grid-template-columns:22px 25px 1fr auto;align-items:center;gap:8px;padding:9px 13px;border-top:1px solid var(--line)}.power-list>div:first-child{border-top:0}.power-list>div>b{color:var(--acid);font:800 14px "Barlow Condensed"}.power-list span b,.power-list span small{display:block}.power-list span b{font-size:8px}.power-list span small{margin-top:2px;color:var(--muted);font-size:7px}.power-list em{font:normal 800 9px "Barlow Condensed"}.narrative-card{padding:19px}.narrative-card>small{color:var(--orange);font:800 7px "Barlow Condensed"}.narrative-card h3{margin:5px 0}.narrative-card p{color:var(--muted);font-size:8px;line-height:1.5}.narrative-card i{display:block;height:4px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,var(--orange) var(--momentum),#333a47 var(--momentum))}
.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.award-race,.rumour-list,.rivalry-list{display:grid}.award-race article{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:9px;padding:11px 14px;border-top:1px solid var(--line)}.award-race article>b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #414b5b;border-radius:50%;color:var(--acid);font:800 8px "Barlow Condensed"}.award-race h3,.rumour-list h3,.rivalry-list h3{margin:0;font-size:10px}.award-race small,.rivalry-list small{color:var(--muted);font-size:7px}.rumour-list article{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:12px 14px;border-top:1px solid var(--line)}.rumour-list article>span{color:var(--orange);font:800 17px "Barlow Condensed"}.rumour-list p{margin:4px 0 0;color:var(--muted);font-size:7px;line-height:1.4}.rivalry-list article{padding:12px 14px;border-top:1px solid var(--line)}.rivalry-list article>div{display:flex;margin-bottom:7px}.rivalry-list .mini-mark+ .mini-mark{margin-left:-5px}.press-room{margin-top:18px;padding:26px;border:1px solid #8c7af455;border-radius:13px;background:radial-gradient(circle at 85% 0,#8c7af41c,transparent 30%),#191d28}.press-room>small{color:#a99cff;font:800 8px "Barlow Condensed";letter-spacing:.1em}.press-room>h2{margin:6px 0 18px;max-width:850px}.press-room>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.press-answer{padding:14px;border:1px solid #41495a;border-radius:8px;background:#111620;color:var(--ink);text-align:left;cursor:pointer}.press-answer:hover{border-color:#a99cff;background:#8c7af411}.press-answer b,.press-answer span{display:block}.press-answer b{color:#a99cff;font:800 9px "Barlow Condensed";text-transform:uppercase}.press-answer span{margin-top:5px;color:#9aa3b1;font-size:8px;line-height:1.45}

/* v0.15 — authoritative multiplayer */
.authority-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:var(--line);overflow:hidden}.authority-strip>div{padding:14px;background:#171c26}.authority-strip small,.authority-strip b{display:block}.authority-strip small{color:#3ed5ff;font:800 7px "Barlow Condensed";letter-spacing:.09em}.authority-strip b{margin-top:3px;font-size:9px}.club-claim{min-width:190px;margin-left:auto;color:var(--muted);font:800 7px "Barlow Condensed"}.club-claim select{margin-top:4px;padding:7px}.multiplayer-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-bottom:18px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.section-heading h2{font-size:18px;text-transform:uppercase}.section-heading span{color:#3ed5ff;font:800 8px "Barlow Condensed"}.shared-leagues{display:grid;gap:12px}.shared-league{border:1px solid var(--line);border-radius:11px;background:#171c26;overflow:hidden}.shared-league.demo{border-color:#3ed5ff55}.shared-league>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.shared-league>header small{color:#3ed5ff;font:800 7px "Barlow Condensed";letter-spacing:.08em}.shared-league>header h3{margin-top:3px}.shared-league>header>span{padding:5px 7px;border:1px solid #45d98755;border-radius:4px;color:var(--success);font:800 7px "Barlow Condensed"}.league-members{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.league-members>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:11px;background:#151a23}.league-members b,.league-members small{display:block}.league-members b{font-size:8px}.league-members small{margin-top:2px;color:var(--muted);font-size:6px}.league-members i{width:6px;height:6px;border-radius:50%;background:#596170}.league-members i.on{background:var(--success);box-shadow:0 0 6px var(--success)}.shared-fixture{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--line)}.shared-fixture span{color:var(--muted);font-size:7px}.shared-fixture b{font:800 13px "Barlow Condensed"}.shared-fixture em{font:normal 800 7px "Barlow Condensed";color:#8d96a5}.shared-fixture em.on{color:#ff7186}.security-panel{position:sticky;top:18px}.security-panel>div:not(.panel-header){display:flex;gap:8px;padding:9px 14px;border-top:1px solid var(--line);color:#a4adba;font-size:8px}.security-panel>div span{color:var(--success)}.security-panel>p{margin:0;padding:15px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;line-height:1.5}
.shared-coaching{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:8px;padding:13px 15px;border-top:1px solid #ff596f44;background:#ff596f08}.shared-coaching label{color:#8d96a5;font:800 7px "Barlow Condensed"}.shared-coaching select{margin-top:4px;padding:7px;font-size:8px}
@media(max-width:1050px){.news-layout,.multiplayer-layout{grid-template-columns:1fr}.news-sidebar{grid-template-columns:1fr 1fr}.security-panel{position:static}.world-grid{grid-template-columns:1fr 1fr}.league-members{grid-template-columns:1fr}.club-claim{margin-left:0}}
@media(max-width:700px){.news-lead{grid-template-columns:1fr;padding:25px 20px}.news-lead>b{display:none}.news-lead h2{font-size:27px}.news-sidebar,.world-grid,.press-room>div,.authority-strip{grid-template-columns:1fr}.hub-profile{align-items:flex-start;flex-wrap:wrap}.hub-profile .button{margin-left:0}.shared-fixture{grid-template-columns:1fr auto}.shared-fixture span{grid-column:1/-1}.shared-coaching{grid-template-columns:1fr}.shared-coaching .button{width:100%}}

/* v0.17 — staff and organisation */
.staff-effects{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.staff-effects>div{padding:15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#202532,#171b25)}.staff-effects small,.staff-effects b,.staff-effects span{display:block}.staff-effects small{color:#3ed5ff;font:800 7px "Barlow Condensed";letter-spacing:.09em}.staff-effects b{margin:4px 0;color:var(--acid);font:800 25px "Barlow Condensed"}.staff-effects span{color:var(--muted);font-size:8px}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.staff-card{padding:17px}.staff-card header{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px}.staff-card header>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #3ed5ff55;border-radius:50%;color:#3ed5ff}.staff-card header small{color:#788395;font:800 7px "Barlow Condensed"}.staff-card header h3{margin:2px 0;font-size:15px}.staff-card header p{margin:0;color:var(--muted);font-size:7px}.staff-card header>b{color:var(--acid);font:800 27px "Barlow Condensed"}.staff-specialty{margin:14px 0;padding:10px;border:1px solid #333c4a;border-radius:7px;background:#111620}.staff-specialty small,.staff-specialty strong{display:block}.staff-specialty small{color:#778294;font:800 6px "Barlow Condensed"}.staff-specialty strong{margin-top:3px;font-size:9px}.staff-contract{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.staff-contract span{padding:8px;border-left:1px solid var(--line)}.staff-contract small,.staff-contract b{display:block}.staff-contract small{color:#778294;font:800 6px "Barlow Condensed"}.staff-contract b{margin-top:3px;font-size:8px}.staff-card footer{display:flex;gap:6px;margin-top:14px}.staff-vacancy{display:grid;place-items:center;align-content:center;min-height:230px;padding:25px;border-style:dashed;text-align:center}.staff-vacancy>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4c5667;border-radius:50%;color:#7e899a;font-size:22px}.staff-vacancy h3{margin:10px 0 4px}.staff-vacancy p{margin:0;color:var(--muted);font-size:8px}.recruitment-panel,.staff-history{margin-bottom:18px}.recruitment-panel .panel-header>b{color:var(--acid);font:800 11px "Barlow Condensed"}.staff-candidates{display:grid;grid-template-columns:1fr 1fr}.staff-candidate{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:9px;padding:13px 15px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.staff-candidate>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #3d4757;border-radius:50%;color:#3ed5ff}.staff-candidate small{color:#788395;font:800 6px "Barlow Condensed"}.staff-candidate h3{margin:2px 0;font-size:10px}.staff-candidate p{margin:0;color:var(--muted);font-size:7px}.staff-candidate>b{color:var(--acid);font:800 20px "Barlow Condensed"}

/* v0.16 — installable mobile manager */
.mobile-dock{display:none}.mobile-install-hero{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:38px;min-height:330px;margin-bottom:18px;padding:30px 45px;border:1px solid #dfff4244;border-radius:15px;background:radial-gradient(circle at 18% 30%,#dfff4216,transparent 25%),linear-gradient(135deg,#202632,#141923)}.mobile-install-hero>div:last-child>small{color:var(--acid);font:800 8px "Barlow Condensed";letter-spacing:.1em}.mobile-install-hero>div:last-child h2{margin:6px 0;font-size:31px;text-transform:uppercase}.mobile-install-hero>div:last-child p{max-width:650px;color:#a3acb9;font-size:10px;line-height:1.6}.install-actions{display:flex;gap:8px;margin-top:17px}.permission-note{display:block;margin-top:9px;color:#727d8e;font-size:7px}.phone-preview{position:relative;width:190px;height:280px;padding:25px 12px 12px;border:5px solid #333b49;border-radius:29px;background:#0c1018;box-shadow:0 22px 45px #0007}.phone-island{position:absolute;left:50%;top:6px;width:67px;height:13px;transform:translateX(-50%);border-radius:9px;background:#020305}.phone-brand{display:flex;align-items:center;gap:7px}.phone-brand>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acid);color:#111;font:800 16px "Barlow Condensed"}.phone-brand>span{font:800 9px "Barlow Condensed";letter-spacing:.05em}.phone-brand small{display:block;color:var(--acid);font-size:4px}.phone-score{display:grid;place-items:center;align-content:center;height:200px;margin-top:12px;border:1px solid #303947;border-radius:12px;background:radial-gradient(circle,#27303e,#141923);text-align:center}.phone-score small{color:#8490a0;font:800 5px "Barlow Condensed"}.phone-score b{margin:8px 0;color:var(--acid);font:800 26px "Barlow Condensed"}.phone-score em{margin:0 7px;color:#747f90;font:normal 8px "Barlow Condensed"}.phone-score span{color:#8f99a8;font-size:5px}.mobile-management{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.notification-settings,.quick-tactics{overflow:hidden}.notification-toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid var(--line);cursor:pointer}.notification-toggle input{position:absolute;opacity:0}.notification-toggle>i{position:relative;width:35px;height:20px;border-radius:12px;background:#343c4a;transition:.2s}.notification-toggle>i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#8e98a8;transition:.2s}.notification-toggle input:checked+i{background:#dfff4233}.notification-toggle input:checked+i::after{left:18px;background:var(--acid)}.notification-toggle b,.notification-toggle small{display:block}.notification-toggle b{font-size:9px}.notification-toggle small{margin-top:2px;color:var(--muted);font-size:7px}.reminder-time{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid var(--line);color:#8a94a4;font:800 7px "Barlow Condensed"}.reminder-time select{width:160px}.quick-tactics>div:last-child{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:16px}.quick-tactics label{color:#8a94a4;font:800 7px "Barlow Condensed"}.quick-tactics select{margin-top:5px}.quick-tactics .button{grid-column:1/-1}.mobile-alert-centre{margin-bottom:18px}.mobile-alert-centre>div:last-child{display:grid}.mobile-alert-centre article{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:13px 16px;border-top:1px solid var(--line)}.mobile-alert-centre article.read{opacity:.55}.mobile-alert-centre article>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #3ed5ff55;border-radius:50%;color:#3ed5ff}.mobile-alert-centre small{color:#ff8c42;font:800 6px "Barlow Condensed"}.mobile-alert-centre h3{margin:2px 0;font-size:10px}.mobile-alert-centre p{margin:0;color:var(--muted);font-size:7px;line-height:1.45}
@media(max-width:1050px){.staff-grid{grid-template-columns:1fr 1fr}.mobile-install-hero{grid-template-columns:190px 1fr}.mobile-management{grid-template-columns:1fr}}
@media(max-width:700px){body{padding-bottom:67px}.view{padding-bottom:75px}.staff-effects,.staff-grid,.staff-candidates{grid-template-columns:1fr}.staff-candidate{grid-template-columns:30px 1fr auto;border-right:0}.staff-candidate .button{grid-column:2/-1}.mobile-install-hero{grid-template-columns:1fr;padding:24px 18px}.phone-preview{justify-self:center}.install-actions{display:grid}.mobile-alert-centre article{grid-template-columns:32px 1fr}.mobile-alert-centre .button{grid-column:2;justify-self:start}.quick-tactics>div:last-child{grid-template-columns:1fr}.mobile-dock{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 7px max(7px,env(safe-area-inset-bottom));border-top:1px solid #343c49;background:#111620ed;backdrop-filter:blur(14px)}.mobile-dock button{display:grid;justify-items:center;gap:2px;padding:3px;border:0;background:transparent;color:#778294;font:700 7px Inter,sans-serif}.mobile-dock button>span{font-size:15px}.mobile-dock button.active{color:var(--acid)}}

/* v0.18 — tactical playbook */
.playbook-save{display:flex;align-items:center;gap:14px}.playbook-save>span{font:700 12px "Barlow Condensed";letter-spacing:1px;color:var(--acid)}
.opponent-report{display:flex;justify-content:space-between;gap:24px;padding:24px;margin-bottom:18px;border:1px solid #344052;border-radius:14px;background:linear-gradient(115deg,#182231,#10151f)}
.opponent-report small,.section-heading span{font:700 10px "Barlow Condensed";letter-spacing:1.4px;color:var(--acid)}.opponent-report h3{margin:4px 0;font-size:25px}.opponent-report p{margin:0;color:var(--muted)}
.opponent-report>div:last-child{display:grid;gap:6px;text-align:right}.opponent-report span{padding:5px 9px;border:1px solid #3b4658;border-radius:20px;color:#dfe6ef;font-size:12px}
.playbook-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.system-list{display:grid;gap:9px}.system-card{display:block;cursor:pointer}.system-card input{position:absolute;opacity:0}
.system-card span{display:grid;gap:4px;padding:14px;border:1px solid #313949;border-radius:10px;background:#111722;transition:.2s}.system-card input:checked+span{border-color:var(--acid);box-shadow:inset 3px 0 var(--acid);background:#192018}
.system-card b{font:700 17px "Barlow Condensed"}.system-card small{color:var(--muted)}.system-card em{color:#91a2b7;font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.6px}
.rotation-player.advanced{grid-template-columns:36px minmax(130px,1fr) 155px 58px 30px}.player-instruction{min-width:0;font-size:12px}.court-identity{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);display:grid;text-align:center;gap:4px;color:#fff}.court-identity b{font:800 18px "Barlow Condensed";text-transform:uppercase}.court-identity span{font-size:11px;color:#b6c3d4}

/* v0.19 — academy */
.academy-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:28px;border-radius:15px;border:1px solid #434d32;background:radial-gradient(circle at 90% 20%,#34421f,#151b1d 45%,#11151d)}
.academy-hero small{color:var(--acid);font:700 11px "Barlow Condensed";letter-spacing:1.3px}.academy-hero h2{font-size:30px;margin:5px 0}.academy-hero p{max-width:700px;color:var(--muted);margin:0}.academy-hero>strong{font-size:70px;color:var(--acid);opacity:.8}
.academy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.academy-player header,.negotiation-target header{display:flex;align-items:center;gap:10px}.academy-player header small,.negotiation-target header small{flex:1;color:var(--muted)}.academy-player header strong,.negotiation-target header strong{font:800 29px "Barlow Condensed";color:var(--acid)}
.academy-player h3,.negotiation-target h3{font-size:22px;margin:14px 0 2px}.academy-player>p,.negotiation-target>p{color:var(--muted);margin:0 0 14px}.academy-progress{position:relative;height:30px;border-radius:8px;background:#0d121a;overflow:hidden;margin-bottom:12px}.academy-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#576c25,var(--acid));opacity:.7}.academy-progress span{position:relative;display:block;padding:8px 10px;font-size:11px}
.academy-stats{display:flex;gap:8px;margin:10px 0}.academy-stats span{flex:1;padding:8px;border:1px solid #303849;border-radius:8px;font-size:10px;color:var(--muted);text-align:center}.academy-stats b{display:block;color:#fff;font-size:17px}
.academy-trait{padding:9px;margin-bottom:12px;border-radius:8px;background:#232a18;color:var(--acid);font-size:12px}.academy-player label{display:grid;gap:5px;margin:9px 0;color:var(--muted);font-size:11px}.academy-player select{width:100%}

/* v0.20 — agents and negotiations */
.section-heading{display:flex;align-items:end;justify-content:space-between;margin:22px 0 12px}.section-heading h2,.negotiation-active>h2{margin:0;font-size:24px}.negotiation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.negotiation-target>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.negotiation-target>div span{padding:10px;border:1px solid #303849;border-radius:8px;font-size:12px}.negotiation-target>div small{display:block;color:var(--muted);margin-bottom:4px}.negotiation-target .button{width:100%}
.negotiation-active{margin-bottom:20px}.negotiation-active>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}.negotiation-room .panel-header>span{font:700 11px "Barlow Condensed";color:var(--acid)}.agent-message{padding:12px;border-left:3px solid #5bc6e8;background:#111923;margin:12px 0}.agent-message p{margin:4px 0 0;color:var(--muted)}
.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.offer-grid label{display:grid;gap:5px;color:var(--muted);font-size:11px}.offer-grid input,.offer-grid select{width:100%}

@media(max-width:1050px){.academy-grid,.negotiation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.playbook-grid,.negotiation-active>div{grid-template-columns:1fr}.opponent-report{display:grid}.opponent-report>div:last-child{text-align:left}.academy-grid,.negotiation-grid{grid-template-columns:1fr}.rotation-player.advanced{grid-template-columns:32px 1fr 70px 26px}.rotation-player.advanced .player-instruction{grid-column:2/5;width:100%}.playbook-save{align-items:flex-end;flex-direction:column}.academy-hero>strong{display:none}.offer-grid{grid-template-columns:1fr}}

/* v0.21–v0.30 — complete pre-launch roadmap and Match Engine 2.0 */
.club-creator-hero{display:flex;align-items:center;gap:22px;margin-bottom:18px;padding:28px;border:1px solid color-mix(in srgb,var(--club-primary) 55%,#394354);border-radius:16px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--club-primary) 22%,transparent),transparent 32%),linear-gradient(135deg,var(--club-secondary),#111720)}
.creator-mark{display:grid;place-items:center;width:88px;height:88px;border:4px solid var(--club-primary);border-radius:50%;background:var(--club-secondary);color:var(--club-primary);font:800 27px "Barlow Condensed"}.club-creator-hero small{color:var(--club-primary);font:800 9px "Barlow Condensed";letter-spacing:1px}.club-creator-hero h2{margin:5px 0;font-size:34px}.club-creator-hero p{margin:0;color:#b0bac7}
.career-layout,.board-layout,.culture-grid,.world-management,.community-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:18px;margin-bottom:18px}.career-form,.career-slots,.leadership-desk,.community-create,.event-admin{padding:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.form-grid label,.career-slots>label,.leadership-desk label,.community-create label,.setting-select{display:grid;gap:5px;color:var(--muted);font-size:11px}.form-grid input,.form-grid select,.career-slots input,.leadership-desk select,.community-create input,.community-create select{width:100%}.form-grid .wide{grid-column:1/-1}
.career-slots>div:nth-child(2){display:grid;gap:8px;margin:14px 0}.career-slots article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:8px}.career-slots article b,.career-slots article small{display:block}.career-slots article small{margin-top:3px;color:var(--muted);font-size:8px}.career-slots>.button{width:100%;margin-top:10px}
.board-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.board-kpis>div,.community-kpis>div{padding:15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#202632,#171c26)}.board-kpis small,.board-kpis b,.board-kpis span{display:block}.board-kpis small{color:var(--acid);font:800 7px "Barlow Condensed"}.board-kpis b{margin:5px 0;font:800 22px "Barlow Condensed"}.board-kpis span{color:var(--muted);font-size:8px}
.objective-list article{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line)}.objective-list article>span{font:800 8px "Barlow Condensed"}.objective-list b,.objective-list small{display:block}.objective-list small{margin-top:3px;color:var(--muted);font-size:8px}.objective-list strong{color:var(--acid)}.leadership-desk label{margin:13px 0}.leadership-desk p{color:var(--muted);font-size:9px}
.culture-group{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:13px 16px;border-top:1px solid var(--line)}.culture-group b,.culture-group small{display:block}.culture-group small{margin-top:3px;color:var(--muted);font-size:8px}.culture-group>span{color:#aab5c3;font-size:9px}.personality-list article{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:10px 14px;border-top:1px solid var(--line)}.personality-list b,.personality-list small{display:block}.personality-list small{color:var(--muted);font-size:7px}.personality-list em{color:#8d98a8;font:normal 700 7px "Barlow Condensed"}
.ai-manager-panel{margin-bottom:18px}.ai-manager-panel>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.ai-manager-panel article{display:grid;gap:3px;padding:14px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.ai-manager-panel article span{color:var(--acid);font:800 8px "Barlow Condensed"}.ai-manager-panel article small,.ai-manager-panel article em{color:var(--muted);font-size:7px}.ai-manager-panel article em{font-style:normal}.ai-manager-panel article strong{font-size:8px}
.matchday-desk{margin-top:18px}.matchday-desk .panel-header>b{color:var(--acid);font:800 10px "Barlow Condensed"}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.decision-grid article{display:grid;align-content:start;gap:8px;padding:14px;background:#171c26}.decision-grid h3{font-size:13px}.decision-grid select{width:100%;font-size:9px}.decision-log{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.decision-log span{padding:5px 7px;border:1px solid #394352;border-radius:5px;color:#aab4c2;font-size:8px}
.world-map-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.world-map-strip article{min-width:0;padding:17px;border:1px solid #354052;border-radius:12px;background:radial-gradient(circle at 90% 0,#3ed5ff12,transparent 38%),#171c26}.world-map-strip article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;border:1px solid #3ed5ff66;border-radius:50%;color:#3ed5ff;font:800 10px "Barlow Condensed"}.world-map-strip small{color:#3ed5ff;font:800 7px "Barlow Condensed"}.world-map-strip h3{margin:5px 0;font-size:15px}.world-map-strip p,.world-map-strip b{display:block;color:var(--muted);font-size:8px}.world-map-strip b{margin-top:8px;color:#bac4d0}
.callup-list article{display:flex;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--line)}.callup-list article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#263142;color:var(--acid);font:800 8px "Barlow Condensed"}.callup-list b,.callup-list small{display:block}.callup-list small{color:var(--muted);font-size:7px}.world-stories article{padding:13px 15px;border-top:1px solid var(--line)}.world-stories p{margin:4px 0 0;color:var(--muted);font-size:8px}
.community-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.community-kpis b,.community-kpis small{display:block;text-align:center}.community-kpis b{color:var(--acid);font:800 27px "Barlow Condensed"}.community-kpis small{color:var(--muted);font:800 7px "Barlow Condensed"}.social-leagues{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.social-leagues article{padding:16px}.social-leagues header{display:flex;justify-content:space-between;color:var(--acid);font:800 7px "Barlow Condensed"}.social-leagues h3{margin:12px 0 4px}.social-leagues p{color:var(--muted);font-size:8px}.social-leagues code{display:inline-block;margin-bottom:10px;padding:6px 8px;border:1px dashed #667286;color:var(--acid)}.community-create label{margin:11px 0}
.achievements>div:last-child{display:grid;grid-template-columns:repeat(4,1fr)}.achievements article{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:15px;border-right:1px solid var(--line);opacity:.45}.achievements article.unlocked{opacity:1;background:#dfff4208}.achievements article>span{grid-row:1/3;color:var(--acid);font-size:24px}.achievements b,.achievements small,.achievements strong{display:block}.achievements small{margin-top:3px;color:var(--muted);font-size:7px}.achievements strong{grid-column:2;color:var(--acid);font:800 7px "Barlow Condensed"}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.event-card{padding:18px;border-top:3px solid #596476}.event-card.active{border-top-color:var(--acid)}.event-card.complete{border-top-color:var(--success)}.event-card.expired{opacity:.55}.event-card header{display:flex;justify-content:space-between;color:var(--acid);font:800 8px "Barlow Condensed"}.event-card h3{margin:14px 0 5px;font-size:22px}.event-card p{min-height:38px;color:var(--muted);font-size:9px}.event-card>small{display:block;margin:10px 0;color:#8b96a6;font:800 7px "Barlow Condensed"}.event-progress{position:relative;height:22px;overflow:hidden;border-radius:5px;background:#0d121a}.event-progress i{position:absolute;inset:0 auto 0 0;background:#dfff4244}.event-progress span{position:relative;display:block;padding:5px 8px;font-size:8px}.event-card .button{width:100%}
.setting-toggle{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.setting-toggle input{position:absolute;opacity:0}.setting-toggle>i{position:relative;width:36px;height:20px;border-radius:11px;background:#343d4a}.setting-toggle>i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#8792a2}.setting-toggle input:checked+i{background:#dfff4233}.setting-toggle input:checked+i:after{left:19px;background:var(--acid)}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle small{margin-top:2px;color:var(--muted);font-size:8px}.setting-select{padding:12px 0;border-top:1px solid var(--line)}.setting-select select,.setting-select input{width:100%}.settings-layout>section{padding:18px}.production-checks article{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--line)}.production-checks article>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%}.production-checks b,.production-checks small{display:block;text-transform:capitalize}.production-checks small{color:var(--muted);font-size:8px}.release-score{display:grid;place-items:center;padding:28px;border-top:1px solid var(--line)}.release-score b{color:var(--acid);font:800 48px "Barlow Condensed"}.release-score span{color:var(--muted)}
body.high-contrast{--muted:#d7dce5;--line:#687386}body.high-contrast .panel{border-color:#798597}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.compact-tables td,body.compact-tables th{padding-top:5px;padding-bottom:5px}body[data-colour-blind="deuteranopia"]{--acid:#f4d35e;--success:#3ed5ff}body[data-colour-blind="protanopia"]{--acid:#5bc6e8;--orange:#f4d35e}body[data-colour-blind="tritanopia"]{--acid:#ff7186;--cyan:#f4d35e}
@media(max-width:1100px){.world-map-strip{grid-template-columns:repeat(3,1fr)}.decision-grid{grid-template-columns:1fr 1fr}.ai-manager-panel>div:last-child{grid-template-columns:1fr 1fr}.event-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.career-layout,.board-layout,.culture-grid,.world-management,.community-layout,.settings-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.board-kpis,.community-kpis{grid-template-columns:1fr 1fr}.world-map-strip,.event-grid,.social-leagues{grid-template-columns:1fr}.decision-grid,.ai-manager-panel>div:last-child,.achievements>div:last-child{grid-template-columns:1fr}.culture-group{grid-template-columns:1fr}.club-creator-hero{align-items:flex-start}.creator-mark{width:64px;height:64px}.club-creator-hero h2{font-size:26px}}

/* v0.30 — Match Engine 2.0 */
.engine-summary{margin:0 24px 22px;padding:20px;border:1px solid color-mix(in srgb,var(--acid) 35%,var(--line));border-radius:16px;background:linear-gradient(135deg,rgba(223,252,66,.08),rgba(62,213,255,.04))}
.engine-summary>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.engine-summary header small,.engine-summary header span{font:700 10px/1.2 "Barlow Condensed";letter-spacing:.13em;color:var(--acid)}.engine-summary header h3{margin:4px 0 0;font-size:24px}.engine-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.engine-summary>div>section>b{display:block;margin-bottom:8px;font:700 10px/1 "Barlow Condensed";letter-spacing:.13em;color:var(--muted)}
.engine-summary article{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.engine-summary article small{font:700 9px/1.2 "Barlow Condensed";color:var(--muted)}.engine-summary article b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engine-summary article strong{font:800 11px/1 "Barlow Condensed"}.matchday-desk .panel-header small{color:var(--acid)}
@media(max-width:720px){.engine-summary{margin:0 12px 18px;padding:15px}.engine-summary>header{align-items:flex-start;flex-direction:column}.engine-summary>div{grid-template-columns:1fr}.engine-summary article{grid-template-columns:82px 1fr auto}}

/* v0.31–v0.36 — world identity, front office, analytics and membership */
.custom-club-mark{display:inline-grid;place-items:center;line-height:.8}.custom-club-mark small{font-size:.42em;display:block;margin-top:3px}
.identity-kpis,.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.identity-kpis>div,.analytics-kpis>article,.cap-dashboard>div{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:4px}
.identity-kpis b,.analytics-kpis b,.cap-dashboard b{font:800 28px "Barlow Condensed",sans-serif}.identity-kpis small,.analytics-kpis small,.cap-dashboard small{color:var(--muted);letter-spacing:.12em;font-size:10px}
.identity-layout,.prep-layout,.analytics-layout,.nations-layout,.front-office-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.identity-people,.projected-lineup{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.identity-people article,.projected-lineup article{display:flex;gap:12px;align-items:center;padding:11px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:9px}
.identity-people article>span,.projected-lineup article>span{display:grid;place-items:center;min-width:38px;height:38px;background:var(--acid);color:#111;border-radius:8px;font:800 14px "Barlow Condensed"}
.identity-people div,.projected-lineup div{display:flex;flex-direction:column}.identity-people small,.projected-lineup small{color:var(--muted)}
.identity-regions{display:grid;grid-template-columns:repeat(3,1fr);max-height:420px;overflow:auto;gap:7px}.identity-regions article{padding:10px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr}.identity-regions b{color:var(--acid)}.identity-regions small{grid-column:2;color:var(--muted);font-size:10px}
.identity-sponsors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.identity-sponsor{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:13px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px}.identity-sponsor>span{height:42px;border-radius:9px;background:var(--sponsor);color:#0e1119;display:grid;place-items:center;font-weight:900}.identity-sponsor div{display:flex;flex-direction:column}.identity-sponsor small,.identity-sponsor em{color:var(--muted);font-size:10px;font-style:normal}
.cap-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.cap-dashboard i{height:4px;background:var(--acid);border-radius:4px}.cap-dashboard span{color:var(--muted)}
.rule-list article{display:grid;grid-template-columns:1fr auto;padding:12px 0;border-bottom:1px solid var(--line)}.rule-list article small{grid-column:1/3;color:var(--muted)}.rule-list article span{color:var(--acid)}
.pick-cabinet{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.pick-cabinet article{background:linear-gradient(145deg,rgba(223,252,66,.14),rgba(255,255,255,.02));border:1px solid rgba(223,252,66,.28);padding:12px;border-radius:10px;display:flex;flex-direction:column}.pick-cabinet span{font-size:11px;color:var(--muted)}.cap-hold{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line)}
.trade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trade-offer header{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.1em}.trade-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0}.trade-flow>div{display:flex;flex-direction:column}.trade-flow i{color:var(--acid);font-size:24px}.trade-flow span{color:var(--acid)}
.prep-hero,.nations-hero{display:flex;align-items:center;gap:26px;background:linear-gradient(125deg,rgba(223,252,66,.13),var(--panel));border:1px solid rgba(223,252,66,.25);padding:24px;border-radius:14px;margin-bottom:20px}.prep-hero>div:first-child,.nations-hero>div{flex:1}.prep-hero h2,.nations-hero h2{font:800 32px "Barlow Condensed";margin:4px 0}.prep-hero p,.nations-hero p{color:var(--muted);margin:0}.report-meter{min-width:170px;display:grid;grid-template-columns:1fr auto;gap:4px}.report-meter b{font:800 28px "Barlow Condensed"}.report-meter span,.report-meter small{color:var(--muted)}.report-meter i{grid-column:1/3;height:5px;background:var(--acid);border-radius:5px}
.projected-lineup article{grid-template-columns:38px 1fr auto}.projected-lineup strong{color:var(--acid)}.tendency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tendency-grid div{padding:18px 10px;text-align:center;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:10px}.tendency-grid b{display:block;text-transform:uppercase;font:800 20px "Barlow Condensed"}.tendency-grid small{color:var(--muted)}
.analytics-kpis{grid-template-columns:repeat(6,1fr)}.analytics-kpis b{font-size:25px}.shot-profile{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shot-profile article{position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:#111621;border-radius:10px;overflow:hidden}.shot-profile i{position:absolute;bottom:0;left:0;width:100%;height:var(--value);background:linear-gradient(0deg,rgba(223,252,66,.26),transparent)}.shot-profile b,.shot-profile span{position:relative}.shot-profile b{font:800 26px "Barlow Condensed"}.shot-profile span{color:var(--muted);font-size:11px}.analytics-trend{display:flex;align-items:flex-end;height:180px;gap:10px}.analytics-trend article{flex:1;min-height:60px;padding:10px;border-radius:8px;background:#252c39;display:flex;flex-direction:column;justify-content:flex-end}.analytics-trend article.won{min-height:130px;background:rgba(85,214,152,.15);border-bottom:3px solid var(--success)}.analytics-trend article.lost{border-bottom:3px solid var(--negative)}
.nation-fixtures{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:520px;overflow:auto}.nation-fixtures article{padding:11px;border:1px solid var(--line);border-radius:9px}.nation-fixtures article>span{color:var(--muted);font-size:9px}.nation-fixtures div{display:flex;justify-content:space-between}
.fair-play-banner{display:flex;align-items:center;gap:16px;border:1px solid rgba(85,214,152,.35);background:rgba(85,214,152,.08);padding:18px;border-radius:12px;margin-bottom:18px}.fair-play-banner>span{font-size:24px;color:var(--success)}.fair-play-banner p{margin:3px 0;color:var(--muted)}
.membership-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.membership-plan{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.membership-plan.selected{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.membership-plan header{display:flex;flex-direction:column}.membership-plan header small{color:var(--acid);letter-spacing:.12em}.membership-plan header h3{font:800 27px "Barlow Condensed";margin:5px 0}.membership-plan header b{font-size:18px}.membership-plan ul{padding-left:18px;color:var(--muted);min-height:116px}.membership-plan li{margin:7px 0}
.club-studio{display:grid;grid-template-columns:minmax(300px,.75fr) 1.25fr;gap:18px}.studio-preview{min-height:560px;border-radius:16px;padding:28px;background:radial-gradient(circle at 50% 20%,var(--primary),transparent 46%),linear-gradient(160deg,var(--secondary),#090c13 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.premium-crest{width:160px;height:180px;background:linear-gradient(145deg,var(--primary),var(--secondary));border:6px solid var(--accent);display:grid;place-items:center;clip-path:polygon(50% 0,94% 18%,86% 76%,50% 100%,14% 76%,6% 18%);filter:drop-shadow(0 18px 25px rgba(0,0,0,.35));margin-bottom:20px}.premium-crest span{font-size:58px}.premium-crest b{font:900 22px "Barlow Condensed"}.crest-roundel,.crest-ball{border-radius:50%;clip-path:none;height:160px}.crest-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.crest-crown{clip-path:polygon(0 20%,25% 42%,50% 0,75% 42%,100% 20%,88% 100%,12% 100%)}.crest-wing{clip-path:polygon(0 15%,50% 34%,100% 15%,82% 78%,50% 100%,18% 78%)}.crest-star{clip-path:polygon(50% 0,62% 35%,100% 35%,69% 57%,80% 100%,50% 74%,20% 100%,31% 57%,0 35%,38% 35%)}
.jersey{width:155px;height:130px;clip-path:polygon(22% 0,38% 10%,62% 10%,78% 0,100% 24%,82% 42%,78% 100%,22% 100%,18% 42%,0 24%);background:var(--primary);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:inset 0 0 0 5px var(--accent)}.jersey b{font:900 44px "Barlow Condensed"}.jersey i{font-style:normal;font-weight:800}.jersey-diagonal{background:linear-gradient(135deg,var(--primary) 46%,var(--secondary) 47% 60%,var(--primary) 61%)}.jersey-pinstripe{background:repeating-linear-gradient(90deg,var(--primary) 0 12px,var(--secondary) 13px 15px)}.jersey-city-gradient{background:linear-gradient(var(--primary),var(--secondary))}.jersey-heritage-band{background:linear-gradient(var(--primary) 0 38%,var(--secondary) 39% 56%,var(--primary) 57%)}.jersey-side-stripe{background:linear-gradient(90deg,var(--secondary) 0 14%,var(--primary) 15% 85%,var(--secondary) 86%)}
.crest-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.crest-picker label{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center;display:flex;flex-direction:column;align-items:center}.crest-picker label:has(input:checked){border-color:var(--acid);background:rgba(223,252,66,.08)}.crest-picker label.locked{opacity:.42}.crest-picker input{position:absolute;opacity:0}.crest-picker span{font-size:27px}.crest-picker small{color:var(--muted);font-size:8px}
.studio-controls>.button{margin-top:4px}.studio-controls>small{display:block;margin-top:12px;color:var(--muted);line-height:1.5}
@media(max-width:1100px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.identity-sponsors{grid-template-columns:1fr 1fr}.crest-picker{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .identity-kpis,.cap-dashboard,.analytics-kpis{grid-template-columns:1fr 1fr}.identity-layout,.prep-layout,.analytics-layout,.nations-layout,.front-office-grid,.club-studio{grid-template-columns:1fr}
  .identity-people{grid-template-columns:1fr}.identity-regions{grid-template-columns:1fr 1fr}.identity-sponsors,.trade-grid,.membership-plans{grid-template-columns:1fr}
  .prep-hero,.nations-hero{align-items:stretch;flex-direction:column}.report-meter{min-width:0}.tendency-grid{grid-template-columns:1fr 1fr}.shot-profile{grid-template-columns:1fr 1fr}.nation-fixtures{grid-template-columns:1fr}.crest-picker{grid-template-columns:repeat(3,1fr)}
  .studio-preview{min-height:500px}.membership-plan ul{min-height:0}
}
body.offline::before { content: 'Offline — reconnect to manage your club'; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; padding: 10px; text-align: center; background: #ffcf40; color: #10131d; font-weight: 700; }
.topbar { padding-top: max(18px, env(safe-area-inset-top)); }
@media (max-width: 700px) {
  .sidebar { padding-top: max(26px, env(safe-area-inset-top)); padding-bottom: max(70px, env(safe-area-inset-bottom)); }
  input, select, textarea { font-size: 16px; min-height: 44px; }
  .mobile-dock button { min-height: 44px; }
}
.replay-demo-note { padding: 20px 24px; color: #e8ff47; background: #101923; font: 700 10px Inter,sans-serif; letter-spacing: .1em; }