.shadow-reward{width:min(720px,96vw);max-width:96vw;max-height:96dvh;padding:0;border:1px solid #9582b94d;border-radius:24px;background:radial-gradient(ellipse at 50% 55%,#241239,#0b0b16 75%);color:#f7eeff;overflow:auto;box-shadow:0 30px 90px #000a;font-family:system-ui,sans-serif;box-sizing:border-box}
.shadow-reward::backdrop{background:#04040bc9}.shadow-reward *{box-sizing:border-box}.shadow-reward [hidden]{display:none!important}
.shadow-reward .sr-main{padding:25px 20px 22px;text-align:center;position:relative;overflow:hidden}
.sr-kicker{letter-spacing:.25em;font-size:10px;color:#c4a1ec;margin:0 0 9px}.sr-title{font-size:clamp(21px,4vw,29px);font-weight:600;margin:0}.sr-status{font-size:14px;color:#d5c6e3;min-height:24px;margin:12px 0}
.sr-stage{height:clamp(305px,58dvh,440px);position:relative;isolation:isolate;display:grid;place-items:center}
.sr-ring{position:absolute;width:min(88%,390px);height:auto;aspect-ratio:1;overflow:visible;color:#bd94ef;filter:drop-shadow(0 0 5px #a866dc77);opacity:.62;pointer-events:none;transition:opacity .6s,filter .6s,transform 1.2s}
.sr-ring .ring-orbit{transform-origin:200px 200px;animation:sr-orbit 65s linear infinite}.sr-ring .ring-inner{transform-origin:200px 200px;animation:sr-orbit 90s linear infinite reverse}
.sr-ink{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;z-index:3;outline:none}.sr-ink:focus-visible{outline:2px solid #d4bcff;outline-offset:-5px;border-radius:20px}
.sr-ink path{fill:none;stroke:#e7cbff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #bb5bff);vector-effect:non-scaling-stroke}
.sr-center{pointer-events:none;position:absolute;color:#bd9add;font-size:38px;font-weight:200;opacity:.8}.sr-drawing .sr-center{opacity:0}
.sr-aura{position:absolute;width:95%;height:95%;background:radial-gradient(ellipse,#f9ebff 0%,#c07eff99 12%,#9d4dff33 33%,transparent 66%);opacity:0;pointer-events:none;z-index:1}
.sr-card{position:relative;width:clamp(160px,35vw,226px);aspect-ratio:1039/1514;border-radius:5.5% / 3.8%;opacity:0;transform:translateY(30px) scale(.85);z-index:4;pointer-events:none;filter:drop-shadow(0 16px 24px #0008)}
.sr-card .royal-foil{border-radius:inherit;--glass:.5;--white-glare:.2;--foil-strength:.2}.sr-card img{object-fit:contain}.sr-card .surface{mask-image:linear-gradient(transparent 2%,#000 12%,#000 81%,transparent 92%);-webkit-mask-image:linear-gradient(transparent 2%,#000 12%,#000 81%,transparent 92%)}
.sr-white{position:absolute;inset:0;background:#fff;border-radius:inherit;opacity:1;box-shadow:0 0 22px #fff,0 0 60px #d1a2ff;z-index:8;pointer-events:none}
.sr-charging .sr-ring{opacity:1;filter:drop-shadow(0 0 12px #dca6ff);transform:scale(1.05)}.sr-charging .sr-ink{pointer-events:none;transition:opacity .65s;opacity:0}.sr-charging .sr-aura{animation:sr-charge 1.05s ease-out both}
.sr-revealing .sr-ring,.sr-result .sr-ring{opacity:.35;transform:scale(1.1)}.sr-revealing .sr-ink,.sr-result .sr-ink{display:none}.sr-revealing .sr-center,.sr-result .sr-center,.sr-charging .sr-center{display:none}
.sr-revealing .sr-card{animation:sr-rise .65s cubic-bezier(.16,.8,.2,1) both}.sr-revealing .sr-white{animation:sr-unveil 2.5s .25s ease-in-out both}.sr-revealing .sr-aura{animation:sr-settle 2.8s ease-out both}
.sr-result .sr-card{opacity:1;transform:none}.sr-result .sr-white{opacity:0;box-shadow:none}.sr-result .sr-aura{opacity:.22}
.sr-accept{display:flex;justify-content:center;min-height:48px}.sr-accept button{min-width:200px;min-height:48px;border:1px solid #d0a5ff70;border-radius:12px;background:linear-gradient(120deg,#624087,#392451);color:#fff;font:600 15px system-ui;padding:12px 28px;cursor:pointer}.sr-accept button:focus-visible{outline:2px solid white;outline-offset:4px}
@keyframes sr-orbit{to{transform:rotate(360deg)}}@keyframes sr-charge{0%{opacity:0;transform:scale(.4)}80%{opacity:.8}100%{opacity:1;transform:scale(1.1)}}@keyframes sr-rise{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sr-unveil{0%,12%{opacity:1}55%{opacity:.8}100%{opacity:0;box-shadow:0 0 0 transparent}}@keyframes sr-settle{from{opacity:1}to{opacity:.22}}
@media(max-width:600px){.shadow-reward{border-radius:18px}.shadow-reward .sr-main{padding:20px 12px 16px}.sr-status{font-size:13px}.sr-card{width:clamp(160px,51vw,215px)}}
@media(max-height:500px) and (orientation:landscape){.shadow-reward .sr-main{padding:12px}.sr-title{font-size:19px}.sr-kicker{margin-bottom:3px}.sr-stage{height:200px}.sr-card{width:128px}.sr-ring{width:225px}.sr-status{margin:7px 0}.sr-accept{min-height:44px}.sr-accept button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.shadow-reward *{animation:none!important;transition:none!important}.sr-revealing .sr-card{opacity:1;transform:none}.sr-revealing .sr-white{opacity:0}.sr-revealing .sr-aura{opacity:.2}}