.rz-reveal{border:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;padding:18px;background:transparent;color:#e9f4ff;font-family:Arial,sans-serif;overflow:auto}
.rz-reveal::backdrop{background:#020611dc;backdrop-filter:blur(5px)}
.rz-wrap{min-height:100%;display:flex;align-items:center;justify-content:center}
.rz-shell{width:min(880px,94vw);aspect-ratio:4/3;position:relative;flex:none;--accent:#ffba60;isolation:isolate}
.rz-underlay{position:absolute;inset:5%;background:radial-gradient(ellipse at 30% 55%,#3a251c99,transparent 55%),#07101bf7;clip-path:polygon(4% 0,96% 0,100% 5%,100% 95%,96% 100%,4% 100%,0 95%,0 5%)}
.rz-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.rz-mobile-frame{display:none}
.rz-title{position:absolute;top:4%;left:29%;width:42%;height:6%;margin:0;display:flex;align-items:center;justify-content:center;font-size:clamp(12px,2.1vw,21px);font-weight:800;letter-spacing:1px;z-index:5;white-space:nowrap}
.rz-chest-area{position:absolute;left:7%;top:21%;width:48%;height:52%}
.rz-platform{position:absolute;left:0;bottom:0;width:100%;height:46%;object-fit:contain;opacity:.85}
.rz-chest{position:absolute;left:0;top:0;width:100%;height:88%;object-fit:contain;filter:drop-shadow(0 0 20px #000)}
.rz-open{opacity:0}
.rz-flare{position:absolute;inset:8% 6% 16%;border-radius:50%;background:radial-gradient(ellipse,var(--accent),transparent 66%);opacity:0;mix-blend-mode:screen;pointer-events:none}
.rz-rewards{position:absolute;left:55%;top:23%;width:34%;height:49%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:8px;opacity:0;transform:translateY(12px) scale(.9)}
.rz-reward{width:100%;box-sizing:border-box;text-align:center;padding:8px;background:radial-gradient(ellipse,#49301d55,transparent 70%)}
.rz-reward img{width:clamp(72px,14vw,142px);height:clamp(72px,14vw,142px);object-fit:contain;filter:drop-shadow(0 0 16px #ffbd5555)}
.rz-reward strong{display:block;font-size:clamp(20px,3.6vw,36px);color:var(--accent);font-weight:800;line-height:1.15}
.rz-reward span{display:block;font-size:clamp(12px,1.8vw,17px);margin-top:7px;color:#bccbd9}
.rz-rewards[data-count="2"] .rz-reward img,.rz-rewards[data-count="3"] .rz-reward img,.rz-rewards[data-many] .rz-reward img{width:60px;height:60px}
.rz-rewards[data-count="2"] strong,.rz-rewards[data-count="3"] strong,.rz-rewards[data-many] strong{font-size:21px}
.rz-caption{position:absolute;left:10%;width:80%;top:14%;text-align:center;color:#b9c9db;font-size:clamp(12px,1.8vw,17px)}
.rz-status{position:absolute;left:12%;width:76%;bottom:25%;text-align:center;color:#a3bacd;font-size:clamp(12px,1.7vw,16px)}
.rz-confirm{position:absolute;left:30%;bottom:10%;width:40%;height:13%;border:0;background:transparent url('assets/chest/button-chest-confirm.webp') center/100% 100% no-repeat;color:#fff4fd;cursor:pointer;font:800 clamp(17px,2.8vw,25px) Arial;letter-spacing:2px;z-index:5;min-height:48px;transition:filter .2s,transform .15s}
.rz-confirm:disabled{opacity:.35;cursor:default;filter:grayscale(.5)}
.rz-confirm:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.rz-confirm:enabled:hover{filter:brightness(1.2)}
.rz-confirm:enabled:active{transform:translateY(2px)}
.rz-shell[data-state="opening"] .rz-closed{animation:rz-close 1.6s both}
.rz-shell[data-state="opening"] .rz-open{animation:rz-open 1.6s both}
.rz-shell[data-state="opening"] .rz-flare{animation:rz-flare 1.6s both}
.rz-shell[data-state="opening"] .rz-rewards{animation:rz-reward 1.6s both}
.rz-shell[data-state="revealed"] .rz-closed{opacity:0}
.rz-shell[data-state="revealed"] .rz-open,.rz-shell[data-state="revealed"] .rz-rewards{opacity:1;transform:none}
@keyframes rz-close{0%,40%{opacity:1;transform:none}30%,50%{filter:drop-shadow(0 0 24px var(--accent));transform:translateY(-3px)}65%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes rz-open{0%,45%{opacity:0;transform:translateY(6px)}75%,100%{opacity:1;transform:none}}
@keyframes rz-flare{0%,35%,100%{opacity:0;transform:scale(.7)}55%{opacity:.65;transform:scale(1.2)}}
@keyframes rz-reward{0%,70%{opacity:0;transform:translateY(14px) scale(.88)}100%{opacity:1;transform:none}}
@media(max-width:600px){.rz-reveal{padding:8px}.rz-shell{width:min(460px,96vw);aspect-ratio:2/3}.rz-desktop-frame{display:none}.rz-mobile-frame{display:block}.rz-title{top:4%;left:29%;width:42%;height:4%;font-size:clamp(10px,2.65vw,13px);letter-spacing:.4px}.rz-caption{top:12%;font-size:13px}.rz-chest-area{left:12%;top:18%;width:76%;height:35%}.rz-rewards{left:14%;top:52%;width:72%;height:23%}.rz-reward{padding:0;display:grid;grid-template-columns:78px 1fr;align-items:center;text-align:left;column-gap:10px}.rz-reward img{grid-row:1/3;width:78px;height:78px}.rz-reward strong{font-size:clamp(21px,6vw,28px)}.rz-reward span{font-size:13px;margin-top:0}.rz-status{bottom:21%;font-size:12px}.rz-confirm{left:18%;width:64%;height:11%;bottom:9%;font-size:21px}.rz-rewards[data-many] .rz-reward img,.rz-rewards[data-count="2"] .rz-reward img,.rz-rewards[data-count="3"] .rz-reward img{width:48px;height:48px}.rz-rewards[data-many] .rz-reward,.rz-rewards[data-count="2"] .rz-reward,.rz-rewards[data-count="3"] .rz-reward{grid-template-columns:48px 1fr}.rz-rewards[data-count="2"] strong,.rz-rewards[data-count="3"] strong,.rz-rewards[data-many] strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.rz-shell *, .rz-confirm{animation:none!important;transition:none!important}}