.reward-loot{color:#f4f1ea;max-height:calc(100dvh - 24px);animation:.42s cubic-bezier(.2,1.5,.4,1) both reward-loot-pop;overflow:hidden auto;border:3px solid var(--gold,#ffe16b)!important;background:radial-gradient(80% 55% at 50% 30%,#4a2370 0%,#24123a 55%,#140c1f 100%)!important;border-radius:14px!important;gap:0!important;width:440px!important;max-width:calc(100vw - 24px)!important;padding:0!important;box-shadow:8px 8px #000!important}.reward-loot>button[data-slot=dialog-close],.reward-loot>button:last-child:not(.reward-loot-chest){z-index:5;color:#f4f1ea;opacity:.8}.reward-loot-stage{isolation:isolate;place-items:end center;height:236px;padding-bottom:6px;display:grid;position:relative}.reward-loot-rays{z-index:-2;opacity:0;background:repeating-conic-gradient(#ffe16b55 0deg 7deg,#0000 7deg 20deg);border-radius:50%;width:640px;height:640px;margin:-320px 0 0 -320px;transition:opacity .35s,transform .6s cubic-bezier(.2,1.4,.4,1);position:absolute;top:58%;left:50%;transform:scale(.3);-webkit-mask:radial-gradient(circle,#000 0 22%,#0000 62%);mask:radial-gradient(circle,#000 0 22%,#0000 62%)}.reward-loot-glow{z-index:-1;opacity:0;filter:blur(2px);background:radial-gradient(#fffbe0 0%,#ffe16b 30%,#c6ff4566 58%,#0000 72%);border-radius:50%;width:190px;height:120px;margin:-60px 0 0 -95px;transition:opacity .3s 50ms,transform .45s cubic-bezier(.2,1.6,.4,1) 50ms;position:absolute;top:60%;left:50%;transform:scale(.4)}.reward-loot-chest{cursor:pointer;filter:drop-shadow(0 10px #0006);transform-origin:50% 90%;background:0 0;border:0;width:170px;padding:0;animation:1.1s ease-in-out infinite reward-loot-shake;position:relative}.reward-loot-chest:focus-visible{outline:3px solid var(--lime,#c6ff45);outline-offset:6px;border-radius:12px}.reward-loot-chest svg{width:100%;height:auto;display:block;overflow:visible}.reward-loot-lid{transform-box:fill-box;transform-origin:8% 100%;transition:transform .5s cubic-bezier(.2,1.7,.45,1)}.reward-loot-sparks{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:62%;left:50%}.reward-loot-sparks span{left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);background:var(--gold,#ffe16b);transform:rotate(var(--angle)) translateY(0) rotate(45deg) scale(0);opacity:0;border:2px solid #000;position:absolute}.reward-loot-sparks span:nth-child(3n){background:var(--lime,#c6ff45)}.reward-loot-sparks span:nth-child(5n){background:#fff}.reward-loot-card{text-align:center;gap:10px;padding:10px 24px 24px;display:grid;position:relative}.reward-loot-card form{opacity:0;transition:opacity .35s .25s,transform .45s cubic-bezier(.2,1.4,.4,1) .25s;transform:translateY(14px)}.reward-loot-eyebrow{font:700 12px/1 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:#101014;background:var(--lime,#c6ff45);border:2px solid #000;justify-self:center;padding:4px 10px;transform:rotate(-2deg);box-shadow:3px 3px #000}.reward-loot-card h2{text-transform:uppercase;color:var(--gold,#ffe16b);text-shadow:3px 3px #000;text-wrap:balance;word-spacing:.14em;margin:4px 0 2px;font:900 25px/1.08 Archivo,sans-serif}.reward-loot-card form{gap:10px;display:grid}.reward-loot-input{background:#fff;border:3px solid #000;align-items:stretch;display:flex;box-shadow:4px 4px #000}.reward-loot-input span{color:#101014;background:var(--gold,#ffe16b);border-right:3px solid #000;place-items:center;padding:0 12px;font:900 22px/1 Archivo,sans-serif;display:grid}.reward-loot-input input{color:#111;background:#fff;border:0;outline:0;flex:1;min-width:0;padding:12px;font:600 18px/1.2 Archivo,sans-serif}.reward-loot-input:focus-within{outline:3px solid var(--lime,#c6ff45);outline-offset:3px}.reward-loot-error{color:#ff8f8f;margin:0;font:700 15px/1.35 Archivo,sans-serif}.reward-loot-submit{cursor:pointer;min-height:54px;margin-top:2px;font-size:22px}.reward-loot-submit:disabled{opacity:.6;cursor:wait}.reward-loot-done{text-transform:uppercase;margin:6px 0 2px;color:var(--lime,#c6ff45)!important;font:900 22px/1.2 Archivo,sans-serif!important}.reward-loot.is-open .reward-loot-chest{cursor:default;animation:.5s cubic-bezier(.2,1.6,.4,1) both reward-loot-land}.reward-loot.is-open .reward-loot-lid{transform:translate(-8px,-26px)rotate(-24deg)}.reward-loot.is-open .reward-loot-glow{opacity:1;transform:scale(1)}.reward-loot.is-open .reward-loot-rays{opacity:1;animation:14s linear infinite reward-loot-spin;transform:scale(1)}.reward-loot.is-open .reward-loot-sparks span{animation:reward-loot-spark .9s cubic-bezier(.15,.8,.3,1) var(--delay) both}.reward-loot.is-open .reward-loot-card form{opacity:1;transform:none}.reward-loot.is-saved .reward-loot-chest{animation:.6s cubic-bezier(.2,1.6,.4,1) both reward-loot-cheer}.reward-loot.is-saved .reward-loot-rays{animation-duration:4s}.reward-loot.is-saved .reward-loot-sparks span{animation:reward-loot-spark .9s cubic-bezier(.15,.8,.3,1) var(--delay) both;animation-name:reward-loot-spark-again}@keyframes reward-loot-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes reward-loot-shake{0%,55%,to{transform:rotate(0)translateY(0)}60%{transform:rotate(-5deg)translateY(-3px)}68%{transform:rotate(5deg)translateY(-6px)}76%{transform:rotate(-4deg)translateY(-3px)}84%{transform:rotate(3deg)}92%{transform:rotate(-1deg)}}@keyframes reward-loot-land{0%{transform:scale(1.12,.86)}55%{transform:scale(.94,1.08)translateY(-8px)}to{transform:none}}@keyframes reward-loot-cheer{0%,to{transform:none}40%{transform:translateY(-14px)scale(1.05)}}@keyframes reward-loot-spin{to{transform:rotate(360deg)}}@keyframes reward-loot-spark{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) rotate(45deg) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) rotate(225deg) scale(1)}}@keyframes reward-loot-spark-again{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) rotate(45deg) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--distance) * -1)) rotate(225deg) scale(1)}}@media (max-width:420px){.reward-loot-stage{height:200px}.reward-loot-chest{width:146px}.reward-loot-card h2{font-size:22px}.reward-loot-card{padding:4px 18px 20px}}@media (prefers-reduced-motion:reduce){.reward-loot,.reward-loot *{transition:none!important;animation:none!important}.reward-loot-sparks{display:none}}
