/* Perspective stays on decorative layers, leaving text, scroll and click targets still. */
[data-design-depth]{--depth-x:0;--depth-y:0}
.depth-scene,.depth-tile-scene{position:relative;display:block;isolation:isolate;pointer-events:none;flex:none;color:#d7d3f5}
.depth-scene{width:100%;height:100%;max-width:560px;aspect-ratio:440/370;perspective:900px}
.depth-scene svg{width:100%;height:100%;display:block;overflow:visible}
.depth-halo{position:absolute;inset:17% 15% 12%;border-radius:50%;background:radial-gradient(ellipse,#b2d8cd18,transparent 70%)}
.depth-floor{position:absolute;inset:0;opacity:.9}
.depth-object{position:absolute;inset:0;transform:translate3d(calc(var(--depth-x)*9px),calc(var(--depth-y)*-7px),0) rotateX(calc(var(--depth-y)*-4deg)) rotateY(calc(var(--depth-x)*7deg));transition:transform .55s cubic-bezier(.2,.7,.25,1);transform-origin:50% 60%}
.depth-pearl{position:absolute;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 29% 23%,#f2eaff,#c3b2de 52%,#796b99);box-shadow:2px 5px 9px #06091522;transform:translate3d(calc(var(--depth-x)*-5px),calc(var(--depth-y)*-5px),0);transition:transform .65s ease}
.depth-pearl-one{inset:21% auto auto 19%;width:13px;height:13px}
.depth-pearl-two{inset:auto 15% 24% auto;background:radial-gradient(circle at 28% 24%,#f3fff3,#9cc9b9 55%,#527e7b)}
.campaign.has-depth-art>.depth-scene{position:absolute;inset-block:0;inset-inline-end:2%;width:49%;z-index:-1;margin:auto}
.campaign.has-depth-art{background:radial-gradient(ellipse at 82% 50%,#b1c4e00b,transparent 60%),var(--art-surface)!important}
.campaign.has-depth-art .campaign-copy{position:relative;z-index:1}
.campaign-pair .campaign.has-depth-art>.depth-scene{width:43%;inset-inline-end:-1%}
.home-mini-ad[data-design-depth]{gap:4px;min-height:158px;padding-block:20px}
.home-mini-ad[data-design-depth]>div{flex:1}
.depth-tile-scene{width:128px;height:118px;--tile-light:#e9d9ef;--tile-edge:#947990}
.home-ad-skins .depth-tile-scene{--tile-light:#f7e8c6;--tile-edge:#a88c59}
.home-ad-gift .depth-tile-scene{--tile-light:#d8e3f8;--tile-edge:#6e87b5}
.depth-tile-floor{position:absolute;inset:auto 6px 1px 5px;height:31px;border-radius:50%;background:radial-gradient(ellipse,#0b122521,transparent 70%);border:1px solid color-mix(in srgb,var(--tile-edge) 16%,transparent);transform:rotate(-8deg)}
.depth-tile-object{position:absolute;inset:3px 17px 22px;transform-style:preserve-3d;transform:perspective(600px) translate3d(calc(var(--depth-x)*6px),calc(var(--depth-y)*-5px),0) rotateX(calc(15deg + var(--depth-y)*-5deg)) rotateY(calc(-24deg + var(--depth-x)*9deg)) rotateZ(9deg);transition:transform .55s cubic-bezier(.2,.7,.25,1)}
.depth-tile-back{position:absolute;inset:4px -1px -8px 4px;border-radius:25px;background:linear-gradient(125deg,var(--tile-light),var(--tile-edge));box-shadow:7px 13px 13px #090e1b20}
.home-mini-ad .depth-tile-scene .catalog-visual.game-brand{position:absolute;inset:0;width:100%;height:100%;--mark-height:100%;transform:translateZ(4px);transition:none}
.home-mini-ad .depth-tile-scene .brand-ink{width:100%;height:100%;box-shadow:inset 0 1px 0 #fff9;border:1px solid #ffffff40;border-radius:25%;overflow:hidden}
.depth-tile-scene .depth-pearl-one{inset:13% auto auto 1%;width:10px;height:10px}
.depth-tile-scene .depth-pearl-two{inset:auto 2% 26% auto;width:15px;height:15px}
.premium-showcase.home-curated .showcase-kicker{display:flex;align-items:center;gap:8px}
.premium-showcase.home-curated .showcase-kicker::before{content:'';width:9px;height:9px;display:block;border-radius:2px;background:linear-gradient(135deg,#f9e7b3,#ba8d45);box-shadow:2px 2px 0 #83643d;transform:rotate(-30deg) skew(8deg)}
@media(min-width:1920px){.campaign.has-depth-art>.depth-scene{inset-inline-end:7%}}
@media(max-width:1100px) and (min-width:701px){.depth-tile-scene{width:100px;height:100px}.depth-tile-object{inset:7px 14px 17px}.home-mini-ad[data-design-depth]{padding:17px;gap:0}.home-mini-ad[data-design-depth] strong{font-size:15px}}
@media(max-width:760px){.store-body .home-campaigns .campaign.has-depth-art>.depth-scene{inset-block:20px auto;inset-inline-end:-5%;width:43%;height:180px;opacity:.9}.home-small-campaigns .campaign.has-depth-art>.depth-scene{inset-block:0;width:43%;height:100%}}
@media(max-width:700px){.home-mini-ad[data-design-depth]{min-height:132px;padding:13px 21px}.depth-tile-scene{width:116px;height:106px}.home-mini-ad[data-design-depth]>div{max-width:65%}.home-mini-ad[data-design-depth] strong{font-size:19px}.home-small-campaigns .campaign.has-depth-art>.depth-scene{width:41%;inset-inline-end:-2%}.depth-scene .depth-pearl{display:none}}
@media(max-width:350px){.home-mini-ad[data-design-depth]{padding-inline:15px}.depth-tile-scene{width:95px;height:100px}.home-mini-ad[data-design-depth] strong{font-size:17px}.depth-tile-object{inset:10px 10px 18px}.store-body .home-campaigns .campaign.has-depth-art>.depth-scene{width:40%;inset-inline-end:-6%;opacity:.75}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){[data-design-depth]{--depth-x:0!important;--depth-y:0!important}.depth-object,.depth-tile-object,.depth-pearl{transition:none}}

.game-spotlights{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;padding-block:8px 17px;isolation:isolate}
.game-spotlight{--card-x:0;--card-y:0;position:relative;display:block;width:100%;aspect-ratio:.67;min-height:230px;max-height:380px;min-width:0;padding:0;overflow:hidden;border:1px solid #ffffff25;border-radius:19px;background:#1b2536;text-align:start;color:#fff;cursor:pointer;box-shadow:0 8px 19px #00000016;transform:perspective(900px) rotateX(calc(var(--card-y)*-7deg)) rotateY(calc(var(--card-x)*9deg));transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s,border-color .32s}
.game-spotlight>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transform:scale(1.04) translate(calc(var(--card-x)*-4px),calc(var(--card-y)*-4px));transition:transform .4s ease}
.game-spotlight::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080e1900 15%,#080e1933 46%,#080e19eb 100%);pointer-events:none}
.game-spotlight .spotlight-gloss{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--card-x)*45%) calc(50% + var(--card-y)*45%),#ffffff25,transparent 65%);opacity:0;transition:opacity .3s}
.game-spotlight[data-tilting]{border-color:#ffffff70;box-shadow:0 18px 28px #0004}
.game-spotlight[data-tilting] .spotlight-gloss{opacity:1}
.spotlight-copy{position:absolute;z-index:1;inset:auto 17px 21px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;pointer-events:none}
.spotlight-copy .catalog-visual.game-brand{width:35px;height:35px;--mark-height:35px;filter:drop-shadow(0 3px 7px #0004)}
.spotlight-copy strong{font-size:21px;line-height:1.1;letter-spacing:-.6px;overflow-wrap:anywhere}
.spotlight-copy small{display:flex;align-items:center;gap:7px;font-size:10px;color:#d3dcf1}.spotlight-copy .ico{width:13px;height:13px}
.listing-preview{--card-x:0;--card-y:0;max-height:calc(100dvh - 96px)}
.listing-preview.is-open{transform-origin:center;transform:perspective(1100px) translate3d(calc(var(--card-x)*4px),calc(var(--card-y)*3px),0) rotateX(calc(var(--card-y)*-6deg)) rotateY(calc(var(--card-x)*8.5deg)) scale(var(--preview-lift,1));transition:opacity .15s ease,transform .52s cubic-bezier(.16,1.08,.3,1),border-color .25s,box-shadow .35s}
.listing-preview[data-tilting]{--preview-lift:1.012;border-color:#d0bfff99;box-shadow:0 32px 85px #0009,0 0 0 1px #c1b2f538,inset 0 1px 0 #ffffff35;transition:opacity .15s ease,transform .2s cubic-bezier(.2,.85,.3,1),border-color .25s,box-shadow .35s}
.model-available{position:absolute;z-index:3;top:10px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:4px;border:1px solid #ffffff90;border-radius:7px;padding:4px 7px;background:#eef2f7df;color:#33465e;font-size:9px;font-weight:750;pointer-events:none}
[dir=rtl] .model-available{inset-inline-end:auto;inset-inline-start:10px}
.preview-model-toggle{position:absolute;top:12px;inset-inline-end:50px;z-index:2;min-height:30px;max-width:190px;padding:5px 10px;border:1px solid #ffffff70;border-radius:8px;background:#eef2f7e8;color:#26354c;font-size:10px;font-weight:700;cursor:pointer}
.preview-model-toggle.is-loading::after{content:'';display:inline-block;width:9px;height:9px;margin-inline-start:6px;border:1.5px solid #33465e40;border-top-color:#33465e;border-radius:50%;animation:preview-model-loading .8s linear infinite}
.preview-media-status{position:absolute;top:50px;inset-inline:16px;z-index:2;font-size:10px;padding:7px 10px;border-radius:8px;background:#edf2f8f2;color:#33465e;pointer-events:none}
@keyframes preview-model-loading{to{transform:rotate(360deg)}}
@media(max-width:1100px){.game-spotlights{grid-template-columns:repeat(3,minmax(0,1fr))}.game-spotlight{max-height:345px}.spotlight-copy strong{font-size:22px}}
@media(max-width:700px){.game-spotlights{gap:10px}.game-spotlight{min-height:0;aspect-ratio:.64;border-radius:13px}.spotlight-copy{inset:auto 10px 13px;gap:8px}.spotlight-copy strong{font-size:14px;letter-spacing:-.2px}.spotlight-copy .catalog-visual.game-brand{width:25px;height:25px;--mark-height:25px}.spotlight-copy small{display:none}}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.game-spotlight,.listing-preview.is-open{transform:none!important;transition:opacity .15s}.game-spotlight>img{transform:none;transition:none}.spotlight-gloss{display:none}.preview-model-toggle.is-loading::after{animation:none}}

/* Pointer depth is stronger on the preview; photos keep their original colours. */
.listing-preview .preview-visual{inset:-7px;transform:translate3d(calc(var(--card-x)*-5px),calc(var(--card-y)*-4px),0) scale(1.035);transition:transform .42s cubic-bezier(.16,.85,.3,1)}
.listing-preview .preview-content{position:relative;isolation:isolate}
.listing-preview .preview-content::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at calc(50% + var(--card-x)*44%) calc(40% + var(--card-y)*42%),#c4b6ff1c,transparent 68%);opacity:0;transition:opacity .3s}
.listing-preview[data-tilting] .preview-content::before{opacity:1}
.store-light .listing-preview[data-tilting]{border-color:#9984ca99;box-shadow:0 30px 70px #26375b40,0 0 0 1px #9884cf2b,inset 0 1px 0 #fff9}
.store-light .listing-preview .preview-content::before{background:radial-gradient(ellipse at calc(50% + var(--card-x)*44%) calc(40% + var(--card-y)*42%),#8e74cf16,transparent 68%)}
.listing-preview:focus-within.is-open{transform:none}.listing-preview:focus-within .preview-visual{transform:none}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.listing-preview .preview-visual{transform:none!important;transition:none}.listing-preview .preview-content::before{display:none}.listing-preview[data-tilting]{box-shadow:0 24px 70px #0006}}