:where(#arena){position:relative}.rig-parking{position:fixed;left:-10000px;top:0;width:600px;height:600px;visibility:hidden;pointer-events:none}.rig-parking>div{width:100%;height:100%}.stage-layout{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2.6fr) minmax(140px,1fr);align-items:center;gap:var(--sp-6, 24px);min-height:490px;padding:0 var(--sp-6, 24px)}.center-stage{position:relative;width:min(100%,520px);aspect-ratio:1 / 1.25;min-height:0;justify-self:center;align-self:center;isolation:isolate}.stage-square{position:absolute;left:0;top:0;width:100%;aspect-ratio:1;pointer-events:none}.stage-square>*{pointer-events:auto}.center-stage #character,.center-stage .character{position:absolute;left:-30%;top:-42%;width:180%;height:172%;pointer-events:none;z-index:4}#character canvas{display:block;width:100%;height:100%}#character[data-state=loading] canvas{visibility:hidden}#character[data-state=loading],#character[data-state=error],#character[data-state=lost]{background:url(/assets/character/upgrade-arctic-poster-native-v1.png?v=38450bc8) right center / 88.888889% 100% no-repeat}#character[data-state=error] canvas,#character[data-state=lost] canvas{display:none!important}.center-stage #wheel,.center-stage .wheel,.center-stage #wheel-pointer-rotor{position:absolute;left:7%;top:36%;width:86%;aspect-ratio:1;z-index:3}.center-stage #wheel-pointer-rotor{z-index:3;pointer-events:none;transform-origin:50% 50%;will-change:transform}#wheel-pointer-rotor>svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}:where(#wheel>svg){position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}#wheel-rotor{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}:where(#wheel-rotor>svg){position:absolute;inset:0;width:100%;height:100%;display:block}.wheel-rim-layer{will-change:opacity}:where(#wheel-core){position:absolute;inset:22%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}:where(#chance-arc){fill:none;stroke:var(--wheel-chance-color, var(--accent, #ffc247));stroke-linecap:butt}#arena[data-result=win] :where(#chance-arc){stroke:var(--wheel-chance-color, var(--success, #b6ff47))}#arena[data-result=lose] :where(#chance-arc){stroke:var(--wheel-chance-color, var(--danger, #f54545))}.tracers{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:visible}.tracers i{display:block;position:absolute;left:0;top:0;width:0;height:1px;opacity:0;transform-origin:left center;background:linear-gradient(90deg,transparent,#ffd07a 40%,#fff1d6);box-shadow:0 0 5px #ffc24773}:where(#target-stage){position:relative}.bullet-holes{position:absolute;inset:0;z-index:3;pointer-events:none}.bullet-holes i{position:absolute;width:11px;height:11px;border-radius:50%;opacity:0;background:radial-gradient(ellipse,#080707 20%,#322d2d 34%,#7b7170 45%,rgba(25,22,22,.38) 64%,transparent 70%);box-shadow:0 0 8px #121010}.bullet-holes i:nth-child(1){left:43%;top:41%}.bullet-holes i:nth-child(2){left:56%;top:33%}.bullet-holes i:nth-child(3){left:51%;top:52%}#arena:has(#character[data-aim=clamped]) .tracers i{width:min(clamp(64px,24vw,130px),var(--tracer-room, 130px))!important;transform:rotate(var(--rig-aim, 40deg))!important;background:linear-gradient(90deg,#fff1d6,#ffd07a 30%,#ffd07a00)}#arena:has(#character[data-aim=clamped]) .tracers i:nth-child(2){transform:rotate(calc(var(--rig-aim, 40deg) - 1.4deg))!important}#arena:has(#character[data-aim=clamped]) .tracers i:nth-child(3){transform:rotate(calc(var(--rig-aim, 40deg) + 1.1deg))!important}#arena[data-fired] .tracers i{animation:cr-tracer-flash .13s linear both}#arena[data-fired] .bullet-holes i{animation:cr-bullet-impact 1.2s ease-out both}#arena[data-fired] .tracers i:nth-child(2),#arena[data-fired] .bullet-holes i:nth-child(2){animation-delay:var(--shot-step, .17s)}#arena[data-fired] .tracers i:nth-child(3),#arena[data-fired] .bullet-holes i:nth-child(3){animation-delay:var(--shot-step-two, .34s)}@keyframes cr-tracer-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes cr-bullet-impact{0%{opacity:0;transform:scale(2.2)}15%,55%{opacity:1;transform:none}to{opacity:0;transform:none}}@media(min-width:960px)and (max-height:850px){.stage-layout{min-height:430px}.center-stage{width:min(100%,430px)}}@media(max-width:959px){.stage-layout{padding:0 var(--sp-4, 16px);gap:var(--sp-4, 16px);grid-template-columns:minmax(128px,1fr) minmax(0,2.3fr) minmax(128px,1fr);min-height:325px}.center-stage{width:100%}}@media(max-width:1023px){#arena .center-stage .stage-square #character{width:180%}#arena:has(.stage-square>#character){overflow-x:clip;overflow-y:visible;overflow-clip-margin:27px}}@media(max-width:719px){#arena:has(.stage-square>#character){overflow:clip}.stage-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;padding:0 var(--sp-4, 16px) var(--sp-2, 8px);gap:var(--sp-4, 16px) var(--sp-3, 12px);min-height:0}.center-stage{grid-column:1 / -1;grid-row:1;width:min(100%,430px);margin:0 auto}#source-stage,#target-stage{min-width:0}#source-stage{grid-column:1;grid-row:2}#target-stage{grid-column:2;grid-row:2}}