.DuiF5a_arena{--d:clamp(104px, 17vw, 232px);--ring:calc(var(--d) * .13)}.DuiF5a_stage{border-bottom:1px solid var(--color-border-subtle);-webkit-user-select:none;user-select:none;height:clamp(340px,60svh,560px);position:relative;overflow:clip}.DuiF5a_digits{justify-content:center;align-items:flex-end;gap:calc(var(--d) * .06);pointer-events:none;display:flex;position:absolute;inset:auto 0 0}.DuiF5a_four{width:calc(var(--d) * .92);height:var(--d);font-size:calc(var(--d) / .7);font-weight:var(--fw-regular);letter-spacing:-.04em;color:var(--color-text-primary);place-items:center;line-height:1;display:grid}.DuiF5a_slot{width:var(--d);height:var(--d)}.DuiF5a_ball{width:var(--d);height:var(--d);border:var(--ring) solid var(--color-text-primary);cursor:grab;touch-action:none;will-change:transform;outline-offset:6px;background:0 0;border-radius:50%;padding:0;position:absolute;top:0;left:0}.DuiF5a_ball:after{content:"";top:calc(var(--ring) * -.15);width:calc(var(--ring) * .5);height:calc(var(--ring) * .5);margin-left:calc(var(--ring) * -.25);background:rgb(var(--glow-violet));border-radius:50%;position:absolute;left:50%}.DuiF5a_ball[data-held]{cursor:grabbing}.DuiF5a_ball[data-still]{margin-left:calc(var(--d) * -.5);cursor:default;pointer-events:none;top:auto;bottom:0;left:50%}.DuiF5a_hoop{width:calc(var(--d) * 1.7);pointer-events:none;position:absolute;top:50%;right:0}.DuiF5a_board{right:0;top:calc(var(--d) * -.9);width:6px;height:calc(var(--d) * 1.1);background:var(--color-text-secondary);opacity:.5;position:absolute}.DuiF5a_rim{background:rgb(var(--glow-violet));border-radius:2px;height:4px;transition:box-shadow .2s;position:absolute;inset:-2px 0 auto}.DuiF5a_rim[data-swish]{box-shadow:0 0 0 4px rgb(var(--glow-violet) / .25), 0 0 40px 8px rgb(var(--glow-violet) / .6)}.DuiF5a_net{height:calc(var(--d) * .5);background:repeating-linear-gradient(60deg, transparent 0 9px, rgb(var(--rgb-fg) / .28) 9px 10px), repeating-linear-gradient(-60deg, transparent 0 9px, rgb(var(--rgb-fg) / .28) 9px 10px);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);position:absolute;inset:4px 8% auto}.DuiF5a_rim[data-swish] .DuiF5a_net{transform-origin:top;animation:.5s ease-out DuiF5a_sway}.DuiF5a_homeLabel{top:calc(var(--d) * .58);text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;position:absolute;left:0;right:0}@keyframes DuiF5a_sway{30%{transform:scaleY(1.25)skew(6deg)}65%{transform:scaleY(.92)skew(-4deg)}}.DuiF5a_bit{pointer-events:none;border-radius:2px;width:8px;height:8px;position:absolute}.DuiF5a_hud{flex-wrap:wrap;align-items:center;gap:12px 28px;padding:18px 0 8px;display:flex}.DuiF5a_quip{font-family:var(--font-serif), serif;color:var(--color-text-secondary);flex:280px;font-size:clamp(18px,2vw,24px);font-style:italic}.DuiF5a_score{font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);gap:20px;font-size:12px;display:flex}.DuiF5a_score b{font-weight:var(--fw-regular);color:var(--color-text-primary);margin-left:6px}.DuiF5a_actions{gap:10px;display:flex}.DuiF5a_actions button{border:1px solid var(--color-border-default);min-height:40px;color:var(--color-text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:14px;transition:background .2s,color .2s,border-color .2s}.DuiF5a_actions button:hover{background:var(--color-text-primary);color:var(--color-bg-page);border-color:var(--color-text-primary)}.DuiF5a_actions button:focus-visible{outline:2px solid rgb(var(--glow-violet));outline-offset:3px}@media (prefers-reduced-motion:reduce){.DuiF5a_rim,.DuiF5a_rim[data-swish] .DuiF5a_net{transition:none;animation:none}}