.arc-hoops{position:relative;width:min(900px,96%);height:min(640px,94%);padding:0;overflow:hidden;background:#05030a;border:1px solid rgb(255 122 26 / .5);box-shadow:0 0 40px -14px #ff7a1ab3;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;container:hoops / inline-size}.hoops-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;touch-action:none}.hoops-hud{position:absolute;top:10px;left:12px;right:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 10px;font:12px/1.4 "Press Start 2P",monospace;color:#ffd08a;pointer-events:none;text-shadow:0 1px 6px #000}.hoops-hud>:last-child{text-align:right}.arc-hoops .hoops-hud{top:60px;left:8px;right:8px;padding:6px 10px;border-radius:10px;background:#05030ae6}@media (min-width: 641px){.arc-hoops .hoops-hud{grid-template-columns:minmax(0,30%) 1fr minmax(0,34%);align-items:start;padding:0 4px;background:none}.arc-hoops .hoops-hud>:last-child{grid-column:3}.arc-hoops .hoops-mid{grid-column:3;grid-row:2;text-align:right}}@container hoops (max-width: 640px){.arc-hoops .hoops-hud{grid-template-columns:1fr 1fr;align-items:center;padding:6px 10px;background:#05030ae6}.arc-hoops .hoops-hud>:last-child{grid-column:2}.arc-hoops .hoops-mid{grid-column:1 / -1;grid-row:2;text-align:center}}.hoops-hud b{color:#fff}.hoops-you{color:#ff8a80!important}.hoops-them b{color:#9dbcff}.hoops-mid{text-align:center}.hoops-mid.is-final{color:#ffb13b;animation:hoops-blink .5s steps(2) infinite}.hoops-mid em{font-style:normal;color:#ffe53f}@keyframes hoops-blink{50%{color:#ffe36a}}.hoops-help{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:calc(12px * var(--text-scale, 1));color:var(--ink-3);pointer-events:none}.hoops-exit{position:absolute;top:var(--gk-edge);right:calc(var(--gk-keys-r) + var(--gk-edge))}.hoops-banner{position:absolute;top:30%;left:0;right:0;text-align:center;font:26px "Press Start 2P",monospace;color:#fff;text-shadow:0 0 18px #ff7a1a,0 2px 0 #000;pointer-events:none;animation:hoops-banner 2.2s ease-out forwards}@keyframes hoops-banner{0%{transform:scale(1.6);opacity:0}12%{transform:scale(1);opacity:1}80%{opacity:1}to{opacity:0}}.hoops-shot{position:absolute;top:70px;bottom:34px;margin-block:auto;display:flex;flex-direction:column;align-items:center;gap:10px;height:clamp(96px,36%,230px);max-height:calc(100% - 104px);min-width:84px;padding:12px 10px 10px;border-radius:12px;background:#080a12c7;border:1px solid color-mix(in srgb,var(--shot) 45%,transparent);box-shadow:0 0 22px -8px var(--shot);pointer-events:none;animation:hoops-shot 2.2s ease-out forwards}.hoops-shot.is-lane0{left:12px}.hoops-shot.is-lane1{right:12px}.hoops-shot-bar{position:relative;flex:1;width:18px;border-radius:4px;background:#1c2232}.hoops-shot-bar i{position:absolute;left:0;right:0}.hoops-shot-make{background:#2f8f55}.hoops-shot-swish{background:#6dffb0}.hoops-shot-mark{left:-9px!important;right:-9px!important;height:5px;margin-bottom:-2.5px;border-radius:2px;background:var(--shot);box-shadow:0 0 10px var(--shot)}.arc-hoops .hoops-shot{top:112px}.hoops-shot-word{font:12px "Press Start 2P",monospace;color:var(--shot);text-shadow:0 0 10px color-mix(in srgb,var(--shot) 60%,transparent)}@keyframes hoops-shot{0%{opacity:0}4%,82%{opacity:1}to{opacity:0}}@media (max-width: 640px){.hoops-shot{height:clamp(110px,26%,180px);min-width:72px;gap:8px;padding:10px 8px 8px}.hoops-shot.is-lane0{left:8px}.hoops-shot.is-lane1{right:8px}.hoops-shot-word{font-size:calc(9px * var(--text-scale, 1))}}.arc-hoops-intro .arc-sub,.arc-hoops-intro .arc-fact{max-width:500px}.arc-sub .is-hold{color:#ffb13b}.hoops-modes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.arc-screen.am .hoops-modes{justify-content:flex-start;overscroll-behavior:contain;scrollbar-width:none}.arc-screen.am .hoops-modes>:first-child{margin-left:auto}.arc-screen.am .hoops-modes>:last-child{margin-right:auto}.room-hoops{position:absolute;right:16px;top:64px;width:min(350px,calc(100% - 32px));display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:16px;font-size:calc(13px * var(--text-scale, 1));color:var(--ink-2);background:#0a0614e6;border:1px solid rgb(255 122 26 / .55);pointer-events:auto}.room-hoops p{margin:0}.room-hoops-actions{display:flex;flex-wrap:wrap;gap:8px}.room-hoops-hud{position:absolute;top:calc(var(--room-top-h, 98px) + 10px);left:16px;right:132px;bottom:0;pointer-events:none}.room-hoops-hud .hoops-hud{position:static;padding:6px 10px;border-radius:10px;background:#05030ae6}.room-hoops-hud .hoops-banner{top:26%}.room-hoops-stop{position:absolute;bottom:24px;right:16px;pointer-events:auto}@media (max-width: 640px){.room-hoops-hud{top:0;left:12px;right:12px;bottom:0}.room-hoops-hud .hoops-hud{position:absolute;top:auto;bottom:76px;left:0;right:0}.room-hoops{top:auto;bottom:96px;left:12px;right:12px;width:auto}.hoops-hud{grid-template-columns:1fr 1fr}.hoops-mid{grid-column:1 / -1;grid-row:2}.hoops-banner{font-size:calc(18px * var(--text-scale, 1))}}@media (max-width: 640px){.arc-hoops-intro .arc-fact{order:2}}