/* Redesign mockup 18 Oct 2026: new-design page shell (preview bar, nav, footer, header area, background, buttons)
   for pages that still need styles.css for their game or legal-document internals. Loaded LAST.
   Everything is scoped to body.ns so the game/legal internals are untouched. Copies css/site.css values. */
body.ns{background:#F7F5F0;color:#1D1D1F;font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:0;line-height:1.45;overflow-x:clip}
.ns{--ground:#F7F5F0;--hairline:#E6E2DA;--muted:#5E5E63;--link:#C2410C;--cta:#FFC21A}
.ns .pbar{background:#1D1D1F;color:#F5F5F7;font-size:13px;text-align:center;padding:8px 16px;line-height:1.4}
.ns .hdr{border-bottom:1px solid #E6E2DA;background:#F7F5F0}
.ns .nav{max-width:1200px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.ns .logo{display:inline-flex;align-items:center;flex:none} .ns .logo img{height:32px;width:auto;display:block}
.ns .nav-links{display:flex;align-items:center;gap:28px;font-size:15px;flex-wrap:nowrap;list-style:none}
.ns .nav-links a,.ns .nav-right a:not(.btn){color:#1D1D1F;text-decoration:none!important;padding:0;background:none;border-radius:0;font-size:15px;font-weight:400}
.ns .nav-links a:hover,.ns .nav-right a:not(.btn):hover{color:#C2410C;background:none}
.ns .nav-right{display:flex;align-items:center;gap:20px;font-size:15px}
.ns .app-links{display:flex;gap:8px;font-size:15px}
.ns .app-links a{color:#1D1D1F;text-decoration:none!important;padding:8px 14px;border-radius:999px}
.ns .app-links a[aria-current="page"]{background:#fff;font-weight:600;box-shadow:0 0 0 1px #E6E2DA}
.ns .nav-toggle{display:none;background:none;border:1.5px solid #1D1D1F;border-radius:999px;min-height:44px;padding:0 16px;font:inherit;font-weight:600;cursor:pointer;color:#1D1D1F}
@media (max-width:900px){
  .ns .nav{flex-wrap:wrap;padding:12px 20px}
  .ns .nav-public .nav-toggle{display:inline-flex;align-items:center}
  .ns .nav-public .nav-links,.ns .nav-public .nav-right{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:4px}
  .ns .nav-public.open .nav-links,.ns .nav-public.open .nav-right{display:flex}
  .ns .nav-public .nav-links a,.ns .nav-public .nav-right a:not(.btn){display:flex;align-items:center;min-height:44px}
  .ns .app-links{order:3;width:100%;justify-content:center}
  .ns .logo img{height:28px}
}
/* Footer (site.css .ftr) */
.ns .ftr{border-top:1px solid #E6E2DA;background:#F7F5F0;color:#5E5E63;padding:0}
.ns .ftr-in{max-width:1200px;margin:0 auto;padding:48px 32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;font-size:14px;color:#5E5E63}
.ns .ftr-in .logo img{height:28px}
.ns .ftr-col{display:flex;flex-direction:column;gap:10px}
.ns .ftr-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.ns .ftr-links a{color:#5E5E63;text-decoration:none!important;min-height:32px;display:inline-flex;align-items:center} .ns .ftr-links a:hover{color:#C2410C}
/* Buttons: site.css pills. Gradient primary (css/cta.css), ink outline secondary, no glimmer or shadows. */
.ns .btn{border-radius:999px;font-family:inherit;font-weight:700;box-shadow:none;text-shadow:none;letter-spacing:0;transform:none!important}
/* 24 Oct 2026 (QA must-fix 1, Coop approved): gradient primary, as css/cta.css (was flat #FFC21A !important). */
.ns .btn-primary,.ns .btn-gold,.ns .btn-accent{background:linear-gradient(95deg,#FFD60A 0%,#FFD60A 55%,#FF8A00 80%,#F2501E 100%)!important;background-origin:border-box!important;animation:none!important;color:#1D1D1F!important;border:1.5px solid transparent;box-shadow:none!important;text-shadow:none!important}
.ns .btn-primary:hover,.ns .btn-gold:hover,.ns .btn-accent:hover{background:linear-gradient(95deg,#FFD60A 0%,#FFD60A 55%,#FF8A00 80%,#F2501E 100%)!important;color:#1D1D1F!important;border-color:#1D1D1F!important;box-shadow:inset 0 0 0 1px #1D1D1F!important}
.ns .btn-outline{background:transparent;border:1.5px solid #1D1D1F;color:#1D1D1F}
.ns .btn-outline:hover{background:#1D1D1F;color:#fff}
.ns .btn-ghost:hover{background:#fff}
.ns .hdr .btn-sm,.ns .btn.btn-sm.nav-btn{min-height:44px;padding:0 20px;font-size:15px;display:inline-flex;align-items:center}
/* Page ground + header area */
.ns .page{background:#F7F5F0;padding:56px 0 96px}
.ns .container{max-width:1200px;padding:0 32px}
@media (max-width:900px){.ns .container{padding:0 20px}}
.ns .card{border-color:#E6E2DA}
.ns .game-crumbs{font-size:14px;color:#5E5E63;margin-bottom:22px}
.ns .game-crumbs a{color:#C2410C;font-weight:600}
.ns .page-header .hero-eyebrow,.ns .legal-eyebrow{background:none!important;animation:none!important;-webkit-background-clip:border-box;background-clip:border-box;color:#5E5E63!important;font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px!important}
.ns .page-header h1,.ns .legal-header h1{font-size:clamp(34px,4.4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-bottom:0;color:#1D1D1F}
.ns .page-header>p,.ns .legal-sub{margin-top:14px;font-size:19px;line-height:1.5;color:#5E5E63;max-width:720px;font-weight:400}
.ns .game-header-title{gap:20px}
.ns .game-fiction-note{background:#fff;border:0;border-radius:16px;box-shadow:0 0 0 1px #E6E2DA;font-size:15px;color:#3A3A3F;padding:14px 18px}
.ns a{color:#C2410C}
.ns .ftr a,.ns .hdr a{color:#1D1D1F}
.ns .ftr-links a{color:#5E5E63}
/* Legal documents: white reading card on cream */
.ns.legal-page .legal-layout{max-width:1200px;margin:0 auto;padding:56px 32px 96px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.ns.legal-page .legal-sidebar{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}
.ns.legal-page .legal-toc h2{color:#5E5E63;font-size:12px;letter-spacing:1.2px}
.ns.legal-page .legal-toc a{color:#3A3A3F;font-size:14px}
.ns.legal-page .legal-toc a:hover{color:#C2410C}
@media (max-width:900px){.ns.legal-page .legal-layout{grid-template-columns:1fr}.ns.legal-page .legal-sidebar{position:static;max-height:none}}
.ns.legal-page .legal-doc{background:#fff;border-radius:24px;padding:56px clamp(24px,5vw,72px);max-width:none}
.ns.legal-page .legal-header{border-bottom:1px solid #E6E2DA;padding-bottom:28px;margin-bottom:32px}
.ns.legal-page .legal-meta{margin-top:14px;font-size:14px;color:#5E5E63}
.ns.legal-page .legal-body{font-size:17px;line-height:1.65;color:#1D1D1F;max-width:72ch}
.ns.legal-page .legal-body h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:44px 0 12px;color:#1D1D1F}
.ns.legal-page .legal-body h3{font-size:19px;font-weight:700;margin:28px 0 10px}
.ns.legal-page .legal-body th{background:#F7F5F0}
.ns.legal-page .legal-body table,.ns.legal-page .legal-body th,.ns.legal-page .legal-body td{border-color:#E6E2DA}
@media (max-width:640px){.ns.legal-page .legal-layout{padding:28px 14px 64px}.ns.legal-page .legal-doc{padding:32px 20px}}

/* Game header error chips: neutral cream pills (site.css .chip look) instead of the old off-palette fills */
.ns .game-header .game-type-chip{background:#fff!important;color:#1D1D1F!important;border:0!important;box-shadow:0 0 0 1px #E6E2DA;border-radius:999px;font-weight:600}
.ns .game-header > p{color:#5E5E63!important}

/* Footer legal line restored (Shane, 18 Oct 2026) */
.ns .ftr-legal{flex:1 1 100%;margin:0;padding-top:20px;border-top:1px solid #E6E2DA;font-size:13px;line-height:1.5;color:#5E5E63;max-width:none}
@media (max-width:720px){.ns .ftr-in{gap:24px}.ns .ftr-legal{padding-top:16px}}

.ftr-stack{display:inline-flex;flex-direction:column;align-items:flex-start;margin-bottom:-24px}
@media (max-width:760px){.ftr-stack{margin-bottom:0}}