.ho-stage{position:relative}
.hoX{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}
.hoX-orb{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c) 60%);box-shadow:0 0 10px var(--c),0 0 18px color-mix(in srgb,var(--c) 50%,transparent);will-change:transform}
.hoX-num{position:absolute;transform:translate(-50%,0);font:700 11px Sarabun,sans-serif;color:#d8ccff;text-shadow:0 0 6px rgba(167,139,250,.8),0 1px 2px #000;font-variant-numeric:tabular-nums;animation:hoXUp 1.4s ease-out forwards;white-space:nowrap}
@keyframes hoXUp{0%{opacity:0;transform:translate(-50%,4px)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-34px)}}
@media (prefers-reduced-motion:reduce){.hoX-num{animation:none;opacity:.8}}
.fx7-spark{position:absolute;z-index:5;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#fde68a;box-shadow:0 0 6px #f59e0b;pointer-events:none}
.fx7-lv{position:absolute;z-index:6;transform:translate(-50%,0);font:900 20px Sarabun,sans-serif;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.7),0 1px 2px #000;pointer-events:none;animation:fx7Lv 1s ease-out forwards}
@keyframes fx7Lv{0%{opacity:0;transform:translate(-50%,0) scale(.4)}30%{opacity:1;transform:translate(-50%,0) scale(1.2)}100%{opacity:0;transform:translate(-50%,-16px) scale(1)}}