.blind-box-card{background:linear-gradient(145deg,#11182c,#0b1020 72%);border-color:rgba(176,132,255,.35)!important;overflow:hidden;position:relative}
.blind-box-card[hidden]{display:none!important}
.blind-box-card:before{background:radial-gradient(circle,rgba(123,77,255,.28),transparent 68%);content:"";height:260px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:260px}
.blind-box-card-game{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(130px,.82fr) minmax(0,1.18fr);min-height:268px;position:relative;z-index:1}
.blind-box-card-stage{height:220px;position:relative;width:100%}
.blind-box-card-stage:before,.blind-box-card-stage:after{border:1px solid rgba(92,225,230,.12);border-radius:50%;content:"";height:170px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:170px}
.blind-box-card-stage:after{border-color:rgba(240,184,75,.12);height:125px;width:125px}
.blind-box-card-stage-image{filter:drop-shadow(0 22px 22px rgba(0,0,0,.6));height:210px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:210px;z-index:2}
.blind-box-card-stage.is-ready .blind-box-card-stage-image{animation:blindBoxFloat 3.2s ease-in-out infinite}
.blind-box-card-stage.is-opening .blind-box-card-stage-image{animation:blindBoxShake .72s ease-in-out 2}
.blind-box-card-stage.is-opened .blind-box-card-stage-image{height:184px;top:62%;width:184px}
.blind-box-card-flare{background:radial-gradient(circle,rgba(255,223,145,.88),rgba(123,77,255,.3) 30%,transparent 68%);height:220px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.25);transition:opacity .25s ease,transform .7s ease;width:220px;z-index:1}
.blind-box-card-stage.is-opening .blind-box-card-flare{animation:blindBoxPulse .65s ease-in-out infinite}
.blind-box-card-stage.is-opened .blind-box-card-flare{opacity:.82;transform:translate(-50%,-50%) scale(1)}
.blind-box-card-prize{height:132px;left:50%;opacity:0;overflow:hidden;position:absolute;top:27%;transform:translate(-50%,-35%) scale(.35);transition:opacity .35s ease,transform .62s cubic-bezier(.17,.89,.34,1.32);width:132px;z-index:4}
.blind-box-card-prize img{height:128%;left:-14%;object-fit:cover;object-position:center 34%;position:absolute;top:-3%;width:128%}
.blind-box-card-stage.is-opened .blind-box-card-prize{opacity:1;transform:translate(-50%,-50%) scale(1)}
.blind-box-card-copy{display:flex;flex-direction:column;min-width:0;padding:12px 0}
.blind-box-card-kicker{color:#5ce1e6;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.blind-box-card-copy h3{font-size:21px;line-height:1.12;margin:8px 0 7px}
.blind-box-card-message{color:#8e99b0;font-size:9px;line-height:1.55;margin:0 0 11px;min-height:28px}
.blind-box-card-message.error{color:#ff9aad}
.blind-box-card-meta{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-bottom:11px}
.blind-box-card-meta span{background:#0a0f1e;border:1px solid #26314b;display:grid;gap:4px;padding:8px 9px}
.blind-box-card-meta small{color:#7f8aa1;font-size:7px;text-transform:uppercase}.blind-box-card-meta b{font-size:9px}
.blind-box-card-result{background:rgba(92,225,230,.06);border-left:2px solid #5ce1e6;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:8px 9px}
.blind-box-card-result[hidden]{display:none!important}.blind-box-card-result span{display:grid;gap:3px}.blind-box-card-result small{color:#7f8aa1;font-size:7px}.blind-box-card-result b{color:#f6f7fb;font-size:10px}.blind-box-card-result span:last-child b{color:#5ce1e6}
.blind-box-card-action{background:linear-gradient(100deg,#7b4dff,#16c8ff);border:0;color:#fff;cursor:pointer;font-size:10px;font-weight:900;min-height:40px;padding:0 14px;width:100%}
.blind-box-card-action:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.54}
.blind-box-card.is-locked{background:linear-gradient(145deg,#151925,#0d1018 72%);border-color:rgba(137,146,164,.28)!important}
.blind-box-card.is-locked:before{background:radial-gradient(circle,rgba(137,146,164,.14),transparent 68%)}
.blind-box-card-stage.is-locked .blind-box-card-stage-image{filter:grayscale(1) saturate(0) brightness(.58) drop-shadow(0 18px 18px rgba(0,0,0,.5));opacity:.72}
.blind-box-card-stage.is-locked:before,.blind-box-card-stage.is-locked:after{border-color:rgba(137,146,164,.12)}
.blind-box-card.is-locked .blind-box-card-kicker,.blind-box-card.is-locked .blind-box-card-message{color:#7f8797}
.blind-box-card.is-locked .blind-box-card-action{background:#353a46;border:1px solid #4a5160;color:#b4bac5;filter:none;opacity:1}

body.blind-box-reveal-open{overflow:hidden}
.blind-box-reveal-modal{align-items:center;display:grid;inset:0;justify-items:center;padding:24px;position:fixed;z-index:1200}
.blind-box-reveal-modal[hidden]{display:none!important}
.blind-box-reveal-backdrop{background:rgba(3,6,16,.9);inset:0;position:absolute}
.blind-box-reveal-dialog{align-items:center;background:linear-gradient(155deg,#151d34,#090e1c 72%);border:1px solid rgba(139,102,255,.62);border-radius:26px;box-shadow:0 32px 90px rgba(0,0,0,.72),0 0 80px rgba(123,77,255,.16);display:flex;flex-direction:column;max-height:calc(100dvh - 48px);max-width:520px;min-height:620px;outline:0;overflow:auto;padding:34px 40px 32px;position:relative;text-align:center;width:min(100%,520px);z-index:1}
.blind-box-reveal-dialog:before{background:radial-gradient(circle,rgba(123,77,255,.26),transparent 68%);content:"";height:360px;left:50%;pointer-events:none;position:absolute;top:170px;transform:translateX(-50%);width:360px}
.blind-box-reveal-kicker{color:#5ce1e6;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.blind-box-reveal-dialog h2{font-size:32px;line-height:1.08;margin:12px 0 8px;position:relative}
.blind-box-reveal-message{color:#9aa6bd;font-size:13px;line-height:1.6;margin:0;min-height:42px;position:relative}
.blind-box-reveal-stage{height:330px;margin:4px 0 0;position:relative;width:100%}
.blind-box-reveal-stage:before,.blind-box-reveal-stage:after{border:1px solid rgba(92,225,230,.16);border-radius:50%;content:"";height:270px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:270px}
.blind-box-reveal-stage:after{border-color:rgba(240,184,75,.18);height:205px;width:205px}
.blind-box-reveal-box{filter:drop-shadow(0 30px 25px rgba(0,0,0,.72));height:310px;left:50%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:310px;z-index:2}
.blind-box-reveal-stage.is-shaking .blind-box-reveal-box{animation:blindBoxRevealShake .44s ease-in-out 5}
.blind-box-reveal-flare{background:radial-gradient(circle,rgba(255,225,144,.96),rgba(123,77,255,.36) 34%,transparent 70%);height:330px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.2);transition:opacity .3s ease,transform .72s cubic-bezier(.17,.89,.34,1.25);width:330px;z-index:1}
.blind-box-reveal-stage.is-shaking .blind-box-reveal-flare{animation:blindBoxRevealPulse .72s ease-in-out infinite}
.blind-box-reveal-stage.is-opened .blind-box-reveal-flare{opacity:.9;transform:translate(-50%,-50%) scale(1)}
.blind-box-reveal-stage.is-opened .blind-box-reveal-box{height:270px;top:61%;width:270px}
.blind-box-reveal-prize{height:190px;left:50%;opacity:0;overflow:hidden;position:absolute;top:28%;transform:translate(-50%,-35%) scale(.25);transition:opacity .35s ease,transform .72s cubic-bezier(.17,.89,.34,1.32);width:190px;z-index:4}
.blind-box-reveal-prize[hidden]{display:none!important}
.blind-box-reveal-prize img{height:128%;left:-14%;object-fit:cover;object-position:center 34%;position:absolute;top:-3%;width:128%}
.blind-box-reveal-stage.is-opened .blind-box-reveal-prize{opacity:1;transform:translate(-50%,-50%) scale(1)}
.blind-box-reveal-stage.is-error .blind-box-reveal-box{filter:grayscale(1) brightness(.62) drop-shadow(0 20px 20px rgba(0,0,0,.6))}
.blind-box-reveal-result{background:rgba(92,225,230,.07);border:1px solid rgba(92,225,230,.26);display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:-4px;padding:13px 16px;position:relative;width:100%}
.blind-box-reveal-result[hidden]{display:none!important}
.blind-box-reveal-result span{display:grid;gap:5px}.blind-box-reveal-result small{color:#8491a8;font-size:8px;text-transform:uppercase}.blind-box-reveal-result b{font-size:15px}.blind-box-reveal-result span:last-child b{color:#5ce1e6}
.blind-box-reveal-return{background:linear-gradient(100deg,#7b4dff,#218df0);border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:900;margin-top:16px;min-height:48px;padding:0 22px;position:relative;width:100%}
.blind-box-reveal-return[hidden]{display:none!important}.blind-box-reveal-return:focus-visible{outline:2px solid #5ce1e6;outline-offset:3px}

@keyframes blindBoxFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}}
@keyframes blindBoxShake{0%,100%{transform:translate(-50%,-50%) rotate(0)}20%{transform:translate(-54%,-50%) rotate(-4deg)}40%{transform:translate(-46%,-50%) rotate(4deg)}60%{transform:translate(-53%,-50%) rotate(-3deg)}80%{transform:translate(-47%,-50%) rotate(3deg)}}
@keyframes blindBoxPulse{0%,100%{opacity:.15;transform:translate(-50%,-50%) scale(.35)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1)}}
@keyframes blindBoxRevealShake{0%,100%{transform:translate(-50%,-50%) rotate(0) scale(1)}18%{transform:translate(-56%,-51%) rotate(-6deg) scale(1.02)}36%{transform:translate(-44%,-49%) rotate(6deg) scale(1.04)}54%{transform:translate(-55%,-51%) rotate(-5deg) scale(1.03)}72%{transform:translate(-45%,-49%) rotate(5deg) scale(1.02)}}
@keyframes blindBoxRevealPulse{0%,100%{opacity:.1;transform:translate(-50%,-50%) scale(.3)}50%{opacity:.82;transform:translate(-50%,-50%) scale(.9)}}

@media(min-width:1600px){.blind-box-card-game{grid-template-columns:180px minmax(0,1fr)}.blind-box-card-stage{height:240px}.blind-box-card-stage-image{height:225px;width:225px}}
@media(max-width:1024px){.blind-box-card-game{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:760px){.blind-box-card-game{grid-template-columns:132px minmax(0,1fr);min-height:240px}.blind-box-card-stage{height:190px}.blind-box-card-stage-image{height:180px;width:180px}.blind-box-card-stage.is-opened .blind-box-card-stage-image{height:160px;width:160px}.blind-box-card-prize{height:112px;width:112px}.blind-box-card-copy h3{font-size:18px}.blind-box-reveal-modal{padding:14px}.blind-box-reveal-dialog{border-radius:20px;max-height:calc(100dvh - 28px);min-height:0;padding:25px 22px 22px}.blind-box-reveal-dialog h2{font-size:27px}.blind-box-reveal-message{font-size:12px}.blind-box-reveal-stage{height:290px}.blind-box-reveal-box{height:270px;width:270px}.blind-box-reveal-stage.is-opened .blind-box-reveal-box{height:235px;width:235px}.blind-box-reveal-prize{height:165px;width:165px}}
@media(max-width:390px){.blind-box-card-game{display:block}.blind-box-card-stage{height:210px}.blind-box-card-copy{padding-top:0}.blind-box-card-copy h3{text-align:center}.blind-box-card-kicker,.blind-box-card-message{text-align:center}}
@media(max-width:359px){.blind-box-card-stage{height:185px}.blind-box-card-stage-image{height:170px;width:170px}.blind-box-card-stage.is-opened .blind-box-card-stage-image{height:145px;width:145px}.blind-box-card-prize{height:100px;width:100px}.blind-box-card-meta{grid-template-columns:1fr}.blind-box-reveal-modal{padding:8px}.blind-box-reveal-dialog{max-height:calc(100dvh - 16px);padding:20px 16px 17px}.blind-box-reveal-dialog h2{font-size:24px}.blind-box-reveal-stage{height:255px}.blind-box-reveal-box{height:240px;width:240px}.blind-box-reveal-stage.is-opened .blind-box-reveal-box{height:210px;width:210px}.blind-box-reveal-prize{height:145px;width:145px}.blind-box-reveal-result{padding:10px}.blind-box-reveal-return{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.blind-box-card-stage-image,.blind-box-card-flare,.blind-box-reveal-box,.blind-box-reveal-flare{animation:none!important}.blind-box-card-prize,.blind-box-reveal-prize{transition-duration:.01ms}}