.chest-shell{-webkit-tap-highlight-color:transparent;perspective:1000px;cursor:pointer;margin-top:1.5rem;position:relative}.chest-shell--opening{cursor:default}.chest-shell[data-tier="1"]{--chest-rgb:126 181 154}.chest-shell[data-tier="2"]{--chest-rgb:139 169 196}.chest-shell[data-tier="3"]{--chest-rgb:216 181 110}.chest-shell[data-tier="4"]{--chest-rgb:199 148 104}.chest-shell[data-tier="5"]{--chest-rgb:198 104 96}.chest-shell[data-tier="6"]{--chest-rgb:198 95 143}.chest-shell[data-tier="7"]{--chest-rgb:168 119 216}.chest-shell[data-tier="8"]{--chest-rgb:224 82 82}.chest-shell[data-tier="9"]{--chest-rgb:244 196 48}.chest-shell[data-tier="10"]{--chest-rgb:34 211 238}.chest-shell[data-band=wood]{--chest-band:122 106 84;--chest-wood-hi:#4a3a24;--chest-wood:#382b1a;--chest-wood-deep:#241a0f;--chest-glow:.22}.chest-shell[data-band=iron]{--chest-band:150 156 168;--chest-wood-hi:#3d3226;--chest-wood:#2c2419;--chest-wood-deep:#1b1610;--chest-glow:.3}.chest-shell[data-band=gilded]{--chest-band:226 178 86;--chest-wood-hi:#46331f;--chest-wood:#332415;--chest-wood-deep:#20160c;--chest-glow:.5}.chest-shell[data-band=arcane]{--chest-band:168 119 216;--chest-wood-hi:#322843;--chest-wood:#241c31;--chest-wood-deep:#16101f;--chest-glow:.7}.chest-shell[data-band=apex]{--chest-band:244 196 48;--chest-wood-hi:#3e3116;--chest-wood:#2b220e;--chest-wood-deep:#191405;--chest-glow:.85}.chest-shell[data-band=mythic]{--chest-band:34 211 238;--chest-wood-hi:#173238;--chest-wood:#102329;--chest-wood-deep:#081418;--chest-glow:1}.chest-scene{width:min(250px,62vw);height:min(190px,47vw);transform-style:preserve-3d;margin-inline:auto;animation:3.4s ease-in-out .6s infinite chest-breathe;display:block;position:relative}.chest-shell--mini .chest-scene{width:168px;height:128px}@keyframes chest-breathe{0%,78%,to{transform:translateY(0)rotate(0)}84%{transform:translateY(-2px)rotate(-.7deg)}90%{transform:translateY(.5px)rotate(.6deg)}95%{transform:translateY(-1px)rotate(-.25deg)}}.chest-shell--opening .chest-scene{animation:.34s linear both chest-quake}@keyframes chest-quake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-3px,1px)rotate(-1deg)}30%{transform:translate(3px,-1px)rotate(1.1deg)}45%{transform:translate(-3px)rotate(-1.2deg)}60%{transform:translate(2px,1px)rotate(.9deg)}80%{transform:translate(-1px)rotate(-.4deg)}}.chest-shell--still .chest-scene,html[data-anim=off] .chest-scene{animation:none}.chest-underglow{background:radial-gradient(50% 50% at 50% 50%, rgb(var(--chest-rgb) / calc(.34 * var(--chest-glow) + .08)), transparent 70%);filter:blur(2px);pointer-events:none;border-radius:50%;width:120%;height:34%;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)}.chest-rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, rgb(var(--chest-rgb) / .13) 0deg 9deg, transparent 9deg 30deg);opacity:.8;width:210%;height:210%;margin:-105% 0 0 -105%;animation:26s linear infinite chest-rays-turn;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#00000080 34%,#0000 62%);mask-image:radial-gradient(circle,#000 0%,#00000080 34%,#0000 62%)}@keyframes chest-rays-turn{to{transform:rotate(360deg)}}html[data-anim=off] .chest-rays{opacity:.4;animation:none}.chest-shell--opening .chest-rays{animation-duration:5s}.chest-runes{pointer-events:none;animation:14s linear infinite chest-runes-orbit;position:absolute;inset:-12% -8%}.chest-runes b{background:rgb(var(--chest-rgb) / .75);width:3px;height:11px;box-shadow:0 0 8px 1px rgb(var(--chest-rgb) / .5);transform:rotate(var(--ra)) translateY(-88px);margin:-5px 0 0 -1px;position:absolute;top:50%;left:50%}.chest-shell--mini .chest-runes b{transform:rotate(var(--ra)) translateY(-62px)}@keyframes chest-runes-orbit{to{transform:rotate(360deg)}}html[data-anim=off] .chest-runes{opacity:.4;animation:none}.chest-shell--opening .chest-runes{animation:.6s ease-out .2s both chest-runes-scatter}@keyframes chest-runes-scatter{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(40deg)scale(1.7)}}.chest-lid{transform-origin:50% 100%;height:38%;transform-style:preserve-3d;border:1px solid rgb(var(--chest-band) / .55);background: linear-gradient(180deg, #ffffff1f, #ffffff05 40%, #00000047), var(--chest-wood);z-index:3;border-radius:46% 46% 2px 2px/88% 88% 2px 2px;position:absolute;top:8%;left:6%;right:6%;overflow:hidden;box-shadow:inset 0 2px #ffffff0f,inset 0 -3px 6px #00000080,0 6px 18px -8px #000c}.chest-lid__planks{background:repeating-linear-gradient(90deg,#0000 0 26px,#00000047 26px 27px,#ffffff08 27px 28px);position:absolute;inset:0}.chest-lid__strap{background:linear-gradient(180deg, #ffffff38, #ffffff05 45%, #0000004d), rgb(var(--chest-band) / .5);width:12%;position:absolute;top:-2px;bottom:0;box-shadow:inset 0 0 0 1px #00000073,inset 2px 0 2px -1px #ffffff1f}.chest-lid__strap--l{left:16%}.chest-lid__strap--r{right:16%}.chest-lid__rim{background:linear-gradient(180deg, #ffffff24, #00000059), rgb(var(--chest-band) / .55);height:14%;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff1f}.chest-shell--opening .chest-lid{animation:.62s cubic-bezier(.34,1.3,.5,1) .16s both chest-lid-open}@keyframes chest-lid-open{0%{transform:rotateX(0)}55%{transform:rotateX(-104deg)}75%{transform:rotateX(-86deg)}to{transform:rotateX(-95deg)}}.chest-seam{background:rgb(var(--chest-rgb) / .9);height:3px;box-shadow:0 0 10px 2px rgb(var(--chest-rgb) / .55), 0 0 26px 6px rgb(var(--chest-rgb) / .25);opacity:calc(var(--chest-glow) - .2);pointer-events:none;z-index:2;animation:2.6s ease-in-out infinite chest-seam-pulse;position:absolute;top:45%;left:7%;right:7%}@keyframes chest-seam-pulse{0%,to{opacity:calc(var(--chest-glow) - .22)}50%{opacity:calc(var(--chest-glow) + .05)}}html[data-anim=off] .chest-seam{animation:none}.chest-shell--opening .chest-seam{animation:.5s ease-out .18s both chest-seam-flood}@keyframes chest-seam-flood{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(5)}}.chest-shaft{transform-origin:50% 100%;clip-path:polygon(38% 100%,62% 100%,96% 0%,4% 0%);background:linear-gradient(0deg, rgb(var(--chest-rgb) / .55), rgb(var(--chest-rgb) / .16) 45%, transparent 90%);opacity:0;pointer-events:none;z-index:1;width:74%;height:190%;position:absolute;bottom:52%;left:50%;transform:translate(-50%)scaleY(0)}.chest-shell--opening .chest-shaft{animation:.6s cubic-bezier(.2,.8,.2,1) .24s both chest-shaft-rise}@keyframes chest-shaft-rise{0%{opacity:0;transform:translate(-50%)scaleY(0)}35%{opacity:1}to{opacity:.9;transform:translate(-50%)scaleY(1)}}.chest-burst{pointer-events:none;opacity:0;background:radial-gradient(46% 42% at 50% 46%, rgb(var(--chest-rgb) / .55), transparent 72%);z-index:4;position:absolute;inset:-24%}.chest-shell--opening .chest-burst{animation:.55s ease-out .2s both chest-burst-flash}@keyframes chest-burst-flash{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.45)}}.chest-body{border:1px solid rgb(var(--chest-band) / .55);background:linear-gradient(180deg, #ffffff0d, #0000000d 30%, #0006), var(--chest-wood);z-index:3;border-top:0;position:absolute;inset:45% 6% 2%;box-shadow:inset 0 3px 8px -3px #000000a6,inset 0 -2px #0006,0 16px 34px -16px #000000e6}.chest-body__planks{background:repeating-linear-gradient(#0000 0 17px,#0000004d 17px 18px,#ffffff06 18px 19px);position:absolute;inset:0}.chest-body__strap{background:linear-gradient(180deg, #ffffff24, #fff0 40%, #00000059), rgb(var(--chest-band) / .5);width:12%;position:absolute;top:0;bottom:-1px;box-shadow:inset 0 0 0 1px #00000073,inset 2px 0 2px -1px #ffffff1a}.chest-body__strap--l{left:16%}.chest-body__strap--r{right:16%}.chest-body__bracket{border:2px solid rgb(var(--chest-band) / .75);width:14px;height:14px;position:absolute;box-shadow:inset 0 0 0 1px #00000080}.chest-body__bracket--tl{border-bottom:0;border-right:0;top:-1px;left:-1px}.chest-body__bracket--tr{border-bottom:0;border-left:0;top:-1px;right:-1px}.chest-body__bracket--bl{border-top:0;border-right:0;bottom:-1px;left:-1px}.chest-body__bracket--br{border-top:0;border-left:0;bottom:-1px;right:-1px}.chest-shell--opening .chest-body{animation:.5s ease-out .42s both chest-body-settle}@keyframes chest-body-settle{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.94)}}.chest-shell--opening .chest-lid{animation-fill-mode:both}.chest-shell--opening .chest-underglow{animation:.6s ease-out .2s both chest-underglow-bloom}@keyframes chest-underglow-bloom{0%{opacity:1;transform:translate(-50%)scale(1)}60%{opacity:1;transform:translate(-50%)scale(1.35)}to{opacity:0;transform:translate(-50%)scale(1.5)}}.chest-plaque{border:1px solid rgb(var(--chest-band) / .7);background:linear-gradient(180deg, #ffffff1a, #00000040), var(--chest-wood-deep);place-items:center;min-width:46px;padding:4px 10px;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #ffffff1a,0 2px 6px -2px #000000b3}.chest-plaque__numeral{color:rgb(var(--chest-rgb) / .95);text-shadow:0 0 12px rgb(var(--chest-rgb) / .5);font-size:30px;font-weight:700;line-height:1}.chest-shell--mini .chest-plaque__numeral{font-size:22px}.chest-lock{z-index:5;width:34px;height:42px;margin-left:-17px;position:absolute;top:38%;left:50%}.chest-shell--mini .chest-lock{width:26px;height:32px;margin-left:-13px}.chest-lock__plate{background:linear-gradient(180deg, #ffffff47, #ffffff0a 40%, #0000004d), rgb(var(--chest-band) / .85);border:1px solid #0009;border-radius:3px 3px 1px 1px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 3px #0006,0 3px 8px -2px #000c}.chest-lock__gem{clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);background:rgb(var(--chest-rgb));width:12px;height:15px;box-shadow:0 0 12px 2px rgb(var(--chest-rgb) / .7);animation:2s ease-in-out infinite chest-gem-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes chest-gem-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}html[data-anim=off] .chest-lock__gem{animation:none}.chest-shell--opening .chest-lock{animation:.42s cubic-bezier(.5,0,.8,.6) 80ms both chest-lock-pop}@keyframes chest-lock-pop{0%{opacity:1;transform:translateY(0)rotate(0)}25%{opacity:1;transform:translateY(-8px)rotate(-14deg)}to{opacity:0;transform:translateY(46px)rotate(-32deg)}}.chest-motes{pointer-events:none;z-index:4;position:absolute;inset:-30% 0 0}.chest-motes b{left:var(--mx);background:rgb(var(--chest-rgb));width:4px;height:4px;box-shadow:0 0 8px 1px rgb(var(--chest-rgb) / .7);opacity:0;transform:scale(var(--ms,1));border-radius:50%;position:absolute;bottom:34%}.chest-shell--opening .chest-motes b{animation:chest-mote-rise var(--mt,1s) ease-out var(--md,0s) both}@keyframes chest-mote-rise{0%{opacity:0;transform:translateY(0) scale(var(--ms,1))}20%{opacity:1}to{opacity:0;transform:translateY(-120px) scale(calc(var(--ms,1) * .7))}}.chest-caption{flex-direction:column;align-items:center;gap:2px;margin-top:.9rem;display:flex}.chest-shell--opening .chest-caption{opacity:0;transition:opacity .2s}.chest-caption__band{color:rgb(var(--chest-rgb) / .95);font-size:12px;font-weight:600}.chest-caption__label{color:var(--paper-dim);font-size:12px}.chest-caption__hint{color:rgb(var(--chest-rgb) / .75);font-size:12px;animation:1.6s ease-in-out infinite chest-hint-blink}@keyframes chest-hint-blink{0%,to{opacity:.9}50%{opacity:.4}}html[data-anim=off] .chest-caption__hint{animation:none}.chest-shell[data-band=mythic] .chest-lid:after,.chest-shell[data-band=apex] .chest-lid:after{content:"";background:linear-gradient(115deg, transparent 30%, rgb(var(--chest-rgb) / .22) 46%, #ffffff24 50%, rgb(var(--chest-rgb) / .22) 54%, transparent 70%);animation:4.2s ease-in-out 1s infinite chest-sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes chest-sheen{0%,55%{transform:translate(-120%)}80%,to{transform:translate(120%)}}html[data-anim=off] .chest-shell .chest-lid:after{animation:none}