@font-face{font-family:Barlow;src:url(/fonts/barlow-condensed.woff2)format("woff2");font-style:normal;font-weight:700 800;font-display:swap}@font-face{font-family:Rethink;src:url(/fonts/rethink-sans.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}:root{color-scheme:dark;--ground:#171a20;--surface:#20242c;--raised:#282d37;--line:#373e4b;--ink:#f6f2ed;--muted:#b2b7c2;--accent:#a6c0ff;--action:#315bdf;--action-hover:#254bc3;--paper:#f6f2ed;--paper-ink:#222631;--paper-muted:#626775;--paper-line:#d5d2ce;--success:#a9e1b4;--danger:#ffbeb8;--green:#315bdf;--soft:#e9e8e5;--highlight:#e0e8fc;--rule:var(--paper-line);--home:#4b7463;--away:#a15937;--radius:12px;--font:Rethink, system-ui, sans-serif;--display:Barlow, Impact, "Arial Narrow", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--ground);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}.fs-container{width:min(1440px,100% - 96px);margin-inline:auto}.skip-link{z-index:10;background:var(--paper);color:var(--paper-ink);border-radius:8px;padding:12px 20px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:16px}.fs-masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.fs-brand{letter-spacing:-1px;align-items:center;gap:12px;min-height:44px;font-size:25px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.fs-brand-light{margin-left:3px;font-weight:400}.fs-mark{color:var(--accent);flex-shrink:0;width:36px;height:36px}.fs-masthead nav{align-items:center;gap:32px;display:flex}.fs-masthead nav a{color:var(--muted);padding-block:12px;font-size:14px;text-decoration:none}.fs-masthead nav a:hover{color:var(--ink)}.fs-masthead nav span{color:var(--accent);margin-left:6px}.offside-app{padding-top:40px}.offside-heading{justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:36px;display:flex}.fs-eyebrow{color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.fs-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.fs-eyebrow .fs-status-dot{color:var(--accent)}.offside-heading h1{font-family:var(--display);letter-spacing:-2px;font-size:clamp(72px,8.6vw,132px);font-weight:800;line-height:.95}.fs-intro{max-width:370px;padding-bottom:4px}.fs-intro>p{color:var(--ink);font-size:18px;line-height:1.65}.fs-experiment{color:var(--muted);margin-top:12px;font-size:12px;display:block}.fs-workspace-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;font-size:12px;display:flex}.fs-workspace-bar>span:first-child{color:var(--ink);align-items:center;gap:10px;font-size:14px;display:flex}.fs-workspace-bar .fs-status-dot{background:var(--success)}.offside-workspace{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:20px;display:grid}.offside-film{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.offside-compute{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px 12px;min-height:52px;padding:14px 20px;font-size:12px;display:flex}.offside-compute-label{color:var(--muted);white-space:nowrap;font-weight:600}.offside-compute-label:before{content:"";vertical-align:2px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.offside-compute-detail{color:var(--muted);font-size:12px;line-height:1.5}.offside-compute[data-backend=gpu] .offside-compute-label{color:var(--success)}.offside-compute[data-backend=cpu] .offside-compute-label,.offside-compute[data-backend=mixed] .offside-compute-label{color:#f4c98d}.offside-compute[data-backend=pending] .offside-compute-label{color:var(--accent)}.offside-drop{isolation:isolate;text-align:center;background:#1c242c;justify-content:center;align-items:center;min-height:470px;padding:52px 24px 100px;transition:background .2s;display:flex;position:relative;overflow:hidden}.offside-drop[data-drag=true]{outline:3px solid var(--accent);outline-offset:-4px;background:#263c59}.fs-pitch{color:#889caf;opacity:.4;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.fs-upload-content{max-width:100%;position:relative}.fs-upload-symbol{width:56px;height:56px;color:var(--accent);background:#273341;border:1px solid #60718a;border-radius:16px;place-items:center;margin:0 auto 20px;display:grid;box-shadow:0 12px 32px #12161d55}.fs-upload-symbol svg{width:28px;height:28px}.offside-drop h2{letter-spacing:-.7px;margin-bottom:6px;font-size:24px;font-weight:600}.offside-drop .fs-upload-content>p{color:var(--muted);margin-bottom:24px;font-size:14px}.offside-pick{border:1px solid var(--action);background:var(--action);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;position:relative;overflow:hidden}.offside-pick:hover{background:var(--action-hover)}.offside-pick:active{transform:translateY(1px)}.offside-pick:focus-within{outline:3px solid var(--accent);outline-offset:4px}.offside-pick svg{width:18px;height:18px}.offside-pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.offside-drop .fs-upload-content>.offside-file-help{margin:14px 0 0;font-size:12px}.offside-drop .fs-upload-content>.fs-model-note{color:var(--muted);margin:4px 0 0;font-size:12px}.fs-drop-footer{color:var(--muted);text-align:left;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex;position:absolute;inset:auto 22px 18px}.fs-drop-footer>span:first-child{align-items:center;gap:8px;display:flex}.fs-drop-footer svg{flex-shrink:0;width:15px;height:15px}.offside-viewer{background:#101319}.offside-filebar{background:var(--surface);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;font-size:12px;display:flex}.offside-filebar>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.offside-filebar>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.offside-stage{min-height:200px}.offside-stage video{width:100%;height:auto;display:block}.offside-view-actions{background:var(--surface);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 20px;padding:4px 16px;display:flex}.offside-app button{color:var(--accent);text-align:left;background:0 0;border:0;min-height:44px;padding:10px 4px;font-size:14px}.offside-app button:hover{text-underline-offset:4px;text-decoration:underline}.offside-view-actions button>span{margin-right:5px}.situation-selected{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.offside-progress{padding:4px 20px 20px}.offside-progress>div{justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.offside-progress progress{width:100%;height:5px;accent-color:var(--accent);background:var(--raised);border:0;border-radius:4px;display:block}.offside-progress p{color:var(--muted);margin-top:10px;font-size:12px}.offside-error{color:var(--danger);padding:16px 20px;font-size:14px;line-height:1.7}.offside-replace{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.offside-pick-secondary{color:var(--ink);background:0 0;border-color:#65718a;min-height:44px;padding:8px 14px;font-size:14px;font-weight:500}.offside-pick-secondary:hover{background:var(--raised)}.offside-replace [data-report]{font-size:12px}.offside-replace [data-report]>span{margin-left:8px}.offside-verdict{color-scheme:light;--ink:var(--paper-ink);--muted:var(--paper-muted);background:var(--paper);color:var(--ink);border-radius:var(--radius);flex-direction:column;min-width:0;min-height:523px;padding:24px;display:flex}.fs-rail-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;font-size:13px;font-weight:600;display:flex}.fs-beta{color:var(--muted);border:1px solid #aaa8a3;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:500}.offside-verdict h2{letter-spacing:-1px;margin-bottom:14px;font-size:32px;font-weight:700;line-height:1.15}.offside-verdict [data-result-reason]{color:var(--muted);font-size:14px;line-height:1.7}.fs-empty-sequence{margin:28px 0 32px;position:relative}.fs-empty-sequence>div{color:var(--muted);align-items:center;gap:16px;padding-block:11px;font-size:14px;display:flex;position:relative}.fs-empty-sequence>div>i{background:var(--paper);z-index:1;border:2px solid #929690;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:block;position:relative}.fs-empty-sequence>div>span:last-child{color:#777e88;margin-left:auto}.fs-empty-line{border-left:1px dashed #a7aba5;position:absolute;top:20px;bottom:52px;left:4px}.fs-empty-sequence>p{color:var(--muted);margin-top:14px;font-size:12px}.fs-rail-foot{border-top:1px solid var(--paper-line);margin-top:auto;padding-top:20px}.offside-local{color:var(--paper-ink);align-items:center;gap:7px;font-size:12px;display:flex}.offside-local .fs-status-dot{color:#386548}.offside-runtime-note{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7}.situation-timeline{background:var(--paper-line);border-radius:3px;height:8px;margin:24px 0 12px;display:flex;overflow:hidden}.situation-timeline span{border-right:2px solid var(--paper);min-width:1px}.situation-timeline [data-kind=other]{background:#cbc8c3}.situation-timeline [data-kind=carry]{background:#54816d}.situation-timeline [data-kind=pass]{background:#315bdf}.situation-timeline [data-kind=shot]{background:#ae5b37}.situation-timeline [data-kind=corner]{background:#8a64b5}.situation-timeline [data-kind=turnover]{background:#a67b26}.situation-timeline [data-kind=out]{background:#626775}.situation-caption{color:var(--muted);font-size:12px;line-height:1.7}.situation-list{scrollbar-width:thin;scrollbar-color:#a4a8b0 transparent;max-height:570px;margin:14px -8px 18px;padding:0;list-style:none;overflow-y:auto}.situation-list>li{border-bottom:1px solid var(--paper-line);padding:6px 8px 8px}.offside-app .situation-play{width:100%;color:var(--paper-ink);border-radius:6px;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:0 10px;min-height:56px;padding:8px 4px;text-decoration:none;transition:background .15s;display:grid}.situation-play:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:7px solid #657181;grid-row:1/3;margin-left:2px}.offside-app .situation-play:hover{background:var(--soft);text-decoration:none}.offside-app .situation-play[aria-pressed=true]{background:var(--highlight)}.situation-play strong{font-size:15px;font-weight:600;line-height:1.45}.situation-time{font-variant-numeric:tabular-nums;color:var(--muted);grid-column:2;font-size:12px;line-height:1.6}.situation-list details{vertical-align:top;margin-right:14px;display:inline-block}.situation-list details[open]{width:100%;display:block}.situation-list summary{cursor:pointer;color:#38538a;min-height:44px;padding-block:12px;font-size:12px}.situation-list summary:hover{text-underline-offset:3px;text-decoration:underline}.situation-evidence{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.7;display:block}.situation-editor{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 16px;display:grid}.situation-editor label{color:var(--muted);font-size:12px}.situation-editor label:first-child{grid-column:1/-1}.situation-editor input,.situation-editor select{width:100%;min-width:0;min-height:44px;color:var(--paper-ink);background:#fff;border:1px solid #8c919b;border-radius:6px;margin-top:4px;padding:8px;font-size:14px;display:block}.offside-app .situation-editor button{color:#284bb0}.situation-editor .offside-error{color:#9b342b;grid-column:1/-1;padding:0}.fs-below{grid-template-columns:1fr 1fr;gap:24px 80px;margin-top:56px;padding-bottom:40px;scroll-margin-top:24px;display:grid}.fs-how h2{font-family:var(--display);letter-spacing:-.5px;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.05}.fs-how>p,.fs-capabilities>p:last-child{color:var(--muted);max-width:55ch;font-size:14px;line-height:1.8}.fs-caption{color:var(--muted);margin-bottom:16px;font-size:12px}.fs-capabilities{padding-top:8px}.fs-capabilities ul{flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.fs-capabilities li{color:var(--ink);border:1px solid #677080;border-radius:6px;padding:5px 12px;font-size:13px}.offside-method{border-top:1px solid var(--line);grid-column:1/-1;margin-top:12px}.offside-method summary{cursor:pointer;min-height:60px;color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;list-style:none;display:flex}.offside-method summary::-webkit-details-marker{display:none}.offside-method summary>span{color:var(--accent);font-size:24px;font-weight:400}.offside-method[open] summary>span{transform:rotate(45deg)}.offside-method>div{max-width:900px;padding:0 0 16px}.offside-method p{color:var(--muted);margin-bottom:12px;font-size:14px;line-height:1.8}.offside-method a{color:var(--accent)}.fs-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:28px 40px;display:flex}.fs-brand-small{gap:0;font-size:18px}.fs-footer>p,.fs-footer>a:last-child{color:var(--muted);font-size:12px}.fs-footer>a:last-child{align-items:center;min-height:44px;display:inline-flex}.fs-not-found{max-width:700px;padding-block:100px}.fs-not-found>p{color:var(--muted);margin-bottom:16px}.fs-not-found h1{font-family:var(--display);margin-bottom:36px;font-size:72px;line-height:1.05}@media (width>=1700px){.offside-drop{min-height:540px}.offside-verdict{min-height:593px}}@media (width<=1150px){.fs-container{width:calc(100% - 64px)}.offside-workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.offside-verdict{padding:20px}.offside-drop{min-height:470px;padding-inline:16px}.offside-drop h2{font-size:21px}.fs-drop-footer{flex-direction:column;align-items:flex-start;gap:6px}.fs-intro{max-width:300px}.fs-intro>p{font-size:16px}.offside-replace{justify-content:flex-start}.offside-compute{padding-inline:16px}.fs-below{gap:24px 48px}}@media (width<=900px){.offside-workspace{grid-template-columns:1fr}.offside-drop{min-height:450px}.offside-verdict{min-height:0}.fs-rail-heading{margin-bottom:24px}.offside-verdict h2 br{display:none}.fs-empty-sequence{margin-block:20px}.fs-empty-sequence>div{padding-block:9px}.fs-empty-line{bottom:47px}.fs-rail-foot{margin-top:20px}.situation-list{max-height:none}.fs-drop-footer{flex-direction:row;align-items:center}.fs-intro{max-width:290px}.fs-masthead{min-height:88px}.offside-heading{gap:24px}}@media (width<=600px){.fs-container{width:calc(100% - 36px)}.fs-masthead{gap:12px;min-height:78px}.fs-brand{gap:8px;font-size:20px}.fs-mark{width:30px;height:30px}.fs-masthead nav{gap:0}.fs-masthead nav a{font-size:14px}.fs-masthead nav a:first-child{display:none}.fs-masthead nav a:last-child{padding-left:8px}.offside-app{padding-top:30px}.offside-heading{padding-bottom:28px;display:block}.fs-eyebrow{margin-bottom:12px;font-size:12px}.offside-heading h1{letter-spacing:-1.5px;font-size:82px}.fs-intro{max-width:none;margin-top:20px}.fs-intro>p{font-size:15px;line-height:1.6}.fs-intro>p br{display:none}.fs-experiment{margin-top:8px}.fs-workspace-bar>span:last-child{display:none}.offside-compute{flex-direction:column;gap:6px;min-height:65px;padding:12px 14px}.offside-drop{min-height:400px;padding:36px 16px 100px}.offside-drop h2{margin-inline:auto;max-width:22ch;margin-bottom:10px;font-size:21px;line-height:1.25}.offside-drop .fs-upload-content>p{font-size:13px}.fs-upload-symbol{margin-bottom:20px}.fs-drop-footer{text-align:center;flex-direction:column;align-items:center;gap:4px;inset-inline:14px}.fs-drop-footer>span:last-child,.offside-drop .fs-upload-content>.offside-file-help{font-size:12px}.offside-verdict{padding:22px}.offside-verdict h2{font-size:28px}.offside-filebar{padding-inline:14px}.offside-view-actions{padding-inline:12px}.offside-replace{padding:14px}.offside-progress{padding-inline:14px}.offside-progress>div{gap:10px;font-size:12px}.fs-below{grid-template-columns:1fr;gap:28px;margin-top:40px}.fs-how h2{font-size:42px}.fs-how h2 br{display:none}.fs-how>p{font-size:14px}.fs-capabilities{padding-top:0}.offside-method{grid-column:auto;margin-top:0}.fs-footer{flex-wrap:wrap;justify-content:flex-start;gap:14px;padding-block:24px}.fs-footer>p{order:3;width:100%}.fs-footer>a:last-child{margin-left:auto}.fs-brand-small{gap:0;font-size:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
