.chest-special{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 50% 50%,var(--tint),#091626 85%);overflow:hidden;color:#fff0ce;text-align:center}.special-opening{position:absolute;inset:0;width:100%;height:100%;transition:opacity .7s}.special-story{position:absolute;inset:9% 0 0;pointer-events:none}.special-story small{letter-spacing:.25em;font-size:10px}.special-story h1{font-size:clamp(24px,3.7vw,42px);margin:16px 0}.special-caption{font-size:clamp(13px,1.8vw,18px);padding:0 15px}.opened .special-opening{opacity:0}.special-symbols{position:absolute;top:40%;left:50%;width:1px;height:1px;opacity:0}.opened .special-symbols{opacity:1}.special-symbols i{position:absolute;font-size:40px;color:#ffdda3;text-shadow:0 0 25px currentColor;transform:rotate(var(--angle)) translateX(var(--radius));animation:special-orbit 3s ease-in-out infinite}.special-rainbow i{color:hsl(var(--hue),90%,75%)}.special-egg i{animation:special-swallow 1.4s ease-in infinite}.special-twins i{font-size:100px;animation:special-swallow 1.4s ease-in-out infinite}.special-codex .special-symbols{border:1px solid #b7d9ff;box-shadow:0 0 130px 100px #8da9ff33}.special-crowns{background:linear-gradient(110deg,#977231,#4e2932 65%,#0d1525)}.special-cards{display:flex;justify-content:center;gap:25px;position:absolute;top:33%;width:100%}.special-card{width:clamp(115px,17vw,185px);padding:8px;border:2px solid #e6c98a;border-radius:13px;background:#172538;box-shadow:0 0 35px #edc87755;animation:special-reveal .6s ease-out both}.special-card img{width:100%;height:clamp(130px,22vh,210px);object-fit:contain}.special-card strong{display:block;font-size:14px;padding:8px 0}.special-destinations{position:absolute;bottom:5%;width:100%;display:flex;justify-content:space-evenly;gap:12px}.special-target{padding:13px 18px;border:1px solid #cbb87977;background:#102937;border-radius:9px;min-width:100px;font-size:14px}.special-target img{display:block;height:70px;max-width:90px;object-fit:contain;margin:8px auto}.special-target.arrived{box-shadow:0 0 25px #eccc8c}.target-deck{border:3px double #d5c590;min-height:65px}.shuffling{animation:special-shuffle .2s alternate infinite}.reveal .special-symbols{opacity:.2;transition:opacity .7s}.march-line{display:flex;gap:15px;align-items:end;position:absolute;left:-150px;top:-40px;animation:special-march 1.3s ease-out both;border-bottom:2px solid #fae2ac;filter:drop-shadow(0 0 18px #f8db97)}.march-line canvas{height:auto;animation:special-hop .3s alternate infinite}.march-line canvas:nth-child(2){animation-delay:.1s}.march-line canvas:nth-child(3){animation-delay:.2s}@keyframes special-march{from{transform:translateX(-140px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes special-hop{to{transform:translateY(-12px)}}@keyframes special-orbit{50%{transform:rotate(calc(var(--angle) + 35deg)) translateX(calc(var(--radius) + 20px));opacity:.3}}@keyframes special-swallow{from{transform:rotate(var(--angle)) translateX(var(--radius));opacity:1}to{transform:rotate(calc(var(--angle) + 90deg)) translateX(0);opacity:0}}@keyframes special-reveal{from{opacity:0;transform:translateY(30px) scale(.6)}to{opacity:1;transform:none}}@keyframes special-shuffle{from{transform:translateX(-13px) rotate(-5deg)}to{transform:translateX(13px) rotate(5deg)}}@media(prefers-reduced-motion:reduce){.chest-special *{animation:none!important;transition:none!important}}
