@layer components{.chest-beacon-ready{border-color:var(--accent);animation:chest-beacon-glow 1.6s ease-in-out infinite}.chest-beacon-ready .chest-beacon-icon{animation:chest-beacon-hop 1.6s ease-in-out infinite}.chest-beacon-dot{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border:2px solid #000;border-radius:9999px;background:var(--danger)}.chest-hint{position:absolute;top:calc(100% + 10px);right:0;z-index:50;width:min(260px,calc(100vw - 32px));padding:12px;border-color:var(--accent);animation:chest-hint-in .22s ease-out both}.chest-hint:before{content:"";position:absolute;top:-8px;right:14px;width:12px;height:12px;background:inherit;border-left:inherit;border-top:inherit;transform:rotate(45deg)}.chest-spot{border-color:var(--accent);border-width:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.chest-spot-flash{animation:chest-spot-flash 1.4s ease-out 2}@keyframes chest-beacon-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 14px 4px color-mix(in srgb,var(--accent) 75%,transparent)}}@keyframes chest-beacon-hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}@keyframes chest-hint-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes chest-spot-flash{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}40%{box-shadow:0 0 28px 10px color-mix(in srgb,var(--accent) 80%,transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}}@media (prefers-reduced-motion:reduce){.chest-beacon-ready,.chest-beacon-ready .chest-beacon-icon,.chest-hint,.chest-spot-flash{animation:none}.chest-beacon-ready{box-shadow:0 0 10px 3px color-mix(in srgb,var(--accent) 70%,transparent)}}}