:root{--bg:#0d2118;--surface:#132c20;--surface2:#1a3a29;--line:#e8eede26;--chalk:#ecefe2;--muted:#a2b7a7;--accent:#f0b545;--card:#f4f1e6;--ink:#1b2a21;--ink-muted:#5a6a5f;--skill:#3f7ad1;--pace:#d99a12;--strength:#c64b3a;--tackle:#d4612f;--jockey:#6f5fc9;--track:#23907a;--boost:#3d4c42;--good:#5cc98a;--bad:#f06b5a;--even:#cdbf8a;--display:"Saira Extra Condensed", "Arial Narrow", Impact, sans-serif;--body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--chalk);margin:0}body{font-family:var(--body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:max(16px, env(safe-area-inset-top,0px)) max(40px, env(safe-area-inset-bottom,0px));background:repeating-linear-gradient(90deg, transparent 0 96px, #ffffff06 96px 192px), var(--bg);min-height:100vh;font-size:15px;line-height:1.45}.app{gap:20px;max-width:1180px;margin:0 auto;display:grid}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:800;line-height:1}p{margin:0}.eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:13px;font-weight:700}.num{font-variant-numeric:tabular-nums}.hint{color:var(--muted);font-size:13px}.err{color:var(--bad);margin-top:8px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.scroll-x{overflow-x:auto}.foot{text-align:center;padding-top:8px}.btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#1a1405;border:0;border-radius:6px;padding:10px 22px;font-size:18px;font-weight:800}.btn:disabled{opacity:.35}.btn.ghost{color:var(--chalk);border:1px solid var(--line);background:0 0}.btn.warn{background:var(--bad);color:#2a0d08}.btn.small{padding:6px 14px;font-size:15px}.btn.big{padding:14px 28px;font-size:22px}.home{gap:24px;display:grid}.hero h1{text-transform:uppercase;font-size:clamp(56px,11vw,120px);line-height:.85}.hero h1 span{color:var(--accent)}.lede{max-width:62ch;color:var(--muted);margin-top:12px;font-size:17px}.acct-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.acct-name{font-family:var(--display);letter-spacing:.02em;font-size:24px}.resume{border-color:var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.positions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.pos{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:8px;padding:16px;display:grid}.pos h2{text-transform:uppercase;font-size:32px}.pos p{color:var(--muted)}.pos.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.play-row{flex-wrap:wrap;gap:12px;display:flex}.rules{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding-top:24px;display:grid}.rules h3{text-transform:uppercase;font-size:26px}.rules ol{color:var(--muted);gap:6px;margin:8px 0 0;padding-left:20px;display:grid}.rules ol b{color:var(--chalk)}.tri{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.tri th,.tri td{border:1px solid var(--line);text-align:center;padding:6px 8px}.tri th{font-family:var(--display);letter-spacing:.04em;font-size:15px;font-weight:700}.w{color:var(--good);font-weight:700}.l{color:var(--bad);font-weight:700}.e{color:var(--even)}.queue{justify-items:start;gap:14px;max-width:560px;margin:40px auto;display:grid}.queue h2{text-transform:uppercase;font-size:44px}.big-num{font-family:var(--display);color:var(--accent);font-size:56px;font-weight:800;line-height:1}.match{gap:14px;display:grid}.board{border:1px solid var(--line);background:#08170f;border-radius:10px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px;display:grid}.club{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere;min-width:0;font-size:20px;font-weight:700}.club small{font-family:var(--body);text-transform:none;letter-spacing:0;color:var(--muted);font-size:12px;font-weight:500;display:block}.club.away{text-align:right}.score{font-family:var(--display);text-align:center;font-size:44px;font-weight:800;line-height:1}.score .min{color:var(--accent);letter-spacing:.06em;font-size:15px;font-weight:700;display:block}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}@media (width<=900px){.layout{grid-template-columns:minmax(0,1fr)}}.stage{align-content:start;gap:12px;min-width:0;display:grid}.situation{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}@media (width<=560px){.situation{grid-template-columns:1fr}}.badge{font-family:var(--display);text-transform:uppercase;font-size:26px;font-weight:800;line-height:1}.badge.attack{color:var(--accent)}.badge.defense{color:var(--bad)}.badge small{font-family:var(--body);text-transform:none;color:var(--muted);margin-top:4px;font-size:13px;font-weight:500;display:block}.mom{gap:6px;min-width:0;display:grid}.mom-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mom-val{font-family:var(--display);font-size:34px;font-weight:800;line-height:1}.segs{grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.seg{background:#ffffff14;border-radius:2px;height:12px}.seg.on{background:var(--accent)}.defense-mode .seg.on{background:var(--bad)}.track{grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.enc{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;padding:8px}.enc .lbl{font-family:var(--display);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.enc .who{color:var(--muted);font-size:12px}.enc.human .who{color:var(--accent);font-weight:600}.enc.now{border-color:var(--chalk);box-shadow:0 0 0 1px var(--chalk) inset}.enc .st{font-family:var(--display);text-transform:uppercase;min-height:16px;margin-top:4px;font-size:13px;font-weight:700}.st.won,.st.goal{color:var(--good)}.st.lost,.st.saved,.st.lostball{color:var(--bad)}.st.even{color:var(--even)}@media (width<=560px){.enc{padding:6px}.enc .lbl{font-size:12px}.enc .who{font-size:11px}}.duel{background:var(--surface2);border:1px solid var(--line);border-radius:12px;align-content:start;gap:16px;min-height:220px;padding:16px;display:grid}.reveal{border-bottom:1px solid var(--line);gap:8px;padding-bottom:14px;display:grid}.reveal.fresh{animation:.35s ease-out pop}@keyframes pop{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:none}}.pairs{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}@media (width<=560px){.pairs{grid-template-columns:1fr 1fr}.pairs .outcome{grid-area:2/1/auto/-1}}.pair{justify-content:center;align-items:flex-end;gap:6px;display:flex}.outcome{text-align:center;gap:4px;min-width:0;display:grid}.outcome h3{text-transform:uppercase;font-size:32px}h3.good{color:var(--good)}h3.bad{color:var(--bad)}h3.even{color:var(--even)}.outcome .math{color:var(--muted);font-size:13.5px}.bnote{color:var(--accent);font-size:13px;font-weight:600}.faceoff{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.side{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.side .who{color:var(--muted);font-size:13px}.side .who b{color:var(--chalk);font-size:15px;display:block}.vs{font-family:var(--display);color:var(--muted);justify-items:center;gap:6px;padding-top:40px;font-size:22px;font-weight:800;display:grid}.timer{color:var(--chalk);font-size:26px}.timer.low{color:var(--bad)}.tell{gap:4px;width:100%;max-width:220px;display:grid}.bar{grid-template-columns:62px 1fr 34px;align-items:center;gap:6px;font-size:12px;display:grid}.bar .t{text-align:left;font-weight:600}.bar .b{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.bar .b i{height:100%;display:block}.bar .p{text-align:right;color:var(--muted)}.card{aspect-ratio:5/7;background:var(--card);width:100%;color:var(--ink);text-align:left;border:2px solid #0000;border-radius:8px;grid-template-rows:auto 1fr auto;padding:0;transition:transform .12s;display:grid;overflow:hidden;box-shadow:0 2px #00000059}.card.hand{max-width:96px}.card.stage{width:96px}.card.boost.stage{width:76px}.card .hd{background:var(--tc);color:#fff;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:4px;padding:3px 6px;font-size:14px;font-weight:800;display:flex}.card .plus{opacity:.8}.card .bd{place-items:center;min-height:0;padding:2px;display:grid}.card .v{font-family:var(--display);color:var(--tc);font-size:40px;font-weight:800;line-height:1}.card .ft{color:var(--ink-muted);padding:3px 6px 5px;font-size:10px;line-height:1.25}.card .ft b{color:var(--ink)}.card.boost{border-style:dashed;border-color:var(--boost);background:#e8e6da}.card .boost-bd{align-content:center;place-items:start;padding:3px 6px}.card .bn{font-family:var(--display);color:var(--ink);text-transform:uppercase;font-size:16px;font-weight:800;line-height:1}.card .bt{color:var(--ink);margin-top:3px;font-size:10.5px;line-height:1.2}.card.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);border-style:solid;transform:translateY(-6px)}.card:not(.static):hover{transform:translateY(-3px)}.card.sel:hover{transform:translateY(-6px)}.card.back{border-color:var(--line);background:repeating-linear-gradient(45deg,#24543c 0 8px,#1d4632 8px 16px);grid-template-rows:1fr;place-items:center}.card.back span{font-family:var(--display);color:#ffffffbf;font-size:44px;font-weight:800}.card.back.dim{opacity:.4}@media (width<=560px){.card .hd{letter-spacing:.02em;padding:3px 4px;font-size:11px}.card .hd span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .bn{font-size:13px}.card .bt{font-size:9px}.card .boost-bd{overflow:hidden}.card.stage{width:76px}.card.boost.stage{width:62px}.card .v{font-size:32px}.card .ft{font-size:9px}}.handwrap{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:12px;padding:14px 16px;display:grid}.hand-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hand-top h2{text-transform:uppercase;font-size:24px}.groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=700px){.groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.groups.dim{opacity:.55}.group{align-content:start;gap:6px;min-width:0;display:grid}.glabel{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:800}.gcards{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;padding-top:6px;display:grid}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sheet{align-content:start;gap:12px;min-width:0;display:grid}.box{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:8px;padding:14px;display:grid}.box h3{text-transform:uppercase;font-size:20px}.deck-row{gap:4px;display:grid}.deck-row .top{justify-content:space-between;font-size:13px;display:flex}.deck-row .top b{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;font-size:15px}.meter{background:#ffffff14;border-radius:4px;height:7px;overflow:hidden}.meter i{background:var(--chalk);height:100%;display:block}.meter.low i{background:var(--bad)}.log{gap:7px;max-height:340px;margin:0;padding:0;font-size:13px;list-style:none;display:grid;overflow:auto}.log li{color:var(--muted);grid-template-columns:34px 1fr;gap:6px;display:grid}.log li .m{font-family:var(--display);color:var(--accent);font-weight:700}.log li.key{color:var(--chalk)}.bonuses{gap:8px;display:grid}.bslot{border:1px dashed var(--line);border-radius:8px;grid-template-columns:70px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.bslot .tier{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:center;background:var(--surface2);border-radius:4px;padding:5px 4px;font-size:13px;font-weight:800}.bslot.daily .tier{color:var(--good)}.bslot.monthly .tier{color:var(--accent)}.bslot.yearly .tier{color:#8fb8ff}.bslot b{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-size:17px;display:block}.bslot span{color:var(--muted);font-size:12.5px;display:block}.bslot.used{opacity:.45}.end{text-align:center;justify-items:center;gap:12px;padding-block:12px;display:grid}.end h3{text-transform:uppercase;font-size:clamp(40px,8vw,64px)}.stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;width:100%;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px}.stat .k{color:var(--muted);font-size:12.5px}.stat .v{font-family:var(--display);font-size:32px;font-weight:800;line-height:1.05}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}