.tcp{aspect-ratio:5/8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;position:relative;container-type:inline-size}.tcp-card{z-index:1;filter:drop-shadow(0 4cqw 6cqw #00000080);height:100%;transition:filter .5s;position:relative}.tcp-card svg{width:100%;height:100%;display:block;overflow:visible}.tcp[data-tcp=gold] svg{filter:drop-shadow(0 0 2.5cqw #f2c45c8c)drop-shadow(0 0 7cqw #f0b03c47)}.tcp[data-tcp=pouch] svg{filter:drop-shadow(0 0 2.5cqw #a8d84f80)drop-shadow(0 0 7cqw #8cc83c40)}.tcp-shim{mix-blend-mode:screen;animation:3.2s ease-in-out infinite tcp-shim}.tcp-spark{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite tcp-twinkle}.tcp-holo{mix-blend-mode:overlay;opacity:.6;animation:9s ease-in-out infinite alternate tcp-holo}.tcp-dust{animation:8s linear infinite tcp-rise}.tcp-halo{z-index:0;filter:blur(7cqw);pointer-events:none;background:radial-gradient(closest-side,#ffce688c,#ffb23c2e 62%,#0000);border-radius:50%;animation:4s ease-in-out infinite tcp-halo;position:absolute;inset:4% -6%}@keyframes tcp-shim{0%{transform:translate(0)}55%,to{transform:translate(320px)}}@keyframes tcp-twinkle{0%,55%,to{opacity:0;transform:scale(.2)rotate(0)}25%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes tcp-holo{0%{transform:translate(0)}to{transform:translate(260px)}}@keyframes tcp-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:.95}80%{opacity:.55}to{opacity:0;transform:translateY(-90px)}}@keyframes tcp-halo{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:.85;transform:scale(1.06)}}.tcp[data-pack-state=locked] .tcp-card{filter:brightness(.42)saturate(.5)drop-shadow(0 4cqw 6cqw #00000080)}.tcp[data-pack-state=locked] svg{filter:none}.tcp[data-pack-state=locked] :is(.tcp-shim,.tcp-spark,.tcp-dust,.tcp-holo-wrap),.tcp[data-pack-state=locked] .tcp-halo{display:none}.tcp[data-pack-state=collected],.tcp[data-pack-state=opened]{opacity:.85}.tcp[data-pack-state=ready] .tcp-card{animation:3s ease-in-out infinite tcp-ready}.tcp.is-unlocking .tcp-card{animation:.9s ease-out tcp-unlock}@keyframes tcp-ready{0%,to{filter:drop-shadow(0 4cqw 6cqw #00000080)}50%{filter:drop-shadow(0 4cqw 6cqw #00000080) drop-shadow(0 0 6cqw color-mix(in srgb, var(--tier) 45%, transparent))}}@keyframes tcp-unlock{0%{filter:brightness(.42)saturate(.5)}35%{filter:brightness(1.35)}to{filter:none}}.tcp-status{z-index:2;border:1px solid color-mix(in srgb, var(--tier) 55%, transparent);color:#f4f1ea;white-space:nowrap;pointer-events:none;background:#06090ecc;border-radius:999px;padding:1.6cqw 4cqw;font-size:5.6cqw;position:absolute;top:58%;left:50%;translate:-50% -50%}@container (width<=99px){.tcp-status{display:none}}@media (prefers-reduced-motion:reduce){.tcp *,.tcp .tcp-card{transition:none!important;animation:none!important}.tcp-shim{transform:translate(120px)}.tcp-spark{opacity:.85}.tcp-dust,.tcp-halo{opacity:.6}}