.loot-box[data-v-4b72af04]{--box-scale: 1;--cardboard: #d59a54;--cardboard-light: #e5b36f;--cardboard-dark: #ae6f34;--edge: #895525;--stamp: #6d401f;--glow: rgba(224,166,91,.28);position:relative;width:calc(152px * var(--box-scale));height:calc(132px * var(--box-scale));display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;perspective:calc(520px * var(--box-scale))}.loot-box--rare[data-v-4b72af04]{--stamp: #315f86;--glow: rgba(88,150,202,.42)}.loot-box--epic[data-v-4b72af04]{--stamp: #77459a;--glow: rgba(161,91,201,.48)}.loot-box--legendary[data-v-4b72af04]{--stamp: #8b6119;--glow: rgba(255,201,71,.6)}.loot-box--themed[data-v-4b72af04]{--stamp: #256f67;--glow: rgba(65,180,165,.43)}.loot-box__model[data-v-4b72af04]{position:relative;z-index:2;width:calc(118px * var(--box-scale));height:calc(102px * var(--box-scale));transform-style:preserve-3d;transform-origin:center bottom;transform:none;transition:transform .65s cubic-bezier(.2,.8,.25,1)}.loot-box__opened-reference[data-v-4b72af04]{position:relative;z-index:2;display:block;width:calc(150px * var(--box-scale));height:auto;max-width:none;object-fit:contain;transform:none;-webkit-user-select:none;user-select:none;pointer-events:none}.loot-box__body[data-v-4b72af04]{position:absolute;z-index:4;left:6%;bottom:3%;width:88%;height:70%;border:calc(3px * var(--box-scale)) solid var(--edge);border-radius:0 0 calc(8px * var(--box-scale)) calc(8px * var(--box-scale));background:linear-gradient(135deg,var(--cardboard-light),var(--cardboard) 58%,#c48643);box-shadow:inset 0 calc(2px * var(--box-scale)) 0 #ffefc74d,inset 0 calc(-7px * var(--box-scale)) calc(10px * var(--box-scale)) #5c331226,0 calc(7px * var(--box-scale)) calc(10px * var(--box-scale)) #23160c4d;overflow:hidden;transform-origin:center bottom;transition:height .58s cubic-bezier(.2,.8,.25,1),transform .58s cubic-bezier(.2,.8,.25,1),opacity .2s ease}.loot-box__body[data-v-4b72af04]:before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:50%;width:calc(2px * var(--box-scale));background:#70421d21}.loot-box__body[data-v-4b72af04]:after{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(100deg,transparent 0 9px,rgba(89,50,18,.25) 10px,transparent 11px 17px)}.loot-box__inside[data-v-4b72af04]{position:absolute;z-index:3;left:11%;top:11%;width:78%;height:32%;border:2px solid var(--edge);border-radius:calc(5px * var(--box-scale));background:radial-gradient(ellipse at 50% 100%,#68401f 0,#855128 54%,#a66d38);box-shadow:inset 0 calc(5px * var(--box-scale)) calc(9px * var(--box-scale)) #1f0f0666;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);opacity:0;transform:scaleY(.2);transform-origin:center bottom;transition:opacity .18s ease .18s,transform .5s ease .15s}.loot-box__question[data-v-4b72af04]{position:absolute;z-index:2;inset:0;display:grid;place-items:center;color:var(--stamp);font-family:Arial,sans-serif;font-size:calc(50px * var(--box-scale));font-weight:900;line-height:1;text-shadow:0 1px rgba(255,229,184,.28);transform:translateY(calc(5px * var(--box-scale)));transition:opacity .18s ease}.loot-box__crease[data-v-4b72af04]{position:absolute;z-index:1;top:0;width:1px;height:100%;background:#663b1b38}.loot-box__crease--left[data-v-4b72af04]{left:18%}.loot-box__crease--right[data-v-4b72af04]{right:18%}.loot-box__flap[data-v-4b72af04]{position:absolute;z-index:5;border:2px solid var(--edge);background:linear-gradient(145deg,var(--cardboard-light),var(--cardboard));box-shadow:inset 0 1px #ffedc647,0 4px 6px #2f1b0c2e;opacity:0;visibility:hidden;transition:transform .72s cubic-bezier(.16,.82,.28,1),opacity .18s ease;backface-visibility:visible}.loot-box__flap--back[data-v-4b72af04]{z-index:2;left:5%;top:3%;width:90%;height:41%;border-radius:calc(8px * var(--box-scale)) calc(8px * var(--box-scale)) 0 0;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);background:linear-gradient(to bottom,#e8b36d,#c88945);box-shadow:inset 0 calc(3px * var(--box-scale)) 0 #ffe7b98c,0 calc(-2px * var(--box-scale)) calc(5px * var(--box-scale)) #391e0b3d;transform:scaleY(.2);transform-origin:center bottom}.loot-box__flap--front[data-v-4b72af04]{z-index:7;left:5%;top:38%;width:90%;height:8%;border-radius:50% 50% 24% 24%/55% 55% 34% 34%;background:linear-gradient(to bottom,#f0c482,var(--cardboard));transform:scaleY(.2);transform-origin:center bottom}.loot-box__flap--left[data-v-4b72af04]{z-index:4;left:5%;top:3%;width:25%;height:41%;clip-path:polygon(0 100%,62% 0,100% 0,100% 100%);background:linear-gradient(125deg,#edbd78,#c88743);transform:scaleX(.2);transform-origin:right center}.loot-box__flap--right[data-v-4b72af04]{z-index:4;right:5%;top:3%;width:25%;height:41%;clip-path:polygon(0 0,38% 0,100% 100%,0 100%);background:linear-gradient(235deg,#edbd78,#c88743);transform:scaleX(.2);transform-origin:left center}.loot-box__lid-seam[data-v-4b72af04]{position:absolute;z-index:8;left:50%;top:4%;width:96%;height:29%;box-sizing:border-box;border:calc(3px * var(--box-scale)) solid var(--edge);border-radius:calc(7px * var(--box-scale));background:linear-gradient(145deg,#ebbd7b,var(--cardboard-light) 62%,#d79b54);box-shadow:0 calc(6px * var(--box-scale)) 0 #74431cb8,0 calc(8px * var(--box-scale)) calc(8px * var(--box-scale)) #301b0b38,inset 0 calc(2px * var(--box-scale)) #ffefcb73;transform:translate(-50%);transition:opacity .22s ease .42s,transform .62s cubic-bezier(.2,.75,.25,1)}.loot-box__lid-seam[data-v-4b72af04]:after{content:"";position:absolute;left:49%;top:0;width:calc(3px * var(--box-scale));height:100%;background:#663b1b4d}.loot-box__glow[data-v-4b72af04]{position:absolute;z-index:0;width:83%;height:83%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);filter:blur(7px)}.loot-box__shadow[data-v-4b72af04]{position:absolute;z-index:0;bottom:calc(9px * var(--box-scale));width:60%;height:11%;border-radius:50%;background:#180f0961;filter:blur(calc(5px * var(--box-scale)));transition:width .65s ease,opacity .65s ease}.loot-box--idle .loot-box__model[data-v-4b72af04]{animation:box-float-4b72af04 3.2s ease-in-out infinite}.loot-box--idle .loot-box__glow[data-v-4b72af04]{animation:box-breathe-4b72af04 3.2s ease-in-out infinite}.loot-box--opened .loot-box__shadow[data-v-4b72af04]{width:88%;opacity:.7}.loot-box__sparkles i[data-v-4b72af04]{position:absolute;width:calc(6px * var(--box-scale));height:calc(6px * var(--box-scale));border-radius:50%;background:#f5d981;box-shadow:0 0 8px 2px var(--glow);opacity:0;animation:box-sparkle-4b72af04 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.loot-box--idle .loot-box__model[data-v-4b72af04],.loot-box--idle .loot-box__glow[data-v-4b72af04],.loot-box__sparkles i[data-v-4b72af04]{animation:none}.loot-box__model[data-v-4b72af04],.loot-box__flap[data-v-4b72af04],.loot-box__lid-seam[data-v-4b72af04],.loot-box__inside[data-v-4b72af04]{transition:none}}@-moz-keyframes box-float-4b72af04{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-6px * var(--box-scale)))}}@-webkit-keyframes box-float-4b72af04{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-6px * var(--box-scale)))}}@-o-keyframes box-float-4b72af04{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-6px * var(--box-scale)))}}@keyframes box-float-4b72af04{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-6px * var(--box-scale)))}}@-moz-keyframes box-breathe-4b72af04{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.95;transform:scale(1.05)}}@-webkit-keyframes box-breathe-4b72af04{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.95;transform:scale(1.05)}}@-o-keyframes box-breathe-4b72af04{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.95;transform:scale(1.05)}}@keyframes box-breathe-4b72af04{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:.95;transform:scale(1.05)}}@-moz-keyframes box-sparkle-4b72af04{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@-webkit-keyframes box-sparkle-4b72af04{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@-o-keyframes box-sparkle-4b72af04{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes box-sparkle-4b72af04{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
