.daily-mystery-box{gap:1rem;display:grid}.daily-mystery-stage{background:#0b1730;border-radius:8px;place-items:center;min-height:300px;display:grid;overflow:hidden}.daily-mystery-scene{width:260px;height:270px;position:relative}.daily-mystery-gift{z-index:5;width:170px;height:164px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.daily-mystery-body{background:linear-gradient(135deg,#9b5b13,#d79a32 49%,#95530e);border-radius:8px 8px 16px 16px;width:150px;height:112px;position:absolute;bottom:0;left:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff6b,0 18px 35px #0000005c}.daily-mystery-body>i{background:linear-gradient(90deg,#d8a733,#fff0ac,#d8a733);width:20px;position:absolute;top:0;bottom:0;left:calc(50% - 10px)}.daily-mystery-body>b{background:linear-gradient(90deg,#fff3,#0000);width:34px;position:absolute;top:0;bottom:0;left:8px}.daily-mystery-lid{transform-origin:15% 100%;background:linear-gradient(135deg,#ae6d1a,#e1a541,#a15a11);border-radius:11px;width:170px;height:52px;transition:transform .65s cubic-bezier(.2,.9,.2,1),top .65s cubic-bezier(.2,.9,.2,1);position:absolute;top:25px;left:0;box-shadow:0 8px 18px #0000004d,inset 0 1px #ffffff80}.daily-mystery-lid i{background:linear-gradient(90deg,#d8a733,#fff0ac,#d8a733);width:22px;position:absolute;top:0;bottom:0;left:calc(50% - 11px)}.daily-mystery-shadow{filter:blur(9px);background:#0000007a;border-radius:50%;width:130px;height:22px;position:absolute;bottom:-16px;left:20px}.daily-mystery-aura{z-index:1;opacity:0;filter:blur(3px);background:radial-gradient(circle,#fff5b8 0,#ffc94f 32%,#fbb4262e 58%,#0000 73%);border-radius:50%;width:84px;height:84px;transition:transform .7s ease-out,opacity .5s ease-out;position:absolute;bottom:79px;left:50%;transform:translate(-50%)scale(.2)}.daily-mystery-beam{z-index:0;clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);opacity:0;transform-origin:bottom;background:linear-gradient(#0000,#ffe18f1f,#ffc63a6b);width:122px;height:185px;transition:transform .65s ease-out,opacity .4s ease-out;position:absolute;bottom:91px;left:50%;transform:translate(-50%)scaleY(0)}.daily-mystery-dust{z-index:7;pointer-events:none;position:absolute;inset:0}.daily-mystery-dust span{bottom:92px;left:var(--x);width:var(--size);height:var(--size);opacity:0;animation:daily-mystery-dust-rise var(--duration) ease-out var(--delay) forwards;background:#ffd25a;border-radius:50%;position:absolute;box-shadow:0 0 6px #ffcf3ee6,0 0 14px #ffb92399}.daily-mystery-dust .is-star{width:calc(var(--size) * 2);height:calc(var(--size) * 2);background:0 0;border-radius:0}.daily-mystery-dust .is-star:before,.daily-mystery-dust .is-star:after{content:"";background:#ffe38b;width:100%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px #ffd25a}.daily-mystery-dust .is-star:after{transform:translate(-50%,-50%)rotate(90deg)}.daily-mystery-reward{z-index:8;opacity:0;text-align:center;justify-items:center;width:220px;transition:transform .6s cubic-bezier(.2,.9,.2,1.15),opacity .45s ease-out;display:grid;position:absolute;bottom:106px;left:50%;transform:translate(-50%)translateY(28px)scale(.82)}.daily-mystery-reward strong{color:#fff4ba;text-shadow:0 0 18px #ffc831b8;font-size:clamp(2.55rem,7vw,3.65rem);line-height:1}.daily-mystery-reward span{color:#ffe69b;letter-spacing:.04em;text-transform:uppercase;margin-top:.35rem;font-size:.84rem;font-weight:900}.daily-mystery-box.is-opening .daily-mystery-gift{animation:.35s ease-out forwards daily-mystery-anticipation}.daily-mystery-box.is-opening .daily-mystery-lid,.daily-mystery-box.is-revealed .daily-mystery-lid{top:-8px;transform:translateY(-46px)rotate(-22deg)}.daily-mystery-box.is-opening .daily-mystery-aura,.daily-mystery-box.is-revealed .daily-mystery-aura{opacity:1;transform:translate(-50%)scale(3.1)}.daily-mystery-box.is-opening .daily-mystery-beam,.daily-mystery-box.is-revealed .daily-mystery-beam{opacity:1;transform:translate(-50%)scaleY(1)}.daily-mystery-box.is-revealed .daily-mystery-reward{opacity:1;transform:translate(-50%)translateY(-28px)scale(1)}.daily-mystery-actions{gap:.7rem;display:grid}.daily-mystery-actions button{color:#fff;width:max-content;min-height:46px;font:inherit;cursor:pointer;background:#3575d3;border:0;border-radius:6px;padding:.65rem 1rem;font-weight:900}.daily-mystery-actions button:disabled{cursor:default;opacity:.78}.daily-mystery-actions p{color:#cad7e9;gap:.22rem;margin:0;line-height:1.45;display:grid}.daily-mystery-actions p strong{color:#fff}.daily-mystery-error{color:#ffb3a2!important}@keyframes daily-mystery-anticipation{0%,to{transform:translate(-50%)translateY(0)rotate(0)}25%{transform:translate(-50%)translateY(-3px)rotate(-1.5deg)}50%{transform:translate(-50%)translateY(1px)rotate(1.5deg)}75%{transform:translate(-50%)translateY(-5px)rotate(-1deg)}}@keyframes daily-mystery-dust-rise{0%{opacity:0;transform:translate(0)scale(.25)}15%{opacity:1}70%{opacity:.9}to{opacity:.42;transform:translate(var(--drift), calc(-1 * var(--rise))) scale(1.2)}}.daily-mystery-box.is-complete .daily-mystery-reward{opacity:1;transform:translate(-50%)translateY(-28px)scale(1)}@media (max-width:720px){.daily-mystery-stage{min-height:280px}.daily-mystery-scene{transform:scale(.88)}.daily-mystery-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.daily-mystery-box *,.daily-mystery-box :before,.daily-mystery-box :after{transition-duration:.01ms!important;animation:none!important}.daily-mystery-box.is-revealed .daily-mystery-lid{top:-8px;transform:translateY(-46px)rotate(-22deg)}.daily-mystery-box.is-revealed .daily-mystery-aura,.daily-mystery-box.is-revealed .daily-mystery-beam,.daily-mystery-box.is-revealed .daily-mystery-reward{opacity:1}.daily-mystery-box.is-revealed .daily-mystery-beam{transform:translate(-50%)scaleY(1)}.daily-mystery-box.is-revealed .daily-mystery-reward{transform:translate(-50%)translateY(-28px)}}.daily-mystery-stage{position:relative}.daily-mystery-open{z-index:10;cursor:pointer;border-radius:inherit;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.daily-mystery-open:disabled{cursor:default}.daily-mystery-open:focus-visible{outline-offset:-5px;outline:3px solid #ffe19b}.daily-mystery-stage-hint{font-weight:800}