/* v0.24.9: cohesive cinematic art direction without replacing real UI or game logic */
:root{--pw-content-max:1760px;--pw-violet:#a76fff;--pw-electric:#66e9ff;--pw-pink:#ff82dd;--pw-deep:#061329}
body[data-route="/"] .pw-cinematic-hero.hero{min-height:clamp(450px,32vw,580px);background:#06132c;border-top:1px solid #4977bf55;border-bottom:1px solid #5da4ff66}
body[data-route="/"] .pw-cinematic-hero .hero-inner{min-height:clamp(450px,32vw,580px);padding:clamp(40px,4.3vw,70px) 0 clamp(28px,3vw,45px)}
body[data-route="/"] .pw-cinematic-hero .hero-copy{width:min(56%,770px)}
body[data-route="/"] .pw-cinematic-hero .hero-copy h1{font-size:clamp(3.25rem,4.6vw,5.5rem);line-height:1.045;letter-spacing:-.06em;margin:18px 0 14px}
body[data-route="/"] .pw-cinematic-hero .hero-copy h1 em{background:linear-gradient(95deg,#71faff 0%,#8ec2ff 36%,#b49dff 67%,#ff8fe0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-route="/"] .pw-cinematic-hero .hero-copy>p{max-width:640px;color:#f1f5ff;text-shadow:0 2px 8px #020612}
body[data-route="/"] .pw-cinematic-hero .pw-cinematic-image{object-fit:cover;object-position:58% 44%;filter:saturate(1.16) contrast(1.075) brightness(.99)}
body[data-route="/"] .pw-cinematic-hero .pw-cinematic-scene:hover .pw-cinematic-image{filter:saturate(1.16) contrast(1.075) brightness(.99)}
body[data-route="/"] .pw-cinematic-hero .pw-cinematic-scene::after{background:linear-gradient(90deg,#05142bee 0%,#06162bd1 27%,#07162a83 43%,transparent 67%),linear-gradient(0deg,#06142aab 0%,transparent 30%),radial-gradient(ellipse at 86% 24%,#9e37f526,transparent 50%)}
body[data-route="/"] .pw-cinematic-hero .hero-copy .btn-primary{background:linear-gradient(100deg,#8c3eff,#da4dff 72%,#85b6ff);border:1px solid #f392ff;box-shadow:0 0 23px #a84eff7d,0 12px 27px #060d2980}
body[data-route="/"] .pw-cinematic-hero .hero-copy .btn-glass{border:1px solid #63bcffaf;background:#061936ad;box-shadow:0 0 16px #397bfb35}
body[data-route="/"] .pw-cinematic-hero .hero-copy .hero-stats>div{padding-left:17px;padding-right:20px;border-left-color:#5ae2ffb8}
/* All world surfaces reuse a shared corrected composite. Preserve CMS overrides. */
body[data-route="/"] .home-worlds .world-card,body[data-route="/"] .pw-ref-world-card{border-color:#80abff6a;box-shadow:0 14px 32px #02081788,0 0 15px #5f73ee24}
body[data-route="/"] .home-worlds .world-card:hover,body[data-route="/"] .pw-ref-world-card:hover{border-color:#75f2ff;box-shadow:0 15px 38px #010819cc,0 0 27px #746fff66}
body[data-route="/"] .home-worlds .world-illustration,body[data-route="/"] .pw-ref-world-card img{object-fit:cover;object-position:center 42%;filter:saturate(1.11) contrast(1.045)}
body[data-route="/"] .pw-ref-worlds-title h2{background:linear-gradient(96deg,#fff4ca,#ff91da 34%,#71faff 78%);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-route="/"] .pw-ref-worlds{padding-top:15px;padding-bottom:16px}
body[data-route="/"] .pw-category-item{border-width:1px;box-shadow:0 0 16px color-mix(in srgb,var(--catGlow,#6deaff) 24%,transparent),0 12px 27px #01091bd1}
body[data-route="/"] .home-featured,body[data-route="/"] .home-smart,body[data-route="/"] #unlimited-discovery{border:1px solid #6d95dc42;box-shadow:inset 0 0 0 1px #17285740,0 14px 35px #02071885}
body[data-route="/"] .home-featured .section-heading h2{background:linear-gradient(100deg,#ffd974,#ff92cf);-webkit-background-clip:text;background-clip:text;color:transparent}
body[data-route="/"] .home-smart .section-heading h2{background:linear-gradient(100deg,#75f1ff,#ba91ff,#f58fde);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Keep header compact, keyboard navigable, clear on dark background. */
.pw-topbar{border-bottom:1px solid #7abaff63!important;box-shadow:0 8px 25px #020b288f!important}
.pw-topbar .pw-search-container{border-color:#7dc2ff6e}
.pw-topbar .pw-featured-trigger:focus-visible,.pw-topbar .pw-worlds-all:focus-visible{outline:2px solid #91eaff;outline-offset:3px}
@media(max-width:1000px){body[data-route="/"] .pw-cinematic-hero .hero-copy{width:min(68%,690px)}body[data-route="/"] .pw-cinematic-hero .hero-copy h1{font-size:clamp(2.9rem,5.6vw,4.5rem)}}
@media(max-width:850px){body[data-route="/"] .pw-cinematic-hero .hero-copy{width:100%;max-width:700px}body[data-route="/"] .pw-cinematic-hero .hero-inner{padding:35px 0 0;min-height:0}body[data-route="/"] .pw-cinematic-hero .hero-visual.pw-cinematic-scene{height:clamp(310px,57vw,480px)}body[data-route="/"] .pw-cinematic-hero .pw-cinematic-scene::after{background:linear-gradient(0deg,#06132966,transparent 44%)}body[data-route="/"] .pw-cinematic-hero .pw-cinematic-image{object-position:55% center}}
@media(max-width:550px){body[data-route="/"] .pw-cinematic-hero .hero-copy h1{font-size:clamp(2.6rem,9.1vw,3.65rem)}body[data-route="/"] .pw-cinematic-hero .hero-visual.pw-cinematic-scene{height:clamp(265px,65vw,350px)}body[data-route="/"] .pw-cinematic-hero .hero-copy .button-row{gap:8px}body[data-route="/"] .pw-cinematic-hero .hero-copy .hero-stats>div{padding:4px 9px}}
@media(prefers-reduced-motion:reduce){body[data-route="/"] .pw-ref-world-card,body[data-route="/"] .world-card{transition:none!important}}