@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+Thai:wght@500;700;800&display=swap";
.gift-shop{position:relative}.gift-shop__open{isolation:isolate;cursor:pointer;color:#fff8e7;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(120deg,#3b0d16 0%,#7f1d1d 38%,#111827 70%,#0f172a 100%);border:0;font-weight:800;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:0 0 0 1px #fde68a8c,0 8px 22px #7f1d1d59}.gift-shop__open strong,.gift-shop__open em{z-index:2;display:block;position:relative;transform:skew(14deg)}.gift-shop__open em{letter-spacing:.22em;color:#fde68a;opacity:.9;font-size:.58rem;font-style:normal}.gift-shop__open strong{font-size:.82rem}.gift-shop__open--stage{padding:.48rem 1.15rem .5rem}.gift-shop__open--hover{background:linear-gradient(125deg,#2a0a12 0%,#9f1239 42%,#111827 78%,#0b1220 100%);border-radius:.55rem;padding:.46rem 1.05rem .5rem;overflow:hidden;transform:skew(-12deg);box-shadow:0 0 0 1px #fda4af73,0 10px 24px #7f1d1d47}.hub-live-gift-btn .gift-shop__open--hover{border-radius:.55rem;min-width:7.6rem}.gift-shop--hover .gift-shop__open strong,.gift-shop--hover .gift-shop__open em{transform:skew(12deg)}.gift-shop__open--hover strong{font-size:.72rem}.gift-shop__open-holo{opacity:.42;z-index:0;mix-blend-mode:screen;background:conic-gradient(from 90deg,#0000,#67e8f9,#f472b6,#fde68a,#22d3ee,#0000 62%);animation:4.8s linear infinite giftHoloSpin;position:absolute;inset:-40%}.gift-shop__open-slash{z-index:1;background:linear-gradient(105deg,#0000 36%,#ffffff8c 48%,#0000 58%);animation:2.8s ease-in-out infinite giftSlash;position:absolute;inset:0;transform:translate(-120%)}.gift-shop__open:hover{color:#fff;box-shadow:0 0 0 1px #fff,0 0 24px #facc1573}.gift-shop__open:hover .gift-shop__open-holo{opacity:.7}.gift-shop__layer{z-index:5200;isolation:isolate;overscroll-behavior:contain;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 42%,#7f1d1d57,#0000 38%),repeating-linear-gradient(-18deg,#0000 0 18px,#dc262614 18px 20px),#050308d1;place-items:center;padding:1.1rem;font-family:Noto Sans Thai,Bebas Neue,ui-sans-serif,system-ui,sans-serif;display:grid;position:fixed;inset:0}.gift-shop__slash{pointer-events:none;background:linear-gradient(90deg,#0000,#fff 28%,#dc2626 50%,#fde68a 62%,#0000);height:5.4rem;animation:.7s cubic-bezier(.2,.8,.2,1) forwards giftShopSlash;position:absolute;inset:36% -18%;transform:rotate(-16deg)scaleX(0)}.gift-shop__layer--hover{background:radial-gradient(circle at 50% 42%,#7f1d1d47,#0000 38%),#050308c7}.gift-shop__tada{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,#fde68a47,#0000 42%),repeating-linear-gradient(-18deg,#0000 0 18px,#dc262614 18px 20px);animation:1.5s ease-out forwards giftTada;position:absolute;inset:0}.gift-shop__tada:before,.gift-shop__tada:after{content:"";opacity:.7;background:#fff;width:8px;height:120vmax;animation:.55s ease-out forwards giftCut;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(18deg)}.gift-shop__tada:after{animation-delay:50ms;transform:translate(-50%,-50%)rotate(-22deg)}.gift-shop__panel{z-index:1;clip-path:polygon(0 0,100% 0,100% 94%,97% 100%,0 100%);border:1px solid color-mix(in srgb, var(--p5-gold,#fde68a) 55%, transparent);scrollbar-width:thin;scrollbar-color:#dc2626 #12080c;background:radial-gradient(circle at 12% 0,#fde68a2e,#0000 36%),linear-gradient(165deg,#2a0d14 0%,#08050c 42%,#120814 100%);border-radius:2px;width:min(78rem,100vw - 1.6rem);max-height:min(88vh,940px);padding:1.15rem 1.2rem 1.4rem;animation:.55s cubic-bezier(.16,1,.3,1) giftPanelIn;position:relative;overflow:auto;box-shadow:12px 12px #111,0 28px 90px #0000009e}.gift-shop__panel::-webkit-scrollbar{width:13px}.gift-shop__panel::-webkit-scrollbar-track{background:repeating-linear-gradient(-18deg,#0000 0 10px,#dc262629 10px 12px),linear-gradient(#1a0a10,#08050c);box-shadow:inset 0 0 0 1px #fde68a}.gift-shop__panel::-webkit-scrollbar-thumb{background:linear-gradient(#fde68a 0%,#dc2626 42%,#7f1d1d 100%);border:2px solid #111;box-shadow:2px 2px #fde68a}.gift-shop__panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#fff 0%,#fb7185 40%,#be123c 100%)}.gift-shop__panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#dc2626,#fde68a,#0000);height:10px;position:absolute;inset:auto 8% -6px}.gift-shop__panel--stage,.gift-shop__panel--hover{width:min(78rem,100vw - 1.6rem);height:auto;max-height:min(88vh,940px)}.gift-shop__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem;display:flex}.gift-shop__kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--p5-gold,#fde68a);margin:0;font-size:.68rem}.gift-shop__head h3{letter-spacing:.08em;text-shadow:3px 3px #be123c;margin:.15rem 0 .2rem;font-family:Bebas Neue,Noto Sans Thai,sans-serif;font-size:clamp(1.35rem,3vw,2.1rem);transform:skew(-8deg)}.gift-shop__wallet,.gift-shop__loyalty,.gift-shop__loyalty-hint,.gift-shop__boot,.gift-shop__err{color:#f4e8d4;margin:0;font-size:.82rem}.gift-shop__loyalty{color:#fda4af;letter-spacing:.04em;align-items:center;gap:.35rem;margin-top:.35rem;font-weight:800;display:flex}.gift-shop__loyalty-hint{color:#fecdd3;max-width:36rem;margin-top:.2rem;font-size:.72rem;line-height:1.45}.gift-shop__modes{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.gift-shop__mode,.gift-card__persona{color:#111;letter-spacing:.06em;background:#fff;align-items:center;padding:.22rem .6rem;font-size:.68rem;font-weight:800;animation:1.4s ease-in-out infinite giftModePulse;display:inline-flex;transform:skew(-12deg);box-shadow:3px 3px #be123c}.gift-shop__err{color:#fda4af;margin-bottom:.6rem}.gift-shop__close{color:#111;letter-spacing:.12em;text-transform:uppercase;background:#fff;border:0;padding:.55rem 1.05rem;font-weight:800;transform:skew(-12deg);box-shadow:5px 5px #be123c}.gift-shop__win{z-index:3;text-align:center;background:radial-gradient(circle at 50% 42%,#fde68a38,#0000 42%),#08040adb;place-items:center;padding:1.4rem;animation:.45s ease-out giftWinIn;display:grid;position:absolute;inset:0}.gift-shop__win img{object-fit:cover;border-radius:18px;width:7.5rem;height:7.5rem;box-shadow:0 0 40px #fde68a66}.gift-shop__win-kicker{letter-spacing:.28em;color:#fde68a;text-transform:uppercase;margin:.8rem 0 0;font-size:.72rem}.gift-shop__win h4{letter-spacing:.1em;color:#fff;text-shadow:5px 5px #be123c;margin:.25rem 0 0;font-family:Bebas Neue,Noto Sans Thai,sans-serif;font-size:clamp(1.8rem,5vw,3.2rem);transform:skew(-8deg)}.gift-shop__win strong{color:#fda4af;margin-top:.4rem;font-size:1.15rem;display:block}.gift-shop__win p{color:#f4e8d4;max-width:28rem;margin:.55rem 0 0;line-height:1.6}.gift-shop__win-cut{pointer-events:none;background:linear-gradient(90deg,#0000,#fff,#dc2626,#0000);height:4.2rem;animation:.7s ease-out forwards giftCut;position:absolute;inset:42% -20%;transform:rotate(-18deg)}.gift-shop__grid{grid-template-columns:repeat(auto-fill,minmax(11.2rem,1fr));gap:.75rem;display:grid}.gift-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;gap:.28rem;padding:.7rem;display:grid;position:relative;overflow:hidden}.gift-card__art{border-radius:10px;position:relative;overflow:hidden}.gift-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.gift-card__shine{pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff59 48%,#0000 62%);animation:3.6s ease-in-out infinite giftCardShine;position:absolute;inset:0;transform:translate(-130%)}.gift-card strong{font-size:.92rem}.gift-card em{color:var(--p5-gold,#fde68a);font-style:normal;font-weight:800}.gift-card p,.gift-card small,.gift-card span{color:#d6c7b8;margin:0;font-size:.72rem;line-height:1.35}.gift-card__credits{font-weight:700;color:#86efac!important}.gift-card__gag{color:#fde68a!important}.gift-card button{background:var(--p5-blood,#be123c);color:#fff;border:0;margin-top:.25rem;padding:.45rem .6rem;font-weight:700;transform:skew(-8deg)}.gift-card button:disabled{opacity:.45}.gift-card--rare{border-color:#67e8f973}.gift-card--epic{border-color:#c4b5fd8c}.gift-card--legendary{border-color:#facc1599}.gift-card--mythic{border-color:#22d3eea6;box-shadow:0 0 24px #22d3ee2e}.gift-card--bloom{box-shadow:0 0 18px #f9a8d447}.gift-card--holo{box-shadow:0 0 18px #67e8f938}.gift-card--cyber{background:repeating-linear-gradient(90deg,#0000,#0000 6px,#22d3ee0f 6px 7px),#ffffff0a}.gift-card--silver .gift-card__art{filter:drop-shadow(0 0 10px #e2e8f073)}.gift-card--gold .gift-card__art{filter:drop-shadow(0 0 12px #facc158c)}.gift-card--aurora{border-image:linear-gradient(135deg,#67e8f9,#c4b5fd,#fda4af) 1}.gift-card--rgb{animation:4s linear infinite giftRgb}.gift-card--glitch img{animation:1.8s steps(2,end) infinite giftGlitch}.gift-card--nova{box-shadow:0 0 22px #facc1559}.gift-card--cosmos{background:radial-gradient(circle at 80% 10%,#22d3ee38,#0000 40%),#ffffff0a}.gift-card.is-locked{opacity:.62;filter:grayscale(.25)}@keyframes giftHoloSpin{to{transform:rotate(360deg)}}@keyframes giftSlash{0%,55%{transform:translate(-120%)}70%{transform:translate(120%)}to{transform:translate(120%)}}@keyframes giftCardShine{0%,60%{transform:translate(-130%)}80%,to{transform:translate(130%)}}@keyframes giftShopSlash{to{transform:rotate(-16deg)scaleX(1)}}@keyframes giftPanelIn{0%{opacity:0;transform:translateY(18px)skew(-6deg)scale(.96)}to{opacity:1;transform:none}}@keyframes giftWinIn{0%{opacity:0;transform:scale(.86)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes giftTada{0%{opacity:.95}to{opacity:0}}@keyframes giftCut{0%{opacity:.9;transform:translate(-50%,-50%)scaleY(.1)rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%)scaleY(1)rotate(18deg)}}@keyframes giftRgb{0%{box-shadow:0 0 16px #f43f5e}33%{box-shadow:0 0 16px #22d3ee}66%{box-shadow:0 0 16px #a3e635}to{box-shadow:0 0 16px #f43f5e}}@keyframes giftGlitch{0%,80%,to{transform:none}84%{transform:translate(-1px,1px)skew(-4deg)}90%{transform:translate(2px,-1px)}}@keyframes giftModePulse{50%{transform:skew(-12deg)translateY(-1px)}}@media (max-width:720px){.gift-shop__panel,.gift-shop__panel--hover,.gift-shop__panel--stage{width:min(96vw,42rem);max-height:min(86vh,34rem)}}