/* v0.24.3 — homepage alignment, image consistency, neon discovery cards, accessible motion. */
:root{--pw-content-max:1380px;--pw-content-gutter:clamp(16px,2.7vw,32px)}
body[data-route="/"] .shell,
.shell:not(.prose-page),
body[data-route="/"] .hero-inner,
body[data-route="/"] .pw-ref-worlds,
body[data-route="/"] .footer-grid,
body[data-route="/"] .footer-bottom,
.footer-grid,
.footer-bottom,
.pw-topbar .nav-wrap{
  width:min(var(--pw-content-max),calc(100% - var(--pw-content-gutter) - var(--pw-content-gutter)));
  max-width:var(--pw-content-max);
  margin-inline:auto;
}
body[data-route="/"] main{min-width:0;overflow:clip}
body[data-route="/"] .hero-inner{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(20px,3vw,44px);min-height:640px;padding-block:30px 36px}
body[data-route="/"] .hero-copy,body[data-route="/"] .hero-visual{min-width:0}
body[data-route="/"] .hero h1{font-size:clamp(3rem,5vw,5.4rem);overflow-wrap:normal;line-height:1.075;text-wrap:balance}
body[data-route="/"] .hero-visual{height:auto;min-height:480px;align-self:center;display:grid;align-items:center}
body[data-route="/"] .pw-cinematic-scene{width:100%;height:clamp(390px,39vw,562px);max-width:100%;border-radius:22px}
body[data-route="/"] .pw-cinematic-image{object-fit:cover;object-position:50% 34%}
/* Featured worlds behave like the Discover by Game Type animated track. */
body[data-route="/"] .pw-ref-worlds{padding:14px 0 8px;margin-block:24px 20px;min-width:0}
.pw-ref-worlds-title{align-items:center}
.pw-ref-worlds-title h2{background:linear-gradient(96deg,#f8faff 15%,#6df6fd 45%,#c998ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pw-ref-arrows{display:flex;align-items:center;gap:9px;flex-shrink:0}
.pw-ref-arrows button{flex-shrink:0;transition:background .2s,border-color .2s}
.pw-ref-arrows button:is(:hover,:focus-visible){background:#324a83;border-color:#80eeff;outline-offset:2px}
#pw-ref-pause{width:auto;min-width:94px;border-radius:999px;padding:0 14px;font-size:.8rem;font-weight:700}
.pw-ref-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:none;overscroll-behavior-inline:contain;mask-image:linear-gradient(to right,transparent,#000 1.3%,#000 98.7%,transparent);border-radius:18px;margin-top:18px;padding:3px 0 10px;touch-action:pan-x pan-y}
.pw-ref-viewport::-webkit-scrollbar{display:none}
.pw-ref-viewport.is-paused{mask-image:none;scroll-snap-type:x proximity}
.pw-ref-track{display:flex;gap:14px;align-items:stretch;width:max-content;min-width:100%}
.pw-ref-world-card{flex:0 0 clamp(204px,19.5vw,264px);aspect-ratio:1.48;background:#102039;border:1px solid #698ccab3;box-shadow:0 12px 35px #01061494,0 0 20px #514ccc19;scroll-snap-align:start;transition:transform .2s,border-color .2s,box-shadow .2s}
.pw-ref-world-card:hover,.pw-ref-world-card:focus-visible{transform:translateY(-3px);border-color:#8cf7ff;box-shadow:0 12px 35px #010614aa,0 0 23px #84ecff55;outline:0}
.pw-ref-world-card img{object-fit:cover;object-position:center}
.pw-ref-world-card:after{inset:38% 0 0;background:linear-gradient(transparent,#080d25d9 83%,#050b1bf2)}
.pw-ref-world-card .pw-ref-card-label{align-items:end}
.pw-ref-world-card .pw-ref-card-label small{color:#e0e7ff}
.pw-topbar .pw-featured-trigger img,.pw-topbar .pw-mega-item img,.pw-mobile-menu .world-nav-link img{width:28px;height:28px;object-fit:cover;border-radius:8px;border:1px solid #a8bfff56;box-shadow:0 0 12px #65c8f837}
/* All ten world cards use the same cinematic artwork family as the featured cards. */
body[data-route="/"] .home-worlds .world-card{overflow:hidden;border-color:#667eb17c;background:linear-gradient(155deg,#1b284a,#0c192e);box-shadow:0 16px 38px #01071480}
body[data-route="/"] .home-worlds .world-art{height:clamp(125px,12vw,190px);background:#101a37;overflow:hidden}
body[data-route="/"] .home-worlds .world-illustration{object-fit:cover;object-position:center;filter:saturate(1.12)}
body[data-route="/"] .home-worlds .world-art .orbit,body[data-route="/"] .home-worlds .world-art .world-spark{pointer-events:none;opacity:.35}
body[data-route="/"] .home-worlds .world-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0d193049);pointer-events:none}
body[data-route="/"] .home-worlds .world-card:is(:hover,:focus-visible){border-color:#8eecff;box-shadow:0 19px 40px #010714b3,0 0 18px #56cbff45;transform:translateY(-4px)}
/* Neon polish for three requested homepage discovery areas; retain functional links. */
body[data-route="/"] :is(.home-featured,.home-smart,.phase5-home) .section-heading h2{background:linear-gradient(100deg,#fafcff,#80f2fd 40%,#b39bff 74%,#ff95dc);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-route="/"] :is(.home-featured,.home-smart,.phase5-home) .section-heading .eyebrow{color:#92f2ff}
body[data-route="/"] .home-featured .game-grid{gap:clamp(12px,1.35vw,20px)}
body[data-route="/"] .home-featured .game-tile,
body[data-route="/"] .home-smart .phase5-feature,
body[data-route="/"] .phase5-home .phase5-feature-grid>.phase5-feature{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% -10%,color-mix(in srgb,var(--neon) 27%,transparent),transparent 65%),linear-gradient(150deg,#172543,#0a1529);border:1px solid color-mix(in srgb,var(--neon) 56%,#49618e);box-shadow:0 14px 32px #01071988,0 0 18px color-mix(in srgb,var(--neon) 12%,transparent);transition:transform .2s,border-color .2s,box-shadow .2s}
body[data-route="/"] .home-featured .game-tile:nth-child(5n + 1),body[data-route="/"] .home-smart .phase5-feature:nth-child(4n + 1),body[data-route="/"] .phase5-home .phase5-feature:nth-child(4n + 1){--neon:#71eaff}
body[data-route="/"] .home-featured .game-tile:nth-child(5n + 2),body[data-route="/"] .home-smart .phase5-feature:nth-child(4n + 2),body[data-route="/"] .phase5-home .phase5-feature:nth-child(4n + 2){--neon:#e892ff}
body[data-route="/"] .home-featured .game-tile:nth-child(5n + 3),body[data-route="/"] .home-smart .phase5-feature:nth-child(4n + 3),body[data-route="/"] .phase5-home .phase5-feature:nth-child(4n + 3){--neon:#ffc66b}
body[data-route="/"] .home-featured .game-tile:nth-child(5n + 4),body[data-route="/"] .home-smart .phase5-feature:nth-child(4n + 4),body[data-route="/"] .phase5-home .phase5-feature:nth-child(4n + 4){--neon:#66f1b5}
body[data-route="/"] .home-featured .game-tile:nth-child(5n + 5){--neon:#89a4ff}
body[data-route="/"] :is(.home-featured .game-tile,.home-smart .phase5-feature,.phase5-home .phase5-feature-grid>.phase5-feature):is(:hover,:focus-visible){transform:translateY(-5px);border-color:var(--neon);box-shadow:0 17px 40px #01071999,0 0 24px color-mix(in srgb,var(--neon) 35%,transparent);outline-offset:3px}
body[data-route="/"] .home-featured .game-tile .eyebrow,body[data-route="/"] .home-featured .game-tile .game-tile-bottom b,
body[data-route="/"] .home-smart .phase5-feature b,body[data-route="/"] .phase5-home .phase5-feature-grid>.phase5-feature b{color:var(--neon)}
body[data-route="/"] .home-smart .smart-icon{border-color:color-mix(in srgb,var(--neon) 60%,#38466a);color:var(--neon);background:color-mix(in srgb,var(--neon) 15%,#19254b)}
body[data-route="/"] .phase5-home .phase5-feature-grid{gap:clamp(12px,1.35vw,19px)}
body[data-route="/"] .phase5-home .phase5-feature-grid>.phase5-feature{min-width:0;border-radius:19px}
@media(max-width:1050px){body[data-route="/"] .hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body[data-route="/"] .hero h1{font-size:clamp(2.55rem,5.5vw,4rem)}body[data-route="/"] .pw-cinematic-scene{height:clamp(340px,44vw,500px)}}
@media(max-width:850px){body[data-route="/"] .hero-inner{grid-template-columns:1fr;min-height:0;gap:20px;padding:48px 0 30px}body[data-route="/"] .hero h1{font-size:clamp(2.75rem,9vw,5rem)}body[data-route="/"] .hero-visual{min-height:0;height:auto}body[data-route="/"] .pw-cinematic-scene{height:clamp(290px,62vw,470px)}body[data-route="/"] .pw-ref-worlds{margin-block:14px}.pw-ref-world-card{flex-basis:clamp(195px,40vw,250px)}}
@media(max-width:600px){body[data-route="/"] .hero-inner,body[data-route="/"] .shell,body[data-route="/"] .pw-ref-worlds,body[data-route="/"] .footer-grid,body[data-route="/"] .footer-bottom,.pw-topbar .nav-wrap{width:calc(100% - 30px)}body[data-route="/"] .hero h1{font-size:clamp(2.4rem,9.4vw,3.5rem)}body[data-route="/"] .hero-inner{padding-top:34px}body[data-route="/"] .pw-cinematic-scene{height:clamp(270px,76vw,390px)}.pw-ref-worlds-title{align-items:flex-start}.pw-ref-arrows{gap:5px}.pw-ref-arrows button{width:35px;height:35px}#pw-ref-pause{min-width:68px;font-size:.72rem;padding:0 7px}.pw-ref-world-card{flex-basis:74vw}body[data-route="/"] .home-worlds .world-art{height:clamp(132px,33vw,190px)}}
@media(prefers-reduced-motion:reduce){.pw-ref-world-card,body[data-route="/"] .home-worlds .world-card,body[data-route="/"] .home-featured .game-tile,body[data-route="/"] .home-smart .phase5-feature,body[data-route="/"] .phase5-home .phase5-feature-grid>.phase5-feature{transition:none!important}.pw-ref-viewport{mask-image:none}}
/* Keep premium dark-card text readable when the visitor chooses a light overall theme. */
html[data-theme="light"] body[data-route="/"] :is(.home-worlds .world-card,.home-featured .game-tile,.home-smart .phase5-feature,.phase5-home .phase5-feature-grid>.phase5-feature){color:#f5f7ff}
html[data-theme="light"] body[data-route="/"] :is(.home-worlds .world-card p,.home-featured .game-tile p,.home-smart .phase5-feature p,.phase5-home .phase5-feature-grid>.phase5-feature p){color:#d3ddf1}
html[data-theme="light"] body[data-route="/"] :is(.home-worlds .world-card .card-foot,.home-worlds .world-card .eyebrow,.home-featured .game-tile .game-tile-bottom){color:#cbdcf5}
