@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-latin-800-italic.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}:root{--bg1: #0e1a4a;--bg2: #1b2d7a;--win: #c9cdd6;--win-hi: #ffffff;--win-lo: #6e7484;--title1: #0f1e66;--title2: #2a45a8;--btn: #d7dae2;--btn-hi: #ffffff;--btn-lo: #6e7484;--sel: #f5d547;--sel-text: #14183a;--red: #c8242f;--red-hi: #e8505a;--red-lo: #7d1218;--panel: #13205a;--panel2: #0b1640;--cream: #f2f0e8;--muted: #c3cae4;--dim: #8d96bd;--good: #5fd38d;--bad: #ff6b6b;--warn: #f5b947;--navy-text: #14183a;--radius: 3px;--sidebar: 228px;--top: 52px;font-family:Barlow,system-ui,sans-serif;color:var(--cream)}*{box-sizing:border-box}html,body{margin:0;height:100%}html{background:#13235f}body{background:linear-gradient(160deg,var(--bg1) 0%,var(--bg2) 100%) fixed;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit}#app{min-height:100%}h1,h2,h3,.cond{font-family:Barlow Condensed,Barlow,sans-serif;font-weight:700;letter-spacing:.01em;margin:0}a{color:var(--sel)}.win{background:var(--win);color:var(--navy-text);border-radius:var(--radius);box-shadow:inset 1px 1px 0 var(--win-hi),inset -1px -1px 0 var(--win-lo),0 6px 18px #00000059;padding:3px;margin-bottom:14px;min-width:0}.win>.tb{background:linear-gradient(180deg,var(--title2),var(--title1));color:#fff;font-weight:700;font-family:Barlow Condensed,sans-serif;font-size:17px;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:2px;display:flex;align-items:center;gap:8px;justify-content:space-between}.win>.tb .tb-extra{font-family:Barlow,sans-serif;font-weight:600;text-transform:none;letter-spacing:0;font-size:13px;color:var(--muted)}.win>.body{padding:8px}.dark{background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--cream);border-radius:2px;padding:10px 12px;box-shadow:inset 1px 1px #00000080,inset -1px -1px #ffffff14}.dark .muted,.muted{color:var(--muted)}.dim{color:var(--dim)}.dark+.dark{margin-top:8px}.btn{background:var(--btn);color:var(--navy-text);border:0;border-radius:var(--radius);cursor:pointer;box-shadow:inset 1px 1px 0 var(--btn-hi),inset -1px -1px 0 var(--btn-lo),0 1px #00000040;padding:9px 14px;font-weight:700;font-size:14px;line-height:1.15;text-align:left;min-height:38px;transition:filter .1s,transform .05s}.btn:hover{filter:brightness(1.04)}.btn:active{box-shadow:inset -1px -1px 0 var(--btn-hi),inset 1px 1px 0 var(--btn-lo);transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sel,.btn[aria-pressed=true]{background:var(--sel);color:var(--sel-text);box-shadow:inset 1px 1px #fff6c8,inset -1px -1px #9e8520}.btn.red,.continue{background:linear-gradient(180deg,var(--red-hi),var(--red));color:#fff;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:20px;letter-spacing:.06em;font-weight:800;font-style:italic;box-shadow:inset 1px 1px #ff9aa0,inset -1px -1px 0 var(--red-lo),0 2px 8px #0006}.btn.small{padding:5px 9px;min-height:30px;font-size:13px}.btn.center{text-align:center}.btn.block{width:100%;display:block}.btn.ghost{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 1px #ffffff40}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.nowrap{flex-wrap:nowrap}.spread{justify-content:space-between}.grow{flex:1}.stack>*+*{margin-top:8px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;align-items:start}@media(max-width:1100px){.cols{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.grid4,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}.opt{display:block;width:100%}.opt .t{display:block;font-weight:700}.opt .b{display:block;font-weight:500;font-size:12.5px;opacity:.8;margin-top:2px}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;color:var(--muted);padding:6px;border-bottom:1px solid rgba(255,255,255,.15);white-space:nowrap}.tbl td{padding:6px;white-space:nowrap}.tbl tbody tr:nth-child(odd) td{background:#ffffff0b}.tbl tbody tr.me td{background:#f5d54738;color:#fff}.tbl tbody tr.zone-up td:first-child{box-shadow:inset 3px 0 0 var(--good)}.tbl tbody tr.zone-down td:first-child{box-shadow:inset 3px 0 0 var(--bad)}.tbl tbody tr.click{cursor:pointer}.tbl tbody tr.click:hover td{background:#f5d5471f}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl .wrap{white-space:normal}.scrollx{overflow-x:auto;-webkit-overflow-scrolling:touch}.topbar{position:sticky;top:0;z-index:30;height:var(--top);display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,#1a2b78,#0d1850);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 2px 10px #00000059}.logo{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:26px;letter-spacing:.02em;color:#fff;text-transform:uppercase;line-height:1}.logo span{color:var(--sel)}.topbar .who{display:flex;align-items:center;gap:8px;min-width:0}.topbar .who .club{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .meta{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap;display:flex;gap:14px}.topbar .meta b{color:var(--cream)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #fff9;flex:none}.kit{width:14px;height:14px;border-radius:3px;display:inline-block;flex:none;box-shadow:0 0 0 1px #ffffff80}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - var(--top))}.sidebar{position:sticky;top:var(--top);align-self:start;height:calc(100vh - var(--top));padding:12px 10px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sidebar .btn{width:100%;display:flex;justify-content:space-between;align-items:center}.sidebar .badge,.badge{background:var(--red);color:#fff;border-radius:10px;font-size:11.5px;padding:1px 7px;font-weight:700}.btn.sel .badge{background:var(--navy-text)}.sidebar .continue{margin-top:auto;min-height:56px;text-align:center;justify-content:center}.main{padding:16px 18px 40px;min-width:0}.main.wide{max-width:1280px}.screen-title{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.screen-title h1{font-size:30px;text-transform:uppercase;font-style:italic;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}.screen-title .sub{color:var(--muted);font-weight:600}.bottombar{display:none}@media(max-width:900px){:root{--top: 50px}.shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.main{padding:12px 10px 120px}.topbar .meta .hide-sm{display:none}.logo{font-size:22px}.screen-title h1{font-size:24px}.bottombar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1.5fr;gap:5px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#13225f,#0a143c);border-top:1px solid rgba(255,255,255,.15)}.bottombar .btn{text-align:center;padding:8px 4px;font-size:12.5px;min-height:46px;position:relative}.bottombar .btn .badge{position:absolute;top:-4px;right:-2px}.bottombar .continue{font-size:18px}}.drawer-bg{position:fixed;inset:0;background:#050a1e99;z-index:50}.drawer{position:fixed;left:0;right:0;bottom:0;z-index:51;padding:12px 12px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1b2d7a,#0e1a4a);border-radius:12px 12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:80vh;overflow:auto}.modal-bg{position:fixed;inset:0;z-index:80;background:#050a1eb8;display:flex;align-items:center;justify-content:center;padding:14px}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;margin:0}.modal.wide{width:min(900px,100%)}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;background:#ffffff1f;color:var(--cream);white-space:nowrap}.pill.good{background:#5fd38d33;color:var(--good)}.pill.bad{background:#ff6b6b2e;color:var(--bad)}.pill.warn{background:#f5b94733;color:var(--warn)}.pill.gold{background:#e9c046;color:#3b2a00}.pill.silver{background:#cfd5df;color:#222}.pill.bronze{background:#c98b55;color:#2a1300}.pill.fail{background:#ff6b6b40;color:#ffb3b3}.stars{color:var(--sel);letter-spacing:1px;white-space:nowrap}.bar{height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#f5d547,#5fd38d);border-radius:4px}.bar.red>i{background:linear-gradient(90deg,#ff6b6b,#f5b947)}.meter{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}.big{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:40px;line-height:1}.attr{display:grid;grid-template-columns:1fr 34px;gap:6px;padding:3px 0}.attr .v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.v-hi{color:#8af0b3}.v-mid{color:var(--cream)}.v-lo{color:#ff9d9d}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;z-index:90;max-width:min(560px,92vw);padding:12px 16px;border-radius:6px;background:#0b1640;color:var(--cream);border:1px solid rgba(245,213,71,.6);box-shadow:0 10px 30px #00000080;font-weight:600}@media(max-width:900px){.toast{bottom:96px}}.quote{font-style:italic;color:var(--cream);border-left:3px solid var(--sel);padding-left:10px}.note{white-space:pre-line}.center{text-align:center}.mt{margin-top:10px}.mb{margin-bottom:10px}.lock{opacity:.55}input[type=text],input[type=number],select{font:inherit;padding:8px 10px;border-radius:3px;border:0;background:#fff;color:var(--navy-text);box-shadow:inset 1px 1px 0 var(--win-lo),inset -1px -1px 0 var(--win-hi);min-height:38px}label.lbl{display:block;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px}.win label.lbl{color:#3a4268}.win .dark label.lbl,.dark label.lbl{color:var(--muted)}.stepper{display:inline-flex;align-items:center;gap:4px}.stepper button{width:30px;min-height:30px;padding:0;text-align:center}.stepper .v{width:26px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.clubmap svg{width:100%;height:auto;display:block;border-radius:4px}.clubmap .loc{cursor:pointer;transition:filter .15s}.clubmap .loc:hover{filter:brightness(1.15) drop-shadow(0 0 6px rgba(245,213,71,.7))}.clubmap .loc.locked{cursor:not-allowed;filter:grayscale(.8) brightness(.7)}.clubmap .lbl-bg{fill:#0b1640e0}.clubmap text{font-family:Barlow Condensed,sans-serif;font-weight:700;fill:#fff;letter-spacing:.04em}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#0f1e66,#081040);border-radius:4px;box-shadow:0 4px 14px #0006}.scorebar .team{display:flex;align-items:center;gap:8px;font-family:Barlow Condensed;font-weight:700;font-size:20px;text-transform:uppercase;min-width:0}.scorebar .team span.n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scorebar .team.away{justify-content:flex-end}.scorebar .score{font-family:Barlow Condensed;font-weight:800;font-size:40px;line-height:1;text-align:center;color:#fff}.scorebar .min{font-size:13px;color:var(--sel);text-align:center;font-weight:700}@media(max-width:600px){.scorebar .team{font-size:15px}.scorebar .score{font-size:32px}}.commentary{height:300px;overflow-y:auto;scroll-behavior:smooth}.commentary .ev{padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:34px 1fr;gap:6px;font-size:14px}.commentary .ev .m{color:var(--dim);font-weight:700;text-align:right}.commentary .ev.goal{color:var(--sel);font-weight:800}.commentary .ev.red .t{color:var(--bad);font-weight:700}.commentary .ev.playcall .t,.commentary .ev.tactic .t{color:#9fd4ff}.pitchwrap{position:relative}.pitchwrap canvas{width:100%;max-width:400px;margin:0 auto;height:auto;display:block;border-radius:4px;background:#2d7a3c}.pitchwrap .cap{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:44px;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.5);pointer-events:none;text-transform:uppercase}.statrow{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;align-items:center;font-size:13.5px;padding:3px 0}.statrow .l{text-align:left;font-weight:700}.statrow .r{text-align:right;font-weight:700}.statrow .mid{text-align:center;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.splitbar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#ffffff1a;grid-column:1 / -1}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:600px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{min-height:92px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 6px}.card .t{font-family:Barlow Condensed;font-size:19px;font-weight:700;text-transform:uppercase}.card .b{font-size:12px;font-weight:500;margin-top:4px;opacity:.8}.title-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.title-card{width:min(560px,100%);text-align:center}.title-card .logo{font-size:clamp(64px,16vw,104px);display:block}.title-card .tag{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-size:22px;color:var(--muted);margin:6px 0 22px}.title-card .btn{margin-bottom:10px;text-align:center}.pass-screen{min-height:70vh;display:grid;place-items:center;text-align:center}.pass-screen .name{font-family:Barlow Condensed;font-weight:800;font-style:italic;font-size:clamp(44px,10vw,76px);text-transform:uppercase}.legacy canvas{width:100%;max-width:480px;height:auto;display:block;margin:0 auto;border-radius:6px;box-shadow:0 10px 30px #00000080}.trustmeter{position:relative;height:14px;border-radius:7px;background:linear-gradient(90deg,#ff6b6b,#f5b947 45%,#5fd38d)}.trustmeter i{position:absolute;top:-4px;width:6px;height:22px;background:#fff;border-radius:3px;box-shadow:0 0 0 2px #0b1640;transform:translate(-50%)}.mobile-menu{display:none}@media(max-width:900px){.mobile-menu{display:block;position:fixed;top:9px;right:10px;z-index:35}.topbar .meta{margin-right:84px}.topbar .who .club{max-width:38vw}}@media(max-width:420px){.topbar .meta{display:none}}