:root{--ink-0:#070b09;--ink-1:#0d1411;--ink-2:#121b17;--ink-3:#19241f;--ink-4:#23312a;--line:#d6ffe612;--line-strong:#d6ffe624;--fg:#eef4f0;--fg-2:#a6b4ac;--fg-3:#7f8d85;--volt:#d4ff3a;--volt-ink:#0f1408;--volt-soft:#d4ff3a1f;--good:#3fd69a;--good-ink:#04261a;--bad:#ff6159;--bad-ink:#300807;--warn:#ffb547;--info:#7cc4ff;--grass:#174a2c;--grass-2:#1b5534;--grass-line:#ffffffc7;--team-a:#4f8cff;--team-a-text:#fff;--team-b:#ff8c42;--team-b-text:#2b1200;--current-team:var(--team-a);--current-team-text:var(--team-a-text);--font:"Archivo Variable", "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--narrow:72%;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-lg:1.125rem;--display-sm:1.375rem;--display-md:1.875rem;--display-lg:2.625rem;--r-xs:3px;--r-sm:5px;--r:8px;--r-lg:12px;--shadow-1:0 1px 0 #ffffff08 inset, 0 1px 2px #00000059;--shadow-pop:0 20px 50px #0000008c, 0 0 0 1px var(--line-strong);--focus:0 0 0 2px var(--ink-0), 0 0 0 4px var(--volt);--ease:cubic-bezier(.2, .7, .2, 1);--bg:var(--ink-0);--panel:var(--ink-1);--panel-2:var(--ink-3);--border:var(--line-strong);--text:var(--fg);--muted:var(--fg-2);--accent:var(--volt);--on-accent:var(--volt-ink);--gold:var(--warn);--radius:var(--r-lg);font-family:var(--font);color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:15px}[data-theme=sun]{--ink-0:#eef1ec;--ink-1:#fff;--ink-2:#fff;--ink-3:#e6ebe4;--ink-4:#d5ddd3;--line:#081c121a;--line-strong:#081c1238;--fg:#07100b;--fg-2:#33413a;--fg-3:#5a685f;--volt:#0c6b38;--volt-ink:#fff;--volt-soft:#0c6b381f;--good:#08834f;--good-ink:#fff;--bad:#c42b22;--bad-ink:#fff;--warn:#9a5800;--shadow-1:0 1px 2px #0000001f;--shadow-pop:0 18px 40px #0000002e, 0 0 0 1px var(--line-strong);--focus:0 0 0 2px var(--ink-1), 0 0 0 4px var(--volt);--bg:var(--ink-0);--panel:var(--ink-1);--panel-2:var(--ink-3);--border:var(--line-strong);--text:var(--fg);--muted:var(--fg-2);--accent:var(--volt);--on-accent:var(--volt-ink);--gold:var(--warn);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--fg);background:var(--ink-0)}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink-0);color:var(--fg);margin:0}body{-webkit-tap-highlight-color:transparent;line-height:1.45}::selection{background:var(--volt);color:var(--volt-ink)}h1,h2,h3,h4{font-stretch:var(--narrow);letter-spacing:-.005em;font-weight:750;line-height:1.1}a{color:var(--volt);text-underline-offset:3px;text-decoration-thickness:1px}.eyebrow{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-weight:650}.num,.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--fg-2)}.muted.small,.small{font-size:var(--text-sm)}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}button,a.button,.file-button{font:inherit;font-size:var(--text-md);color:var(--fg);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;white-space:nowrap;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease), transform 80ms var(--ease), box-shadow .12s var(--ease);justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-weight:560;line-height:1.35;text-decoration:none;display:inline-flex}@media (hover:hover){button:hover:not(:disabled),a.button:hover,.file-button:hover{background:var(--ink-4);border-color:var(--line-strong)}}button:active:not(:disabled),a.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,.file-button:focus-within,summary:focus-visible{box-shadow:var(--focus);outline:none}button:disabled{opacity:.4;cursor:not-allowed}button.primary,a.button.primary,.file-button.primary{background:var(--volt);border-color:var(--volt);color:var(--volt-ink);font-weight:680}@media (hover:hover){button.primary:hover:not(:disabled),a.button.primary:hover,.file-button.primary:hover{background:color-mix(in srgb, var(--volt) 88%, white);border-color:color-mix(in srgb, var(--volt) 88%, white)}}button.danger{border-color:color-mix(in srgb, var(--bad) 45%, transparent);color:var(--bad);background:0 0}@media (hover:hover){button.danger:hover:not(:disabled){background:var(--bad);border-color:var(--bad);color:var(--bad-ink)}}button.link{min-height:0;color:var(--volt);background:0 0;border:none;padding:0;font-weight:560;text-decoration:none;display:inline}@media (hover:hover){button.link:hover:not(:disabled){text-underline-offset:3px;background:0 0;text-decoration:underline}}button.active{background:var(--fg);border-color:var(--fg);color:var(--ink-0)}button.icon{padding:6px 8px}button.big,a.button.big{font-size:var(--text-lg);padding:14px 20px;font-weight:650}button.small,a.button.small{font-size:var(--text-sm);padding:5px 10px}button.good{box-shadow:inset 3px 0 0 var(--good)}button.bad{box-shadow:inset 3px 0 0 var(--bad)}button.good.active{background:var(--good);border-color:var(--good);color:var(--good-ink)}button.bad.active{background:var(--bad);border-color:var(--bad);color:var(--bad-ink)}button.team-A.active{background:var(--team-a);border-color:var(--team-a);color:var(--team-a-text)}button.team-B.active{background:var(--team-b);border-color:var(--team-b);color:var(--team-b-text)}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}input[type=text],input[type=url],input[type=number],input[type=email],input[type=password],input[type=date],input[type=time],input[type=search],input:not([type]),select,textarea{font:inherit;font-size:var(--text-md);color:var(--fg);background:var(--ink-0);border:1px solid var(--line-strong);border-radius:var(--r);min-width:0;min-height:36px;transition:border-color .12s var(--ease), box-shadow .12s var(--ease);padding:6px 10px}[data-theme=sun] input:not([type=checkbox]):not([type=color]):not([type=file]),[data-theme=sun] select,[data-theme=sun] textarea{background:var(--ink-1)}textarea{resize:vertical;width:100%;line-height:1.45}input::placeholder,textarea::placeholder{color:var(--fg-3)}input:focus,select:focus,textarea:focus{border-color:var(--volt);box-shadow:0 0 0 3px var(--volt-soft);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--volt);width:16px;height:16px}progress{accent-color:var(--volt)}.checkbox{color:var(--fg-2);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.segmented{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}[data-theme=sun] .segmented{background:var(--ink-3)}.segmented button{border-radius:var(--r-sm);min-height:30px;color:var(--fg-2);background:0 0;border:none;padding:0 12px;font-weight:600}@media (hover:hover){.segmented button:hover:not(:disabled):not(.active){background:var(--ink-3);color:var(--fg)}}.segmented button.active{background:var(--ink-4);color:var(--fg);box-shadow:var(--shadow-1)}[data-theme=sun] .segmented button.active{background:var(--ink-1)}.segmented button.team-A.active{background:var(--team-a);color:var(--team-a-text)}.segmented button.team-B.active{background:var(--team-b);color:var(--team-b-text)}.segmented.small button{min-height:26px;font-size:var(--text-sm);padding:0 9px}.chip,.chips button{border-radius:var(--r-sm);min-height:28px;font-size:var(--text-sm);border:1px solid var(--line-strong);color:var(--fg-2);background:0 0;padding:0 10px;font-weight:560}.chip.active,.chips button.active{background:color-mix(in srgb, var(--fg) 13%, transparent);border-color:color-mix(in srgb, var(--fg) 50%, transparent);color:var(--fg)}kbd{letter-spacing:.02em;color:var(--fg-3);border:1px solid var(--line-strong);border-radius:var(--r-xs);border-bottom-width:2px;padding:2px 4px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}th{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);text-align:left;border-bottom:1px solid var(--line-strong);padding:8px;font-weight:650}td{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:8px}code{background:var(--ink-3);border-radius:var(--r-xs);padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}*{scrollbar-width:thin;scrollbar-color:var(--ink-4) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.scorebug{--h:38px;--fs:15px;height:var(--h);font-size:var(--fs);font-stretch:var(--narrow);border-radius:var(--r-sm);background:var(--ink-0);box-shadow:0 0 0 1px var(--line-strong), var(--shadow-1);flex:none;align-items:stretch;min-width:0;max-width:100%;font-weight:760;line-height:1;display:inline-flex;overflow:hidden}.scorebug-sm{--h:30px;--fs:13px}.scorebug-lg{--h:52px;--fs:20px}.sb-side{align-items:stretch;min-width:0;display:flex}.sb-B{flex-direction:row-reverse}.sb-name{line-height:var(--h);padding:0 calc(var(--h) * .42) 0 calc(var(--h) * .3);background:var(--c);color:var(--t);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:16ch;clip-path:polygon(0 0, 100% 0, calc(100% - var(--h) * .22) 100%, 0 100%);display:block;overflow:hidden}.sb-B .sb-name{padding:0 calc(var(--h) * .3) 0 calc(var(--h) * .42);clip-path:polygon(calc(var(--h) * .22) 0, 100% 0, 100% 100%, 0 100%)}.sb-score{white-space:nowrap;padding:0 calc(var(--h) * .28);font-variant-numeric:tabular-nums;color:var(--fg);flex:none;align-self:center;align-items:baseline;gap:5px;display:flex}.sb-score b{letter-spacing:.01em;font-size:1.3em;font-weight:800}.sb-score small{color:var(--fg-3);font-size:.72em;font-weight:650}.sb-center{padding:0 calc(var(--h) * .28);border-left:1px solid var(--line-strong);border-right:1px solid var(--line-strong);background:var(--ink-2);font-variant-numeric:tabular-nums;color:var(--fg-2);white-space:nowrap;align-items:center;font-size:.9em;display:flex}.sb-code{display:none}.sb-host{min-width:0;container-type:inline-size}@container (width<=380px){.sb-full{display:none}.sb-code{display:inline}}.app{flex-direction:column;gap:16px;max-width:none;margin:0 auto;padding:12px 16px;display:flex}.app-header{align-items:center;gap:16px;display:flex}.app-header h1{margin:0;font-size:1.4rem}.setup.setup-bar{flex-flow:wrap;align-items:center;gap:12px;padding:6px 16px}.setup-bar strong{font-size:1.05rem}.setup{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:12px 16px;display:flex}.field{flex:260px;align-items:center;gap:8px;display:flex}.field>span{color:var(--muted);white-space:nowrap;font-size:.85rem}.field input{flex:1}.field.team-A,.field.team-B{flex-wrap:wrap;flex:320px}.field.team-A>input:not([type]),.field.team-B>input:not([type]){flex:160px;min-width:160px}.field.team-A>input:not([type]){border-left:4px solid var(--team-a)}.field.team-B>input:not([type]){border-left:4px solid var(--team-b)}.team-tools{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;padding-left:0;display:inline-flex}.squad-editor h4{margin:0 0 8px}.squad-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.squad-grid label{align-items:center;gap:6px;display:flex}.squad-grid label span{text-align:right;width:22px;color:var(--muted);font-size:.85rem}.squad-grid input{flex:1;padding:5px 8px}.import-numbers label span.import-name{text-align:left;width:auto;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.import-numbers input[type=number]{flex:0 0 64px}.import-performa{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:8px;display:flex}.import-performa input.invalid{border-color:var(--bad)}.import-skipped ul{max-height:160px;margin:6px 0 0;padding-left:18px;overflow:auto}.rerecord{border:1px solid var(--accent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;display:flex}.starting-fifteen{flex-direction:column;gap:8px;margin-top:12px;display:flex}.starting-fifteen h4{margin:0}.starting-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.starting-grid label{align-items:center;gap:6px;display:flex}.starting-grid label span{text-align:right;width:22px;color:var(--muted);font-size:.85rem}.starting-grid select{flex:1;padding:5px 8px}.starting-grid label.changed select{border-color:var(--accent)}.file-button{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 12px;display:inline-block}.file-button:hover{border-color:var(--accent)}.file-button input{display:none}main.tag-layout{grid-template-columns:minmax(0,1fr) clamp(480px,26vw,640px);align-items:start;gap:16px;display:grid}.summary,.players-view{width:100%;max-width:1600px;margin:0 auto}main[hidden]{display:none}.left-column,.right-column{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=1000px){main.tag-layout{grid-template-columns:1fr}}.video-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:8px;overflow:hidden}.video-frame{background:#000;justify-content:center;display:flex}.video{--video-max-h:calc(100vh - 350px);width:min(100%, calc(var(--video-max-h) * 16 / 9));aspect-ratio:16/9;background:#000;height:auto;display:block}.app.setup-collapsed .video{--video-max-h:calc(100vh - 280px)}.video-panel .timeline{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:8px 12px 6px}.video-size{color:var(--muted);flex-basis:100%;font-size:.8rem}.video-size.warn{color:var(--gold)}.video-placeholder{aspect-ratio:16/9;color:var(--muted);text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.video-placeholder p{margin:4px 0}.video-controls{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.url-input{flex:240px;gap:6px;display:flex}.url-input input{flex:1}.transport{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.clock{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:6px}.speed{gap:4px;display:flex}.speed button{padding:4px 8px;font-size:.85rem}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.tagger{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:12px 16px;display:flex}.tagger-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.step{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;transition:border-color .15s,opacity .15s}.step.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.step.disabled{opacity:.4;pointer-events:none}.step header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.step h3{margin:0;font-size:1rem}.step-number{background:var(--panel-2);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.step.done .step-number{background:var(--good);border-color:var(--good);color:#062b14}.step.active .step-number{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.step-detail{color:var(--muted);margin-left:auto;font-size:.85rem}.step-body{flex-direction:column;gap:8px;display:flex}.button-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:999px;padding:4px 10px;font-size:.85rem}.won-by{border:1px dashed var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex}.won-by.team-A .player.active{background:var(--team-a);border-color:var(--team-a);color:var(--team-a-text)}.won-by.team-B .player.active{background:var(--team-b);border-color:var(--team-b);color:var(--team-b-text)}.player-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.player{flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:6px 4px;display:flex}.player .number{font-size:1.1rem;font-weight:700}.player .name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.7rem;overflow:hidden}.player.active .name{color:inherit;opacity:.75}.pitch{width:100%;margin:0}.pitch-svg{border-radius:6px;width:100%;height:auto;display:block}.pitch-svg.clickable{cursor:crosshair}.pitch-grass{fill:var(--grass)}.pitch-line{stroke:var(--grass-line);stroke-width:.5px}.pitch-line.dashed{stroke-dasharray:1.5 1.5;stroke-opacity:.6}.pitch-line-rect{fill:none;stroke:var(--grass-line);stroke-width:.5px}.pitch-goal{fill:#ffffff59;stroke:var(--grass-line);stroke-width:.4px}.pitch-zones line{stroke:var(--gold);stroke-width:.4px;stroke-dasharray:2 2;stroke-opacity:.7}.pitch-marker text{pointer-events:none}.pitch-pending circle:first-child{fill:none;stroke:#fff;stroke-width:.6px}.pitch-pending circle:last-child{fill:#fff}.pitch-caption{color:var(--muted);justify-content:space-between;gap:8px;padding:4px 2px 0;font-size:.8rem;display:flex}.pitch-caption-main{color:var(--text)}.log-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.log-panel h3{margin:0 0 8px;font-size:1rem}.event-log{flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.event{background:var(--panel-2);border-left:4px solid var(--border);border-radius:8px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.event.team-A{border-left-color:var(--team-a)}.event.team-B{border-left-color:var(--team-b)}.event-time{font-variant-numeric:tabular-nums;padding:4px 8px;font-size:.85rem}.event-team{font-size:.9rem;font-weight:600}.event-desc{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.toast{background:var(--panel-2);border:1px solid var(--accent);z-index:10;border-radius:10px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.summary{flex-direction:column;gap:12px;display:flex}.summary-section{display:contents}.summary.empty{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px}.summary h2{margin:12px 0 0;font-size:1.15rem}.summary-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.scoreboard{align-items:center;gap:12px;font-size:1.2rem;display:flex}.scoreboard strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.scoreboard small{color:var(--muted);font-size:.9rem}.scoreboard .vs{color:var(--muted)}.team-A>span.team-A,span.team-A{color:var(--team-a);font-weight:600}span.team-B{color:var(--team-b);font-weight:600}.two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.two-up.single{grid-template-columns:minmax(0,1fr)}.panel-body,.panel-map,.panel-stats{display:contents}.two-up.single .panel-body{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:start;gap:16px 24px;display:grid}.two-up.single .panel-map,.two-up.single .panel-stats{flex-direction:column;gap:10px;min-width:0;display:flex}.two-up.single .panel-stats.stat-tables{flex-flow:wrap;align-items:flex-start}@media (width<=1100px){.two-up.single .panel-body{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.two-up{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:12px 16px;display:flex}.panel.team-A{border-top:4px solid var(--team-a)}.panel.team-B{border-top:4px solid var(--team-b)}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-header h3{margin:0}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.85rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border:2px solid #0000;border-radius:50%;width:12px;height:12px;display:inline-block}.legend i.square{border-radius:2px}.legend i.hollow{background:0 0}.stat-tables{flex-wrap:wrap;align-items:flex-start;gap:12px 24px;display:flex}.stat-tables table{flex:auto;width:auto}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}td:not(:first-child),th:not(:first-child){text-align:right}.player-table tbody tr{cursor:pointer}.player-table tbody tr.selected{background:#4f8cff33}.zone-grid{grid-template-columns:auto repeat(3,1fr);gap:4px;display:grid}.zone-head{color:var(--muted);justify-content:center;align-items:center;padding:4px;font-size:.8rem;display:flex}.zone-cell{background:color-mix(in srgb, var(--accent) calc(var(--share) * 90%), var(--panel-2));border:1px solid var(--border);border-radius:6px;flex-direction:column;align-items:center;padding:8px;display:flex}.zone-cell strong{font-size:1.1rem}.zone-cell small{color:var(--muted)}.player-table th,.player-table td{padding:5px 6px;font-size:.85rem}.period-clock{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.period-clock-main{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.period-clock-label{font-weight:600}.period-clock-time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:4.5ch;font-size:1.5rem;font-weight:700}.period-list{flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.period-list li{align-items:center;gap:8px;display:inline-flex}.period-list li>span:first-child{font-weight:600}.field.compact{flex:none}.field.compact input{flex:none;width:80px}.field.compact.model input{width:200px}.muted.small{margin:0;font-size:.8rem}.error{color:var(--bad);margin:0}.ai-analysis{flex-direction:column;gap:16px;display:flex}.field.notes{flex-basis:100%;align-items:flex-start}.field.notes textarea{background:var(--panel-2);border:1px solid var(--border);width:100%;font:inherit;color:inherit;resize:vertical;border-radius:8px;flex:1;min-height:72px;padding:8px 10px}.field.notes textarea:focus{outline:2px solid var(--accent);outline-offset:0}.notes-text{white-space:pre-wrap;margin:0}.agent-picker{border:1px solid var(--border);border-radius:8px;margin:0;padding:8px 12px 10px}.agent-picker legend{padding:0 6px;font-weight:600}.agent-picker legend .link.active{color:var(--text);font-weight:600;text-decoration:none}.agent-options{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px;display:grid}.agent-options .checkbox.team-A{border-left:3px solid var(--team-a);padding-left:8px}.agent-options .checkbox.team-B{border-left:3px solid var(--team-b);padding-left:8px}.agent-progress{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.agent-progress li{background:var(--panel-2);border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:4px 8px;font-size:.9rem;display:grid}.status-dot{background:var(--border);border-radius:50%;width:10px;height:10px}.agent-progress li.running .status-dot{background:var(--accent);animation:1s infinite alternate pulse}.agent-progress li.done .status-dot{background:var(--good)}.agent-progress li.error .status-dot{background:var(--bad)}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.report.span-2{grid-column:1/-1}.markdown{font-size:.95rem;line-height:1.5}.markdown h2,.markdown h3,.markdown h4{margin:12px 0 4px;font-size:1rem}.markdown li{margin:2px 0}.markdown code{background:var(--panel-2);border-radius:4px;padding:1px 4px;font-size:.85em}button.big{position:relative}button kbd{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-family:inherit;font-size:.65rem;line-height:1.4;position:absolute;top:4px;right:6px}.button-grid button{position:relative}button.active kbd{color:inherit;border-color:#ffffff80}.shortcuts{margin:0}.digits{color:var(--accent)}.editing-banner{border:1px solid var(--accent);background:#4f8cff26;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-weight:600;display:flex}.event .event-desc{text-align:left;cursor:pointer;background:0 0;border:none;padding:2px 4px}.event .event-desc:hover{border-color:#0000;text-decoration:underline}.event.editing{outline:2px solid var(--accent)}.header-score{font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;display:flex}.header-score strong{font-size:1.1rem}.event-count{margin-left:0}.timeline{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px 8px}.timeline-track{background:var(--panel-2);cursor:pointer;border-radius:6px;height:34px;position:relative;overflow:hidden}.timeline-period{border-left:1px solid var(--border);border-right:1px solid var(--border);background:#ffffff0f;position:absolute;top:0;bottom:0}.timeline-tick{background:var(--border);border:none;border-radius:2px;width:4px;height:14px;margin-left:-2px;padding:0;position:absolute;bottom:4px}.timeline-tick.team-A{background:var(--team-a)}.timeline-tick.team-B{background:var(--team-b)}.timeline-tick.type-Shot{height:26px}.timeline-tick.type-Substitution,.timeline-tick.type-ThrowIn{opacity:.8;height:8px}.timeline-tick:hover{transform:scaleX(2)}.timeline-playhead{background:var(--volt);width:2px;box-shadow:0 0 8px var(--volt);pointer-events:none;margin-left:-1px;position:absolute;top:0;bottom:0}.timeline-legend{flex-wrap:wrap;gap:14px;padding-top:6px;font-size:.8rem;display:flex}.timeline-legend span{align-items:center;gap:6px;display:inline-flex}.timeline-legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.timeline-legend i.team-A{background:var(--team-a)}.timeline-legend i.team-B{background:var(--team-b)}.shot-zones .zone-corner{justify-content:center;align-items:center;font-size:.8rem;display:flex}.players-view{flex-direction:column;gap:16px;display:flex}.library-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.library-list li{background:var(--panel-2);border-radius:6px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.team-select select{min-width:180px}.veo-panel{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.ok{color:var(--good);margin:0}.team-sheet{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.team-sheet-preview{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.team-sheet-preview img{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:320px}.team-sheet-table input[type=number]{width:64px;padding:3px 6px}.team-sheet-table input:not([type]){width:100%;min-width:160px;padding:3px 6px}.team-sheet-table td,.team-sheet-table th{padding:3px 6px}.team-sheet-table td:not(:first-child){text-align:left}.confidence.low{color:var(--bad)}.confidence.medium{color:var(--gold)}.confidence.high{color:var(--muted)}input.team-color{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:8px;width:36px;height:34px;padding:2px}.swatches{flex-wrap:wrap;gap:4px;display:inline-flex}.swatch{border:2px solid var(--border);border-radius:50%;width:18px;height:18px;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.tagger{border:2px solid var(--current-team);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--current-team) 35%, transparent)}.tagging-banner{align-items:center;gap:12px;display:flex}.tagging-pill{background:var(--current-team);color:var(--current-team-text);letter-spacing:.01em;border-radius:999px;padding:6px 14px;font-weight:700}.tagger .step.active{border-color:var(--current-team);box-shadow:0 0 0 1px var(--current-team)}.tagger .step.active .step-number{background:var(--current-team);border-color:var(--current-team);color:var(--current-team-text)}.tagger .button-grid button.big{background:color-mix(in srgb, var(--current-team) 14%, var(--panel-2));border-color:color-mix(in srgb, var(--current-team) 55%, var(--border))}.tagger .button-grid button.active,.tagger .button-grid button.big.active,.tagger .player.active,.tagger .chip.active,.tagger button.primary{background:var(--current-team);border-color:var(--current-team);color:var(--current-team-text)}.tagger .button-grid button.good.active,.tagger .button-grid button.bad.active,.tagger .player.active .name{color:var(--current-team-text)}.tagger .period-clock button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.two-up.single .panel-map .pitch-svg{width:auto;max-width:100%;max-height:72vh;margin:0 auto}.playback{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:12px 16px;display:flex}.playback-header{align-items:baseline;gap:12px;display:flex}.present-button{margin-left:auto;padding:4px 10px;font-size:.85rem}.present-button.active{background:var(--bad);border-color:var(--bad);color:#fff}.app.presenting main.tag-layout{grid-template-columns:minmax(300px,2fr) minmax(480px,3fr)}.app.presenting .video,.app.presenting.setup-collapsed .video{--video-max-h:170px}.app.present-video-hidden .video-frame,.app.present-video-hidden .video-placeholder,.app.presenting .video-size{display:none}.presenting-banner{background:var(--panel-2);border:1px solid var(--accent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.presenter{color:#fff;background:#000;position:fixed;inset:0}.presenter video{object-fit:contain;width:100%;height:100%;display:block}.presenter-waiting{color:#ccc;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.presenter-caption{background:#000000b3;border-radius:10px;align-items:center;gap:12px;max-width:calc(100% - 48px);padding:10px 18px;font-size:1.6rem;font-weight:600;display:flex;position:absolute;bottom:56px;left:24px}.presenter-caption i{background:var(--caption-color);border-radius:4px;flex:none;width:8px;height:1.6em}.presenter-status{color:#999;font-variant-numeric:tabular-nums;font-size:.85rem;position:absolute;bottom:12px;right:16px}.playback-title{font-size:1.05rem;font-weight:700}.playback-filters{flex-direction:column;gap:8px;display:flex}.outcome-row{border-left:2px solid var(--border);align-items:flex-start;gap:8px;padding-left:6px;display:flex}.outcome-type{color:var(--muted);min-width:90px;padding-top:5px;font-size:.8rem}.chip.outcome{opacity:.55;padding:3px 8px;font-size:.78rem}.chip.outcome.active{opacity:1}.chip.outcome.active.good{border-color:var(--good)}.chip.outcome.active.bad{border-color:var(--bad)}.players-row{align-items:center}.players-row .outcome-type{padding-top:0}.player-picker{flex:1;min-width:0;max-width:320px;position:relative}.player-picker-button{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.player-picker-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-picker-menu{z-index:20;border:1px solid var(--border);background:var(--panel);border-radius:8px;max-height:320px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.player-picker-top{padding:0 4px 6px}.player-picker-team{text-transform:uppercase;letter-spacing:.08em;margin:6px 4px 2px;font-size:.75rem;font-weight:700}.player-picker-group.team-A .player-picker-team{color:var(--team-a)}.player-picker-group.team-B .player-picker-team{color:var(--team-b)}.player-picker-option{align-items:center;min-height:36px;padding:6px 4px;display:flex}.outcome-row .link.small{align-self:center;font-size:.78rem}.playlist-loaded{border:1px solid var(--accent);background:#4f8cff26;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.playback-transport{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0}.clip-counter{font-variant-numeric:tabular-nums;min-width:8ch}.clip-list{flex-direction:column;gap:4px;max-height:50vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.clip{background:var(--panel-2);border-left:4px solid var(--border);border-radius:8px;grid-template-columns:auto auto auto 1fr;align-items:center;gap:10px;padding:4px 8px;display:grid}.clip.team-A{border-left-color:var(--team-a)}.clip.team-B{border-left-color:var(--team-b)}.clip.current{outline:2px solid var(--accent)}.clip.excluded{opacity:.45}.clip-play{font-variant-numeric:tabular-nums;padding:4px 8px;font-size:.85rem}.clip-desc{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.playlists{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.playlist-name{flex:220px}.export-clips{align-items:center}.export-clips .export-status{font-variant-numeric:tabular-nums}.playlist-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.playlist-list li{background:var(--panel-2);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:4px 8px;display:grid}.playlist-list li.current{outline:2px solid var(--accent)}.timeline-tick.dimmed{opacity:.25}.timeline-tick.in-list{outline:1px solid #fff}.print-only{display:none}@page{size:A4 portrait;margin:12mm}@media print{:root{--bg:#fff;--panel:#fff;--panel-2:#f1f3f6;--border:#c9d0d8;--text:#111318;--muted:#4b5563;--accent:#2f6fd6;--grass:#2e7d4f;--grass-line:#ffffffe6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff}.app{max-width:none;padding:0}.app-header,.setup,.toast,main.tag-layout,.summary-toolbar,.share-row,.ai-analysis>.panel:first-child,.panel-header select,.player-table tbody tr:hover,button.link{display:none!important}.print-only{display:block}.print-header{border-bottom:2px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:4px;padding-bottom:6px;display:flex}.print-header h1{margin:0;font-size:1.5rem}.print-header .scoreboard{font-size:1.1rem}.print-header .scoreboard strong{font-size:1.3rem}.print-header p{flex-basis:100%;margin:0;font-size:.85rem}.summary{gap:10px;max-width:none}.summary-section{break-before:page;display:block}.summary-section.first{break-before:auto}.summary-section.empty{display:none}.summary-section>h2{break-after:avoid;margin:0 0 8px;font-size:1.2rem}.two-up>.panel:not(:first-child){break-before:page}.panel.empty+.panel{break-before:auto}.two-up,.two-up.single{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.panel-body{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:start;gap:8px 16px;display:grid}.panel-map,.panel-stats{flex-direction:column;gap:6px;min-width:0;display:flex}.panel-stats.stat-tables{flex-flow:wrap;align-items:flex-start}.panel{break-inside:avoid;page-break-inside:avoid;border:1px solid var(--border);box-shadow:none;padding:8px 12px}.panel.report,.player-table{break-inside:auto;page-break-inside:auto}.screen-only,.panel.empty{display:none}.pitch-svg,.two-up.single .panel-map .pitch-svg{width:auto;max-width:100%;max-height:108mm;margin:0 auto}.two-up,.two-up.single{gap:8px}.summary{gap:6px}.panel-header .muted{color:var(--muted)}table{font-size:.8rem}.zone-cell{border:1px solid var(--border)}.markdown{font-size:.85rem}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.video-placeholder .reopen{margin-top:6px}.video-notice{flex-basis:100%;font-size:.85rem}.video-notice.warn{color:var(--gold)}.summary-notice{border:1px solid var(--border);border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:.9rem}.summary-notice.warn{border-color:var(--gold);color:var(--gold)}.summary-notice button{margin:0 4px}.two-up.single .panel-stats .stat-tables,.two-up.single .panel-stats.stat-tables{columns:2;column-gap:24px;display:block}.two-up.single .panel-stats .stat-tables>table,.two-up.single .panel-stats.stat-tables>table{break-inside:avoid;width:100%;margin:0 0 26px;display:table}.two-up.single .panel-stats th{border-bottom:2px solid var(--muted);padding-top:8px;padding-bottom:6px}@media print{.panel-stats .stat-tables,.panel-stats.stat-tables{columns:2;column-gap:16px;display:block}.panel-stats .stat-tables>table,.panel-stats.stat-tables>table{break-inside:avoid;width:100%;margin:0 0 22px;display:table}.panel-stats th,.stat-tables th{color:#1f2937;background:#e9edf2;border-bottom:2px solid #9aa4b1;padding-top:6px;padding-bottom:5px}.panel-stats th:first-child,.stat-tables th:first-child{border-radius:4px 0 0}.panel-stats th:last-child,.stat-tables th:last-child{border-radius:0 4px 0 0}}.map-card{--card-team:var(--accent);flex-direction:column;gap:8px;display:flex}.map-card-head{border-radius:6px;grid-template-columns:auto 1fr;font-size:1.05rem;font-weight:700;display:grid;overflow:hidden}.map-card-team{color:#fff;background:#161a20;align-items:center;gap:10px;padding:8px 18px 8px 0;display:inline-flex}.map-card-team i{background:var(--card-team);align-self:stretch;width:6px}.map-card-cat{color:#161a20;background:#e9edf2;justify-content:center;align-items:center;display:flex}.map-card-tally{color:#161a20;font-variant-numeric:tabular-nums;background:#e9edf2;border-radius:4px;align-self:flex-start;padding:4px 14px;font-size:1.15rem;font-weight:700}.map-card .pitch-svg{width:auto;max-width:100%;max-height:68vh;margin:0 auto}.map-legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;font-size:.85rem;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.map-legend i{border:2px solid #0000;border-radius:50%;width:11px;height:11px;display:inline-block}.map-legend i.hollow{background:0 0}.map-leaders{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.map-leaders li{background:var(--panel-2);border-radius:6px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-weight:600;display:grid}.map-leaders li.muted{font-weight:400;display:block}.map-leaders .num{color:#161a20;background:#e9edf2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:inline-flex}.map-leaders .val{font-variant-numeric:tabular-nums}@media print{.map-card-team{color:#fff!important;background:#161a20!important}.map-leaders li{background:#f1f3f6}.map-card .pitch-svg{max-height:105mm}}.panel:has(.map-card)>.panel-header>h3{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.panel:has(.map-card)>.panel-header{justify-content:flex-end;min-height:0}.panel:has(.map-card)>.panel-header:not(:has(select)):not(:has(.muted)){display:none}@media print{.map-card .pitch-svg{max-height:82mm}.map-leaders li{padding:3px 10px 3px 4px;font-size:.85rem}.map-leaders .num{width:22px;height:22px;font-size:.75rem}.map-card-head{font-size:.95rem}}.ends .end-chip{font-variant-numeric:tabular-nums}.ends .direction button.active{background:var(--team-a);border-color:var(--team-a);color:var(--team-a-text)}.direction-toggle{background:var(--current-team);border-color:var(--current-team);color:var(--current-team-text);padding:4px 10px;font-size:.85rem}.ends .end-chip.active{background:var(--team-a);border-color:var(--team-a);color:var(--team-a-text)}:root{--nav-w:236px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}.icon{vertical-align:-3px;flex:none}.icon-button{border-radius:var(--r);width:36px;height:36px;color:var(--fg-2);border:1px solid var(--line);background:var(--ink-2);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--fg);border-color:var(--line-strong)}.center{justify-content:center}.row.between{justify-content:space-between}.warn-text{color:var(--warn);font-size:var(--text-sm)}.notice{background:var(--ink-2);border:1px solid var(--line-strong);border-left:3px solid var(--volt);border-radius:var(--r);font-size:var(--text-md);flex-wrap:wrap;align-items:baseline;gap:10px;padding:10px 14px;display:flex}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);min-height:100vh;display:grid}.shell-nav{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:6px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;padding:4px 10px 10px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text small{color:var(--muted);letter-spacing:.02em;font-size:.7rem;font-weight:500}.brand-mark{background:url(../icon.svg) 50%/cover;border-radius:8px;width:28px;height:28px}.club-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:0 10px 8px;font-size:.85rem;text-decoration:none;display:block;overflow:hidden}.shell-nav nav{flex-direction:column;gap:2px;display:flex}.shell-nav nav a{color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.shell-nav nav a:hover{background:var(--panel-2);color:var(--text)}.shell-nav-foot{margin-top:auto;padding:0 6px}.shell-main{min-width:0}.shell-nav-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.shell-menu-close,.tab-bar,.shell-scrim{display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.shell-nav{width:min(300px,84vw);height:auto;padding:calc(14px + var(--safe-t)) 14px calc(14px + var(--safe-b));z-index:40;visibility:hidden;transition:transform .22s var(--ease,ease), visibility 0s linear .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.menu-open .shell-nav{visibility:visible;transition:transform .22s var(--ease,ease);transform:none}.shell-menu-close{display:inline-flex}.shell-scrim{z-index:30;opacity:0;pointer-events:none;transition:opacity .22s var(--ease,ease);background:#0000008c;display:block;position:fixed;inset:0}.menu-open .shell-scrim{opacity:1;pointer-events:auto}.tab-bar{z-index:20;padding:6px 8px calc(6px + var(--safe-b));grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.tab-bar>a,.tab-bar>button{min-height:52px;box-shadow:none;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:.75rem;font-weight:560;text-decoration:none;display:flex;position:relative}.shell-main{padding-bottom:calc(76px + var(--safe-b))}}.sync-badge{color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:.85rem;text-decoration:none;display:inline-flex}.sync-badge:hover{background:var(--panel-2)}.sync-badge i{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.sync-badge.ok i{background:var(--good)}.sync-badge.busy i{background:var(--accent);animation:1.2s ease-in-out infinite pulse}.sync-badge.warn i{background:var(--gold)}.sync-badge.error i{background:var(--bad)}.sync-badge.error{color:var(--bad)}.sync-badge.compact{padding:4px 6px;font-size:.8rem}.page{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;padding:24px 28px 40px;display:flex}.page.narrow{max-width:760px}.page.wide{max-width:1600px}@media (width<=600px){.page{padding:16px 16px 32px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{letter-spacing:-.01em;margin:0;font-size:1.7rem}.page-header p{margin:4px 0 0}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.back-link{color:var(--muted);align-self:flex-start;align-items:center;gap:4px;font-size:.9rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.card-title{margin:0;font-size:1.1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px;display:grid}.stack{flex-direction:column;gap:6px;min-width:0;display:flex}.stack>span:first-child{color:var(--muted);font-size:.85rem}.stack-form{flex-direction:column;gap:12px;display:flex}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.empty-state h2{margin:0}.empty-state p{max-width:560px;margin:0}.search{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:4px 12px;display:flex}.search input{background:0 0;border:none;flex:1;padding:8px 0}.search input:focus{outline:none}.subsection>summary{cursor:pointer;color:var(--accent);padding:4px 0}.subsection[open]>summary{margin-bottom:10px}.match-group{flex-direction:column;gap:10px;display:flex}.group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:8px 0 0;font-size:.85rem}.match-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.match-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:stretch;display:flex;position:relative;overflow:visible}.match-card:before{content:"";border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(var(--a) 50%, var(--b) 50%);flex:none;width:6px}.match-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border))}.match-card-main{min-width:0;color:var(--text);flex-direction:column;flex:1;gap:6px;padding:14px 16px;text-decoration:none;display:flex}.match-card-meta{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.match-card-teams{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;gap:12px;font-size:1.1rem;display:grid}.match-card-teams .team{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex;overflow:hidden}.match-card-teams .team:first-child{justify-content:flex-end}.match-card-teams .team:last-child{flex-direction:row-reverse;justify-content:flex-end}.match-card-teams .team i{border:1px solid #fff6;border-radius:50%;flex:none;width:12px;height:12px}.match-card-teams .score{font-variant-numeric:tabular-nums;font-size:1.25rem}.match-card-teams .score small{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:400}.match-card-teams .vs{color:var(--muted)}.match-card-tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.match-card-tags .tag{border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:.75rem}.match-card-tags .tag.warn{border-color:var(--gold);color:var(--gold)}.match-card-tags .title{font-style:italic}.match-card-actions{border-left:1px solid var(--border);align-items:center;gap:6px;padding:10px 12px;display:flex}.menu-wrap{position:relative}.menu{z-index:30;background:var(--panel-2);border:1px solid var(--border);min-width:190px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu a,.menu button{color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:9px 12px;font-size:.95rem;text-decoration:none;display:flex}.menu a:hover,.menu button:hover{background:var(--panel)}.menu .danger{color:var(--bad)}@media (width<=720px){.match-card{flex-direction:column}.match-card:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg, var(--a) 50%, var(--b) 50%);width:auto;height:5px}.match-card-actions{border-left:none;border-top:1px solid var(--border);justify-content:flex-end}.match-card-teams{gap:6px;font-size:1rem}}.team-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.team-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);align-items:center;gap:14px;padding:12px;text-decoration:none;display:flex}.team-card:hover{border-color:var(--team)}.team-card-band{background:var(--team);width:52px;height:52px;color:var(--team-text);border-radius:12px;flex:none;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.team-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.color-picker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.color-picker .swatch{width:24px;height:24px}.lineup{grid-template-columns:minmax(300px,1.1fr) minmax(280px,1fr);align-items:start;gap:18px;display:grid}@media (width<=820px){.lineup{grid-template-columns:1fr}}.formation{flex-direction:column;gap:8px;display:flex}.formation-head,.panel-list-head{flex-wrap:wrap;align-items:center;gap:12px;min-height:34px;display:flex}.formation-pitch{background:repeating-linear-gradient(180deg, var(--grass) 0 44px, color-mix(in srgb, var(--grass) 88%, #000) 44px 88px);border:2px solid var(--grass-line);border-radius:12px;flex-direction:column;gap:12px;padding:14px 10px;display:flex}.formation-line{justify-content:space-around;gap:6px;display:flex}.position{background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:96px;min-height:70px;padding:4px;display:flex}.position .shirt{background:var(--team);width:42px;height:42px;color:var(--team-text);border:2px solid #ffffffd9;border-radius:50% 50% 10px 10px;place-items:center;font-size:1.05rem;font-weight:800;display:grid;box-shadow:0 2px 6px #00000059}.position .pos-name{color:#fff;text-shadow:0 1px 2px #000c;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;overflow:hidden}.position.changed .shirt{border-color:var(--gold)}.position.selected .shirt{outline-offset:3px;outline:3px solid #fff;transform:scale(1.08)}.position:hover:not(:disabled) .shirt{border-color:#fff}.formation-hint{min-height:1.2em;margin:0}.panel-list{flex-direction:column;gap:8px;display:flex}.panel-list-head .field.compact{flex:none}.panel-list-head .field.compact input{width:64px}.panel-rows{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;max-height:560px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.panel-rows li{background:var(--panel-2);border:1px solid #0000;border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 6px 3px 3px;display:grid}.panel-rows li.starter{border-color:color-mix(in srgb, var(--team) 50%, var(--border))}.panel-rows .shirt{background:var(--bg);width:38px;height:34px;padding:0;font-weight:700}.panel-rows.picking .shirt:not(:disabled){background:var(--team);color:var(--team-text);border-color:var(--team);opacity:1}.panel-rows .shirt:disabled{opacity:1;cursor:default}.panel-rows input{background:0 0;border-color:#0000;width:100%;min-width:0}.panel-rows input:hover,.panel-rows input:focus{border-color:var(--border);background:var(--bg)}.panel-rows .role{color:var(--muted);white-space:nowrap;font-size:.75rem}.panel-rows li.starter .role{color:var(--text)}.add-player{background:0 0;border-style:dashed;align-self:flex-start}.paste-box{flex-direction:column;gap:8px;display:flex}.paste-box .row{justify-content:space-between}.wizard-steps{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wizard-steps button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 12px 6px 6px}.wizard-steps li.current button{border-color:var(--accent);color:var(--text)}.wizard-steps li.done button{color:var(--text)}.step-dot{border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid}.wizard-steps li.done .step-dot{background:var(--good);border-color:var(--good);color:#062b14}.team-choosers{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=760px){.team-choosers{grid-template-columns:1fr}}.team-chooser{border:1px solid var(--border);border-top:5px solid var(--team);background:var(--panel-2);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.chooser-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem}.combo{position:relative}.combo input{width:100%;padding:10px 12px;font-size:1.15rem}.combo-list{z-index:20;background:var(--panel-2);border:1px solid var(--border);max-height:280px;box-shadow:var(--shadow);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo-list button{background:0 0;border:none;justify-content:flex-start;gap:10px;width:100%;padding:9px 10px}.combo-list button:hover,.combo-list button[aria-selected=true]{background:var(--panel)}.combo-list i{border:1px solid #fff6;border-radius:50%;width:14px;height:14px}.combo-list small{margin-left:auto}.direction-picker{flex-direction:column;gap:8px;display:flex}.start-choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.start-choices{grid-template-columns:1fr}}.start-choice{text-align:left;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;min-height:150px;padding:20px}.start-choice strong{font-size:1.15rem}.start-choice.suggested{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.auth-card .segmented{align-self:flex-start}.members{flex-direction:column;gap:12px;display:flex}.members-table td,.members-table th{text-align:left}.sign-out{border-top:1px solid var(--border);justify-content:space-between;padding-top:12px}.app.workspace{gap:12px;padding:10px 16px 16px}.workspace-header{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.workspace-title{flex-direction:column;min-width:0;max-width:320px;display:flex}.workspace-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.tabs{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.tabs a{color:var(--muted);white-space:nowrap;border-radius:8px;padding:7px 14px;font-weight:500;text-decoration:none}.tabs a.active{background:var(--accent);color:var(--on-accent)}.workspace .header-score{margin-left:auto}.workspace .event-count{margin-left:0}.app.workspace.presenting .video{--video-max-h:170px}.settings-main{width:100%;max-width:1180px;margin:0 auto}.settings{flex-direction:column;gap:16px;display:flex}.live{min-height:100dvh;padding:calc(8px + var(--safe-t)) 12px calc(12px + var(--safe-b));-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;gap:10px;display:flex}.live-header{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.live-title{flex-direction:column;min-width:0;max-width:170px;display:flex}.live-brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.live-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-score{align-items:center;gap:10px;margin:0 auto;font-size:1.15rem;display:flex}.live-score strong{font-variant-numeric:tabular-nums;font-size:1.6rem}.live-clock{align-items:center;gap:10px;display:flex}.live-period{color:var(--muted);font-weight:700}.live-time{font-variant-numeric:tabular-nums;min-width:4.2ch;font-size:1.6rem;font-weight:700}.live-time.running{color:var(--good)}.live-clock button,.live-tools button{min-height:44px}.live-tools{gap:8px;display:flex}.live-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:10px;min-height:0;display:grid}.live-body.with-video{grid-template-columns:minmax(0,1fr) minmax(320px,42%)}@media (width<=900px),(orientation:portrait){.live-body,.live-body.with-video{grid-template-columns:1fr}}.live-main,.live-side{flex-direction:column;gap:10px;min-width:0;display:flex}.live-teams{grid-template-columns:1fr 1fr;gap:10px;display:grid}.live-team{border-width:3px;border-radius:14px;min-height:64px;font-size:1.25rem;font-weight:700}.live-team.team-A{border-color:var(--team-a)}.live-team.team-B{border-color:var(--team-b)}.live-team.active.team-A{background:var(--team-a);color:var(--team-a-text)}.live-team.active.team-B{background:var(--team-b);color:var(--team-b-text)}.live-grid{gap:10px;display:grid}.live-grid.events{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(110px,1fr);max-height:420px}@media (width<=700px){.live-grid.events{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:96px;max-height:none}.live-grid.events .event-Shot{order:-1}}.live-grid.outcomes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.live-btn{background:color-mix(in srgb, var(--current-team) 16%, var(--panel-2));border:2px solid color-mix(in srgb, var(--current-team) 55%, var(--border));border-radius:14px;min-height:92px;font-size:1.25rem;font-weight:700}.live-btn:active:not(:disabled){background:var(--current-team);color:var(--current-team-text);transform:scale(.98)}.live-btn.event-Shot{grid-column:span 2}.live-btn.team-pick{flex-direction:column;gap:4px}.live-btn.team-pick small{color:var(--muted);font-size:1rem;font-weight:500}.live-btn.team-pick.team-A{background:color-mix(in srgb, var(--team-a) 18%, var(--panel-2));border-color:var(--team-a)}.live-btn.team-pick.team-B{background:color-mix(in srgb, var(--team-b) 18%, var(--panel-2));border-color:var(--team-b)}.live-grid.outcomes.by-team{grid-template-columns:repeat(2,minmax(0,1fr))}.live-btn.good{border-left:8px solid var(--good)}.live-btn.bad{border-left:8px solid var(--bad)}.live-step{background:var(--panel);border:2px solid var(--current-team);border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.live-step-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-step-head button{min-width:96px;min-height:48px}.live-step-head strong{text-align:center;font-size:1.15rem}.live-question{margin:0;font-size:1.2rem}.live-chips{flex-wrap:wrap;gap:8px;display:flex}.live-chips button{border-radius:999px;min-height:48px;padding:0 18px;font-size:1rem}.live-chips button.active{background:var(--current-team);border-color:var(--current-team);color:var(--current-team-text)}.live-grid.players{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.live-player{border:2px solid color-mix(in srgb, var(--side) 60%, var(--border));background:color-mix(in srgb, var(--side) 12%, var(--panel-2));border-radius:14px;flex-direction:column;gap:2px;min-height:84px}.live-player .number{font-size:1.7rem;font-weight:800}.live-player .name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;overflow:hidden}.live-player:active{background:var(--side);color:var(--side-text)}.live-skip{align-self:stretch;min-height:56px;font-size:1.05rem}.live-location{flex-direction:column;gap:10px;display:flex}.live-location .pitch-svg{min-height:220px;max-height:calc(100dvh - 400px)}.live-side .video-panel{position:static}.live-side .video{--video-max-h:40vh}.live-recent{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.live-recent h3{justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:1rem;display:flex}.live-recent ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.live-recent li{background:var(--panel-2);border-left:4px solid var(--team-a);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;font-size:.9rem;display:grid}.live-recent li.team-B{border-left-color:var(--team-b)}.live-recent .when{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.live-recent .icon{min-width:40px;min-height:40px}.live-toast{bottom:calc(16px + var(--safe-b))}.live-toast button{min-height:48px}.update-prompt{left:16px;bottom:calc(16px + var(--safe-b));z-index:50;background:var(--panel-2);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed}@media (width<=900px){.shell~.update-prompt,.update-prompt{bottom:calc(84px + var(--safe-b))}.live~.update-prompt{bottom:calc(16px + var(--safe-b))}}.card>button,.card>.row>button:only-child{align-self:flex-start}.watch-hint{margin:0}.watch-side{flex-direction:column;gap:10px;min-width:0;display:flex}.watch-tabs{align-self:stretch;display:flex}.watch-tabs button{flex:1;padding:8px 10px;font-weight:600}.pitch-maps{flex-direction:column;gap:14px;display:flex}.pitch-maps-toolbar{gap:8px}.pitch-maps-section{flex-direction:column;gap:12px;display:flex}.pitch-maps-section h3{margin:0}.pitch-maps .panel-stats{display:none}.clip-maker{flex-direction:column;gap:8px;padding:12px;display:flex}.clip-marks button .tnum{margin-left:6px;font-weight:700}.video-clips .clip{grid-template-columns:auto minmax(0,1fr) auto auto auto}.video-clips .clip .clip-desc{flex:1;min-width:0}.video-clips .clip.editing{outline:1px dashed var(--accent,currentColor)}.watch-panel{padding:14px}.match-stats{flex-direction:column;gap:12px;display:flex}.stats-table{border-collapse:collapse;width:100%}.stats-table th{text-transform:none;letter-spacing:0;padding:4px 6px 8px;font-size:.95rem}.stats-table th:first-child{text-align:left}.stats-table th:last-child{text-align:right}.stats-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:6px}.stats-table .stat-value{font-variant-numeric:tabular-nums;white-space:nowrap;width:30%;color:var(--muted)}.stats-table .stat-value.side-A{text-align:left}.stats-table .stat-value.side-B{text-align:right}.stat-label{text-align:center;color:var(--muted);font-size:.85rem}.stat-label>span:first-child{margin-bottom:4px;display:block}.stat-bar{background:var(--panel-2);border-radius:3px;height:5px;display:flex;overflow:hidden}.stat-bar .bar-A{background:var(--team-a)}.stat-bar .bar-B{background:var(--team-b)}.stat-link{color:inherit;font:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:2px 0}.stat-link:hover{color:var(--accent)}.scorers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scorer-list h4{margin:0 0 6px;font-size:.9rem}.scorer-list.team-A h4{color:var(--team-a)}.scorer-list.team-B h4{color:var(--team-b)}.scorer-list ol{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.scorer-list li{justify-content:space-between;gap:8px;display:flex}.scorer-list li>span{font-variant-numeric:tabular-nums;white-space:nowrap}.cloud-video{background:var(--panel-2);color:var(--good);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.cloud-video strong,.cloud-video .muted{color:inherit}.cloud-video>div:nth-child(2){color:var(--text);overflow-wrap:anywhere;min-width:0}.upload-progress{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--panel));border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.upload-progress.stopped{border-color:color-mix(in srgb, var(--gold) 55%, var(--border));background:color-mix(in srgb, var(--gold) 6%, var(--panel))}.upload-progress progress{width:100%;height:10px;accent-color:var(--accent)}.file-button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.upload-badges{flex-direction:column;gap:4px;display:flex}.upload-badge{border:1px solid var(--accent);color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.upload-badge i{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.upload-badge.error,.upload-badge.paused{border-color:var(--gold)}.match-card-tags .tag.cloud{border-color:var(--good);color:var(--good)}.stats-table td.stat-label{text-align:center}.stats-table td.stat-value.side-A{text-align:left}.tag-layout.watching .video-size{display:none}fieldset{min-width:0}input,select,textarea{max-width:100%}.field{min-width:0;max-width:100%}.field>input,.field>select{min-width:0}.field.compact,.row.between{flex-wrap:wrap}.row.between>button{white-space:normal;min-width:0}.start-choices{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=640px){.start-choices{grid-template-columns:minmax(0,1fr)}}.start-choice{white-space:normal;min-width:0}@media (width<=820px){.lineup{grid-template-columns:minmax(0,1fr)}}.lineup>*{min-width:0}.position{flex:0 96px;min-width:0}.panel-rows{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}.members-table td:first-child{white-space:normal;overflow-wrap:anywhere}.members-table select{width:100%;min-width:6.5em;max-width:10em}.members-table .row{flex-wrap:wrap;gap:2px 12px}.workspace-header>*{min-width:0;max-width:100%}.tabs{scrollbar-width:none;overflow-x:auto}@media (width<=420px){.tabs a{padding:7px 10px}}.chips>button,.chip{white-space:normal;overflow-wrap:anywhere;max-width:100%}.agent-picker legend{max-width:100%}.agent-picker legend button{white-space:normal;overflow-wrap:anywhere;display:inline}.stats-table th,.stats-table td.stat-label{white-space:normal;overflow-wrap:anywhere}.scorers{grid-template-columns:repeat(2,minmax(0,1fr))}.scorer-list{overflow-wrap:anywhere;min-width:0}.scorer-list li{flex-wrap:wrap}.live-teams{grid-template-columns:repeat(2,minmax(0,1fr))}.live-team{white-space:normal;overflow-wrap:anywhere;min-width:0}.graphic-editor{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.graphic-editor{grid-template-columns:minmax(0,1fr)}}.graphic-editor>*{min-width:0}.graphic-stage,.graphic-side{flex-direction:column;gap:12px;display:flex}@media (width>=1001px){.graphic-stage,.club-style .graphic-preview{position:sticky;top:12px}}.graphic-editor .graphic-preview img{max-height:min(70vh,640px)}.design-controls{border:none;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}.design-controls:disabled{opacity:.75}.design-group{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-1);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.design-group-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.design-color{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:inline-flex}.design-color input[type=color]{border-radius:var(--r-sm);flex:none;width:40px;height:32px;padding:2px}.design-slider{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;display:grid}.design-slider input{width:100%}.design-choice{flex-wrap:wrap;max-width:100%}.image-picker{align-items:center;gap:12px;min-width:0;display:flex}.image-thumb{border:1px dashed var(--line-strong);border-radius:var(--r-sm);background:repeating-conic-gradient(var(--ink-2) 0 25%, var(--ink-1) 0 50%) 0 0 / 14px 14px;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.image-thumb.background{width:112px}.image-thumb img{object-fit:contain;width:100%;height:100%}.image-thumb.background img{object-fit:cover}.chip-order{font-variant-numeric:tabular-nums;font-weight:750}.graphics-matches{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.graphics-match{border:1px solid var(--line);border-radius:var(--r);color:inherit;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;display:flex}.graphics-match:hover{border-color:var(--line-strong);background:var(--ink-2)}.graphics-match-text{overflow-wrap:anywhere;flex-direction:column;flex:200px;min-width:0;display:flex}.graphics-match .scorebug{max-width:100%}.watch-present{align-items:center;gap:10px}.wizard-squad{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.wizard-squad .card-title{margin:0}.squad-picker{flex-direction:column;gap:10px;min-width:0;display:flex}.squad-picker select{min-width:min(260px,100%);max-width:100%}.squad-picker select[aria-invalid=true]{border-color:var(--warn,#e0a030)}.new-squad{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;min-width:0;display:flex}.new-squad .stack{min-width:0}.new-squad input{width:13em;max-width:100%}.squad-list{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.squad-list li{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;padding:8px 10px;display:flex}.squad-list li input{flex:12em;min-width:0}.squad-list .squad-meta{flex:auto}.squad-filter{align-self:flex-start;max-width:100%;margin-bottom:12px;overflow-x:auto}.match-card-tags .tag.live{border-color:var(--bad,#e5484d);color:var(--bad,#e5484d);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-weight:600;display:inline-flex}.match-card-tags .tag.live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.match-card-tags .tag.live:before{animation:none}}.shell-nav{background:var(--ink-1);border-right:1px solid var(--line);padding:calc(22px + var(--safe-t)) 14px 16px;gap:4px}.brand{gap:11px;padding:2px 8px 18px}.brand-mark{border-radius:var(--r);width:32px;height:32px;box-shadow:0 0 0 1px var(--line-strong)}.brand-text>span:first-child{font-stretch:var(--narrow);letter-spacing:.02em;text-transform:uppercase;font-size:1.3rem;font-weight:800}.brand-text small{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);font-size:10px;font-weight:600}.club-name{border-radius:var(--r-sm);background:var(--ink-2);font-size:var(--text-sm);color:var(--fg-2);margin:0 8px 12px;padding:6px 10px}.shell-nav nav a{border-radius:var(--r);height:40px;color:var(--fg-2);padding:0 12px;font-weight:560;position:relative}.shell-nav nav a.active{background:var(--ink-3);color:var(--fg)}.shell-nav nav a.active:before{content:"";background:var(--volt);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-14px}.shell-nav nav a.active .icon{color:var(--volt)}.shell-nav-head .brand{flex:1;min-width:0}.shell-menu-close{width:40px;height:40px;color:var(--fg-2);background:0 0;border-color:#0000;justify-content:center;align-items:center;margin-bottom:16px;padding:0}@media (width<=900px){.shell-nav{border-right:1px solid var(--line);box-shadow:var(--shadow-pop)}.shell-nav nav a{height:48px}.tab-bar{border-top:1px solid var(--line);background:color-mix(in srgb, var(--ink-1) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab-bar>a,.tab-bar>button{color:var(--fg-2)}.tab-bar>a:hover,.tab-bar>button:hover{background:var(--ink-2);color:var(--fg)}.tab-bar>.active{color:var(--fg)}.tab-bar>.active .icon{color:var(--volt)}.tab-bar>.active:before{content:"";background:var(--volt);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-7px;left:30%;right:30%}}.account-form{flex-direction:column;gap:16px;margin-top:12px;display:flex}.account-form input[type=text]{width:100%;min-height:48px;font-size:1rem}.field-pair{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.field-hint{font-size:var(--text-sm);color:var(--fg-3)}.field-hint.bad{color:var(--bad)}.field-hint.good{color:var(--good)}.account-form input[aria-invalid=true]{border-color:var(--bad)}.page{padding:calc(32px + var(--safe-t)) 36px 56px;gap:22px}@media (width<=600px){.page{padding:calc(18px + var(--safe-t)) 16px 32px}}.page-header{border-bottom:1px solid var(--line);align-items:flex-end;padding-bottom:18px}.page-header h1{font-size:var(--display-lg);text-transform:uppercase;letter-spacing:.005em;font-weight:820}.page-header p{color:var(--fg-3);font-size:var(--text-md)}.back-link{font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-3);font-weight:600}.card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 22px 20px}.card-title{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.03em;font-weight:780}.stack>span:first-child{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-weight:650}.empty-state{border:1px dashed var(--line-strong);background:radial-gradient(ellipse at 50% 0%, var(--volt-soft), transparent 60%), var(--ink-1);padding:56px 20px}.empty-state h2{font-size:var(--display-md);text-transform:uppercase}.search{background:var(--ink-1);border-color:var(--line-strong);border-radius:var(--r)}.notice{font-size:var(--text-sm)}.error{color:var(--bad)}.ok{color:var(--good)}.group-title{font-size:var(--text-xs);letter-spacing:.14em;color:var(--fg-3);align-items:center;gap:12px;margin:10px 0 0;font-weight:700;display:flex}.group-title:after{content:"";background:var(--line);flex:1;height:1px}.match-card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .14s var(--ease), transform .14s var(--ease), background-color .14s var(--ease)}.match-card:before{display:none}@media (hover:hover){.match-card:hover{border-color:var(--line-strong);background:var(--ink-2)}}.match-card-main{flex-direction:row;align-items:center;gap:18px;padding:14px 18px}.date-block{border-right:1px solid var(--line);flex-direction:column;flex:none;align-items:center;gap:3px;width:54px;padding-right:16px;line-height:1;display:flex}.date-block .dow,.date-block .mon{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-size:10.5px;font-weight:700}.date-block .day{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:820}.match-card-body{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.match-card-meta{min-width:0;font-size:var(--text-sm);color:var(--fg-2);align-items:baseline;gap:10px;font-weight:560;display:flex}.match-card-meta>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-time{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--fg);flex:none;font-size:1.05rem;font-weight:800}.match-days{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.match-day{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:14px;display:grid}.match-day>.date-block{border-right:none;width:auto;padding:16px 0 0;position:sticky;top:16px}@media (width<=720px){.match-day{grid-template-columns:minmax(0,1fr);gap:8px}.match-day>.date-block{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:6px;padding:0 2px;position:static}.match-day>.date-block .day{font-size:1rem}}.match-card-tags{font-size:var(--text-xs);color:var(--fg-3);gap:6px}.match-card-tags .tag{border-radius:var(--r-xs);letter-spacing:.08em;text-transform:uppercase;border-color:var(--line-strong);padding:2px 6px;font-size:10px;font-weight:700}.match-card-actions{border-left:1px solid var(--line);gap:4px;padding:0 14px}.match-card-actions a.button{color:var(--fg-2);background:0 0;border-color:#0000;min-height:34px;padding:0 10px}.match-card-actions a.button:hover{color:var(--fg);background:var(--ink-3)}.match-card-actions a.button:first-child{color:var(--volt)}@media (width<=720px){.match-card-main{align-items:flex-start;gap:14px;padding:14px}.match-card-actions{border-left:none;border-top:1px solid var(--line);padding:8px 10px}.match-card .scorebug{--h:32px;--fs:13px}.match-card .sb-name{max-width:9ch}}@media (width>=721px){.match-card .sb-name{max-width:24ch}}.menu{background:var(--ink-2);border-radius:var(--r);box-shadow:var(--shadow-pop);border:none}.team-card{background:var(--ink-1);border-color:var(--line);border-radius:var(--r-lg);gap:0;padding:0;overflow:hidden}.team-card-band{width:64px;height:64px;font-stretch:var(--narrow);clip-path:polygon(0 0,100% 0,82% 100%,0 100%);border-radius:0;font-size:1.35rem;font-weight:850}.team-card-body{padding:0 14px 0 8px}.team-card-body strong{font-stretch:var(--narrow);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.02em;font-weight:760}.formation-pitch{background:linear-gradient(transparent 49.6%, var(--grass-line) 49.6%, var(--grass-line) 50.4%, transparent 50.4%) center / 100% 100% no-repeat, repeating-linear-gradient(180deg, var(--grass) 0 48px, var(--grass-2) 48px 96px);border:2px solid var(--grass-line);border-radius:var(--r);opacity:1}.position .shirt{font-stretch:var(--narrow);border-width:2px;border-radius:10px 10px 6px 6px;font-weight:820}.position.selected .shirt{outline:3px solid var(--volt);outline-offset:3px}.position .pos-name{font-weight:600}.panel-rows li{background:var(--ink-2);border-radius:var(--r)}.panel-rows .shirt{font-stretch:var(--narrow);background:var(--ink-0);border-color:var(--line-strong);font-weight:800}.panel-rows .role{letter-spacing:.06em;font-size:10.5px;font-weight:700}.wizard-steps{counter-reset:step;border-bottom:1px solid var(--line);gap:0}.wizard-steps li{flex:1;min-width:0}.wizard-steps button{width:100%;min-height:48px;color:var(--fg-3);letter-spacing:.04em;text-transform:uppercase;font-weight:650;font-size:var(--text-sm);background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;justify-content:flex-start;margin-bottom:-1px;padding:0 4px}.wizard-steps button:hover:not(:disabled){color:var(--fg);background:0 0}.wizard-steps li.current button{color:var(--fg);border-bottom-color:var(--volt);border-top:none;border-left:none;border-right:none}.wizard-steps li.done button{color:var(--fg-2);border-bottom-color:var(--line-strong)}.step-dot{border-radius:var(--r-xs);font-stretch:var(--narrow)}.wizard-steps li.current .step-dot{background:var(--volt);border-color:var(--volt);color:var(--volt-ink)}.team-chooser{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);border-top:none;padding-top:20px;position:relative;overflow:hidden}.team-chooser:before{content:"";background:var(--team);height:6px;position:absolute;inset:0 0 auto}.combo input{font-stretch:var(--narrow);text-transform:uppercase;letter-spacing:.02em;font-size:1.4rem;font-weight:760}.combo-list{background:var(--ink-2);border-radius:var(--r);box-shadow:var(--shadow-pop);border:none}.start-choice{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);min-height:170px;padding:22px}.start-choice strong{font-stretch:var(--narrow);font-size:var(--display-sm);text-transform:uppercase}.start-choice .icon{color:var(--volt)}.start-choice.suggested{border-color:var(--volt);box-shadow:inset 0 0 0 1px var(--volt);background:radial-gradient(ellipse at 0% 0%, var(--volt-soft), transparent 70%), var(--ink-2)}.app.workspace{padding:0 16px 16px}.workspace-header{z-index:30;padding:var(--safe-t) 16px 0;min-height:calc(60px + var(--safe-t));background:var(--ink-1);border-bottom:1px solid var(--line);gap:16px;margin:0 -16px;position:sticky;top:0}.workspace-title strong{font-stretch:var(--narrow);font-weight:780;font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.02em}.workspace-title .muted{font-size:var(--text-xs);color:var(--fg-3)}.tabs{background:0 0;border:none;border-radius:0;align-self:stretch;gap:4px;padding:0}.tabs a{color:var(--fg-3);font-weight:650;font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;border-radius:0;align-items:center;padding:0 12px;display:flex;position:relative}.tabs a:hover{color:var(--fg)}.tabs a.active{color:var(--fg);background:0 0}.tabs a.active:after{content:"";background:var(--volt);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.workspace-header .header-score{margin-left:auto}.workspace-header .event-count{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:650}.workspace-header a.button.small{border-color:var(--line);color:var(--fg-2);background:0 0}.workspace-header a.button.small:hover{color:var(--fg)}.app.workspace .video{--video-max-h:calc(100vh - 226px)}.app.workspace main.tag-layout,.app.workspace .watch-layout{margin-top:4px}.video-panel,.tagger,.playback,.log-panel,.panel,.period-clock,.timeline{border-radius:var(--r-lg)}.video-panel,.log-panel,.playback,.panel{background:var(--ink-1);border-color:var(--line)}.video-controls{gap:6px}.video-controls .transport button,.video-controls .speed button{font-variant-numeric:tabular-nums;min-height:32px;padding:0 10px}.clock{font-variant-numeric:tabular-nums;font-stretch:var(--narrow);font-weight:650;font-size:var(--text-lg);color:var(--fg)}.timeline-track{background:var(--ink-0);border-radius:var(--r-sm)}.timeline-legend{font-size:var(--text-xs);color:var(--fg-3)}.tagger{background:var(--ink-1);border:1px solid var(--line);box-shadow:inset 0 3px 0 var(--current-team);padding:16px}.tagging-banner .tagging-pill{border-radius:var(--r-xs);font-stretch:var(--narrow);letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:5px 18px 5px 10px;font-weight:800}.tagger .segmented.small button.active{background:var(--ink-4);color:var(--fg)}.direction-toggle{min-height:30px;font-size:var(--text-sm);border-color:color-mix(in srgb, var(--current-team) 55%, transparent);color:var(--fg);background:0 0}.step{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r)}.step header h3{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase}.step-number{border-radius:var(--r-xs);font-stretch:var(--narrow);font-weight:800}.tagger .button-grid button.big{background:var(--ink-3);border:1px solid var(--line);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--current-team) 70%, transparent);font-weight:700;font-stretch:85%}.tagger .button-grid button.big:hover:not(:disabled){background:var(--ink-4)}.tagger .button-grid button.good,.tagger .button-grid button.bad{background:var(--ink-3);border-color:var(--line)}.tagger .player{background:var(--ink-3);border-color:var(--line);border-radius:var(--r)}.tagger .player .number{font-stretch:var(--narrow);font-weight:800}.period-clock{background:var(--ink-2);border:1px solid var(--line)}.period-clock-time{font-stretch:var(--narrow);font-variant-numeric:tabular-nums;font-weight:800}.period-clock-time.running{color:var(--volt)}.shortcuts{color:var(--fg-3)}.event{background:var(--ink-2);border-radius:var(--r)}.event-time{font-variant-numeric:tabular-nums;font-weight:650}.toast{background:var(--ink-3);border:1px solid var(--line-strong);border-left:3px solid var(--volt);border-radius:var(--r);box-shadow:var(--shadow-pop);font-size:var(--text-sm);z-index:40;animation:toast-in .18s var(--ease);padding:8px 8px 8px 14px;top:72px;bottom:auto}.toast button{border-color:var(--line-strong);min-height:30px;color:var(--volt);background:0 0;font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.playback{padding:16px}.playback-title{font-stretch:var(--narrow);font-weight:780;font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.02em}.playback-filters{gap:10px}.outcome-row{border-left:none;border-top:1px dashed var(--line);gap:10px;padding:8px 0 0}.outcome-type{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);min-width:86px;font-size:10.5px;font-weight:700}.chip.outcome{opacity:1;min-height:26px;font-size:var(--text-xs);border-color:var(--line);color:var(--fg-3);box-shadow:none;text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--fg-3) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--fg-3) 60%, transparent);background:0 0;padding:0 8px}.chip.outcome.active{background:var(--ink-3);border-color:var(--line-strong);color:var(--fg);text-decoration:none}.chip.outcome.good.active,.chip.outcome.bad.active{background:var(--ink-3);border-color:var(--line-strong);color:var(--fg);box-shadow:none}.chip.outcome.good:before,.chip.outcome.bad:before{content:"";background:var(--good);border-radius:50%;width:6px;height:6px}.chip.outcome.bad:before{background:var(--bad)}.playback .chips .chip:not(.outcome){min-height:28px}.playback-transport{border-color:var(--line)}.clip{background:var(--ink-2);border-radius:var(--r-sm);border-left-width:3px}.clip.current{box-shadow:inset 0 0 0 1px var(--volt);background:color-mix(in srgb, var(--volt) 8%, var(--ink-2));outline:none}.stats-table td{border-bottom:1px solid var(--line);padding:9px 4px}.stats-table th{font-stretch:var(--narrow);font-size:var(--text-md);letter-spacing:.04em;font-weight:780}.stats-table th.team-A{color:var(--team-a)}.stats-table th.team-B{color:var(--team-b)}.stats-table .stat-value{font-stretch:85%;font-size:var(--text-md);color:var(--fg-3);font-weight:600}.stats-table .stat-value.better{color:var(--fg);font-weight:800}.stat-label>span:first-child{letter-spacing:.09em;text-transform:uppercase;color:var(--fg-2);margin-bottom:6px;font-size:10.5px;font-weight:700}.stat-bar{background:0 0;border-radius:0;grid-template-columns:1fr 1fr;gap:3px;height:6px;display:grid;overflow:visible}.stat-bar .half{background:var(--ink-3);border-radius:2px;display:flex;overflow:hidden}.stat-bar .half-A{justify-content:flex-end}.stat-bar .half i{height:100%;transition:width .3s var(--ease);display:block}.stat-bar .half-A i{background:var(--team-a)}.stat-bar .half-B i{background:var(--team-b)}.stat-link{font:inherit;color:inherit;text-align:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:4px;background:0 0;border:none;padding:0;display:inline}@media (hover:hover){.stat-link:hover:not(:disabled){color:var(--volt);-webkit-text-decoration-color:var(--volt);text-decoration-color:var(--volt);background:0 0}}.scorer-list h4{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase}.watch-tabs button{letter-spacing:.06em;text-transform:uppercase;min-height:34px;font-size:var(--text-sm)}.watch-panel{background:var(--ink-1);border-color:var(--line)}.live-header{background:var(--ink-1);border-color:var(--line);border-radius:var(--r-lg);padding:8px 10px}.live-brand{white-space:nowrap;letter-spacing:.16em;color:var(--volt);align-items:center;font-size:10px;display:inline-flex}.live-score{margin:0 auto}.live-clock-face{align-items:baseline;gap:8px;display:inline-flex}.live-clock-face .live-period{letter-spacing:.08em;color:var(--fg-3);font-size:.7em}.live-clock-face .live-time{min-width:4.2ch;color:var(--fg);font-size:1.15em;font-weight:820}.live-clock-face .live-time.running{color:var(--volt)}.live-team{border-radius:var(--r-lg);font-stretch:var(--narrow);letter-spacing:.03em;text-transform:uppercase;background:var(--ink-1);font-size:1.5rem;font-weight:820}.live-btn{border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line);box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--current-team) 75%, transparent);font-size:1.35rem;font-weight:760;font-stretch:85%}.live-btn.good,.live-btn.bad{box-shadow:inset 6px 0 0 var(--good);background:var(--ink-2)}.live-btn.bad{box-shadow:inset 6px 0 0 var(--bad)}.live-btn:active:not(:disabled){background:var(--current-team);color:var(--current-team-text)}.live-step{background:var(--ink-1);border:1px solid var(--line);box-shadow:inset 0 3px 0 var(--current-team);border-radius:var(--r-lg)}.live-question{font-size:var(--display-sm);text-transform:uppercase;letter-spacing:.02em}.live-player{border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line);box-shadow:inset 0 3px 0 var(--side)}.live-player .number{font-stretch:var(--narrow);font-size:2rem;font-weight:850}.live-recent{background:var(--ink-1);border-color:var(--line)}.live-recent h3{font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase}.live-recent li{background:var(--ink-2);border-radius:var(--r-sm);border-left-width:3px}.live-recent .when{font-weight:650}.live-skip{border:1px dashed var(--line-strong);color:var(--fg-2);background:0 0}[data-theme=sun] .live-btn,[data-theme=sun] .live-player,[data-theme=sun] .live-team{border-color:var(--line-strong)}.danger-zone{border-color:color-mix(in srgb, var(--bad) 35%, var(--line))}.cloud-video{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r)}.sync-badge{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-weight:650}.upload-badge{border-radius:var(--r-sm);border-color:var(--line-strong);font-size:var(--text-xs);font-weight:650}.upload-badge i{background:var(--volt)}.update-prompt{background:var(--ink-3);border:1px solid var(--line-strong);border-left:3px solid var(--volt);border-radius:var(--r);box-shadow:var(--shadow-pop);font-size:var(--text-sm)}.live-header{flex-wrap:nowrap}.live-title{flex:none}.live-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:block;overflow:hidden}.live-score{flex:auto;justify-content:center;min-width:0;display:flex}.live-score .scorebug .sb-name{max-width:11ch}.live-clock,.live-tools{flex:none}@media (width<=1366px){.live-tools .tool-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.live-tools button{padding:0 12px}}@media (width<=900px),(orientation:portrait){.live-header{flex-wrap:wrap}.live-score{flex-basis:100%;order:3}}.live .toast.live-toast{top:auto;bottom:calc(16px + var(--safe-b));animation-name:toast-up}@keyframes toast-up{0%{opacity:0;transform:translate(-50%,6px)}}@media (width<=1366px){.live-title strong{display:none}}.live-score.sb-host .scorebug{max-width:100%}@container (width<=520px){.live-score .sb-full{display:none}.live-score .sb-code{display:inline}}.summary h2,.summary-section>h2{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.04em}.panel-header h3{font-stretch:var(--narrow);text-transform:uppercase;letter-spacing:.03em}.summary-toolbar{gap:10px}.scoreboard strong{font-stretch:var(--narrow);font-weight:820}@media (width<=1366px){.live-score .sb-full{display:none}.live-score .sb-code{display:inline}}.refine{border-top:1px dashed var(--line);padding-top:8px}.refine>summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2);border-radius:var(--r-xs);align-items:center;gap:10px;padding:4px 0;font-size:10.5px;font-weight:700;list-style:none;display:flex}.refine>summary::-webkit-details-marker{display:none}.refine>summary:before{content:"";width:6px;height:6px;transition:transform .12s var(--ease);border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg)}.refine[open]>summary:before{transform:rotate(45deg)}.refine-count{letter-spacing:.04em;text-transform:none;color:var(--fg-3);font-weight:600;font-size:var(--text-xs)}.refine[open] .outcome-row:first-of-type{border-top:none}.wind-arrow{color:var(--info);transition:transform .3s var(--ease);flex:none}.wind-question{border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line-strong);border-left:3px solid var(--info);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.wind-question.compact{gap:8px;padding:10px 12px}.wind-line{font-size:var(--text-md);color:var(--fg-2);align-items:center;gap:10px;display:flex}.wind-line strong{color:var(--fg)}.wind-dismiss{margin-left:auto}.wind-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}@media (width<=700px){.wind-options{grid-template-columns:1fr 1fr}}.wind-option{padding:9px 10px;font-weight:650}.wind-option.team-A{box-shadow:inset 0 -3px 0 var(--team-a)}.wind-option.team-B{box-shadow:inset 0 -3px 0 var(--team-b)}.wind-option.chosen{background:var(--fg);border-color:var(--fg);color:var(--ink-0)}.wind-option.team-A.chosen{background:var(--team-a);border-color:var(--team-a);color:var(--team-a-text)}.wind-option.team-B.chosen{background:var(--team-b);border-color:var(--team-b);color:var(--team-b-text)}.live .wind-option{min-height:56px;font-size:var(--text-lg)}.notice.wind-notice{background:0 0;border:none;padding:0;display:block}.place-results{background:var(--ink-2);border-radius:var(--r);box-shadow:var(--shadow-pop);margin:4px 0 0;padding:4px;list-style:none}.place-results button{background:0 0;border:none;justify-content:flex-start;gap:10px;width:100%}.place-chosen{min-height:36px}.half-weather{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.half-card{border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line);flex-direction:column;gap:6px;padding:14px;display:flex}.half-card.windy{border-color:color-mix(in srgb, var(--info) 50%, var(--line))}.half-wind{align-items:baseline;gap:6px;display:flex}.half-wind strong{font-stretch:var(--narrow);font-size:var(--display-md);font-weight:830;line-height:1}.half-wind .wind-arrow{align-self:center}.wind-who{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--info);font-weight:700}.hero-weather{flex-wrap:wrap;gap:8px;display:flex}.weather-chip{border-radius:var(--r-sm);background:color-mix(in srgb, var(--ink-0) 60%, transparent);border:1px solid var(--line);font-size:var(--text-sm);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.weather-chip b{font-stretch:var(--narrow);font-weight:800}.with-wind{border-radius:var(--r-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--info);border:1px solid color-mix(in srgb, var(--info) 50%, transparent);vertical-align:middle;margin:0 6px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-block}.plan-badge{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--line-strong);border-radius:var(--r-xs);padding:3px 8px;font-weight:700}.plan-badge.on{color:var(--volt);border-color:color-mix(in srgb, var(--volt) 50%, transparent)}.broadcast-graphics{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (width<=900px){.broadcast-graphics{grid-template-columns:1fr}}.graphic-controls{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.graphic-preview{background:var(--ink-0);border:1px solid var(--line);border-radius:var(--r);place-items:center;min-height:220px;padding:12px;display:grid}.graphic-preview img{border-radius:var(--r-sm);max-width:100%;max-height:460px;box-shadow:var(--shadow-pop);display:block}.hosted{flex-direction:column;gap:4px;display:flex}.broadcast-live{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:16px;display:flex}.on-air{border-radius:var(--r);background:color-mix(in srgb, var(--bad) 10%, var(--ink-2));border:1px solid color-mix(in srgb, var(--bad) 35%, var(--line));flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;display:flex}.on-air strong{font-stretch:var(--narrow);letter-spacing:.1em;text-transform:uppercase;font-weight:820}.on-air .danger{margin-left:auto}.on-air-dot{background:var(--bad);width:10px;height:10px;box-shadow:0 0 0 0 var(--bad);border-radius:50%;animation:1.6s ease-out infinite on-air}@keyframes on-air{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--bad) 70%, transparent)}to{box-shadow:0 0 0 10px #0000}}.embed-codes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.embed{border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line);flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.embed pre{border-radius:var(--r-sm);background:var(--ink-0);color:var(--fg-2);white-space:pre-wrap;word-break:break-all;margin:0;padding:10px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.share-channels{align-items:center;gap:6px}.audience{border-top:1px solid var(--line);flex-direction:column;gap:14px;padding-top:16px;display:flex}.audience-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.audience-tile{border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.audience-tile strong{font-size:var(--display-sm);font-variant-numeric:tabular-nums;color:var(--fg);font-weight:760}.audience-chart{flex-direction:column;gap:6px;margin:0;display:flex}.audience-chart-plot{position:relative}.audience-chart svg{touch-action:none;width:100%;max-width:1000px;height:auto;display:block}.audience-chart .grid{stroke:var(--line);stroke-width:1px}.audience-chart .axis{fill:var(--fg-3);font-variant-numeric:tabular-nums;font-size:12px}.audience-chart .area{fill:color-mix(in srgb, var(--info) 18%, transparent)}.audience-chart .line{fill:none;stroke:var(--info);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.audience-chart .cross{stroke:var(--fg-3);stroke-width:1px;stroke-dasharray:3 3}.audience-chart .dot{fill:var(--info);stroke:var(--panel);stroke-width:2px}.audience-tip{border-radius:var(--r-sm);background:var(--ink-4);color:var(--fg);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-pop);padding:4px 8px;position:absolute;bottom:calc(100% + 4px);transform:translate(-50%)}.audience-lists{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px;display:grid}.audience-list ol{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.audience-list li{font-size:var(--text-sm);border-radius:var(--r-xs);justify-content:space-between;gap:8px;padding:3px 6px;display:flex;position:relative;overflow:hidden}.audience-list .bar{background:color-mix(in srgb, var(--info) 14%, transparent);border-radius:var(--r-xs);position:absolute;inset:0 auto 0 0}.audience-list .k,.audience-list .n{text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}.audience-list .n{font-variant-numeric:tabular-nums;color:var(--fg-2)}.metric-picks{flex-wrap:wrap;gap:4px;display:flex}.on-air-pill{white-space:nowrap;border-radius:var(--r-xs);background:var(--bad);color:#fff;letter-spacing:.12em;flex:none;margin-left:6px;padding:1px 6px}.graphic-ask{border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line-strong);border-left:3px solid var(--volt);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.graphic-ask .primary{min-height:48px;padding:0 22px}.graphic-note{font-size:var(--text-sm);color:var(--fg-2);margin:0}.signin-page{min-height:100dvh;padding:calc(32px + var(--safe-t)) 16px calc(32px + var(--safe-b));background:radial-gradient(1200px 600px at 15% -10%, color-mix(in srgb, var(--volt) 9%, transparent), transparent 60%), var(--ink-0);flex-direction:column;display:flex}.signin-layout{flex-direction:column;gap:22px;width:min(440px,100%);margin:auto;display:flex}.signin-hero{flex-direction:column;gap:18px;display:flex;position:relative}.signin-page .signin-brand{align-items:center;padding:0;display:flex}.signin-page .brand-mark{border-radius:10px;width:36px;height:36px}.signin-page>.signin-brand{margin:auto}.signin-title{font-stretch:var(--narrow);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(1.9rem,6vw,3.4rem);font-weight:820;line-height:.98}.signin-points,.signin-art{display:none}.signin-side{flex-direction:column;gap:16px;min-width:0;display:flex}.signin-side .auth-card{border-color:var(--line-strong);margin:0;padding:26px;box-shadow:0 30px 60px -30px #000000b3}[data-theme=sun] .signin-side .auth-card{box-shadow:0 20px 40px -24px #081c1240}@media (width>=900px){.signin-layout{grid-template-columns:minmax(0,1.1fr) minmax(380px,440px);align-items:center;gap:clamp(40px,6vw,88px);width:min(1040px,100%);display:grid}.signin-hero{gap:26px}.signin-points{color:var(--fg-2);font-size:var(--text-md);flex-direction:column;gap:14px;max-width:34ch;margin:0;padding:0;list-style:none;display:flex}.signin-points li{align-items:flex-start;gap:12px;display:flex}.signin-points .icon{color:var(--volt);margin-top:1px}.signin-points strong{color:var(--fg);font-weight:640}.signin-art{width:min(340px,90%);color:color-mix(in srgb, var(--fg) 12%, transparent);pointer-events:none;margin-top:8px;display:block}.signin-art-move{color:var(--volt);fill:var(--volt);opacity:.55}}.auth-card{flex-direction:column;gap:20px;display:flex}.auth-card .segmented.auth-tabs{grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.auth-tabs button{min-height:38px}.auth-back{align-self:flex-start;align-items:center;gap:4px;display:inline-flex}.auth-head h2{font-size:var(--display-sm);letter-spacing:-.005em;margin:0 0 6px;font-weight:760}.auth-head p{font-size:var(--text-md);margin:0;line-height:1.5}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:8px;min-width:0;display:flex}.field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label{color:var(--fg-2);font-size:var(--text-sm);font-weight:600}.field-label .optional{color:var(--fg-3);margin-left:4px;font-weight:500}.field-head button.link{font-size:var(--text-sm)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>input{width:100%;min-height:48px;padding-left:42px;font-size:1rem}.input-wrap>input:has(+.reveal){padding-right:64px}.input-wrap>.input-icon{color:var(--fg-3);pointer-events:none;transition:color .12s var(--ease);position:absolute;left:14px}.input-wrap:focus-within>.input-icon{color:var(--volt)}.input-wrap>.reveal{min-height:36px;color:var(--fg-2);font-size:var(--text-sm);background:0 0;border-color:#0000;padding:0 10px;font-weight:600;position:absolute;right:6px}.auth-alert{border-radius:var(--r);font-size:var(--text-md);border:1px solid;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;line-height:1.4;display:flex}.auth-alert .icon{margin-top:1px}.auth-alert span{color:var(--fg)}.auth-alert.error{background:color-mix(in srgb, var(--bad) 10%, transparent);border-color:color-mix(in srgb, var(--bad) 40%, transparent)}.auth-alert.ok{background:color-mix(in srgb, var(--good) 10%, transparent);border-color:color-mix(in srgb, var(--good) 40%, transparent)}.auth-submit{gap:10px;min-height:50px;margin-top:4px;font-size:1rem}.auth-submit:disabled{opacity:.75;cursor:progress}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.auth-divider{color:var(--fg-3);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;margin:-4px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line-strong);flex:1;height:1px}.auth-alt{gap:10px;width:100%;min-height:46px}.consent-banner{z-index:60;background:var(--ink-2);border-radius:var(--r-lg);max-width:640px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-pop);font-size:var(--text-sm);color:var(--fg-2);align-items:center;gap:16px;margin-inline:auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.consent-banner p{margin:0}.consent-banner strong{color:var(--fg)}.consent-banner .row{flex:none;gap:8px}@media (width<=560px){.consent-banner{flex-direction:column;align-items:stretch}.consent-banner .row{justify-content:flex-end}}@media (width<=600px){.live-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back title clock""score score score""tools tools tools";gap:8px;padding:8px;display:grid}.live-header>.icon-button{grid-area:back}.live-title{grid-area:title;align-items:flex-start;max-width:none}.live-clock{grid-area:clock}.live-clock button{padding:0 14px}.live-score{grid-area:score;margin:0}.live-score .scorebug{--h:44px;--fs:16px;width:100%;max-width:460px}.live-score .sb-center{padding:0 8px}.live-score .sb-side{flex:auto;justify-content:space-between;min-width:auto}.live-score .scorebug .sb-name{flex:none;max-width:none;overflow:visible}.live-score .sb-full{display:none}.live-score .sb-code{display:inline}.live-score .sb-score,.live-score .sb-score b{white-space:nowrap}.live-tools{grid-area:tools}.live-tools button:first-child{flex:1}}@media (width<=400px){.live-score .scorebug{--fs:15px}.live-score .sb-score small{display:none}}@media (width<=340px){.live-score .scorebug{--h:40px;--fs:13px}.live-score .sb-center{padding:0 5px}.live-score .live-period{display:none}}.live-toast .toast-close{color:var(--fg-2);border-color:#0000;padding:0 6px}@media (width<=600px){.live~.update-prompt{left:8px;right:8px}}.watch-header-side{align-items:center;gap:14px;min-width:0;display:flex}.watch-header-side.end{justify-content:flex-end;gap:10px}@media (width>=900px){.workspace-header.watch-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.workspace-header.watch-header .header-score{margin:0}}.player-picker-menu{background:var(--ink-1);border-color:var(--line);border-radius:var(--r-sm)}.player-picker-option:hover{background:var(--ink-2);border-radius:var(--r-sm)}.modal-backdrop{z-index:60;padding:calc(48px + var(--safe-t,0px)) 16px 16px;background:#0000008c;place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--ink-1);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(640px,100%);box-shadow:var(--shadow-pop);flex-direction:column;gap:14px;padding:18px;display:flex}.modal.wide{width:min(1100px,100%)}.modal-head h2{margin:0}.modal .notice ul{margin:6px 0 0;padding-left:18px}.modal>.row.end{justify-content:flex-end;gap:8px}.status-chip{border:1px solid var(--line-strong);min-height:28px;color:var(--fg-2);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:999px;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.status-chip.complete{border-color:var(--good);color:var(--good)}.finish-row{border:1px dashed var(--line);border-radius:var(--r);align-items:center;gap:10px;margin-top:10px;padding:10px 12px}.finish-row.ready{border-style:solid;border-color:var(--good)}.completed-card{border-color:var(--good);flex-direction:column;gap:10px;display:flex}.video-share{border:1px solid var(--line);border-radius:var(--r);background:var(--ink-1)}.video-share>summary{cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-weight:650;display:flex}.video-share>.card{border:none;margin:0}.match-data{flex-direction:column;gap:16px;display:flex}.subsection-block h3{margin:0 0 8px}.subsection-block.danger-zone{border-top:1px solid color-mix(in srgb, var(--bad) 35%, var(--line));padding-top:12px}.match-status-filter{align-self:flex-start;margin-bottom:12px}.match-card-tags .tag.complete{border-color:var(--good);color:var(--good)}.live-complete{max-width:640px}.graphic-preview.drawing img{opacity:.45;transition:opacity .15s}.match-header{flex-wrap:nowrap;grid-template-columns:auto minmax(0,max-content) auto auto 1fr auto auto;grid-template-areas:"back title status tabs.score actions";align-items:center;column-gap:14px;display:grid}.match-header>*{min-width:0}.match-header .header-back{grid-area:back}.match-header .workspace-title{grid-area:title;max-width:280px}.match-header .workspace-title .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-header .status-chip{grid-area:status;min-height:24px;padding:0 9px;font-size:10.5px}.match-header .tabs{grid-area:tabs}.match-header .header-score{grid-area:score;margin:0}.match-header .header-actions{grid-area:actions;align-items:center;gap:6px;display:flex}.match-header .header-actions .icon-button{background:0 0;width:34px;height:34px}.match-header .header-actions .icon-button:hover{background:var(--ink-3);color:var(--fg)}.match-header .sync-badge span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.match-header .sync-badge{padding:8px}@media (width<=1279px){.match-header{padding-top:calc(8px + var(--safe-t));grid-template-columns:auto minmax(0,max-content) auto 1fr auto auto;grid-template-areas:"back title status.score actions""tabs tabs tabs tabs tabs tabs";row-gap:6px}.match-header .tabs{min-height:40px;margin-left:-12px}.app.workspace .video{--video-max-h:calc(100vh - 270px)}}@media (width<=1100px){.match-header .sb-full{display:none}.match-header .sb-code{display:inline}}@media (width<=640px){.match-header{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"back title title actions""status status score score""tabs tabs tabs tabs"}.match-header .workspace-title{max-width:none}.match-header .header-score{justify-self:end}.match-header .status-chip{justify-self:start}.match-header .header-actions{gap:2px}.match-header .tabs{justify-content:space-between;margin:0 -8px}}main.tag-layout.watching{grid-template-columns:minmax(0,1fr) clamp(340px,32vw,520px)}@media (width<=1000px) and (width>=761px){main.tag-layout.watching{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=760px){main.tag-layout.watching{grid-template-columns:1fr}}.match-header .workspace-title{text-align:left;justify-self:stretch;align-items:flex-start}.watch-present{justify-content:flex-end;margin-bottom:-4px}.watch-present .present-button{min-height:30px;font-size:var(--text-sm);padding:0 12px}.event .event-desc{text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;min-width:0;display:block;overflow:hidden}@media (width<=640px){.match-header .workspace-title{contain:inline-size;overflow:hidden}}.match-header .workspace-title strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.match-data{gap:18px}.match-data section>h3{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin:0 0 6px;font-weight:700}.data-list{border:1px solid var(--line);border-radius:var(--r);margin:0;padding:0;list-style:none;overflow:hidden}.data-row{background:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.data-row+.data-row{border-top:1px solid var(--line)}.data-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.data-row-action{flex:none}.data-row-action>button,.data-row-action>.file-button{white-space:nowrap;min-height:34px}.match-data .danger-zone{border:none;padding:0}.match-data .danger-zone .data-list{border-color:color-mix(in srgb, var(--bad) 35%, var(--line))}@media (width<=520px){.data-row{flex-direction:column;align-items:stretch}}.match-data-page{flex-direction:column;gap:14px;display:flex}.back-link{font-size:var(--text-sm);align-self:flex-start;padding:0}.steps{flex-direction:column;gap:18px;display:flex}.step{flex-direction:column;gap:8px;display:flex}.step+.step{border-top:1px solid var(--line);padding-top:16px}.step h4{font-size:var(--text-md);align-items:center;gap:10px;margin:0;display:flex}.step-n{background:var(--ink-3);width:22px;height:22px;color:var(--fg);font-size:var(--text-xs);border-radius:50%;place-items:center;font-weight:750;display:inline-grid}.step p{margin:0}.steps .form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;display:grid}.steps .compact-grid{grid-template-columns:repeat(auto-fit,minmax(130px,180px))}.steps .found{align-items:center;gap:6px}.step-footer{background:var(--ink-1);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 -18px -18px;padding:12px 18px;display:flex;position:sticky;bottom:0}.number-group{border:1px solid var(--line);border-radius:var(--r);padding:8px 10px}.number-group>summary{cursor:pointer}.number-group.team-A>summary strong{color:var(--team-a)}.number-group.team-B>summary strong{color:var(--team-b)}.token-row{align-items:center;gap:8px}.token-row input{flex:1;min-width:0}.summary{counter-reset:sum-section;gap:26px}.summary-hero{border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(ellipse 60% 120% at 100% 0%, color-mix(in srgb, var(--team-b) 16%, transparent), transparent 70%), radial-gradient(ellipse 60% 120% at 0% 100%, color-mix(in srgb, var(--team-a) 16%, transparent), transparent 70%), repeating-linear-gradient(90deg, transparent 0 64px, #ffffff05 64px 128px), var(--ink-1);flex-direction:column;align-items:flex-start;gap:14px;padding:26px 28px 24px;display:flex;position:relative;overflow:hidden}.hero-meta{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);flex-wrap:wrap;gap:4px 0;font-weight:700;display:flex}.hero-meta span+span:before{content:"·";color:var(--fg-3);margin:0 10px}.summary-hero .scorebug{--h:60px;--fs:22px}.summary-hero .sb-name{max-width:24ch}.hero-sub{font-size:var(--text-sm);color:var(--fg-3);flex-wrap:wrap;gap:4px 18px;display:flex}.hero-scope{color:var(--fg);font-weight:650}@media (width<=720px){.summary-hero{padding:18px}.summary-hero .scorebug{--h:44px;--fs:16px}}.summary-toolbar{z-index:8;background:color-mix(in srgb, var(--ink-0) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:-12px 0 -10px;padding:10px 0;display:flex;position:sticky;top:0}.summary-jump{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.summary-jump button{color:var(--fg-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;padding:5px 9px;font-weight:700}.summary-jump button:hover:not(:disabled){background:var(--ink-3);color:var(--fg)}.map-numbers{margin-left:auto}.share-row{gap:6px;display:flex}.share-row button{font-size:var(--text-sm);padding:6px 12px}.summary-section>h2{font-size:var(--display-sm);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:12px;margin:10px 0 -10px;scroll-margin-top:76px;font-weight:800;display:flex}.summary-section:not(.empty)>h2:before{counter-increment:sum-section;content:counter(sum-section, decimal-leading-zero);font-size:var(--text-sm);color:var(--ink-0);background:var(--fg);border-radius:var(--r-xs);font-variant-numeric:tabular-nums;padding:3px 6px;font-weight:750}.summary-section>h2:after{content:"";background:var(--line-strong);flex:1;height:1px}.summary .panel{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);gap:14px;padding:18px}.summary .panel.team-A,.summary .panel.team-B{border-top:1px solid var(--line);box-shadow:inset 0 3px 0 var(--panel-team)}.panel.team-A{--panel-team:var(--team-a)}.panel.team-B{--panel-team:var(--team-b)}.summary .panel-header h3{font-size:var(--text-md);font-weight:780}.summary .panel-header .muted{font-size:var(--text-sm);color:var(--fg-3)}.summary .panel.empty{opacity:.7}.map-card{gap:12px}.map-card-head{border-radius:var(--r-sm);background:var(--ink-0);box-shadow:0 0 0 1px var(--line-strong);font-size:var(--text-md);grid-template-columns:auto 1fr;height:40px}.map-card-team{background:var(--card-team);color:var(--card-team-text);font-stretch:var(--narrow);letter-spacing:.05em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);gap:0;padding:0 26px 0 14px;font-weight:820}.map-card-team i{display:none}.map-card-cat{color:var(--fg);font-stretch:var(--narrow);letter-spacing:.08em;text-transform:uppercase;background:0 0;justify-content:flex-start;padding:0 14px;font-weight:760}.map-card-tally{color:var(--fg);font-stretch:var(--narrow);font-size:var(--display-md);background:0 0;padding:0;font-weight:830;line-height:1}.map-card .pitch-marker circle{stroke:#070b09d9;stroke-width:.45px}.map-legend{font-size:var(--text-xs);color:var(--fg-2);gap:6px 14px;font-weight:600}.map-legend i{width:9px;height:9px}.map-leaders{border-top:1px solid var(--line);gap:0}.map-leaders li{border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:10px;padding:7px 2px}.map-leaders .num{border-radius:var(--r-xs);background:var(--card-team);width:26px;height:22px;color:var(--card-team-text);font-stretch:var(--narrow);font-weight:820;font-size:var(--text-xs)}.map-leaders .name{font-weight:600}.map-leaders .val{font-variant-numeric:tabular-nums;font-weight:760;font-stretch:85%}.zone-grid{gap:4px}.zone-head{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:10.5px;font-weight:700}.zone-cell{border-radius:var(--r-sm);background:color-mix(in srgb, var(--panel-team,var(--info)) calc(var(--share) * 62%), var(--ink-2));border:none}.zone-cell strong{font-stretch:var(--narrow);font-weight:820;font-size:var(--text-lg)}.zone-cell small{color:var(--fg-2);font-size:10.5px;font-weight:650}.stat-tables table th,.player-table th{font-size:10px}.stat-tables td,.player-table td{font-size:var(--text-sm)}.player-table thead th{background:var(--ink-1);position:sticky;top:0}.player-table tbody tr{transition:background-color .1s var(--ease)}.player-table tbody tr:hover{background:var(--ink-2)}.player-table tbody tr.selected{background:color-mix(in srgb, var(--panel-team,var(--volt)) 14%, transparent);box-shadow:inset 3px 0 0 var(--panel-team,var(--volt))}.table-scroll{border-radius:var(--r-sm)}.summary-notice{border-radius:var(--r);border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);background:color-mix(in srgb, var(--warn) 8%, var(--ink-1));padding:10px 14px}.analysis-run .panel-header h3{font-size:var(--text-lg)}.analysis-last{border-radius:var(--r);background:var(--ink-2);font-size:var(--text-sm);color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.analysis-last strong{color:var(--fg)}.analysis-settings{flex-direction:column;gap:12px;padding-top:4px;display:flex}.analysis-settings .field>span,.agent-picker legend{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-weight:700}.agent-picker{border:1px solid var(--line);border-radius:var(--r);padding:10px 14px 12px}.agent-picker legend .muted{text-transform:none;letter-spacing:0;font-weight:500}.agent-options{gap:8px 18px}.agent-options .checkbox{color:var(--fg-2)}.notes-used{border-left:3px solid var(--fg-3)}.notes-used .notes-text{color:var(--fg-2);font-style:italic}.report{--rt:var(--fg-3);padding:22px 24px 20px}.report.team-A{--rt:var(--team-a)}.report.team-B{--rt:var(--team-b)}.report-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:12px;display:flex}.report-head h3{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.03em;margin:0;font-weight:800}.report-team{font-stretch:var(--narrow);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;background:var(--rt);color:var(--ink-0);clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:4px 14px 4px 8px;font-weight:820}.report.team-A .report-team{color:var(--team-a-text)}.report.team-B .report-team{color:var(--team-b-text)}.report-team.match{background:var(--fg);color:var(--ink-0)}.markdown{font-size:var(--text-md);color:var(--fg-2);max-width:78ch;line-height:1.62}.markdown>:first-child>:first-child{margin-top:0}.markdown strong{color:var(--fg);font-weight:720}.markdown h2,.markdown h3,.markdown h4{color:var(--fg);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px}.markdown h2{font-size:var(--text-lg)}.markdown h3{font-size:var(--text-md)}.markdown h4{font-size:var(--text-sm);color:var(--fg-2)}.markdown p{margin:0 0 10px}.markdown ul,.markdown ol{margin:4px 0 12px;padding-left:22px}.markdown li{margin:4px 0;padding-left:4px}.markdown ul li::marker{color:var(--rt,var(--fg-3));content:"▸  ";font-size:.8em}.markdown ol li::marker{color:var(--rt,var(--fg-3));font-stretch:var(--narrow);font-variant-numeric:tabular-nums;font-weight:800}.md-table{border:1px solid var(--line);border-radius:var(--r-sm);margin:8px 0 14px;overflow-x:auto}.md-table table{font-size:var(--text-sm)}.md-table th{background:var(--ink-2);font-size:10px}.md-table td{color:var(--fg)}.md-table tr:last-child td{border-bottom:none}.lead-report{background:radial-gradient(ellipse 50% 140% at 0% 0%, var(--volt-soft), transparent 60%), var(--ink-1);border-color:var(--line-strong)}.lead-report .markdown{column-width:34em;column-rule:1px solid var(--line);column-gap:40px;max-width:none;font-size:1.02rem}.lead-report .md-sec,.lead-report .markdown ul,.lead-report .markdown ol,.lead-report .markdown .md-table{break-inside:avoid}.lead-report .md-sec:first-child>p:first-of-type{color:var(--fg);font-size:1.12rem}@media print{:root,[data-theme]{--ink-0:#fff;--ink-1:#fff;--ink-2:#f3f5f2;--ink-3:#e7ebe5;--ink-4:#dbe1d9;--line:#081c121f;--line-strong:#081c123d;--fg:#07100b;--fg-2:#2f3b35;--fg-3:#56645c;--volt:#0c6b38;--volt-ink:#fff;--volt-soft:#0c6b3814;--good:#08834f;--bad:#c42b22;--warn:#9a5800;--shadow-1:none;--shadow-pop:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.workspace-header,.shell-nav,.upload-badges,.update-prompt,.notice,.summary-jump,.analysis-last button,.analysis-settings{display:none!important}.app.workspace{padding:0}.summary-hero{border:none;border-bottom:2px solid var(--fg);background:0 0;border-radius:0;gap:8px;padding:0 0 10px}.summary-hero .scorebug{--h:44px;--fs:17px;box-shadow:0 0 0 1px var(--line-strong)}.summary-section>h2{margin:0 0 6px;font-size:1.15rem}.summary .panel{border-color:var(--line-strong);break-inside:avoid}.map-card-head{box-shadow:0 0 0 1px var(--line-strong)}.map-card-team{background:var(--card-team)!important;color:var(--card-team-text)!important}.map-leaders li,.lead-report{background:0 0}.lead-report .markdown{column-rule-color:var(--line-strong)}.markdown{color:var(--fg-2)}}.app.workspace .summary-hero{display:none}.summary-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"filters actions""jump jump";gap:8px 16px;margin:-6px 0 -8px;padding:10px 0 6px;display:grid}.app.workspace .summary-toolbar{top:var(--header-h,60px)}.summary-filters{flex-wrap:wrap;grid-area:filters;align-items:center;gap:8px;min-width:0;display:flex}.summary-actions{grid-area:actions;align-items:center;gap:12px;display:flex}.summary-actions .map-numbers{font-size:var(--text-sm);color:var(--fg-2);white-space:nowrap;margin:0}.summary-actions .export-button{min-height:32px;font-size:var(--text-sm);padding:0 12px}.summary-actions .menu button{text-align:left;width:100%;display:block}.summary-jump{grid-area:jump;align-items:center;margin-left:-9px}.summary-jump .toolbar-weather{flex-wrap:nowrap;margin-left:auto;padding-left:12px}.summary-jump .weather-chip{font-size:var(--text-xs);white-space:nowrap;padding:2px 8px}@media (width<=760px){.summary-toolbar{grid-template-columns:minmax(0,1fr);grid-template-areas:"filters""actions""jump"}.summary-actions{justify-content:space-between}.summary-jump .toolbar-weather{display:none}}.map-card-tally-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.map-card-tally-row .map-player{max-width:55%;min-height:30px;font-size:var(--text-sm);padding:0 8px}@media print{.app.workspace .summary-hero{display:flex}.summary-toolbar,.map-card-tally-row .map-player{display:none!important}.app.workspace,.summary,.summary-section,.two-up,.two-up.single{display:block}.summary>*+*,.two-up>.panel+.panel{margin-top:10px}.summary-section,.two-up>.panel:not(:first-child){break-before:auto}.summary .panel{break-inside:avoid}.summary-section>h2{break-after:avoid}.summary .panel{gap:6px;padding:10px 14px}.map-card{gap:4px}.map-card-head{height:30px;font-size:var(--text-sm)}.map-card-tally{font-size:1.3rem}.map-card .pitch-svg,.pitch-svg,.two-up.single .panel-map .pitch-svg{max-height:62mm}.map-legend{gap:2px 10px}.map-leaders li{font-size:var(--text-xs);padding:1px 2px}.map-leaders .num{height:16px}.zone-grid{gap:3px}.zone-head{padding:2px}.zone-cell{padding:3px}.zone-cell strong{font-size:var(--text-md)}.summary th,.summary td,.stat-tables table th,.stat-tables td,.player-table th,.player-table td{padding:3px 6px;font-size:11px}.summary .panel-stats th,.summary .stat-tables th{padding-top:4px;padding-bottom:3px;font-size:9.5px}.panel-body{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.panel-stats .stat-tables,.panel-stats.stat-tables{columns:170px 3}.panel-stats .stat-tables>table,.panel-stats.stat-tables>table{margin-bottom:10px}:is(.panel-stats .stat-tables>table:has(tbody tr:nth-child(9)),.panel-stats.stat-tables>table:has(tbody tr:nth-child(9))){break-inside:auto}.summary .stat-tables tr{break-inside:avoid}.summary .stat-tables td:first-child,.summary .stat-tables th{white-space:normal}.table-scroll{overflow:visible}.summary .player-table th,.summary .player-table td{white-space:normal;padding-left:3px;padding-right:3px;font-size:10px}}
