.oshi-gift-opening.oshi-gift-opening-grand{--card:#102235;--foreground:#f5f8fc;--primary:#f7dda0;--primary-foreground:#17283a;--border:#405569;--muted-foreground:#bfd0de;width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--foreground);background:0 0;border:0;border-radius:0;margin:0;padding:0;inset:0;overflow:hidden;animation:none!important}.oshi-gift-opening-grand[open]{place-items:center;display:grid}.oshi-gift-opening-grand::backdrop{background:radial-gradient(at 50% 38%,#143747e8,#050e1af0 75%)}.oshi-gift-grand-card{z-index:2;box-sizing:border-box;text-align:center;scrollbar-width:thin;scrollbar-color:#668095 transparent;background:linear-gradient(145deg,#183147,#0a1828 68%);border:1px solid #d9bd7b;border-radius:20px;width:min(440px,100vw - 32px);max-height:90dvh;padding:20px;position:relative;overflow:auto;box-shadow:0 0 0 4px #f3d79012,0 20px 80px #0008}.oshi-gift-opening-grand[data-celebrating=true] .oshi-gift-grand-card{animation:.65s cubic-bezier(.16,.8,.24,1) both oshi-grand-card-enter}.oshi-gift-opening-grand .oshi-gift-edition{color:#ffe6ac;background:#ffe5a812;border:1px solid #e3c58465;border-radius:20px;width:fit-content;max-width:calc(100% - 72px);margin:0 auto 10px;padding:4px 10px;font-size:11px;font-weight:700}.oshi-gift-opening-grand .oshi-gift-get{letter-spacing:.015em;color:#ffe6ad;margin:8px 0 16px;font-size:22px;animation:none}.oshi-gift-opening-grand .oshi-gift-opening-close{z-index:5;color:#f5f8fc;background:#ffffff0b;position:absolute;top:10px;right:10px}.oshi-gift-opening-grand .oshi-gift-art-stage{isolation:isolate;background:radial-gradient(at 50% 65%,#21394d,#050a12 75%);border:1px solid #f3dcab9c;border-radius:14px;width:min(100%,280px);margin-inline:auto;animation:none;overflow:hidden}.oshi-gift-opening-grand .oshi-gift-opening-art{object-fit:contain;width:100%;height:auto;max-height:34dvh;animation:none}.oshi-gift-opening-grand[data-celebrating=true] .oshi-gift-opening-art{animation:1s cubic-bezier(.16,.8,.24,1) .85s both oshi-grand-prize-reveal}.oshi-gift-opening-grand .oshi-gift-shine{background:linear-gradient(110deg,#0000 35%,#fff3d9a0 50%,#0000 65%);animation:1.1s ease-out 1.5s both oshi-gift-sweep}.oshi-gift-opening-grand .oshi-gift-figure-box{z-index:4;animation:.5s .8s both oshi-grand-box-exit}.oshi-gift-opening-grand .oshi-gift-figure-base{background:linear-gradient(110deg,#166d94,#3ba3bc 48%,#174562);border:1px solid #61c8e3;border-radius:5px 5px 12px 12px;width:126px;height:102px;box-shadow:0 12px 30px #0009,inset -12px 0 20px #00223466}.oshi-gift-opening-grand[data-celebrating=true] .oshi-gift-figure-base{animation:.85s both oshi-grand-box-charge}.oshi-gift-opening-grand .oshi-gift-figure-lid{background:linear-gradient(110deg,#2786a9,#63c8d6,#287da3);border:1px solid #83d7e8;width:138px;height:24px;margin-left:-6px;animation:.65s .45s both oshi-grand-lid-launch}.oshi-gift-opening-grand .oshi-gift-figure-base:after,.oshi-gift-opening-grand .oshi-gift-figure-lid:after{background:linear-gradient(90deg,#be9c50,#ffebb0 45%,#cfb268)}.oshi-gift-opening-grand h2{color:#fff4d8;margin:12px 0 4px;font-size:18px;font-weight:750}.oshi-gift-opening-grand small{color:#c9d6e0;font-size:12px}.oshi-gift-opening-grand .oshi-gift-message{background:#ffffff06;border-color:#60768a70}.oshi-gift-opening-grand[data-celebrating=true] .oshi-gift-message{animation:.55s 1.2s both oshi-gift-message-arrive}.oshi-gift-opening-grand .oshi-gift-message>p{color:#f3f7fc}.oshi-gift-opening-grand .oshi-gift-message>span{color:#f6dca0}.oshi-gift-opening-grand .oshi-gift-receipt-note{color:#b5c9d8}.oshi-gift-opening-grand .oshi-gift-opening-actions .o-primary{color:#13263a;background:linear-gradient(110deg,#f8e7bc,#deb96b);border-color:#ffe7a8;font-weight:750}.oshi-gift-opening-grand .oshi-gift-opening-actions .o-text-link{color:#f7dda0}.oshi-gift-opening-grand[data-celebrating=false] :is(.oshi-gift-opening-art,.oshi-gift-message,.oshi-gift-shine){animation:none}.oshi-gift-opening-grand[data-celebrating=false] :is(.oshi-gift-figure-box,.oshi-gift-shine){display:none}.oshi-gift-grand-fx{z-index:1;pointer-events:none;contain:layout paint;position:absolute;inset:0;overflow:hidden}.oshi-gift-grand-rays{aspect-ratio:1;opacity:0;background:repeating-conic-gradient(#0000 0deg 15deg,#f4d59b3d 18deg 25deg,#0000 30deg 45deg);border-radius:50%;width:min(145vw,1200px);animation:3s ease-out .55s both oshi-grand-rays;position:absolute;top:38%;left:50%}.oshi-gift-grand-glow{opacity:0;background:radial-gradient(at 50% 38%,#fff5c66e,#0000 65%);animation:1.2s ease-out .7s both oshi-grand-glow;position:absolute;inset:0}.oshi-gift-grand-ring{opacity:0;border:2px solid #ffe8b4;border-radius:50%;width:60px;height:60px;margin:-30px;animation:1.2s ease-out both oshi-grand-ring;position:absolute;top:38%;left:50%}.oshi-gift-grand-foil{position:absolute;inset:0}.oshi-gift-grand-foil>i{background:var(--color);opacity:0;width:7px;height:16px;animation:2.6s cubic-bezier(.12,.6,.38,1) both oshi-grand-foil;position:absolute;top:38%;left:50%}.oshi-gift-grand-foil>.is-diamond{width:10px;height:10px}.oshi-gift-grand-foil>.is-star{width:auto;height:auto;color:var(--color);background:0 0;font-size:22px;font-style:normal;line-height:1}.oshi-gift-grand-firework{width:1px;height:1px;position:absolute}.oshi-gift-grand-firework>i{background:linear-gradient(transparent,var(--color));opacity:0;border-radius:3px;width:3px;height:18px;animation:1s ease-out both oshi-grand-firework;position:absolute;top:0;left:0}@keyframes oshi-grand-card-enter{0%{opacity:0;transform:translateY(24px)scale(.82)}60%{opacity:1;transform:translateY(-5px)scale(1.025)}to{opacity:1;transform:none}}@keyframes oshi-grand-box-charge{0%{transform:scale(.85)}25%{transform:rotate(-5deg)scale(1.05)}40%{transform:rotate(5deg)scale(.98)}55%{transform:rotate(-3deg)scale(1.1)}75%{transform:rotate(2deg)scale(1.04)}to{transform:scale(1.18)}}@keyframes oshi-grand-lid-launch{20%{transform:translateY(-5px)rotate(-6deg)}to{opacity:0;transform:translate(-26px,-100px)rotate(-35deg)}}@keyframes oshi-grand-box-exit{to{opacity:0;transform:translateY(20px)scale(1.2)}}@keyframes oshi-grand-prize-reveal{0%{opacity:0;transform:scale(.45)rotate(-8deg)}60%{opacity:1;transform:scale(1.065)rotate(2deg)}80%{transform:scale(.985)}to{opacity:1;transform:none}}@keyframes oshi-grand-rays{0%{opacity:0;transform:translate(-50%,-50%)rotate(-25deg)scale(.4)}25%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)rotate(25deg)scale(1.3)}}@keyframes oshi-grand-glow{0%{opacity:0}35%{opacity:.8}to{opacity:0}}@keyframes oshi-grand-ring{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(14)}}@keyframes oshi-grand-foil{0%{opacity:0;transform:translate(0)rotate(0)scale(.3)}10%{opacity:1}50%{transform:translate(calc(var(--gx)*.8),calc(var(--gy)*.2 - 12vh)) rotate(calc(var(--spin)*.5));opacity:1}to{transform:translate(var(--gx),var(--gy)) rotate(var(--spin));opacity:0}}@keyframes oshi-grand-firework{0%{transform:rotate(var(--angle)) translateY(-8px) scaleY(.3);opacity:0}15%{opacity:1}to{transform:rotate(var(--angle)) translateY(-95px) scaleY(.3);opacity:0}}@media (max-width:600px){.oshi-gift-grand-card{width:calc(100vw - 32px);max-height:90dvh;padding:18px}.oshi-gift-opening-grand .oshi-gift-get{font-size:20px}.oshi-gift-grand-foil>i:nth-child(n+41),.oshi-gift-grand-firework:nth-last-child(-n+2){display:none}.oshi-gift-grand-ring{border-width:1px}}@media (min-width:761px){.oshi-gift-grand-card{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:24px;width:min(760px,100vw - 48px);padding:24px;display:grid}.oshi-gift-grand-card>.oshi-gift-edition,.oshi-gift-grand-card>.oshi-gift-opening-mark,.oshi-gift-grand-card>.oshi-gift-get{grid-column:1/-1}.oshi-gift-grand-card>.oshi-gift-art-stage{grid-area:3/1/8;align-self:center;width:100%}.oshi-gift-grand-card>h2{grid-area:3/2;align-self:end;margin-top:0}.oshi-gift-grand-card>#gift-opening-description{grid-area:4/2;margin-bottom:0}.oshi-gift-grand-card>.oshi-gift-message{grid-area:5/2;margin:12px 0}.oshi-gift-grand-card>.oshi-gift-receipt-note{grid-area:6/2;margin:8px 0}.oshi-gift-grand-card>.oshi-gift-opening-actions{grid-area:7/2}.oshi-gift-grand-card .oshi-gift-3d-canvas{height:min(44dvh,320px)}}@media (prefers-reduced-motion:reduce){.oshi-gift-grand-fx,.oshi-gift-opening-grand .oshi-gift-figure-box,.oshi-gift-opening-grand .oshi-gift-shine{display:none}.oshi-gift-opening-grand .oshi-gift-grand-card,.oshi-gift-opening-grand .oshi-gift-opening-art,.oshi-gift-opening-grand .oshi-gift-message{animation:none!important}}
