.mission-chest-art{--chest-hinge-x:50.2%;--chest-hinge-y:37.05%}
.mission-gifts{isolation:isolate;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;max-width:760px;margin:14px auto 0;display:flex;position:relative}.mission-gift{appearance:none;opacity:1;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex:none;width:76px;height:68px;padding:0;display:block;position:relative}.mission-gift:disabled{opacity:1}.mission-gift[data-state=ready]{cursor:pointer}.mission-gift[data-state=ready]:disabled{cursor:wait}.mission-gift:focus-visible{outline-offset:2px;outline:2px solid #fff1ae;box-shadow:0 0 0 4px #582e14}.mission-chest-art{isolation:isolate;pointer-events:none;width:100%;height:100%;display:block;position:relative}.mission-chest-body,.mission-chest-lid,.mission-chest-lid img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.mission-chest-body{z-index:1}.mission-chest-lid{z-index:3;transform-origin:var(--chest-hinge-x) var(--chest-hinge-y)}.mission-chest-art[data-state=ready] .mission-chest-lid{animation:4.2s cubic-bezier(.45,0,.25,1) infinite mission-lid-open}.mission-chest-art[data-state=claimed] .mission-chest-lid{transform:translateY(-20%)rotate(-4deg)}.mission-chest-art[data-state=celebrate] .mission-chest-lid{animation:1.1s cubic-bezier(.2,.7,.2,1) both mission-lid-reveal}.mission-gift[aria-busy=true] .mission-chest-lid{animation-play-state:paused}.mission-chest-tick{z-index:4;aspect-ratio:1;color:#fff;background:#1db96b;border:1.5px solid #caffdf;border-radius:50%;place-items:center;width:21%;font:900 12px/1 system-ui;display:grid;position:absolute;bottom:1%;right:3%;box-shadow:0 2px 4px #07372055}.mission-chest-aura{z-index:0;background:radial-gradient(#fff3bd88 0%,#ffcf5b55 25%,#ffbf1820 47%,#0000 70%);border-radius:50%;height:84%;animation:3s ease-in-out infinite mission-chest-glow;position:absolute;top:4%;left:-15%;right:-15%}.mission-chest-aura>span{background:repeating-conic-gradient(from 5deg,#ffe9a040 0deg 8deg,#0000 8deg 36deg);border-radius:50%;animation:16s linear infinite mission-chest-rays;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 10%,#0008 35%,#0000 72%);mask-image:radial-gradient(#000 10%,#0008 35%,#0000 72%)}.mission-gift__busy{z-index:5;background:#38201999;border:2px solid #fff8;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite mission-chest-loading;position:absolute;top:58%;left:calc(50% - 9px)}@keyframes mission-lid-open{0%,12%,to{transform:translateY(0)rotate(0)}32%{transform:translateY(-23%)rotate(-5deg)}44%,73%{transform:translateY(-20%)rotate(-4deg)}86%{transform:translateY(-8%)rotate(1deg)}95%{transform:translateY(0)rotate(0)}}@keyframes mission-lid-reveal{0%{transform:translateY(0)rotate(0)}62%{transform:translateY(-23%)rotate(-5deg)}to{transform:translateY(-20%)rotate(-4deg)}}@keyframes mission-chest-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes mission-chest-rays{to{transform:rotate(360deg)}}@keyframes mission-chest-loading{to{transform:rotate(360deg)}}@media (min-width:768px){.mission-gifts{gap:2px}.mission-gift{width:92px;height:80px}}@media (prefers-reduced-motion:reduce){.mission-chest-art[data-state=ready] .mission-chest-lid,.mission-chest-art[data-state=celebrate] .mission-chest-lid{animation:none;transform:translateY(-20%)rotate(-4deg)}.mission-chest-aura,.mission-chest-aura>span,.mission-gift__busy{animation:none}}.mission-gift .mission-chest-art{aspect-ratio:1;width:112%;height:auto;bottom:0;left:-6%}
.mission-reward-dialog{color:#fff;background:0 0;border:0;width:min(88vw,344px);max-width:none;max-height:calc(100dvh - 80px);margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.mission-reward-dialog::backdrop{background:#030719ba}.mission-reward-card{filter:drop-shadow(0 18px 35px #0007);animation:.4s cubic-bezier(.34,1.4,.64,1) mission-reward-unfurl;position:relative}.mission-reward-rail{background:repeating-linear-gradient(90deg,#fff0 0 18px,#6b3f0299 18px 20px,#fff0beaa 20px 22px,#fff0 22px 40px),linear-gradient(#8a5203,#e89b12 10%,#ffe9a8 26%,#fff7d6 32%,#ffd24a 48%,#f0a51c 62%,#b06e05 80%,#6b3f02 94%,#8a5203);border-radius:9px;height:18px;position:relative;box-shadow:0 0 0 1.5px #4a2a02,0 4px 10px #0008}.mission-reward-rail:before,.mission-reward-rail:after{content:"";background:radial-gradient(circle at 32% 28%,#fff9df,#ffd24a 42%,#c87f0a 76%,#7a4d03);border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 2px #4a2a02,inset 0 -3px 4px #6b3f02aa}.mission-reward-rail:before{left:-8px}.mission-reward-rail:after{right:-8px}.mission-reward-panel{text-align:center;background:linear-gradient(115deg,#0000 42%,#ffffff14 47%,#ffffff05 53%,#0000 58%),radial-gradient(115% 90% at 50% 26%,#3763e8,#2348c2 42%,#16308f 74%,#0e2066);border:2px solid #e3b232;margin:3px 12px;padding:10px 16px 24px;box-shadow:0 0 0 1px #6e4a06,inset 0 0 0 1.5px #fff6c873,inset 0 3px #96beff80,inset 3px 0 #78a0ff38,inset -3px 0 #0a123c8c,inset 0 -4px #080e32b3}.mission-reward-art{width:210px;max-width:100%;height:210px;margin:-2px auto 0}.mission-reward-panel h2{color:#fff3dc;text-shadow:0 2px #5c1010,0 3px 6px #0008;margin:0 0 8px;font-size:27px;font-weight:900}.mission-reward-value{color:#fff;text-shadow:0 1px #2a6ad4,0 2px #1c4fa8,0 3px #123f7e,0 5px 10px #0008;margin:0 0 20px;font-size:29px;font-weight:900;line-height:1.2}.mission-reward-confirm{color:#4d2703;cursor:pointer;background:linear-gradient(#fff5bc,#ffce51 45%,#e99b15);border:1px solid #ffe69c;border-radius:999px;width:100%;padding:11px 18px;font-size:16px;font-weight:900;display:block;box-shadow:0 4px #8b4e05,0 5px 12px #0005}.mission-reward-confirm:focus-visible,.mission-reward-close:focus-visible{outline-offset:3px;outline:3px solid #fff}.mission-reward-close{color:#fff;cursor:pointer;background:#101632aa;border:1.5px solid #fff9;border-radius:50%;width:34px;height:34px;font:26px/1 system-ui;position:absolute;bottom:-49px;left:calc(50% - 17px)}@keyframes mission-reward-unfurl{0%{opacity:0;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}@media (max-height:600px){.mission-reward-art{width:145px;height:145px}.mission-reward-panel{padding-bottom:16px}.mission-reward-value{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.mission-reward-card{animation:none}}.mission-reward-panel h2:not(.font-mm){font-family:var(--font-congrats),var(--font-sora),sans-serif}.mission-reward-panel{background:linear-gradient(115deg,#0000 42%,#fff0c814 47%,#fff0c805 53%,#0000 58%),radial-gradient(115% 90% at 50% 26%,#3a2210 0%,#1c1209 42%,#0e0a06 74%,#050403 100%);border:2px solid #ff8d00;box-shadow:0 0 0 1px #6e4a06,inset 0 0 0 1.5px #fff6c873,inset 0 3px #ffbe9666,inset 3px 0 #ffaa822e,inset -3px 0 #0e0e0e8c,inset 0 -4px #0c0c0cb3,inset 0 0 46px #0c0c0c80}.mission-reward-rail{background:repeating-linear-gradient(90deg,#fff0 0 18px,#6b3f0299 18px 20px,#fff0bea6 20px 22px,#fff0 22px 40px),linear-gradient(#8a5203 0%,#e89b12 10%,#ffe9a8 26%,#fff7d6 32%,#ffd24a 48%,#f0a51c 62%,#b06e05 80%,#6b3f02 94%,#8a5203 100%);box-shadow:0 0 0 1.5px #4a2a02,0 4px 10px #0000008c,0 0 14px #ffbe3c40}.mission-reward-rail:before,.mission-reward-rail:after{background:radial-gradient(circle at 32% 28%,#fff9df 0%,#ffd24a 42%,#c87f0a 76%,#7a4d03 100%);box-shadow:0 0 0 2px #4a2a02,inset 0 -3px 4px #6b3f02a6,0 2px 6px #00000080}.mission-reward-confirm{background:linear-gradient(180deg, var(--color-pp-yellow-grad-from,#ffb200), var(--color-pp-yellow-grad-to,#ff8d00));color:#1a0a00;box-shadow:inset 0 1px #fff9,0 5px 12px #0e0e0e80}.mission-reward-value{color:#fff;text-shadow:0 1px #c9881a,0 2px #a8690a,0 3px #7d4e05,0 4px #4a2c08,0 6px 12px #0000008c}.mission-reward-art img{object-fit:contain;width:100%;height:100%;display:block}