/* v0.24.4 — global neon aesthetic refresh inspired by owner-approved homepage reference.
   Honest scope: recreates the neon look and shared design language across public pages;
   does not claim pixel-identical copying of the supplied screenshot. */
:root{
  --pw-neon-cyan:#73f3ff;
  --pw-neon-blue:#7da4ff;
  --pw-neon-violet:#b88cff;
  --pw-neon-pink:#ff82d8;
  --pw-neon-gold:#ffc968;
  --pw-neon-green:#6ef0c1;
  --pw-panel-bg:linear-gradient(180deg,rgba(15,25,54,.96),rgba(7,14,31,.97));
  --pw-panel-bg-2:linear-gradient(180deg,rgba(20,31,66,.94),rgba(10,18,38,.98));
  --pw-panel-border:rgba(122,164,255,.28);
  --pw-panel-shadow:0 18px 48px rgba(1,7,25,.55),0 0 26px rgba(110,159,255,.14);
  --pw-page-glow:
    radial-gradient(circle at 15% 0%,rgba(38,102,255,.24),transparent 28%),
    radial-gradient(circle at 88% 9%,rgba(182,80,255,.22),transparent 24%),
    radial-gradient(circle at 75% 45%,rgba(0,234,255,.10),transparent 24%),
    linear-gradient(180deg,#040c22 0%,#06112c 24%,#071534 52%,#06112a 100%);
}
html[data-theme="dark"] body,
html[data-theme="light"] body[data-page="site"],
body[data-page="site"]{
  background:var(--pw-page-glow);
  color:#eef4ff;
}
body[data-page="site"] main{position:relative;z-index:0}
body[data-page="site"] main::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.7;
  background:
    radial-gradient(circle at 12% 18%,rgba(64,161,255,.14),transparent 20%),
    radial-gradient(circle at 90% 14%,rgba(196,93,255,.13),transparent 18%),
    radial-gradient(circle at 74% 82%,rgba(67,240,202,.08),transparent 18%);
}
/* Match page width with top navigation across public pages. */
body[data-page="site"] .shell,
body[data-page="site"] .inner-page,
body[data-page="site"] .prose-page,
body[data-page="site"] .footer-grid,
body[data-page="site"] .footer-bottom,
body[data-page="site"] .pw-ref-worlds,
body[data-page="site"] .nav-wrap{
  width:min(var(--pw-content-max,1380px),calc(100% - clamp(16px,2.7vw,32px) * 2));
  max-width:var(--pw-content-max,1380px);
  margin-inline:auto;
}
body[data-page="site"] .topbar,
body[data-page="site"] .footer{
  background:linear-gradient(180deg,rgba(4,14,35,.96),rgba(4,11,28,.94));
  border-color:rgba(107,148,255,.22);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
body[data-page="site"] .pw-topbar{backdrop-filter:blur(16px)}
body[data-page="site"] .pw-topbar .nav-wrap{gap:clamp(12px,1.3vw,18px)}
body[data-page="site"] .pw-featured-trigger,
body[data-page="site"] .pw-worlds-all,
body[data-page="site"] .pw-nav-action,
body[data-page="site"] .icon-button,
body[data-page="site"] #pw-search-mobile,
body[data-page="site"] .pw-search-submit,
body[data-page="site"] .pw-search-clear,
body[data-page="site"] .pw-ref-arrows button,
body[data-page="site"] .btn,
body[data-page="site"] .action-btn{
  border-color:rgba(124,173,255,.35);
  box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 8px 18px rgba(3,9,29,.28);
}
body[data-page="site"] .pw-featured-trigger:hover,
body[data-page="site"] .pw-worlds-all:hover,
body[data-page="site"] .pw-nav-action:hover,
body[data-page="site"] .icon-button:hover,
body[data-page="site"] #pw-search-mobile:hover,
body[data-page="site"] .pw-search-submit:hover,
body[data-page="site"] .btn:hover,
body[data-page="site"] .action-btn:hover{
  border-color:rgba(129,240,255,.68);
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 0 22px rgba(100,224,255,.14),0 12px 24px rgba(2,8,26,.32);
}
body[data-page="site"] .pw-search-container .nav-search,
body[data-page="site"] .pw-search-results,
body[data-page="site"] .pw-worlds-mega,
body[data-page="site"] .pw-featured-panel,
body[data-page="site"] .pw-mobile-menu,
body[data-page="site"] .footer-grid,
body[data-page="site"] .footer-bottom,
body[data-page="site"] .dash-section,
body[data-page="site"] .phase7-feature,
body[data-page="site"] .prose-page,
body[data-page="site"] .inner-page,
body[data-page="site"] .world-card,
body[data-page="site"] .game-tile,
body[data-page="site"] .phase5-feature,
body[data-page="site"] .pw-category-item,
body[data-page="site"] .pw-ref-world-card,
body[data-page="site"] .phase13-card,
body[data-page="site"] .phase11-card,
body[data-page="site"] .phase12-card,
body[data-page="site"] .category-card,
body[data-page="site"] .article-card,
body[data-page="site"] .guide-card,
body[data-page="site"] .story-card,
body[data-page="site"] .playlist-card,
body[data-page="site"] .board-card,
body[data-page="site"] .metric-card,
body[data-page="site"] .summary-card,
body[data-page="site"] .panel,
body[data-page="site"] .card,
body[data-page="site"] .phase5-card,
body[data-page="site"] .public-ad-slot{
  background:var(--pw-panel-bg);
  border:1px solid var(--pw-panel-border);
  box-shadow:var(--pw-panel-shadow);
  backdrop-filter:blur(10px);
}
body[data-page="site"] .section,
body[data-page="site"] .inner-page,
body[data-page="site"] .prose-page,
body[data-page="site"] .error-page{
  border-radius:28px;
}
body[data-page="site"] .section{
  margin-block:22px;
  padding:clamp(18px,2.1vw,28px);
  background:linear-gradient(180deg,rgba(7,16,39,.62),rgba(7,15,34,.35));
  border:1px solid rgba(96,131,218,.16);
  box-shadow:0 10px 32px rgba(0,0,0,.12);
}
body[data-route="/"] .section{
  background:linear-gradient(180deg,rgba(8,18,46,.72),rgba(8,17,37,.44));
}
body[data-page="site"] .section-heading h1,
body[data-page="site"] .section-heading h2,
body[data-page="site"] .inner-page h1,
body[data-page="site"] .prose-page h1,
body[data-page="site"] .error-page h1{
  background:linear-gradient(95deg,#f7fbff 10%,#7ef1ff 42%,#b593ff 74%,#ff9edd 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-wrap:balance;
}
body[data-page="site"] .section-heading p,
body[data-page="site"] .inner-page p,
body[data-page="site"] .prose-page p,
body[data-page="site"] .dash-section p,
body[data-page="site"] .world-card p,
body[data-page="site"] .game-tile p,
body[data-page="site"] .phase5-feature p{color:#d4e2ff}
body[data-page="site"] .eyebrow,
body[data-page="site"] .accent,
body[data-page="site"] .muted b,
body[data-page="site"] .card-foot,
body[data-page="site"] .game-tile-bottom b,
body[data-page="site"] .phase5-feature b{color:var(--pw-neon-cyan)}
body[data-page="site"] .btn.btn-primary,
body[data-page="site"] .action-btn.primary,
body[data-page="site"] .pw-search-submit{
  background:linear-gradient(90deg,#8d4dff,#de65ff 48%,#4eecff 112%);
  color:#fff;border-color:rgba(202,124,255,.75);
  box-shadow:0 10px 24px rgba(144,69,255,.34),0 0 18px rgba(113,164,255,.18);
}
body[data-page="site"] .btn.btn-glass,
body[data-page="site"] .action-btn.secondary,
body[data-page="site"] .pw-featured-trigger,
body[data-page="site"] .pw-worlds-all,
body[data-page="site"] .icon-button,
body[data-page="site"] .pw-nav-action,
body[data-page="site"] .pw-ref-arrows button,
body[data-page="site"] #pw-search-mobile{
  background:linear-gradient(180deg,rgba(21,33,73,.88),rgba(10,19,44,.9));
  color:#edf4ff;
}
body[data-page="site"] .hero.pw-cinematic-hero{
  overflow:hidden;border-radius:34px;padding-bottom:0;
  background:
    radial-gradient(circle at 72% 18%,rgba(185,108,255,.18),transparent 20%),
    radial-gradient(circle at 16% 18%,rgba(77,228,255,.12),transparent 22%),
    linear-gradient(135deg,rgba(9,21,56,.96),rgba(8,18,50,.88) 44%,rgba(11,22,60,.96));
  border:1px solid rgba(105,150,255,.24);
  box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 36px rgba(104,120,255,.12);
}
body[data-route="/"] .hero-copy .pill{
  background:linear-gradient(90deg,rgba(24,42,95,.95),rgba(32,49,106,.68));
  border:1px solid rgba(116,165,255,.34);
  color:#eaf1ff;
  box-shadow:0 0 16px rgba(101,134,255,.12);
}
body[data-route="/"] .hero-copy p{font-size:clamp(1.02rem,1.3vw,1.2rem)}
body[data-route="/"] .hero-stats > div{
  background:linear-gradient(180deg,rgba(10,19,42,.72),rgba(10,18,40,.42));
  border-radius:18px;padding:14px 16px;border:1px solid rgba(102,139,230,.16);
}
body[data-route="/"] .hero-stats > div strong{color:#fff}
body[data-route="/"] .hero-stats > div:nth-child(1) strong,
body[data-route="/"] .hero-stats > div:nth-child(1) span{color:var(--pw-neon-cyan)}
body[data-route="/"] .hero-stats > div:nth-child(2) strong,
body[data-route="/"] .hero-stats > div:nth-child(2) span{color:#ffd37d}
body[data-route="/"] .hero-stats > div:nth-child(3) strong,
body[data-route="/"] .hero-stats > div:nth-child(3) span{color:#b9abff}
body[data-route="/"] .pw-cinematic-scene{box-shadow:0 18px 45px rgba(4,10,28,.45),0 0 40px rgba(107,85,255,.18);border:1px solid rgba(122,154,255,.28)}
body[data-route="/"] .pw-cinematic-scene::after{
  content:"";position:absolute;inset:auto 0 0;height:24%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(2,8,20,.34),rgba(2,8,20,.74));
}
body[data-route="/"] .pw-portal-trigger,
body[data-route="/"] .pw-hero-artifact{
  backdrop-filter:blur(12px);
  box-shadow:0 12px 28px rgba(7,14,31,.28),0 0 18px rgba(115,232,255,.14);
}
body[data-route="/"] .pw-ref-worlds,
body[data-route="/"] .home-worlds,
body[data-route="/"] .home-featured,
body[data-route="/"] .home-smart,
body[data-route="/"] #smart-discovery,
body[data-route="/"] #unlimited-discovery,
body[data-route="/"] .p13-home-banner,
body[data-route="/"] .p12-home-banner,
body[data-route="/"] .phase8-home{
  border-radius:30px;
  border:1px solid rgba(104,142,233,.18);
}
body[data-route="/"] .pw-ref-worlds-title h2{font-size:clamp(1.8rem,2.4vw,2.4rem)}
body[data-route="/"] .pw-ref-world-card,
body[data-route="/"] .world-card,
body[data-route="/"] .game-tile,
body[data-route="/"] .phase5-feature,
body[data-route="/"] .pw-category-item,
body[data-route="/"] .dash-section{
  background:var(--pw-panel-bg-2);
}
body[data-route="/"] .pw-ref-world-card .pw-ref-card-label,
body[data-route="/"] .world-card,
body[data-route="/"] .game-tile,
body[data-route="/"] .phase5-feature,
body[data-route="/"] .dash-section{
  color:#f2f6ff;
}
body[data-route="/"] .world-card .card-foot,
body[data-route="/"] .world-card .eyebrow,
body[data-route="/"] .game-tile .eyebrow,
body[data-route="/"] .game-tile-bottom,
body[data-route="/"] .dash-section .muted{color:#c9daff}
body[data-route="/"] .world-card .world-art{border-bottom:1px solid rgba(113,148,230,.16)}
body[data-route="/"] #unlimited-discovery .unlimited-intro,
body[data-route="/"] .p13-home-banner .section-heading,
body[data-route="/"] .p12-home-banner .section-heading,
body[data-route="/"] .phase8-home .section-heading{
  max-width:900px;
}
/* Make Discover by Game Type look like colorful neon utility tiles. */
body[data-route="/"] .pw-category-controls a,
body[data-route="/"] #pw-categories-pause{
  border-radius:999px;padding:.7rem 1rem;background:linear-gradient(180deg,rgba(23,39,82,.94),rgba(11,20,42,.94));
  border:1px solid rgba(118,153,237,.28);color:#ecf4ff;
}
body[data-route="/"] .pw-category-track{gap:14px}
body[data-route="/"] .pw-category-item{position:relative;overflow:hidden;min-width:220px;padding:18px;border-radius:22px;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px}
body[data-route="/"] .pw-category-item:nth-child(8n+1){--catGlow:#53d4ff}
body[data-route="/"] .pw-category-item:nth-child(8n+2){--catGlow:#7f96ff}
body[data-route="/"] .pw-category-item:nth-child(8n+3){--catGlow:#ffc56d}
body[data-route="/"] .pw-category-item:nth-child(8n+4){--catGlow:#dd79ff}
body[data-route="/"] .pw-category-item:nth-child(8n+5){--catGlow:#5cf0c4}
body[data-route="/"] .pw-category-item:nth-child(8n+6){--catGlow:#f88ab2}
body[data-route="/"] .pw-category-item:nth-child(8n+7){--catGlow:#68e7ff}
body[data-route="/"] .pw-category-item:nth-child(8n+8){--catGlow:#ff8b6a}
body[data-route="/"] .pw-category-item{border-color:color-mix(in srgb,var(--catGlow,#73f3ff) 48%, rgba(103,138,228,.3));box-shadow:0 12px 32px rgba(2,8,26,.46),0 0 20px color-mix(in srgb,var(--catGlow,#73f3ff) 18%, transparent);background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--catGlow,#73f3ff) 14%, transparent),transparent 40%),var(--pw-panel-bg-2)}
body[data-route="/"] .pw-category-item strong{color:#fff}
body[data-route="/"] .pw-category-item img{border-radius:14px;background:rgba(255,255,255,.03);padding:6px;border:1px solid rgba(255,255,255,.06)}
/* Public pages beyond the homepage: make every content block professionally neon. */
body[data-page="site"] .inner-page,
body[data-page="site"] .prose-page,
body[data-page="site"] .error-page{
  padding:clamp(20px,2.2vw,34px);
  background:linear-gradient(180deg,rgba(9,18,44,.86),rgba(7,15,35,.95));
  border:1px solid rgba(105,144,236,.22);
  box-shadow:0 22px 56px rgba(1,6,20,.34),0 0 20px rgba(80,116,255,.10);
}
body[data-page="site"] .phase7-list a,
body[data-page="site"] .footer a,
body[data-page="site"] .inner-page a,
body[data-page="site"] .prose-page a{color:var(--pw-neon-cyan)}
body[data-page="site"] .phase7-list a:hover,
body[data-page="site"] .footer a:hover,
body[data-page="site"] .inner-page a:hover,
body[data-page="site"] .prose-page a:hover{color:#fff}
body[data-page="site"] :is(input,select,textarea){
  background:linear-gradient(180deg,rgba(14,25,56,.95),rgba(8,16,37,.97));
  border:1px solid rgba(108,149,236,.32);
  color:#f3f7ff;
  box-shadow:0 8px 18px rgba(2,7,22,.22) inset,0 0 0 1px rgba(255,255,255,.015);
}
body[data-page="site"] :is(input,select,textarea)::placeholder{color:#a9bfdc}
body[data-page="site"] :is(input,select,textarea):focus-visible{outline:2px solid rgba(113,231,255,.85);outline-offset:2px;border-color:rgba(113,231,255,.8)}
body[data-page="site"] table{background:rgba(8,16,38,.64);border-radius:18px;overflow:hidden}
body[data-page="site"] th,body[data-page="site"] td{border-color:rgba(100,133,215,.16)}
body[data-page="site"] .footer-grid,
body[data-page="site"] .footer-bottom{
  background:linear-gradient(180deg,rgba(8,16,38,.88),rgba(6,13,29,.96));
  border:1px solid rgba(104,138,220,.18);
}
body[data-page="site"] .footer-bottom{border-top:none;border-radius:0 0 28px 28px}
body[data-page="site"] .footer-grid{border-radius:28px 28px 0 0}
body[data-page="site"] .public-ad-slot .eyebrow{color:var(--pw-neon-gold)}
/* Visual harmony for light theme visitors if they keep light preference. */
html[data-theme="light"] body[data-page="site"]{
  color:#eef4ff;
  background:var(--pw-page-glow);
}
html[data-theme="light"] body[data-page="site"] .section,
html[data-theme="light"] body[data-page="site"] .inner-page,
html[data-theme="light"] body[data-page="site"] .prose-page,
html[data-theme="light"] body[data-page="site"] .world-card,
html[data-theme="light"] body[data-page="site"] .game-tile,
html[data-theme="light"] body[data-page="site"] .phase5-feature,
html[data-theme="light"] body[data-page="site"] .dash-section,
html[data-theme="light"] body[data-page="site"] .pw-category-item,
html[data-theme="light"] body[data-page="site"] .phase7-feature,
html[data-theme="light"] body[data-page="site"] .public-ad-slot{color:#eef4ff}
@media(max-width:900px){
  body[data-page="site"] .section{padding:18px}
  body[data-route="/"] .pw-category-item{min-width:84vw}
}
@media(max-width:640px){
  body[data-page="site"] .shell,
  body[data-page="site"] .inner-page,
  body[data-page="site"] .prose-page,
  body[data-page="site"] .footer-grid,
  body[data-page="site"] .footer-bottom,
  body[data-page="site"] .pw-ref-worlds,
  body[data-page="site"] .nav-wrap{width:calc(100% - 24px)}
  body[data-page="site"] .section{padding:16px;border-radius:24px}
}