/* DRSHOP atmospheric visual polish */
body{background:#0b0c12;background-image:radial-gradient(ellipse at 8% 8%,#a48bff15,transparent 34%),radial-gradient(ellipse at 88% 32%,#cafa6510,transparent 31%),radial-gradient(ellipse at 25% 76%,#536bf30c,transparent 36%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:-18% -10%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 25% 20%,#a48bff1b,transparent 25%),radial-gradient(ellipse at 75% 57%,#cafa6510,transparent 26%);filter:blur(36px);transform:translate3d(0,var(--atmosphere-offset,0px),0);animation:ambient-drift 18s ease-in-out infinite alternate}
body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#b7c0db 0.55px,transparent .55px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.announcement,#app,.footer{position:relative;z-index:1}.header{z-index:20}.search-panel{z-index:24}.mobile-nav{z-index:30}.mobile-sticky{z-index:18}
.hero-visual{box-shadow:0 30px 100px #7a68eb18,inset 0 0 50px #ffffff08}.hero-visual:before{animation:orbit-breathe 8s ease-in-out infinite}.hero-visual:after{animation:orbit-breathe 11s ease-in-out infinite reverse}.game-art{transition:transform .5s ease,box-shadow .5s ease}.hero-visual:hover .game-art{transform:rotate(-2deg) translateY(-4px);box-shadow:0 30px 90px #0009,0 0 35px #a48bff2a}
.category-card,.product-card{box-shadow:0 12px 34px #0002}.category-card{background:linear-gradient(145deg,#1c2030e8,#11131be8);isolation:isolate}.category-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;background:radial-gradient(circle at 82% 15%,#cafa6520,transparent 39%),linear-gradient(140deg,transparent 56%,#a48bff0d)}.category-card .cat-icon{box-shadow:0 0 24px #cafa6515}.product-card{background:linear-gradient(160deg,#171a25,#11131a);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.product-card:hover{box-shadow:0 22px 48px #0006,0 0 24px #a48bff12}.product-art{background:radial-gradient(circle at 50% 45%,#6450a2,#24233c 55%,#131621 100%)}.product-art:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,#ffffff14 48%,transparent 62%);transform:translateX(-120%);transition:transform .8s ease}.product-card:hover .product-art:after{transform:translateX(120%)}
.category-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:transform .7s ease,opacity .35s;z-index:0}.category-card:hover .category-image{transform:scale(1.07);opacity:.78}.category-card .cat-icon,.category-card b,.category-card small{position:relative;z-index:1}.category-card b,.category-card small{text-shadow:0 2px 12px #05060b}.product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:transform .65s ease,opacity .3s}.product-card:hover .product-image{transform:scale(1.06);opacity:1}.product-art.has-image .glyph{opacity:0;transform:scale(.8)}.product-art .glyph{transition:opacity .2s,transform .3s}.product-art.has-image:before{z-index:1;content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0b0c12a8)}.product-art .art-caption,.product-art .sale{z-index:2}
.option-chip{display:inline-flex;align-items:center;gap:8px;overflow:hidden}.platform-image{width:42px;height:42px;flex:0 0 42px;object-fit:cover;border-radius:10px;box-shadow:0 2px 14px #0007}.option-chip.has-platform-image{padding:5px 11px 5px 5px;border-color:#5e6c3b;background:linear-gradient(120deg,#1b1f28,#22251a)}
.scroll-reveal{opacity:0;transform:translateY(24px) scale(.99);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.category-card.scroll-reveal,.product-card.scroll-reveal,.review-card.scroll-reveal,.faq-item.scroll-reveal{transition-delay:var(--reveal-delay,0ms)}
@keyframes ambient-drift{from{translate:0 -1.5%}to{translate:1.5% 2%}}@keyframes orbit-breathe{0%,100%{opacity:.5;scale:.97}50%{opacity:1;scale:1.04}}
@media(max-width:640px){body{background-attachment:scroll}.product-card:hover{transform:translateY(-2px)}.scroll-reveal{transform:translateY(14px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-reveal{opacity:1;transform:none}}

/* Deeper editorial atmosphere and premium storefront surfaces */
body{background-color:#080910;background-image:radial-gradient(ellipse 78% 46% at 50% -10%,#6953c22e,transparent 76%),radial-gradient(ellipse 38% 30% at 100% 27%,#cafa6517,transparent 76%),radial-gradient(ellipse 42% 35% at 0% 57%,#415dd01c,transparent 72%),linear-gradient(180deg,#0a0b12 0%,#0c0d15 44%,#090a11 100%)}
body:before{background:radial-gradient(ellipse at 18% 18%,#a48bff20,transparent 31%),radial-gradient(ellipse at 81% 43%,#cafa6513,transparent 32%),radial-gradient(ellipse at 45% 83%,#5068d117,transparent 37%);filter:none;opacity:.75;animation:none;transform:none}
body:after{opacity:.16;background-image:radial-gradient(#c7cce0 0.65px,transparent .65px),linear-gradient(115deg,transparent 0 48%,#ffffff04 48.2% 48.3%,transparent 48.5%);background-size:34px 34px,100% 100%;mask-image:linear-gradient(to bottom,#000 0%,#000 28%,transparent 82%)}
.header{background:linear-gradient(180deg,#10111ced,#0b0c12e8);border-bottom-color:#ffffff12;box-shadow:0 12px 45px #0004}
.announcement{background:linear-gradient(90deg,#151426,#171b13 48%,#151426);border-bottom:1px solid #ffffff0a}
.hero{min-height:555px}.hero-copy h1{text-shadow:0 8px 38px #a48bff14}.hero-visual{background:radial-gradient(ellipse at 50% 45%,#443a75 0%,#22243d 42%,#10121b 78%);border-color:#ffffff1b;box-shadow:0 35px 100px #17122e80,inset 0 0 70px #a48bff0d}
.hero-visual:before,.hero-visual:after{border-color:#d7d1ff20}.game-art{box-shadow:0 28px 90px #000a,0 0 45px #9878ff20}
.section{position:relative}.section-head{position:relative}.section-head:after{content:"";position:absolute;right:0;bottom:-12px;width:min(100%,460px);height:1px;background:linear-gradient(90deg,transparent,#a48bff3d,#cafa6544)}
.category-card{border-color:#ffffff14;background:linear-gradient(145deg,#202233e8,#10121beF);box-shadow:0 16px 40px #0004,inset 0 1px #ffffff0b}.category-card:hover{border-color:#cafa654f;box-shadow:0 18px 46px #0007,0 0 28px #cafa6512}
.product-card{border-color:#ffffff15;background:linear-gradient(155deg,#1a1c2a,#11131c 72%);box-shadow:0 15px 42px #0005,inset 0 1px #ffffff0a}.product-card:hover{border-color:#b6c96b70;box-shadow:0 24px 52px #0008,0 0 32px #a48bff19}.product-art{background:radial-gradient(circle at 50% 42%,#65539b,#28263f 55%,#11131b 100%)}.product-image{opacity:.9;filter:saturate(1.08) contrast(1.03)}.product-art.has-image:before{inset:28% 0 0;background:linear-gradient(transparent 8%,#0b0c12c4)}
.benefits,.advisor,.review-card,.box{box-shadow:0 16px 44px #0003,inset 0 1px #ffffff08}.benefits{background:linear-gradient(120deg,#191a27,#11131b 58%,#171a20);border-color:#ffffff17}.advisor{background:radial-gradient(ellipse at 15% 30%,#9e81ff14,transparent 50%),linear-gradient(120deg,#191725,#10121a);border-color:#a48bff35}
.footer{background:linear-gradient(180deg,transparent,#090a11 24%);border-top:1px solid #ffffff0b}
@media(max-width:640px){.hero{min-height:0}.hero-visual{box-shadow:0 20px 55px #17122e77,inset 0 0 40px #a48bff0d}}

/* Visible neon parallax atmosphere */
.ambient-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}
.ambient-blob{position:absolute;display:block;border-radius:50%;filter:none;will-change:transform}
.ambient-blob-violet{width:min(48vw,680px);height:min(58vh,620px);top:-25vh;right:-15vw;background:radial-gradient(ellipse at center,#9a62ff65 0%,#753fe52d 37%,transparent 72%);transform:translate3d(0,var(--scroll-parallax-far,0px),0)}
.ambient-blob-lime{width:min(38vw,500px);height:min(50vh,520px);top:34vh;left:-18vw;background:radial-gradient(ellipse at center,#cafa6548 0%,#91bd3a20 42%,transparent 73%);transform:translate3d(0,var(--scroll-parallax-near,0px),0)}
.ambient-blob-blue{width:min(46vw,630px);height:min(46vh,500px);right:12vw;bottom:-31vh;background:radial-gradient(ellipse at center,#4f73ff4a 0%,#624fe41c 45%,transparent 74%);transform:translate3d(0,var(--scroll-parallax-far,0px),0)}
.ambient-scene:after{content:"";position:absolute;inset:0;opacity:.34;background:linear-gradient(135deg,transparent 18%,#ffffff05 18.1%,transparent 18.3% 73%,#a48bff08 73.2%,transparent 73.4%);mask-image:linear-gradient(to bottom,#000,transparent 72%)}
@keyframes neon-float-violet{to{translate:-5vw 4vh;scale:1.13}}@keyframes neon-float-lime{to{translate:4vw -5vh;scale:1.17}}@keyframes neon-float-blue{to{translate:-4vw -4vh;scale:1.12}}
@media(max-width:640px){.ambient-blob-violet{width:90vw;height:45vh;right:-40vw}.ambient-blob-lime{width:72vw;height:40vh;left:-40vw}.ambient-blob-blue{width:80vw;height:38vh;right:-12vw}}
@media(prefers-reduced-motion:reduce){.ambient-blob{animation:none!important;will-change:auto}}

/* Restore the soft scroll-in entrance for storefront and message cards */
.scroll-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .66s ease var(--reveal-delay,0ms),transform .66s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:640px){.scroll-reveal{transform:translate3d(0,14px,0)}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal.is-visible{opacity:1;transform:none;transition:none;animation:none!important;will-change:auto}}
