@layer components{.chest-card,.chest-stage{--chest-glow:var(--accent)}.chest-card[data-kind=PLUS],.chest-stage[data-kind=PLUS]{--chest-glow:#ffaa00}.chest-card[data-kind=CREATOR],.chest-stage[data-kind=CREATOR]{--chest-glow:#b36bff}.chest-card[data-ready=true]{border-color:var(--chest-glow);border-width:3px}.chest-stage{position:relative;display:grid;place-items:center;width:168px;height:168px;margin:0 auto;background:#8b8b8b;border:2px solid #000;border-radius:4px;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #ffffff}.chest-stage>img{position:relative;z-index:1;width:120px;height:120px;image-rendering:pixelated}.chest-stage[data-open=false]>img{filter:grayscale(.75);opacity:.7}.chest-stage[data-open=true]{box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #ffffff,0 0 0 3px var(--chest-glow),0 0 22px 4px color-mix(in srgb,var(--chest-glow) 60%,transparent);animation:chest-glow 1.8s ease-in-out infinite}@keyframes chest-glow{0%,to{box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #ffffff,0 0 0 3px var(--chest-glow),0 0 14px 2px color-mix(in srgb,var(--chest-glow) 45%,transparent)}50%{box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #ffffff,0 0 0 3px var(--chest-glow),0 0 30px 8px color-mix(in srgb,var(--chest-glow) 75%,transparent)}}.chest-stage[data-lid=opening]>img{animation:chest-lid .9s cubic-bezier(.22,1.4,.36,1)}@keyframes chest-lid{0%{transform:translateY(0) rotate(0) scale(1)}22%{transform:translateY(-16px) rotate(-7deg) scale(1.1)}50%{transform:translateY(-8px) rotate(6deg) scale(1.12)}to{transform:translateY(0) rotate(0) scale(1)}}.chest-burst{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,220,90,.95) 0,rgba(255,170,0,.45) 38%,transparent 70%)}.chest-stage[data-kind=PLUS] .chest-burst{background:radial-gradient(circle,rgba(255,226,120,.95) 0,rgba(178,102,255,.55) 36%,rgba(40,10,70,.25) 58%,transparent 72%)}.chest-stage[data-lid=open] .chest-burst,.chest-stage[data-lid=opening] .chest-burst{animation:chest-burst 1s ease-out forwards}@keyframes chest-burst{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:.35;transform:scale(1.5)}}.chest-cell{display:flex;height:74px;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid #000;border-radius:3px;background:var(--surface);color:var(--ink)}.chest-cell[data-tier=blank]{background:var(--surface-2);color:var(--muted);border-color:var(--line-strong)}.chest-cell[data-tier=win]{background:color-mix(in srgb,#ffaa00 18%,var(--surface));border-color:#a8641c;box-shadow:inset 0 -3px 0 rgba(168,100,28,.35)}.chest-cell[data-tier=top]{background:linear-gradient(180deg,#ffd24a,#f0a030);color:#2a1c08;border-color:#000;box-shadow:inset 0 -3px 0 #a8641c,inset 0 2px 0 #ffe3a8}.chest-chip{display:inline-flex;align-items:center;gap:6px;border:2px solid #000;border-radius:3px;padding:2px 8px;font-size:12px;font-weight:700;background:var(--surface-2)}.chest-chip[data-tier=top]{background:linear-gradient(180deg,#ffd24a,#f0a030);color:#2a1c08}.chest-chip[data-tier=blank]{color:var(--muted)}@media (prefers-reduced-motion:reduce){.chest-stage[data-lid=open] .chest-burst,.chest-stage[data-lid=opening] .chest-burst,.chest-stage[data-lid=opening]>img,.chest-stage[data-open=true]{animation:none}.chest-stage[data-lid=open] .chest-burst{opacity:.35;transform:scale(1.5)}}}