.game-art--basketball{--art-text: var(--sketch-ink);--art-muted: var(--sketch-muted);--art-focus: #456f73;--bb-gold: #456f73;--bb-ink: rgb(250 250 250 / .95);background-color:var(--sketch-paper);background-image:var(--sketch-grid);container-type:inline-size}.game-art--basketball .basketball-board{position:relative;width:100%;aspect-ratio:16 / 9;container-type:inline-size;overflow:hidden}.game-art--basketball .basketball-court{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;outline-offset:-5px}.game-art--basketball .basketball-court:focus-visible{outline:3px solid var(--art-focus)}.game-art--basketball .basketball-court:focus:not(:focus-visible),.game-art--basketball .basketball-board[data-pointer=true] .basketball-court:focus-visible{outline:none}.game-art--basketball .basketball-spot{fill:none;stroke:#3d403a;stroke-opacity:.45;stroke-width:1.5}.game-art--basketball .basketball-spot.is-active{fill:#6489932e;stroke:var(--bb-gold);stroke-opacity:1;stroke-width:2;animation:bb-spot 1.6s ease-in-out infinite}@keyframes bb-spot{50%{fill:#64899345}}.game-art--basketball .basketball-dot{fill:#648993}.game-art--basketball .basketball-dot[data-dragging=true]{fill:var(--bb-gold)}.game-art--basketball .basketball-band{stroke:var(--bb-gold);stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}.game-art--basketball .basketball-handle{fill:#64899333;stroke:var(--bb-gold);stroke-width:2.5}.game-art--basketball .basketball-power rect{fill:#fafafa;stroke:#3d403a;stroke-width:1}.game-art--basketball .basketball-power rect.fill{fill:var(--bb-gold);stroke:none}.game-art--basketball .basketball-nudge{fill:none;stroke:var(--bb-gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:bb-nudge 1.4s ease-in-out infinite}@keyframes bb-nudge{50%{transform:translate(-8px,8px);opacity:.5}}.game-art--basketball .basketball-ball.is-resting{transition:transform .45s cubic-bezier(.3,.9,.3,1)}.game-art--basketball .basketball-net{stroke:var(--sketch-muted);stroke-opacity:.72;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.game-art--basketball .basketball-rim.is-hit{animation:bb-impact .35s ease-out}@keyframes bb-impact{0%{opacity:.6}to{opacity:1}}.game-art--basketball .basketball-pop{transform-box:fill-box;transform-origin:center;fill:var(--bb-gold);stroke:#fafafa;stroke-width:3;paint-order:stroke;font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;font-size:var(--art-fs-score);opacity:0;animation:bb-pop 1s ease-out;pointer-events:none}@supports (font-size: calc(1px*10px/1px)){.game-art--basketball .basketball-pop{font-size:calc(var(--art-fs-score) * 960 / 100cqw * 1px)}}.game-art--basketball .basketball-board[data-phase=paused] .basketball-pop,.game-art--basketball .basketball-board[data-phase=paused] .basketball-rim{animation-play-state:paused}@keyframes bb-pop{0%{opacity:0;transform:translateY(14px) scale(.7)}18%{opacity:1;transform:translateY(0) scale(1.15)}70%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-34px) scale(1)}}.game-art--basketball .basketball-court{touch-action:pan-y;-webkit-user-select:none;-webkit-touch-callout:none}.game-art--basketball .basketball-board[data-phase=playing] .basketball-court{touch-action:none;cursor:grab}.game-art--basketball .basketball-board[data-phase=playing][data-dragging=true] .basketball-court{cursor:grabbing}.game-art--basketball .basketball-hud{position:absolute;top:max(1.6cqw,14px);left:1.6cqw;display:flex;gap:.8cqw;align-items:stretch;pointer-events:none;color:var(--art-text)}.game-art--basketball .basketball-chip{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 12px;min-width:64px;background:var(--bb-ink);border:1px solid rgb(61 64 58 / .4);border-radius:3px}.game-art--basketball .basketball-chip strong{font-family:var(--font-mono);font-size:var(--art-fs-value);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.game-art--basketball .basketball-chip:nth-child(2) strong{font-family:var(--font-sans)}.game-art--basketball .basketball-score strong{font-size:var(--art-fs-score);font-weight:700;color:var(--bb-gold)}.game-art--basketball .basketball-label{font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;letter-spacing:0;color:var(--art-muted);white-space:nowrap}.game-art--basketball .basketball-clock{display:block;height:3px;margin-top:4px;border-radius:2px;background:#3d403a26;overflow:hidden}.game-art--basketball .basketball-clock i{display:block;height:100%;background:var(--bb-gold)}.game-art--basketball .basketball-streak em{position:absolute;top:-10px;right:-6px;padding:1px 6px;border-radius:3px;background:#efddd5;color:#3d403a;font-family:var(--font-sans);font-size:var(--art-fs-label);font-style:normal;font-weight:600;line-height:1.35;white-space:nowrap;animation:bb-hot .9s ease-in-out infinite}.game-art--basketball .basketball-board[data-hot=true] .basketball-streak{border-color:#bd765d;background:#f2e4df}@keyframes bb-hot{50%{transform:scale(1.1)}}.game-art--basketball .basketball-spot-chip{min-width:0;max-width:200px}.game-art--basketball .basketball-spot-chip strong{font-family:var(--font-sans);font-size:var(--art-fs-body);font-weight:400;line-height:1.5;white-space:nowrap}.game-art--basketball .basketball-status{position:absolute;left:50%;bottom:1.4cqw;transform:translate(-50%);width:max-content;max-width:92%;padding:4px 12px;border-radius:3px;background:var(--bb-ink);border:1px solid rgb(61 64 58 / .4);color:var(--art-text);font-family:var(--font-sans);font-size:var(--art-fs-body);font-weight:400;line-height:1.5;text-align:center;text-wrap:balance;pointer-events:none}.game-art--basketball .basketball-board[data-dragging=true] .basketball-status{opacity:0}.game-art--basketball .basketball-board:has(.basketball-over) .basketball-status{opacity:0}.game-art--basketball .basketball-over{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-52%);width:min(86%,420px);padding:20px 24px 22px;text-align:center;background:var(--sketch-paper);border:2px solid #3d403a;border-radius:3px;animation:bb-over .4s cubic-bezier(.2,1,.3,1)}@keyframes bb-over{0%{opacity:0;transform:translate(-50%,-40%) scale(.92)}}.game-art--basketball .basketball-over h2{margin:0;font-family:var(--font-sans);font-size:var(--art-fs-title);font-weight:600;line-height:1.2;letter-spacing:0;color:var(--art-text)}.game-art--basketball .basketball-over-score{margin:4px 0 8px;font-family:var(--font-mono);font-size:var(--art-fs-display);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--bb-gold)}.game-art--basketball .basketball-over dl{display:flex;justify-content:center;gap:24px;margin:0 0 16px}.game-art--basketball .basketball-over dt{font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;color:var(--art-muted)}.game-art--basketball .basketball-over dd{margin:2px 0 0;font-family:var(--font-mono);font-size:var(--art-fs-value);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.game-art--basketball .basketball-over button{min-height:40px;padding:8px 24px;border:0;border-radius:3px;background:var(--bb-gold);color:#fafafa;font-family:var(--font-sans);font-size:var(--art-fs-action);font-weight:600;line-height:1.2;cursor:pointer}.game-art--basketball .basketball-over button:hover{background:#6d7464}.game-art--basketball .basketball-over button:focus-visible{outline:3px solid var(--art-focus);outline-offset:3px}@media(max-width:520px){.game-art--basketball .basketball-spot-chip{display:none}.game-art--basketball .basketball-chip{padding:4px 8px;min-width:0}.game-art--basketball .basketball-over{padding:10px 16px 12px}.game-art--basketball .basketball-over-score{margin:0}.game-art--basketball .basketball-over dl{margin-bottom:8px;gap:16px}.game-art--basketball .basketball-status{left:6px;bottom:2px;transform:none;width:auto;max-width:calc(100% - 12px);padding:1px 8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}}@media(prefers-reduced-motion:reduce){.game-art--basketball .basketball-court *,.game-art--basketball .basketball-hud *,.game-art--basketball .basketball-over{animation:none!important;transition:none!important}}.game-art--basketball .basketball-entry{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2cqw,24px);padding:12px;font-family:var(--font-sans);border:0;border-radius:0;background:#fafafadb;color:var(--art-text);cursor:pointer;text-align:center}.game-art--basketball .basketball-entry:disabled{cursor:default}.game-art--basketball .basketball-entry:focus-visible{outline-offset:-5px}.game-art--basketball .basketball-entry-action{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:8px 24px;border:1px solid var(--bb-gold);border-radius:3px;background:var(--bb-gold);color:#fafafa;font-size:var(--art-fs-title);font-weight:600;line-height:1.2}.game-art--basketball .basketball-entry-action svg{width:24px;height:24px}.game-art--basketball .basketball-entry-hint{max-width:32em;font-size:var(--art-fs-body);font-weight:400;line-height:1.5;text-wrap:balance}@media(hover:hover){.game-art--basketball .basketball-entry:not(:disabled):hover .basketball-entry-action{background:#6d7464}}.game-art--basketball .basketball-board:has(.basketball-entry) .basketball-status{opacity:0}