@layer components{.ah-stage{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(75% 60% at 50% 55%,#0a2533 0%,#04090d 65%,#000 100%);padding:0}.ah-hud{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:16px;left:24px;right:24px}.ah-count{letter-spacing:-.03em;font-size:22px;font-weight:600;line-height:1.1}.ah-count span{color:var(--on-dark-faint)}.ah-stats{text-align:right;color:var(--on-dark-dim);font-size:13px;line-height:1.45}.ah-area{inset:60px 16px max(16px, env(safe-area-inset-bottom));position:absolute;container-type:size}.ah-target{--d:clamp(44px, 9cqmin, 80px);left:calc(var(--d) / 2 + var(--u) * (100% - var(--d)));top:calc(var(--d) / 2 + var(--v) * (100% - var(--d)));width:var(--d);height:var(--d);cursor:pointer;animation:pop .15s var(--ease-pop) both;background:radial-gradient(circle at 35% 30%,#b9f0ff,#18b4ea 55%,#0a77ab);border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:0 0 0 3px #ffffffeb,0 8px 26px #18b4ea73}.ah-target.is-start{--d:clamp(64px, 14cqmin, 104px)}.ah-face{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ah-face g{transition:opacity .14s}.ah-face .ah-off{opacity:0}.ah-pop{pointer-events:none;width:72px;height:72px;animation:ah-pop .38s var(--ease-out) forwards;border:3px solid #63d6fa;border-radius:50%;position:absolute;translate:-50% -50%}@keyframes ah-pop{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.ah-miss{pointer-events:none;width:16px;height:16px;animation:.7s ease-out forwards ah-miss;position:absolute;translate:-50% -50%}.ah-miss:before,.ah-miss:after{content:"";background:#ff4d4f;border-radius:2px;width:16px;height:3px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.ah-miss:after{rotate:-45deg}@keyframes ah-miss{to{opacity:0;transform:scale(.6)}}.ah-cue{z-index:2;left:24px;right:24px;bottom:max(28px, calc(env(safe-area-inset-bottom) + 12px));text-align:center;color:var(--on-dark-dim);pointer-events:none;font-size:15px;position:absolute}.ah-ms{z-index:3;letter-spacing:-.03em;text-shadow:0 2px 10px #000000b3;pointer-events:none;animation:ah-ms .7s var(--ease-out) forwards;font-size:26px;font-weight:700;position:absolute;translate:-50% -50%}@keyframes ah-ms{0%{opacity:0;transform:translateY(-20px)scale(.7)}20%{opacity:1;transform:translateY(-38px)scale(1.1)}to{opacity:0;transform:translateY(-70px)scale(1)}}.ah-bars{align-items:flex-end;gap:3px;height:84px;display:flex;position:relative}.ah-bars i{border-radius:3px;flex:1}.ah-avg{border-top:2px dashed var(--stage-ink);opacity:.55;height:0;position:absolute;left:-4px;right:-4px}.ah-avg b{color:var(--stage-ink);font-size:11px;font-weight:600;position:absolute;top:-18px;right:0}.ah-sum{color:var(--stage-dim);margin-top:10px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.ah-ms,.ah-pop,.ah-target{animation:none}}}