/* Local storefront review: one consistent card grid and a layered wordmark. */
#game-grid {grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;}
#game-grid>.game-card {grid-column:auto;height:340px;min-width:0;}
.header {gap:20px;}
.header .header-right {gap:10px;}
.header .header-right>button {min-height:46px;border:1px solid #bdc9e538;border-radius:13px;background:linear-gradient(140deg,#232c4140,#11162575);box-shadow:inset 0 1px #ffffff08;padding:11px 16px;gap:9px;font-size:12px;white-space:nowrap;}
.header .header-right>button:hover {border-color:#d5b57880;background:#37435f48;}
.header .header-right>button svg {width:18px;height:18px;flex:none;}
.header .store-wordmark {perspective:600px;display:block;min-width:147px;height:42px;overflow:visible;}
.store-logo-3d {position:relative;display:inline-block;width:147px;height:36px;font:800 32px/36px var(--sans);letter-spacing:-1.6px;transform-style:preserve-3d;transform-origin:50% 50%;animation:store-logo-orbit 8s ease-in-out infinite;}
.store-logo-depth,.store-logo-face {position:absolute;inset:0;white-space:nowrap;backface-visibility:hidden;}
.store-logo-depth {color:#635035;transform:translateZ(var(--logo-z));text-shadow:0 1px #17171f;}
.store-logo-face {transform:translateZ(1px);text-shadow:0 1px #ffffff25,0 -1px #0005;}
.store-logo-face .brand-in {color:#f4f5fc;}
.store-logo-face .brand-store {background:linear-gradient(145deg,#fff0b4 15%,#dbab5b 52%,#fff1c4 85%);color:transparent;background-clip:text;-webkit-background-clip:text;}
@keyframes store-logo-orbit {0%,100%{transform:rotateX(3deg) rotateY(-6deg) translateY(1px);}50%{transform:rotateX(-2deg) rotateY(5deg) translateY(-2px);}}
html[data-color-mode=dark] body {background:#080d1a;}
html[data-color-mode=dark] .site-atmosphere {background:radial-gradient(ellipse at 8% 5%,#384c733d,transparent 40%),radial-gradient(ellipse at 94% 28%,#5d426f30,transparent 45%),radial-gradient(ellipse at 46% 86%,#37666e20,transparent 48%),linear-gradient(150deg,#10192b,#080b16 60%,#11111f);}
html[data-color-mode=dark] .atmosphere-grid {opacity:.3;background-image:linear-gradient(#8b9abe0a 1px,transparent 1px),linear-gradient(90deg,#8b9abe0a 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(transparent,#000 20%,transparent 90%);}
html[data-color-mode=dark] .atmosphere-orbit {border-color:#decaa30b;box-shadow:0 0 0 5vw #b5b6d703,0 0 0 12vw #c3ad7302;}
html[data-color-mode=dark] .header {background:#0d14228f;border-bottom-color:#b6c1de20;}
html[data-color-mode=light] .header .header-right>button {background:linear-gradient(145deg,#fff,#edf1f7);color:#293142;border-color:#9faac840;}
html[data-color-mode=light] .store-logo-face .brand-in {color:#293243;}
html[data-color-mode=light] .store-logo-face .brand-store {background:linear-gradient(145deg,#aa7629,#684917);background-clip:text;-webkit-background-clip:text;}
body.page-hidden .store-logo-3d,body.reduced-motion .store-logo-3d,body.system-reduced .store-logo-3d {animation:none;transform:none;}
@media(max-width:1100px) {#game-grid>.game-card {height:300px;}}
@media(max-width:760px) {#game-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}#game-grid>.game-card {height:268px;}}
@media(max-width:640px) {.header {display:grid;justify-items:center;gap:12px;height:auto;min-height:122px;padding:15px 16px 13px;}.header .header-right {display:grid;width:100%;grid-template-columns:1.45fr 1fr 1fr;gap:8px;}.header .header-right>button {width:100%;justify-content:center;min-height:44px;padding:9px 8px;font-size:11px;gap:6px;}.header .theme-toggle-label {display:inline;}.header .store-wordmark {height:35px;}.store-logo-3d {font-size:30px;line-height:34px;}}
@media(max-width:360px) {#game-grid>.game-card {height:246px;}.header {padding-inline:12px;}.header .orders-button svg {display:none;}}
@media(prefers-reduced-motion:reduce) {.store-logo-3d {animation:none;transform:none;}}

/* Float the visible outer object, including loaded canvases, without moving its background. */
@keyframes store-art-drift {0%,100%{translate:0 3px;rotate:-.45deg;}50%{translate:0 -3px;rotate:.45deg;}}
body:not(.page-hidden):not(.reduced-motion):not(.system-reduced) .mobile-art-active .model-fallback {animation:none!important;}
@media(prefers-reduced-motion:no-preference) {
 body:not(.page-hidden):not(.reduced-motion):not(.system-reduced) .mobile-art-active .art-foreground {animation:store-art-drift 9s ease-in-out infinite!important;animation-delay:var(--art-phase,0s)!important;animation-play-state:running!important;will-change:auto!important;}
}
.art-foreground {will-change:auto!important;}
.product-thumb .product-environment,.product-thumb .product-environment img {animation:none!important;}
@media(hover:hover) and (pointer:fine){
 .product-thumb[data-engaged=true] .product-object,.category-card[data-engaged=true] .category-art {transform:translate3d(calc(var(--px,0px)*.4),calc(var(--py,0px)*.4),0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important;transition:transform 280ms cubic-bezier(.22,.61,.36,1);}
 .category-card .category-art,.product-thumb .product-object {transition:transform 420ms cubic-bezier(.22,.61,.36,1);}
}

/* A richer, static colour field keeps the catalogue lightweight on phones. */
html[data-color-mode=dark] .site-atmosphere {background:radial-gradient(ellipse at 0% 0%,#285e776b,transparent 40%),radial-gradient(ellipse at 95% 22%,#7152ab58,transparent 48%),radial-gradient(ellipse at 15% 67%,#126e6845,transparent 42%),radial-gradient(ellipse at 100% 95%,#a45d4838,transparent 45%),linear-gradient(145deg,#0b1f31,#171529 50%,#091c25);}
html[data-color-mode=dark] .atmosphere-grid {opacity:.6;background-image:linear-gradient(#c1d3ee0d 1px,transparent 1px),linear-gradient(90deg,#c1d3ee0d 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 18%,transparent 96%);}
html[data-color-mode=dark] .atmosphere-orbit {border-color:#b4a4e322;box-shadow:0 0 0 4vw #8e71c407,0 0 0 10vw #3cbbc006;}
.header .store-wordmark,.footer .store-wordmark {width:209px;min-width:209px;height:48px;padding:0;background:none;box-shadow:none;overflow:visible;perspective:600px;}
.store-logo-3d {display:flex;align-items:center;gap:12px;width:209px;height:48px;animation:store-logo-orbit 10s ease-in-out infinite;}
.store-logo-gem {flex:none;width:39px;height:44px;overflow:visible;filter:drop-shadow(0 4px 5px #06091555);animation:store-gem-breathe 8s ease-in-out infinite;}
.store-logo-type {position:relative;width:155px;height:38px;display:block;transform-style:preserve-3d;font-size:34px;line-height:38px;}
.store-logo-depth {color:#5b493a;text-shadow:0 1px #17171f;}
.store-logo-glint {position:absolute;left:0;top:0;bottom:0;width:26px;opacity:0;background:linear-gradient(100deg,transparent,#fff6de45,transparent);transform:skewX(-20deg);pointer-events:none;animation:store-logo-glint 7s ease-in-out infinite;}
@keyframes store-gem-breathe {0%,100%{translate:0 1px;rotate:-3deg;}50%{translate:0 -2px;rotate:3deg;}}
@keyframes store-logo-glint {0%,60%,100%{opacity:0;translate:0 0;}68%{opacity:.6;}82%{opacity:0;translate:145px 0;}}
.footer {border-top:1px solid #c6c1e126;gap:28px;min-height:115px;background:linear-gradient(110deg,#192c354a,#32244540);}
.footer .store-wordmark {align-self:center;}
.footer #motion-toggle {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid #c2cce43d;border-radius:13px;padding:12px 18px;color:var(--ink);background:linear-gradient(145deg,#53617e2b,#22293950);font:600 12px var(--sans);white-space:nowrap;}
.footer #motion-toggle:hover {border-color:#d6b47a88;background:#63718c33;}
.footer #motion-toggle[aria-pressed=true] {border-color:#dfb773;color:#f9dfae;}
html[data-color-mode=light] .footer {background:linear-gradient(110deg,#d5ebe755,#e4def555);border-top-color:#65738328;}
html[data-color-mode=light] .footer #motion-toggle {background:#fff9;color:#293142;border-color:#9faac840;}
.store-wordmark:focus-visible,.motion-button:focus-visible {outline:2px solid #e3c58a;outline-offset:6px;}
body.page-hidden .store-logo-gem,body.reduced-motion .store-logo-gem,body.system-reduced .store-logo-gem,body.page-hidden .store-logo-glint,body.reduced-motion .store-logo-glint,body.system-reduced .store-logo-glint {animation:none;}
@media(max-width:640px) {.header .store-wordmark {height:43px;}.store-logo-type {font-size:32px;}.footer {padding-block:25px;justify-content:center;}.footer .store-wordmark {width:209px;}.footer #motion-toggle {font-size:11px;}}
@media(prefers-reduced-motion:reduce) {.store-logo-gem,.store-logo-glint {animation:none;}}

.header .header-right>.orders-button {max-width:none;}
.header .orders-button>span {max-width:none;overflow:visible;text-overflow:clip;}
html[data-color-mode=light] .store-logo-face .brand-store {color:transparent;-webkit-text-fill-color:transparent;}

/* Full, readable lettering with a shallow printed shadow, without a 3D renderer. */
.ix-marquee {cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;padding:14px 0;border-block:1px solid #c3c0de20;background:linear-gradient(90deg,#365b6812,#69457320,#365b6812);}
.ix-marquee.is-dragging {cursor:grabbing;}
.ix-mq-row,.ix-mq-group {display:flex;width:max-content;flex:none;}
.ix-mq-row [data-game] {display:inline-flex;align-items:center;padding:0;border:0;background:none;cursor:inherit;font:800 clamp(30px,4.8vw,62px)/1.2 var(--display);text-transform:uppercase;letter-spacing:.015em;white-space:nowrap;color:#dae6f4;-webkit-text-stroke:.5px #f9fbff80;text-shadow:0 2px #51657b,0 4px #18273d,0 7px 12px #050e2077;transition:color .2s;}
.ix-mq-row [data-game]:nth-child(even) {color:#edcfa4;-webkit-text-stroke:.5px #fff1d080;text-shadow:0 2px #846649,0 4px #31243e,0 7px 12px #090a1a77;}
.ix-mq-row [data-game]:hover {color:var(--c,#fff);}
.ix-mq-row [data-game]::after {content:"";flex:none;width:.16em;height:.16em;margin:0 .6em;background:var(--c,#e3c58a);transform:rotate(45deg);box-shadow:0 2px #ffffff1c;}
.ix-mq-row [data-game]:focus-visible {outline:2px solid #e3c58a;outline-offset:3px;}
html[data-color-mode=light] .ix-mq-row [data-game] {color:#3b556d;-webkit-text-stroke:0;text-shadow:0 1px #fff,0 3px #a5bccb;}
html[data-color-mode=light] .ix-mq-row [data-game]:nth-child(even) {color:#856543;text-shadow:0 1px #fff,0 3px #d2c0a6;}

.roulette-palette {position:absolute;inset:0;opacity:0;transition:opacity 2.8s cubic-bezier(.25,.1,.25,1);pointer-events:none;}
.roulette-palette.is-current {opacity:1;}
.site-atmosphere .atmosphere-grid,.site-atmosphere .atmosphere-orbit {z-index:1;}
html[data-color-mode=light] {--paper:#faf8f2;}
html[data-color-mode=light] body,html[data-color-mode=light] .site-atmosphere {background:#faf8f2!important;}
html[data-color-mode=light] .site-atmosphere>* {display:none!important;}
html[data-color-mode=light] .header {background:#faf8f2ef;}
body.reduced-motion .roulette-palette,body.system-reduced .roulette-palette {transition:none;}
@media(prefers-reduced-motion:reduce) {.roulette-palette {transition:none;}}

.site-atmosphere[data-palette] .ix-ambient {display:none;}
/* Foreground motion is visibility-gated; environments remain still. */
.category-backdrop {animation:none!important;}

.catalog-product-results {margin-top:28px;}
.catalog-product-results h3 {margin:0 0 18px;font-size:24px;}
.catalog-product-results h3 span {color:var(--muted);font-size:15px;margin-left:8px;}
.catalog-product-results .search-more {display:block;margin:24px auto 0;}
.catalog-product-results[hidden],.catalog-product-results .search-more[hidden] {display:none;}