.welcome-gift{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;border-radius:0;padding:max(1.2rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#184445,#08151f 52%,#050b13);color:#edfff4;text-align:center;font-family:MulderPlay,system-ui,sans-serif;isolation:isolate}
.welcome-gift::backdrop{background:#040810}.gift-content{height:100%;max-width:65rem;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;overflow:auto;overscroll-behavior:contain}.gift-eyebrow{font-size:.65rem;letter-spacing:.3em;color:#aedec8;margin:0 0 1.1rem}.welcome-gift h1{font-size:clamp(27px,3.5vw,96px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0 0 1rem}.gift-copy{font-size:clamp(12px,.95vw,30px);line-height:1.7;color:#9dbcbf;margin:0}.gift-stage{position:relative;display:grid;place-items:center;width:min(36rem,78vw);height:clamp(130px,28vh,580px);min-height:110px;perspective:70rem;flex-shrink:1;margin:1rem 0}.gift-glow{position:absolute;width:65%;height:65%;border-radius:50%;background:#97f6cf30;filter:blur(45px);animation:gift-glow 3s ease-in-out infinite}.gift-box{position:relative;width:clamp(100px,13vw,340px);height:clamp(92px,12vw,310px);background:linear-gradient(125deg,#39746b,#17463f);border:1px solid #a7fadd55;border-radius:.7rem;box-shadow:1rem 1.5rem 3rem #0008,inset 0 1px 1px #c9fff799;transform:rotateX(8deg) rotateY(-18deg) rotateZ(-5deg);animation:gift-float 3.2s ease-in-out infinite;transition:opacity .6s,transform 1s}.gift-lid{position:absolute;inset:-9% -6% auto;height:22%;background:linear-gradient(115deg,#c6ffe2,#75c9ad);border:1px solid #e9fff9aa;border-radius:.4rem;box-shadow:0 .4rem 1rem #0006;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1s}.gift-ribbon{position:absolute;inset:0 39%;background:linear-gradient(90deg,#9ee8cb,#d6ffed 45%,#7bc8af);box-shadow:0 0 .4rem #0004}.gift-bow{position:absolute;left:28%;right:20%;top:-46%;font-size:clamp(55px,8vw,210px);line-height:1;color:#d2ffe9;text-shadow:0 .5rem 1rem #001f1688;transition:transform 1.2s,opacity 1s}.gift-m{position:absolute;inset:50% 0 auto;color:#112e27;font-size:clamp(30px,4vw,100px);font-weight:700;line-height:1}.gift-cover{position:absolute;width:min(85%,25rem);max-height:100%;object-fit:contain;border-radius:.8rem;border:1px solid #e5fff04d;box-shadow:0 1rem 4rem #0008;opacity:0;transform:translateY(3rem) scale(.4) rotateY(-20deg);transition:opacity .8s .35s,transform 1.2s .25s}.gift-unwrapped .gift-lid,.gift-unwrapped .gift-bow{transform:translate3d(0,-12rem,-5rem) rotateZ(28deg);opacity:0}.gift-unwrapped .gift-box{animation:none;opacity:0;transform:translateY(4rem) scale(.6)}.gift-unwrapped .gift-cover{opacity:1;transform:translateY(0) scale(1) rotateY(0)}.gift-actions{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap}.gift-actions .primary{border-radius:3rem;min-height:48px;padding:1.1rem 2rem;background:linear-gradient(135deg,#e6fff0,#a7e4c8);color:#123328;box-shadow:0 .5rem 2rem #0006,0 0 3rem #8ae4bc20}.gift-actions .tiny{color:#a8c2c2;min-height:44px}.gift-status{font-size:max(.72rem,12px);line-height:1.5;color:#b9dccc;max-width:36em;margin:.5rem 0 1.2rem;min-height:1.5em}.gift-error{color:#ffc6b4;font-size:max(.75rem,12px);max-width:35em;margin:1rem 0 0}.gift-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gift-stars i{position:absolute;left:calc(5% + var(--i)*4.7%);width:3px;height:3px;border-radius:50%;background:#d1ffeab0;box-shadow:0 0 15px #b5ffe6;animation:gift-particle calc(4s + var(--i)*.23s) ease-in-out infinite;animation-delay:calc(var(--i)*-.4s)}
@keyframes gift-float{50%{transform:translateY(-.6rem) rotateX(8deg) rotateY(-10deg) rotateZ(2deg)}}@keyframes gift-glow{50%{opacity:.4;transform:scale(.8)}}@keyframes gift-particle{0%,100%{opacity:.15;transform:translateY(2rem)}50%{opacity:.8;transform:translateY(-2rem)}}
@media(max-height:500px) and (orientation:landscape){.gift-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr auto;gap:0 2rem;text-align:left;align-items:center;max-width:70rem}.gift-eyebrow{grid-column:2;margin:0 0 .6rem;font-size:9px}.welcome-gift h1{grid-column:2;font-size:clamp(24px,3.6vw,46px);margin:0 0 .7rem}.gift-copy{grid-column:2;font-size:11px}.gift-stage{grid-column:1;grid-row:1/6;width:100%;height:70vh;margin:0}.gift-box{width:25vw;height:23vw;max-width:230px;max-height:210px}.gift-cover{width:100%}.gift-status{grid-column:2;font-size:11px;margin:.6rem 0}.gift-actions{grid-column:2;justify-content:start;gap:0 .7rem}.gift-actions .primary{font-size:12px;padding:.7rem 1.2rem}.gift-actions .tiny{font-size:10px}.gift-error{grid-column:2;font-size:11px}.gift-glow{filter:blur(30px)}}
@media(prefers-reduced-motion:reduce){.gift-box,.gift-glow,.gift-stars i{animation:none}.gift-box,.gift-cover,.gift-lid,.gift-bow{transition:none}}