.shared-play-page{--team-safe:#15171b;--team-tint:#fff0e8;color:#15171b;min-height:100dvh;font-family:var(--stg-font-sans);background:#f5f6f7;flex-direction:column;display:flex}.shared-play-page *{box-sizing:border-box}.shared-play-page button,.shared-play-page a{-webkit-tap-highlight-color:transparent}.shared-play-page button:not(:disabled),.shared-play-page input{cursor:pointer}.shared-play-page button:disabled{opacity:.4}.shared-play-page :is(button,input,a):focus-visible,.shared-settings-menu :is(button,input):focus-visible{outline:2px solid var(--team-safe,#15171b);outline-offset:3px}.shared-button{color:#15171b;white-space:nowrap;background:#fff;border:1px solid #e4e6ea;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.shared-button:hover{background:#f5f6f7}.shared-button.shared-primary{background:var(--team-safe);border-color:var(--team-safe);color:#fff}.shared-button.icon-only{flex-shrink:0;width:36px;height:36px;padding:8px}.shared-workspace{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:16px;min-height:0;padding:16px;display:grid}.shared-court-panel,.shared-steps-panel{background:#fff;border:1px solid #e4e6ea;border-radius:16px;min-width:0;min-height:0;overflow:hidden}.shared-court-panel{grid-template-rows:60px minmax(0,1fr);display:grid}.shared-playback{border-bottom:1px solid #f0f1f3;align-items:center;gap:14px;min-width:0;padding:0 14px 0 20px;display:flex}.shared-step-heading{flex-shrink:0;width:168px;min-width:0}.shared-step-heading h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.shared-step-heading>span{color:var(--team-safe);text-transform:uppercase;font:10.5px var(--stg-font-mono);margin-top:2px;display:block}.shared-court-stage{background:#fdf5ee;justify-content:center;align-items:center;min-width:0;min-height:0;padding:20px;display:flex}.shared-court-stage .court{cursor:default;width:100%;max-width:100%;height:100%;display:block}.shared-transport,.shared-options,.shared-wide-settings{flex-shrink:0;align-items:center;gap:10px;display:flex}.shared-play-toggle{min-width:78px}.shared-play-toggle svg{color:currentColor;fill:currentColor}.shared-timeline{flex:1;min-width:40px;padding:12px 0;position:relative}.shared-timeline input{appearance:none;z-index:1;border-radius:3px;width:100%;height:4px;display:block;position:relative}.shared-timeline input::-webkit-slider-thumb{appearance:none;border:3px solid var(--team-safe);background:#fff;border-radius:50%;width:16px;height:16px}.shared-timeline input::-moz-range-thumb{border:3px solid var(--team-safe);background:#fff;border-radius:50%;width:10px;height:10px}.shared-ticks{z-index:2;pointer-events:none;height:18px;position:absolute;top:5px;left:8px;right:8px}.shared-ticks button{pointer-events:auto;width:8px;height:24px;position:absolute;transform:translate(-50%)}.shared-ticks button:after{content:"";background:#cdd1d7;width:1px;height:9px;position:absolute;top:4px;left:50%}.shared-time{font:11px var(--stg-font-mono);color:#6a707a;white-space:nowrap}.shared-options{border-left:1px solid #e4e6ea;padding-left:14px}.shared-loop{color:#4b515b;cursor:pointer;align-items:center;gap:8px;min-height:32px;font-size:14px;display:flex;position:relative}.shared-loop input{opacity:0;width:32px;height:32px;position:absolute;right:0}.shared-loop>span{pointer-events:none;background:#e4e6ea;border-radius:20px;flex-shrink:0;width:32px;height:18px;position:relative}.shared-loop>span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.shared-loop input:checked+span{background:var(--team-safe,#15171b)}.shared-loop input:checked+span:after{left:17px}.shared-loop input:focus-visible+span{outline-offset:4px;outline:2px solid #15171b}.shared-settings-trigger{display:none}.shared-settings-trigger.has-options{display:block}.shared-settings-trigger button[aria-expanded=true]{outline-offset:-1.5px;background:#f5f6f7;outline:1.5px solid #15171b}.shared-settings-positioner{z-index:50}.shared-settings-menu{color:#15171b;width:248px;font-family:var(--stg-font-sans);background:#fff;border:1px solid #e4e6ea;border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex;box-shadow:0 12px 32px #15171b26}.shared-settings-menu .shared-time{text-align:right;font-size:12px}.shared-settings-menu legend{margin-bottom:6px;font-size:12px;font-weight:600}.shared-speed-segments{background:#f5f6f7;border-radius:8px;gap:4px;padding:3px;display:flex}.shared-speed-segments button{cursor:pointer;border-radius:6px;flex:1;height:28px;font-size:12px}.shared-speed-segments button[aria-pressed=true]{color:#fff;background:#15171b}.shared-settings-menu .shared-loop>span{margin-left:auto}.shared-steps-panel{flex-direction:column;display:flex}.shared-steps-heading{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 8px;display:flex}.shared-steps-heading h2{font-size:16px;font-weight:700}.shared-steps-heading>span,.shared-notes-heading>span{color:#727985;font:11px var(--stg-font-mono);white-space:nowrap}.shared-steps-scroll{flex:1;min-height:0;display:flex;position:relative}.shared-steps-scroll.has-more:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:28px;position:absolute;bottom:0;left:0;right:0}.shared-steps{flex:1;min-height:0;margin:0;padding:0 8px 12px;list-style:none;position:relative;overflow-y:auto}.shared-step{text-align:left;border-radius:11px;align-items:center;gap:10px;width:100%;height:50px;padding:5px 8px;display:flex}.shared-step:hover{background:#f5f6f7}.shared-step.is-current{background:var(--team-tint)}.shared-step-number{width:20px;height:20px;font:11px var(--stg-font-mono);color:#727985;border-radius:3px;flex-shrink:0;place-items:center;display:grid}.shared-step.is-current .shared-step-number{background:var(--team-safe);color:#fff}.shared-thumbnail{background:#fdf5ee;border:1px solid #efdccb;border-radius:6px;flex-shrink:0;width:46px;height:40px;overflow:hidden}.shared-thumbnail .mini-court{width:100%;height:100%}.shared-step-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.shared-step-duration{font:11px var(--stg-font-mono);color:#727985;white-space:nowrap}.shared-step.is-current .shared-step-name{font-weight:600}.shared-step>svg{color:#8b9099;flex-shrink:0}.shared-notes{border-top:1px solid #f0f1f3;flex-direction:column;flex-shrink:0;max-height:calc(100% - 96px);padding:14px 16px 16px;display:flex}.shared-notes-heading{flex-shrink:0;align-items:center;gap:10px;padding-bottom:12px;display:flex}.shared-notes-heading h2{font-size:15px;font-weight:700}.shared-notes-heading>svg{color:var(--team-safe)}.shared-notes-heading>span{text-transform:uppercase;margin-left:auto;font-size:10.5px}.shared-notes-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#fdf5ee;border-radius:12px;min-height:0;max-height:260px;padding:14px 16px;font-size:14.5px;line-height:1.6;transition:height .15s;overflow:auto}.shared-notes-text.is-empty{color:#8a9099;background:#f7f8f9;padding-block:10px;font-size:13px;line-height:20px}.shared-unavailable{text-align:center;max-width:520px;margin:15vh auto;padding:32px}.shared-unavailable>svg{color:#727985;margin:auto auto 16px}.shared-unavailable h2{margin-bottom:10px;font-size:24px;font-weight:700}.shared-unavailable p{color:#727985}.shared-copy-error{color:#c8322b;padding:8px 22px}.shared-play-page:not(.team-branded) .shared-court-stage{background:#f9f9fb}.shared-play-page:not(.team-branded) .shared-play-toggle svg{color:#f25c1f;fill:#f25c1f}.shared-play-page:not(.team-branded) .shared-timeline input::-webkit-slider-thumb{border-color:#f25c1f}.shared-play-page:not(.team-branded) .shared-timeline input::-moz-range-thumb{border-color:#f25c1f}.shared-play-page:not(.team-branded) .shared-step-heading>span{color:#727985}.shared-play-page:not(.team-branded) .shared-step.is-current .shared-step-number{color:#b23c0b;background:0 0}.shared-play-page:not(.team-branded) .shared-notes-heading>svg,.shared-play-page:not(.team-branded) .shared-step.is-current>svg{color:#b23c0b}.shared-play-page:not(.team-branded) .shared-loop input:checked+span{background:#f25c1f}.shared-play-page:not(.team-branded) .shared-notes-text:not(.is-empty),.shared-play-page:not(.team-branded) .shared-thumbnail{background:#fff4eb}@media (width>=1024px){.shared-play-page:has(.shared-workspace){height:100dvh;min-height:0}}@media (width<=1199px){.shared-workspace{grid-template-columns:minmax(0,1fr) 300px}.shared-step-heading{width:132px}.shared-wide-settings{display:none}.shared-settings-trigger{display:block}.shared-playback{gap:10px}}@media (width<=1023px){.shared-workspace{flex-direction:column;gap:12px;min-height:0;padding:10px;display:flex}.shared-court-panel{flex-shrink:0;grid-template-rows:auto minmax(0,1fr)}.shared-court-stage{height:min(52dvh,440px);padding:8px}.shared-playback{flex-wrap:wrap;gap:10px;padding:10px 12px}.shared-step-heading{flex:1;width:auto}.shared-timeline{flex-basis:100%;order:4}.shared-steps-panel{min-height:280px}.shared-steps-scroll{flex:auto}.shared-steps{max-height:280px}.shared-notes{max-height:none}}@media (width<=479px){.shared-step-heading{flex-basis:calc(100% - 46px);order:0}.shared-transport{order:2;margin:auto}.shared-settings-trigger{order:1}}@media (prefers-reduced-motion:reduce){.shared-notes-text{transition:none}}@media (width<=1023px){.shared-court-stage,.shared-court-stage .court{height:auto}.shared-court-panel{flex-direction:column;display:flex}.shared-court-stage{order:0}.shared-playback{border-top:1px solid #f0f1f3;border-bottom:0;order:1}.shared-step-heading{flex-basis:100%}.shared-transport{order:2;margin:0}.shared-timeline{order:3}.shared-wide-settings{flex:1;order:4;justify-content:flex-end;align-items:center;width:100%;display:flex}.shared-wide-settings .shared-options{margin-left:auto}.shared-settings-trigger:not(.has-options){display:none}.shared-settings-trigger.has-options{order:2;margin-left:auto}.shared-steps-panel{min-height:0}.shared-steps-scroll{flex:none}.shared-steps{gap:8px;max-height:none;padding:8px 16px 16px;display:flex;overflow-x:auto}.shared-steps>li{flex:none}.shared-step{justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:flex}.shared-step .shared-thumbnail,.shared-step .shared-step-name,.shared-step .shared-step-duration,.shared-step>svg{display:none}.shared-step .shared-step-number{width:auto;height:auto}.shared-button{min-height:44px}.shared-timeline{padding:0}.shared-timeline input{background-clip:content-box;border-block:20px solid #0000;height:44px}.shared-ticks{top:13px}.shared-button.icon-only{min-width:44px;min-height:44px}.shared-loop{min-height:44px}}