:root{--turf:#2f6f6a;--line:#f4f6f5;--goal:#e2e8e7;--attack:#f2b134;--defence:#3aa0ff;--gk:#7b61ff;--ball:#fff;--focus:#ff5a5f;--bg:#f5f6f4;--panel:#fff;--ink:#18201f;--muted:#56625f;--rule:#d5dbd8;--chip:#eef1ef;--chip-on:#18201f;--chip-on-ink:#fff;--attack-ink:#1b1b1b;--def-fill:#0f2a40;--ring:#c4262c;color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]){--turf:#1c403d;--line:#e6ebea;--goal:#cbd5d3;--defence:#5db0ff;--gk:#9b87ff;--focus:#ff7a7e;--bg:#0f1413;--panel:#171e1d;--ink:#e8eeec;--muted:#a3afab;--rule:#2c3533;--chip:#222b29;--chip-on:#e8eeec;--chip-on-ink:#0f1413;--ring:#ff9a9d;color-scheme:dark}}:root[data-scheme=dark]{--turf:#1c403d;--line:#e6ebea;--goal:#cbd5d3;--defence:#5db0ff;--gk:#9b87ff;--focus:#ff7a7e;--bg:#0f1413;--panel:#171e1d;--ink:#e8eeec;--muted:#a3afab;--rule:#2c3533;--chip:#222b29;--chip-on:#e8eeec;--chip-on-ink:#0f1413;--ring:#ff9a9d;color-scheme:dark}:root[data-scheme=light]{color-scheme:light}:root[data-contrast=high]{--turf:#0a2624;--line:#fff;--goal:#fff;--attack:#ffc83d;--defence:#7cc0ff;--gk:#b4a5ff;--focus:#ff8a8e;--bg:#000;--panel:#000;--ink:#fff;--muted:#e6e6e6;--rule:#fff;--chip:#141414;--chip-on:#fff;--chip-on-ink:#000;--ring:#ffd400;color-scheme:dark}.cs-player{color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cs-player button,.cs-player select{font:inherit;color:var(--ink);background:var(--chip);border:1px solid var(--rule);cursor:pointer;border-radius:999px;min-width:44px;min-height:44px;padding:8px 14px}.cs-player button:disabled{opacity:.45;cursor:default}.cs-player button[aria-pressed=true]{background:var(--chip-on);color:var(--chip-on-ink);border-color:var(--chip-on)}.cs-player :focus-visible{outline:3px solid var(--ring);outline-offset:2px}.cs-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cs-modes,.cs-chips{border:0;min-inline-size:0;margin:0;padding:0}.cs-modes,.cs-chips,.cs-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cs-share{align-items:center;gap:8px;display:inline-flex}.cs-status{color:var(--muted);font-size:13px}.cs-notice{border-left:3px solid var(--attack);background:var(--chip);border-radius:6px;margin:0 0 10px;padding:8px 12px}.cs-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width>=600px){.cs-layout{grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr)}}.cs-pitch svg{background:var(--turf);touch-action:manipulation;border-radius:12px;width:100%;height:auto;display:block}@media (width>=600px){.cs-pitch svg{max-height:calc(100svh - 10rem)}}@media (orientation:landscape) and (height<=500px){.cs-pitch svg{max-height:85svh}}.cs-stage>*+*{margin-top:10px}.cs-play{min-width:88px;font-weight:600}.cs-primary{font-weight:600}.cs-step button{flex:1 1 0}.cs-scrub{flex:180px;align-items:center;gap:10px;display:flex}.cs-scrub input[type=range]{min-height:44px;accent-color:var(--ring);flex:1}.cs-time{text-align:right;font-variant-numeric:tabular-nums;min-width:56px;color:var(--muted);font-size:13px}.cs-chips button{padding:6px 12px;font-size:14px}.cs-side>*+*{margin-top:12px}.cs-panel{background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}.cs-player .cs-panel h2{margin:0 0 6px;font-size:17px}.cs-panel p{margin:0 0 8px}.cs-kicker,.cs-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 2px;font-size:12px;font-weight:600}.cs-sub{margin:12px 0 4px}.cs-role-note{border-left:3px solid var(--focus);background:var(--chip);border-radius:6px;padding:8px 12px}.cs-legend{gap:2px;margin:0;padding:0;list-style:none;display:grid}.cs-player .cs-legend button{text-align:left;background:0 0;border-color:#0000;border-radius:8px;align-items:flex-start;gap:10px;width:100%;padding:8px;font-size:14px;display:flex}.cs-player .cs-legend button[aria-pressed=true]{background:var(--chip);color:var(--ink);border-color:var(--ring)}.cs-badge{font-variant-numeric:tabular-nums;border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:32px;height:24px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.cs-badge-attack{background:var(--attack);color:var(--attack-ink)}.cs-badge-defence{background:var(--def-fill);color:#fff;border:2px solid var(--defence)}.cs-badge-ball{color:#111;background:#fff;border:1px solid #8a8a8a}.cs-options{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.cs-options label{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.cs-options select{max-width:14rem}.cs-check input{width:22px;height:22px;accent-color:var(--ring)}.cs-error{border:2px solid var(--focus);background:var(--panel);border-radius:12px;padding:14px 16px}.cs-error h2{margin:0 0 6px;font-size:17px}.cs-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cs-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cs-role{align-items:center;gap:8px;font-weight:600;display:flex}.cs-role select{max-width:15rem;font-weight:400}@media (hover:none) and (pointer:coarse){.cs-help-open{display:none}}.cs-watch{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.cs-watch .cs-kicker{margin:0}.cs-help{border:1px solid var(--rule);background:var(--panel);color:var(--ink);border-radius:12px;max-width:min(28rem,100vw - 32px);padding:0}.cs-help::backdrop{background:#0000008c}.cs-help-body{padding:16px 20px}.cs-player .cs-help h2{margin:0 0 10px;font-size:17px}.cs-help dl{gap:8px;margin:0 0 14px;display:grid}.cs-help dl>div{grid-template-columns:8.5rem 1fr;align-items:baseline;gap:10px;display:grid}.cs-help dd{margin:0}.cs-help kbd{border:1px solid var(--rule);background:var(--chip);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:3px 7px;font:600 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.cs-help form{justify-content:flex-end;display:flex}.cs-help button{font:inherit;color:var(--ink);background:var(--chip);border:1px solid var(--rule);cursor:pointer;border-radius:999px;min-height:44px;padding:8px 18px}.cs-help :focus-visible{outline:3px solid var(--ring);outline-offset:2px}:root:has(.cs-player[data-mode=story]){scroll-snap-type:y proximity}.cs-player[data-mode=story] .cs-stage{z-index:1;background:var(--bg);padding-bottom:4px;position:sticky;top:0}.cs-player[data-mode=story] .cs-pitch svg{max-height:48svh}.cs-story{margin:0;padding:0;list-style:none}.cs-card{scroll-snap-align:start;min-height:max(16rem, calc((100svh - var(--cs-line,0px)) * .8));border-top:1px solid var(--rule);box-sizing:border-box}.cs-card-body{top:var(--cs-line,0px);padding:14px 16px 24px;position:sticky}.cs-player .cs-card h2{margin:0 0 6px;font-size:19px}.cs-card-body>p{max-width:40rem;margin:0 0 8px}.cs-card-body>.cs-kicker{margin-bottom:2px}.cs-card[aria-current=step] .cs-card-body{box-shadow:inset 3px 0 var(--ring)}.cs-story-end{min-height:calc(100svh - var(--cs-line,0px));border-top:1px solid var(--rule);padding:14px 0 24px}.cs-story-end>p{margin:0 0 12px;padding:0 16px}@media (width>=600px){.cs-player[data-mode=story] .cs-stage{padding-bottom:0;top:12px}.cs-player[data-mode=story] .cs-pitch svg{max-height:calc(100svh - 24px)}.cs-card{min-height:70svh}}.cs-player[data-variant=embed] .cs-layout{grid-template-columns:minmax(0,1fr);gap:10px}.cs-player[data-variant=embed] .cs-top{margin-bottom:8px}.cs-player[data-variant=embed] .cs-chips{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.cs-player[data-variant=embed] .cs-chips button{flex:none}.cs-player[data-variant=embed] .cs-pitch svg{width:auto;max-width:100%;max-height:calc(100vh - 9rem);margin-inline:auto}.cs-open{min-height:44px;color:inherit;align-items:center;padding:0 4px;font-weight:600;display:inline-flex}.cs-draft-head{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.cs-draft-head h1{margin:4px 0}.cs-draft-badge{border:2px dashed var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;font-weight:700;display:inline-flex}.cs-draft-note{color:var(--muted);margin:0 0 12px}.cs-draft :focus-visible,.cs-open:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cs-player *{transition:none!important}:root{scroll-behavior:auto}}