.cosmic-key-gift{position:relative;display:grid;place-items:center;width:min(290px,100%);height:180px;margin:0 auto 10px;isolation:isolate}
.gift-key{width:250px;position:relative;z-index:1;filter:drop-shadow(0 0 15px #bdc5f442);transform:rotate(-15deg)}
.gift-aura{position:absolute;width:150px;height:150px;top:0;border:1px solid #b3b5e84a;border-radius:50%;background:radial-gradient(circle,#a5bce322,transparent 65%);box-shadow:0 0 70px #919ddd15}
.gift-aura::after{content:"";position:absolute;inset:-18px;border:1px solid #dccd9d20;border-radius:50%;transform:rotateX(65deg) rotate(-20deg)}
.cosmic-key-gift>p{position:absolute;bottom:0;color:#d8cee9;font-size:11px;letter-spacing:.07em;line-height:1.5;margin:0}
.award-play .gift-key{animation:key-acquired 1.6s cubic-bezier(.16,.8,.3,1) both}
.award-play .gift-aura{animation:key-aura 1.6s ease-out both}
.intro.key-awarded #introSand{opacity:.24;transition:opacity .7s}
.intro.key-awarded .intro-heading{opacity:.25;transition:opacity .7s}
.intro.key-awarded .intro-ticket{bottom:max(30px,8%)}
.intro.key-awarded .intro-ticket>.quiet-label{margin-bottom:14px}
.key-ritual{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at 68% 40%,#1c2235,#080b13 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px;text-align:center;color:#f3efe8}
.ritual-scene{position:relative;width:min(320px,100%);height:200px;flex-shrink:0}
.ritual-key{position:absolute;left:0;top:36px;width:210px;z-index:2;filter:drop-shadow(0 0 13px #adc4ed6b);animation:key-insert 1.85s cubic-bezier(.3,0,.3,1) both}
.ritual-lock{position:absolute;right:22px;top:62px;width:76px;height:76px;border:1px solid #d3d4f888;border-radius:50%;display:grid;place-items:center;color:#e9ddb5;background:#141b2b;box-shadow:0 0 40px #a8b9ed28;animation:key-unlock 1.85s ease-in-out both}
.ritual-lock svg{width:40px;height:40px}
.ritual-aura{position:absolute;right:-1px;top:39px;width:122px;height:122px;border:1px solid #9cadd437;border-radius:50%;box-shadow:0 0 0 18px #a6b5da05}
.ritual-flash{position:absolute;right:5px;top:45px;width:110px;height:110px;background:radial-gradient(circle,#e2d7ffad,transparent 65%);border-radius:50%;opacity:0;animation:key-flash 1.85s ease-out both}
.key-ritual .ritual-title{font-size:18px;line-height:1.5;color:#eeebe4;margin:5px 0 0}
.key-ritual .ritual-caption{font-size:12px;line-height:1.6;color:#a4acc3;margin:9px 0 0}
.screen{position:relative}.launch-error{max-width:260px;color:#d4c5b1!important;font-size:12px!important;line-height:1.6!important}
.cosmic-key-button{display:flex;align-items:center;gap:7px;min-height:34px;border:1px solid #ffffff24;border-radius:30px;padding:7px 12px;background:#11121a;font-size:10px;letter-spacing:.045em;color:#bdc0cb}
.cosmic-key-button svg{width:20px;height:16px;stroke:currentColor;stroke-width:1.4;fill:none}.cosmic-key-button.has-key{color:#e5dcc5;border-color:#d4c49b66}
.cosmic-pass-dialog{position:fixed;inset:0;margin:auto;width:min(410px,calc(100% - 36px));border:1px solid #989bc03d;border-radius:24px;background:radial-gradient(circle at 50% 37%,#1b2335,#0b0e17 70%);padding:36px 26px;text-align:center;color:#eeeae3;box-shadow:0 25px 100px #0009;font-family:inherit}
.cosmic-pass-dialog::backdrop{background:#02040be0;backdrop-filter:blur(8px)}
.cosmic-pass-dialog h2{font-size:26px;font-weight:400;letter-spacing:-.02em;margin:5px 0 20px}.cosmic-pass-dialog .pass-status{font-size:13px;color:#babdc8;line-height:1.8;margin:15px 0 24px}.pass-close{position:absolute;top:12px;right:15px;width:30px;height:30px;border:0;background:none;color:inherit;cursor:pointer;font-size:17px}.pass-continue{margin:auto}
@keyframes key-acquired{0%{opacity:0;transform:translateY(46px) scale(.38) rotate(-70deg);filter:drop-shadow(0 0 30px #d8e2ff)}40%{opacity:1}70%{transform:translateY(-9px) scale(1.06) rotate(-9deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(-15deg)}}
@keyframes key-aura{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
@keyframes key-insert{0%{opacity:0;transform:translate(-80px,-16px) rotate(-18deg)}25%{opacity:1;transform:translate(-20px,0) rotate(0)}60%{opacity:1;transform:translate(62px,0) scale(1)}80%{opacity:.7;transform:translate(92px,0) scale(.85)}100%{opacity:0;transform:translate(112px,0) scale(.6)}}
@keyframes key-unlock{0%,60%{transform:rotate(0);border-color:#d3d4f888}85%{transform:rotate(90deg) scale(1.1);box-shadow:0 0 70px #d6c5f877}100%{transform:rotate(90deg) scale(1.2);border-color:#fff4d9}}
@keyframes key-flash{0%,65%{opacity:0;transform:scale(.8)}84%{opacity:1;transform:scale(1.9)}100%{opacity:0;transform:scale(2.8)}}
@media(max-width:520px){.cosmic-key-gift{height:155px;margin-bottom:5px}.gift-key{width:215px}.gift-aura{width:125px;height:125px}.intro.key-awarded .intro-ticket{bottom:max(27px,6%)}.intro.key-awarded .intro-ticket h3{font-size:22px}.intro.key-awarded .intro-ticket>.quiet-label{display:none}.cosmic-key-button{padding:7px 8px}.cosmic-key-button span{display:none}.cosmic-key-button svg{width:22px}.key-ritual{padding:16px}.ritual-scene{transform:scale(.84);height:175px}.key-ritual .ritual-title{font-size:16px}}
@media(max-height:650px){.intro.key-awarded .intro-ticket{bottom:24px}.intro .cosmic-key-gift{height:115px;margin:0 auto 0}.intro .gift-key{width:170px}.intro .gift-aura{width:90px;height:90px}.intro.key-awarded .intro-ticket h3{font-size:18px}.intro.key-awarded .intro-ticket>.quiet-label{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .award-play *,html:not(.motion-on) .key-ritual *{animation:none!important;transition:none!important}html:not(.motion-on) .ritual-key{opacity:0}}
.motion-off .award-play *,.motion-off .key-ritual *{animation:none!important;transition:none!important}.motion-off .ritual-key{opacity:0}