/* ========================================================================
   FULL RULES + SETTINGS PAGES V5
   Production bundle contains placeholder <h1> routes for /rules and /settings.
   This layer renders the actual themed pages and keeps them mobile/tablet safe.
   ======================================================================== */
.np-static-page{
  --np-page-bg:#17100b;
  --np-page-panel:linear-gradient(145deg,rgba(53,31,18,.97),rgba(23,14,10,.98));
  --np-page-panel-2:rgba(20,12,8,.76);
  --np-page-line:#9d6d32;
  --np-page-accent:#e2b55f;
  --np-page-text:#f5e8c9;
  --np-page-muted:#cbb58c;
  position:relative!important;
  width:100%!important;
  min-height:100svh!important;
  box-sizing:border-box!important;
  padding:clamp(18px,3vw,42px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  color:var(--np-page-text)!important;
  background:linear-gradient(#090604b8,#090604d9),url('/assets/home-background-528cda9b.png') center/cover fixed!important;
  font-family:Literata,Georgia,"Times New Roman",serif!important;
}
html[data-home-theme="mrak"] .np-static-page{
  --np-page-bg:#0b0808;--np-page-panel:linear-gradient(145deg,rgba(35,17,16,.97),rgba(10,8,8,.99));--np-page-panel-2:rgba(23,11,11,.78);--np-page-line:#8f362f;--np-page-accent:#d95b4e;--np-page-text:#f4e5d3;--np-page-muted:#bca39b;
  background:linear-gradient(#070505b5,#070505dc),url('/theme-assets/mrak.png') center/cover fixed!important;
}
html[data-home-theme="worlds"] .np-static-page{
  --np-page-bg:#07151d;--np-page-panel:linear-gradient(145deg,rgba(12,51,65,.96),rgba(5,22,31,.99));--np-page-panel-2:rgba(7,34,45,.76);--np-page-line:#5aa6b4;--np-page-accent:#8fd9dd;--np-page-text:#eef9f7;--np-page-muted:#a9c9cc;
  background:linear-gradient(#031017a8,#031017d8),url('/theme-assets/worlds.png') center/cover fixed!important;
}
html[data-home-theme="kids"] .np-static-page{
  --np-page-bg:#17142e;--np-page-panel:linear-gradient(145deg,rgba(58,48,112,.97),rgba(25,20,59,.99));--np-page-panel-2:rgba(39,31,82,.78);--np-page-line:#8d78e7;--np-page-accent:#f1cb68;--np-page-text:#fff5d9;--np-page-muted:#cfc5ec;
  background:linear-gradient(#100d258f,#100d25d2),url('/theme-assets/kids-world.png') center/cover fixed!important;
}
.np-static-shell{position:relative;z-index:2;width:min(1120px,100%);margin:0 auto;border:1px solid var(--np-page-line);border-radius:14px;padding:clamp(20px,4vw,48px);box-sizing:border-box;background:var(--np-page-panel);box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 0 0 1px color-mix(in srgb,var(--np-page-line) 28%,transparent)}
.np-static-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.np-static-back,.np-static-home{appearance:none;border:1px solid var(--np-page-line);border-radius:8px;min-height:42px;padding:0 16px;color:var(--np-page-text);background:var(--np-page-panel-2);font:700 .76rem/1 Literata,Georgia,"Times New Roman",serif;letter-spacing:.04em;cursor:pointer}
.np-static-back:hover,.np-static-home:hover{border-color:var(--np-page-accent);box-shadow:0 0 16px color-mix(in srgb,var(--np-page-accent) 22%,transparent)}
.np-static-kicker{display:block;margin-bottom:7px;color:var(--np-page-accent);font-size:0.86rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.np-static-page h1{margin:0 0 10px!important;color:var(--np-page-text)!important;font-size:clamp(1.8rem,5vw,3.2rem)!important;line-height:1.05!important;letter-spacing:.04em!important;text-transform:uppercase!important}
.np-static-lead{max-width:760px;margin:0 0 26px;color:var(--np-page-muted);font-size:clamp(.86rem,1.6vw,1.04rem);line-height:1.55}
.np-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.np-rule-card{border:1px solid color-mix(in srgb,var(--np-page-line) 72%,transparent);border-radius:10px;padding:18px;background:var(--np-page-panel-2)}
.np-rule-card h2{margin:0 0 9px!important;color:var(--np-page-accent)!important;font-size:1rem!important;letter-spacing:.04em!important}
.np-rule-card p,.np-rule-card li{color:var(--np-page-text);font-size:.83rem;line-height:1.55}
.np-rule-card p{margin:0}.np-rule-card ul{margin:7px 0 0;padding-left:20px}.np-rule-card li+li{margin-top:4px}
.np-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.np-settings-card{border:1px solid color-mix(in srgb,var(--np-page-line) 72%,transparent);border-radius:10px;padding:18px;background:var(--np-page-panel-2)}
.np-settings-card h2{margin:0 0 14px!important;color:var(--np-page-accent)!important;font-size:1rem!important}
.np-settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--np-page-line) 34%,transparent)}
.np-settings-row:last-child{border-bottom:0}.np-settings-row label{font-size:.82rem;font-weight:700}.np-settings-row output{font-size:.76rem;color:var(--np-page-accent);min-width:44px;text-align:right}
.np-settings-row input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--np-page-accent)}
.np-theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.np-theme-choice{appearance:none;min-height:56px;border:1px solid var(--np-page-line);border-radius:8px;padding:8px 10px;color:var(--np-page-text);background:rgba(0,0,0,.18);font:700 .76rem Literata,Georgia,"Times New Roman",serif;cursor:pointer;text-align:left}
.np-theme-choice small{display:block;margin-top:3px;color:var(--np-page-muted);font-size:0.78rem;font-weight:400}.np-theme-choice.is-active{border-color:var(--np-page-accent);box-shadow:inset 0 0 0 1px var(--np-page-accent),0 0 15px color-mix(in srgb,var(--np-page-accent) 18%,transparent)}
.np-settings-note{margin:12px 0 0;color:var(--np-page-muted);font-size:0.86rem;line-height:1.45}
.np-static-footer{display:flex;justify-content:flex-end;margin-top:18px;color:var(--np-page-muted);font-size:0.86rem}

@media (max-width:720px){
  .np-static-page{padding:calc(env(safe-area-inset-top,0px) + 10px) 8px calc(env(safe-area-inset-bottom,0px) + 12px)!important}
  .np-static-shell{padding:14px 12px;border-radius:10px;min-height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 22px)}
  .np-static-topbar{position:sticky;top:0;z-index:5;margin:-4px -2px 18px;padding:4px 2px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--np-page-bg) 96%,transparent),color-mix(in srgb,var(--np-page-bg) 82%,transparent),transparent);backdrop-filter:blur(7px)}
  .np-static-back,.np-static-home{min-height:44px;padding:0 12px;font-size:0.86rem}
  .np-rules-grid,.np-settings-grid{grid-template-columns:1fr}
  .np-rule-card,.np-settings-card{padding:14px}
  .np-rule-card p,.np-rule-card li{font-size:.78rem}
  .np-theme-choice-grid{grid-template-columns:1fr 1fr}
}