.as{--as-navy:#0b1f3a;--as-navy-2:#132b4d;--as-ink:#fff;--as-ink-2:#9fb0c4;--as-teal:#3dd6e8;--as-teal-deep:#0e9bae;--as-orange:#e07a1f;--as-live:#d23f3f;background:var(--as-navy);color:var(--as-ink);border:1px solid #ffffff14;border-radius:22px;max-width:1000px;margin-inline:auto;padding:clamp(.9rem,2.5cqi,1.5rem);position:relative;overflow:clip;container-type:inline-size}.as-call{align-items:center;gap:.6rem;min-height:1.8em;margin:0 0 .25rem;font-size:clamp(.85rem,1.8cqi,1rem);display:flex}.as-live{background:var(--as-live);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;align-items:center;gap:.35rem;padding:.15rem .45rem;font-size:.75rem;font-weight:700;display:inline-flex}.as-live:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.as-call-text{font-weight:600}.as-stage{perspective:1250px;perspective-origin:50% -10%;padding-top:6cqi}.as-floor{--as-tilt:52deg;aspect-ratio:16/10;transform:rotateX(var(--as-tilt));transform-origin:50% 100%;transform-style:preserve-3d;border-radius:10px;width:92%;margin-inline:auto;position:relative;container-type:inline-size}.as-wood,.as-chalk{border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.as-chalk{fill:none}.as-chalk path{opacity:0;stroke:#fff;stroke-dasharray:5 6;stroke-linecap:round;stroke-width:2.5px}.as-chalk path[data-done]{opacity:.85}.as-spot{border:.6cqi solid #0000;border-radius:50%;width:9cqi;height:9cqi;margin:-4.5cqi 0 0 -4.5cqi;position:absolute;top:0;left:0}.as-spot[data-touched]{border-color:var(--as-teal);background:#3dd6e838}.as-spot[data-has]{border-color:var(--as-orange);background:#e07a1f4d}.as-player,.as-hoop{transform:translate(-50%, -100%) rotateX(calc(-1 * var(--as-tilt)));transform-origin:50% 100%;place-items:center;gap:.6cqi;display:grid;position:absolute}.as-figure{width:8.5cqi;height:auto;display:block;overflow:visible}.as-figure-shadow{fill:#00000059}.as-head,.as-arm{fill:#2a4467}.as-jersey{fill:#1c3a63;stroke:#ffffff59;stroke-width:.8px}.as-jersey-num{fill:#fff;font-size:13px;font-weight:700}.as-player{opacity:.6}.as-player[data-touched]{opacity:1}.as-player[data-touched] .as-jersey{fill:var(--as-teal-deep);stroke:#fff}.as-player[data-has] .as-jersey{fill:var(--as-orange)}.as-tag{white-space:nowrap;background:#0b1f3ae0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:clamp(.75rem,1.55cqi,.9rem);font-weight:600;display:inline-flex}.as-tag svg{color:var(--as-teal);flex:none}.as-tag b{color:var(--as-teal)}.as-player[data-has] .as-tag{border-color:var(--as-orange)}.as-short{display:none}.as-rim{width:16cqi;height:auto;display:block;overflow:visible}.as-net{transform-box:fill-box;transform-origin:50% 0}.as-hoop .as-tag-hoop{color:var(--as-ink-2)}.as-hoop[data-scored] .as-tag-hoop{background:var(--as-teal);border-color:var(--as-teal);color:var(--as-navy)}.as-ball{width:3.6cqi;height:3.6cqi;margin:-1.8cqi 0 0 -1.8cqi;position:absolute;top:0;left:0}.as-ball-svg{width:100%;height:100%;display:block}.as:not([data-play]) .as-ball{transform:translateZ(12.5cqi) rotateX(calc(-1 * var(--as-tilt)))}.as-shadow{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;width:4.4cqi;height:4.4cqi;margin:-2.2cqi 0 0 -2.2cqi;position:absolute;top:0;left:0}.as:not([data-play]) .as-shadow{opacity:.35}.as-board{gap:.9rem;padding:clamp(.75rem,2cqi,1.25rem) clamp(.25rem,1cqi,.75rem) .25rem;display:grid}.as-board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;display:flex}.as-title{letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:700}.as-models{background:#ffffff0f;border-radius:999px;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.as-models button{color:var(--as-ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;min-height:36px;padding:.3rem .85rem;font-size:.85rem;font-weight:600}.as-models button:hover{background:#ffffff14}.as-models button[aria-pressed=true]{background:var(--as-teal);color:var(--as-navy)}.as-models button:focus-visible,.as-pause:focus-visible{outline:2px solid var(--as-teal);outline-offset:2px}.as-bars{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.as-bars li{grid-template-columns:1.6rem 9.5rem minmax(0,1fr) 3rem;align-items:center;gap:.75rem;font-size:.9rem;display:grid}.as-num{background:var(--as-teal-deep);border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.75rem;font-weight:700;display:inline-flex}.as-bars li>span:nth-child(2){color:var(--as-ink-2)}.as-bar{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.as-bar i{background:var(--as-teal);transform-origin:0;border-radius:999px;height:100%;display:block}.as-bars b{font-variant-numeric:tabular-nums;text-align:right}.as-note{color:var(--as-ink);min-height:2.8em;margin:0;font-size:.95rem}.as-example{color:var(--as-ink-2);margin:0;font-size:.75rem}.as-pause{background:var(--as-navy);color:var(--as-ink);cursor:pointer;z-index:2;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;position:absolute;top:clamp(.9rem,2.5cqi,1.5rem);right:clamp(.9rem,2.5cqi,1.5rem)}.as-pause span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.as-pause{opacity:0}.as:hover .as-pause,.as:focus-within .as-pause{opacity:1}}@container (max-width:560px){.as-stage{padding-top:24cqi}.as-floor{--as-tilt:40deg;aspect-ratio:4/4.2;width:100%}.as-player:not([data-has]) .as-tag{visibility:hidden}.as-figure{width:11cqi}.as-rim{width:20cqi}.as-ball{width:4.6cqi;height:4.6cqi;margin:-2.3cqi 0 0 -2.3cqi}.as-long{display:none}.as-short{display:inline}.as-bars li{grid-template-columns:1.6rem 4.5rem minmax(0,1fr) 2.6rem;gap:.5rem}}.as[data-compact] .as-example,.as[data-compact] .as-long{display:none}.as[data-compact] .as-short{display:inline}.as[data-compact] .as-bars li{grid-template-columns:1.6rem 4.5rem minmax(0,1fr) 2.6rem;gap:.5rem}@container (min-width:640px){.as[data-compact]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;column-gap:clamp(1rem,3cqi,1.75rem);display:grid}.as[data-compact] .as-call{grid-column:1/-1}.as[data-compact] .as-stage{padding-top:4cqi}.as[data-compact] .as-floor{width:100%}.as[data-compact] .as-board{padding-inline:0}}@container (max-width:560px){.as[data-compact] .as-stage{padding-top:15cqi}.as[data-compact] .as-floor{aspect-ratio:4/3.3}}@media (prefers-reduced-motion:no-preference){.as-player,.as-spot{transition:opacity .25s,background .25s,border-color .25s}.as-jersey{transition:fill .25s}.as-chalk path{transition:opacity .3s}.as-bar i{transition:transform .45s cubic-bezier(.16,1,.3,1)}.as-pause{transition:opacity .18s}.as[data-play] .as-hoop[data-scored] .as-net{animation:.55s ease-out as-swish}.as[data-play] .as-live:before{animation:1.2s ease-in-out infinite as-blink}.as[data-paused] *,.as[data-paused] :before{animation-play-state:paused!important}}@keyframes as-swish{0%{transform:scaleY(1)}35%{transform:scaleY(1.22)translateY(3%)}to{transform:scaleY(1)}}@keyframes as-blink{0%,to{opacity:1}50%{opacity:.25}}