/* Illuminated Scroll — the traditional (map-off) skin.
   Cream page, ink type, gold as a rare accent.
   Loaded after theme-scroll.css. Does not touch game code. */

:root{
  --ill-cream:#f3e6cc;
  --ill-vellum:#efe0c2;
  --ill-ink:#2a1d0d;
  --ill-ink2:#4a3724;
  --ill-gold:#b8892a;
  --ill-gold2:#d4a84b;
  --ill-leather:#3d2a16;
  --ill-rule:rgba(184,137,42,.42);
}

/* ── always: a quiet toggle ─────────────────────────────────── */
#view-toggle{
  position:fixed; z-index:80; right:14px; bottom:16px;
  display:flex; gap:0; padding:3px;
  background:rgba(26,18,8,.88);
  border:1px solid var(--ill-rule);
  border-radius:999px;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  font-family:"Cinzel",Georgia,serif;
}
#view-toggle button{
  appearance:none; border:0; cursor:pointer;
  padding:8px 16px; border-radius:999px;
  background:transparent; color:#d8c9a8;
  font:600 11px/1 "Cinzel",Georgia,serif;
  letter-spacing:.16em; text-transform:uppercase;
}
#view-toggle button.on{
  background:var(--ill-gold); color:#1a1208;
}

/* ── MAP MODE on home ───────────────────────────────────────── */
html[data-view="map"]:has(#pg-home),
body.on-map{ background:#0b1020 !important; overflow:hidden; }
html[data-view="map"]:has(#pg-home) #scroll-bg,
html[data-view="map"]:has(#pg-home) #pg-home,
html[data-view="map"]:has(#pg-home) .quick-nav-strip,
body.on-map #scroll-bg,
body.on-map #starfield,
body.on-map #particles,
body.on-map .app-overlay,
body.on-map .quick-nav-strip,
body.on-map #pg-home{ display:none !important; }
#scroll-handle{
  display:flex !important;
  z-index:120 !important;
  left:10px !important;
  top:18px !important;
}
#the-land{ display:none; }
html[data-view="map"]:has(#pg-home) #the-land,
body.on-map #the-land{ display:block !important; }
html[data-view="scroll"] #the-land{ display:none !important; }
html[data-view="scroll"] #pg-home{ display:flex !important; }

#the-land{
  position:fixed; top:56px; left:0; right:0; bottom:0; z-index:5;
  background:#0b1020;
}
#land-viewport{
  position:absolute; inset:0;
  overflow:auto; -webkit-overflow-scrolling:touch;
}
#land-world{
  position:relative;
  width:max(1400px, 100%);
  min-height:100%;
}
#land-world img.land-art{
  display:block; width:100%; height:auto;
  min-height:100vh; object-fit:cover;
}
.land-mark{
  position:absolute; transform:translate(-50%,-50%);
  background:none; border:0; padding:0;
  cursor:pointer; z-index:3;
  display:flex; flex-direction:column; align-items:center; gap:6px;
}
.land-dot{
  width:16px; height:16px; border-radius:50%;
  background:#f5c542;
  box-shadow:0 0 0 4px rgba(245,197,66,.35), 0 6px 16px rgba(0,0,0,.45);
}
.land-mark.on .land-dot,
.land-mark:hover .land-dot{
  transform:scale(1.15);
  box-shadow:0 0 0 6px rgba(245,197,66,.5), 0 8px 20px rgba(0,0,0,.5);
}
.land-label{
  font-family:"Cinzel",Georgia,serif;
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:#fff6e5;
  background:rgba(11,16,32,.72);
  padding:3px 8px;
  white-space:nowrap;
  text-shadow:0 2px 8px #000;
}
#land-dock{
  position:absolute; left:12px; right:12px; bottom:14px;
  z-index:8; display:none;
  background:#f7edd6;
  border:1px solid rgba(184,137,42,.5);
  color:#2a1d0d;
  max-width:560px; max-height:42vh; margin:0 auto;
  overflow:auto;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  border-radius:14px;
}
#land-dock.open{ display:grid; grid-template-columns:88px 1fr; }
#land-dock img{ width:88px; height:100%; min-height:88px; object-fit:cover; display:block; }
.land-dock-copy{ padding:10px 36px 12px 12px; }
.land-dock-copy small{
  color:#b8892a; letter-spacing:.12em; text-transform:uppercase; font-size:10px;
}
.land-dock-copy h2{
  font-family:"Cinzel",Georgia,serif; font-size:18px; margin:4px 0 4px; color:#2a1d0d;
}
.land-dock-copy p{
  font-family:"Crimson Pro",Georgia,serif; font-style:italic; margin:0 0 8px; color:#4a3724;
}
#land-dock-go{
  appearance:none; border:0; cursor:pointer;
  background:#f5c542; color:#1a1208;
  font:700 11px/1 "Cinzel",Georgia,serif;
  letter-spacing:.14em; text-transform:uppercase;
  padding:10px 14px;
}
.land-dock-close{
  position:absolute; right:8px; top:8px;
  background:none; border:0; color:#f5c542;
  font-size:22px; cursor:pointer; line-height:1;
}
#from-map-bar{
  position:sticky; top:0; z-index:20;
  display:flex; justify-content:center;
  padding:10px;
}
#from-map-bar a{
  color:#3d2a16; background:#f3e6cc; border:1px solid rgba(184,137,42,.45);
  text-decoration:none; padding:8px 14px;
  font:600 12px/1 "Cinzel",Georgia,serif; letter-spacing:.12em; text-transform:uppercase;
}
@media (max-width:700px){
  #land-dock.open{ grid-template-columns:1fr; }
  #land-dock img{ width:100%; height:120px; }
  .land-label{ font-size:10px; }
}
.land-hud,.land-hint{ display:none !important; }
.land-mark{
  width:auto; min-width:72px;
}
.land-thumb{
  width:56px; height:56px; object-fit:cover; display:block;
  border-radius:50%; border:3px solid #f5c542;
  box-shadow:0 6px 16px rgba(0,0,0,.45);
  background:#1a1208;
}
.land-label{
  display:block !important;
  font-family:"Cinzel",Georgia,serif;
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:#fff6e5; background:rgba(26,18,8,.82);
  padding:4px 8px; margin-top:4px; white-space:nowrap;
  border-radius:99px; text-shadow:none;
}
.land-mark.on .land-thumb{
  box-shadow:0 0 0 4px rgba(245,197,66,.55), 0 8px 20px rgba(0,0,0,.5);
}
.land-books{
  display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; max-height:34vh; overflow:auto;
}
.land-book{
  appearance:none; cursor:pointer;
  background:#f7edd6; color:#2a1d0d;
  border:1px solid rgba(184,137,42,.5);
  font:600 12px/1.2 "Crimson Pro",Georgia,serif;
  padding:7px 10px; border-radius:99px;
}
.land-book:hover{ background:#f5c542; }
#land-bible{ display:none; z-index:9; }
#land-bible.open{ display:flex !important; }
#lb-back{
  appearance:none; cursor:pointer;
  background:#2a1d0d; color:#f7edd6;
  border:1px solid #f5c542; border-radius:99px;
  font:700 11px/1 "Cinzel",Georgia,serif; letter-spacing:.12em; text-transform:uppercase;
  padding:8px 12px;
}
#land-toc{
  position:absolute; top:14px; left:14px; z-index:8;
  width:min(240px, 46vw); max-height:min(70vh, 520px);
  overflow:auto; -webkit-overflow-scrolling:touch;
  background:#f7edd6; color:#2a1d0d;
  border:1px solid rgba(184,137,42,.5);
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  padding:8px 8px 10px;
  font-family:"Crimson Pro",Georgia,serif;
}
.toc-head{
  font-family:"Cinzel",Georgia,serif; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:#b8892a; padding:4px 6px 8px;
}
#land-toc summary{
  cursor:pointer; list-style:none; padding:6px 8px;
  font-family:"Cinzel",Georgia,serif; font-size:13px; color:#2a1d0d;
  border-radius:8px;
}
#land-toc summary::-webkit-details-marker{ display:none; }
#land-toc summary::before{ content:'▸ '; color:#b8892a; }
#land-toc details[open] > summary::before{ content:'▾ '; }
#land-toc summary:hover{ background:rgba(184,137,42,.15); }
.toc-test{ border-bottom:1px solid rgba(184,137,42,.25); padding-bottom:4px; margin-bottom:4px; }
.toc-sec{ margin-left:6px; }
.toc-sec > summary{ font-size:12px; font-family:"Crimson Pro",Georgia,serif; font-weight:600; }
.toc-books{ display:flex; flex-direction:column; padding:2px 0 6px 14px; }
.toc-book{
  appearance:none; background:none; border:0; cursor:pointer;
  text-align:left; padding:4px 8px; border-radius:6px;
  font:400 13px/1.3 "Crimson Pro",Georgia,serif; color:#4a3724;
}
.toc-book:hover{ background:#f5c542; color:#1a1208; }
@media (max-width:700px){
  #land-toc{ width:min(200px, 58vw); max-height:48vh; top:10px; left:10px; }
}

/* ── SCROLL MODE: the illuminated manuscript ────────────────── */
html[data-view="scroll"]{
  --sc-panel-text:#2a1d0d;
  --sc-panel-head:#2a1d0d;
  --sc-gold:#b8892a;
  --sc-gold-line:rgba(184,137,42,.42);
  --sc-box-alpha:.97;
  --dark-text:#2a1d0d;
  --dark-muted:#5c4a32;
  --dark-dimmed:#3d2a16;
  --gold:#b8892a;
  --gold-light:#d4a84b;
  color:#2a1d0d;
}
html[data-view="scroll"] #scroll-bg .verse-far,
html[data-view="scroll"] #scroll-bg .verse-near{ opacity:.05 !important; filter:blur(10px); }
html[data-view="scroll"] #scroll-bg .parch{
  background:
    radial-gradient(55% 40% at 26% 20%, rgba(255,248,228,.85), transparent 62%),
    linear-gradient(168deg,#f7edd6 0%,#efe0c2 50%,#e4d0a8 100%) !important;
}

html[data-view="scroll"] .pg > *{
  background:linear-gradient(180deg, rgba(247,237,214,.96), rgba(239,224,194,.96)) !important;
  border:1px solid var(--ill-rule) !important;
  color:var(--ill-ink) !important;
  box-shadow:0 10px 28px -16px rgba(26,18,8,.45), inset 0 1px 0 rgba(255,248,228,.6) !important;
}
html[data-view="scroll"] .pg > .pg-hdr{
  background:none !important; border:0 !important; box-shadow:none !important;
}
html[data-view="scroll"] .pg h1,
html[data-view="scroll"] .pg h2,
html[data-view="scroll"] .pg h3,
html[data-view="scroll"] .pg-title{
  color:var(--ill-ink) !important;
  -webkit-text-fill-color:var(--ill-ink) !important;
  background:none !important;
  font-family:"Cinzel",Georgia,serif !important;
}
html[data-view="scroll"] .pg p,
html[data-view="scroll"] .daily-text{
  color:var(--ill-ink2) !important;
  font-family:"Crimson Pro",Georgia,serif;
}
html[data-view="scroll"] .home-hero-ref,
html[data-view="scroll"] .daily-ref,
html[data-view="scroll"] .daily-ornament,
html[data-view="scroll"] .age-ban-title,
html[data-view="scroll"] .home-stat-num,
html[data-view="scroll"] .stag{
  color:var(--ill-gold) !important;
}

/* Every box on the site: cream page, dark ink — never navy-on-navy */
:root{
  --dark-card:var(--box-bg, #e4d2ae);
  --dark-surface:var(--box-bg, #e4d2ae);
  --dark-text:var(--box-ink, #2a1d0d);
  --dark-muted:var(--box-muted, #5c4a32);
  --dark-dimmed:#3d2a16;
  --dark-border:var(--box-line, rgba(184,137,42,.42));
  --dark-border2:rgba(184,137,42,.55);
  --card-bg:var(--box-bg, #e4d2ae);
  --card-border:var(--box-line, rgba(184,137,42,.42));
  --text:var(--box-ink, #2a1d0d);
  --text-muted:var(--box-muted, #5c4a32);
}
.card,.story-card,.sc,.saved-card,.quote-card,.comfort-card,.bite-card,
.nav-card,.game-card,.about-card,.daily-card,.streak-card,.prayer-hero-card,
.prayer-compose-card,.watch-card,.home-stat,.home-section-card,.home-scripture-card,
.overlay-box,.journey-modal-box,.tip-card,.study-card,.spc2,.siv-card,
.v-row,.bookmark-item,.bkb,.chb{
  background:#f7edd6 !important;
  color:#2a1d0d !important;
  border-color:rgba(184,137,42,.42) !important;
  font-family:"Crimson Pro",Georgia,serif !important;
}
.card h1,.card h2,.card h3,.hsc-name,.pg-title,.ov-title,#g-ti,
.home-explore-title,.home-section-card .hsc-name{
  font-family:"Cinzel",Georgia,serif !important;
  color:#2a1d0d !important;
  -webkit-text-fill-color:#2a1d0d !important;
}
.hsc-desc,.card p,.v-txt{
  color:#4a3724 !important;
}

html[data-view="scroll"] .pg:not(#pg-games) :is(
  .daily-card,.streak-card,.about-card,.prayer-hero-card,
  .prayer-compose-card,.watch-card,.home-stat,.home-section-card,
  .home-scripture-card,.card,.story-card,.sc,.saved-card,.quote-card
){
  background:#f7edd6 !important;
  border:1px solid var(--ill-rule) !important;
  color:var(--ill-ink) !important;
  box-shadow:none !important;
}
html[data-view="scroll"] .pg:not(#pg-games) :is(
  .save-btn,.back-btn,.fcat-btn,.comfort-topic-btn,.qsort-btn,.btab,
  .bite-nav-btn,.bbn,.prayer-send-btn,.watch-play-btn,.stb,
  .bkb,.sn-btn,.jr-btn,.daily-share-btn
){
  background:var(--ill-leather) !important;
  border:1px solid var(--ill-gold) !important;
  color:var(--ill-cream) !important;
}
html[data-view="scroll"] .pg:not(#pg-games) :is(
  .prayer-input,.prayer-textarea,.bible-search,.stories-search,.notes-area
){
  background:#faf3e4 !important;
  border:1px solid var(--ill-rule) !important;
  color:var(--ill-ink) !important;
  box-shadow:none !important;
}

/* home hero as a photograph, not a brown box */
html[data-view="scroll"] .home-hero{
  padding:0 !important;
  min-height:340px;
  background:
    linear-gradient(90deg, rgba(26,18,8,.55) 0%, rgba(26,18,8,.15) 55%, transparent 100%),
    url("images/kingdom/shepherd.jpg") center 42%/cover !important;
  overflow:hidden;
}
html[data-view="scroll"] .home-hero-inner{
  padding:48px 40px 36px;
  max-width:560px;
  text-align:left;
  margin:0;
}
html[data-view="scroll"] .home-hero-dove{ display:none; }
html[data-view="scroll"] .home-hero h1.home-hero-title,
html[data-view="scroll"] .home-hero .home-hero-title{
  color:#f3e6cc !important;
  -webkit-text-fill-color:#f3e6cc !important;
  background:none !important;
  -webkit-background-clip:unset !important;
  background-clip:unset !important;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
html[data-view="scroll"] .home-hero .home-hero-verse,
html[data-view="scroll"] .home-hero .home-hero-tagline,
html[data-view="scroll"] .home-hero .home-hero-ref,
html[data-view="scroll"] .home-hero p{
  color:#f3e6cc !important;
  -webkit-text-fill-color:#f3e6cc !important;
  text-shadow:0 1px 10px rgba(0,0,0,.5);
  max-width:none;
  margin-left:0;
}
html[data-view="scroll"] .home-hero-tagline.meta-hint{ display:none; }

html[data-view="scroll"] .age-banner{ display:none !important; }

/* story plates — real images, not a brown fill (both views) */
.sc-plate{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center 30%;
  display:block; z-index:0; pointer-events:none;
}
.sc .se{ display:none !important; }
html[data-view="scroll"] .sc,
html[data-view="map"] .sc{
  min-height:240px !important;
  aspect-ratio:4/3;
  padding:0 !important;
  background:none !important;
  border:1px solid var(--ill-rule) !important;
  overflow:hidden;
}
html[data-view="scroll"] .sc-overlay,
html[data-view="map"] .sc-overlay{
  background:linear-gradient(180deg, rgba(26,18,8,.08) 18%, rgba(26,18,8,.78) 100%) !important;
  z-index:1;
}
.sc-content{ z-index:2; }
html[data-view="scroll"] .stt{ color:#f3e6cc !important; font-family:"Cinzel",Georgia,serif; }
html[data-view="scroll"] .srf, html[data-view="scroll"] .stag{ color:#d4a84b !important; }

html[data-view="scroll"] .home-explore-sub{ display:none; }

/* ── editorial scroll home: the mockup, not the filing cabinet ── */
#illum-home{ display:none; }
html[data-view="scroll"] #illum-home{
  display:flex !important;
  flex-direction:column;
  gap:14px;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:0;
}
html[data-view="scroll"] .home-hero,
html[data-view="scroll"] .age-banner,
html[data-view="scroll"] .daily-section{
  display:none !important;
}
.illum-journey{
  display:grid;
  grid-template-columns:220px 1fr;
  text-decoration:none;
  color:var(--box-ink, #2a1d0d);
  background:var(--box-bg, #e4d2ae);
  border:1px solid var(--ill-gold, #b8892a);
  min-height:160px;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.illum-journey img{ width:220px; height:100%; object-fit:cover; display:block; }
.illum-journey-copy{ padding:22px 24px; display:flex; flex-direction:column; justify-content:center; }
.illum-journey small{
  letter-spacing:.22em; text-transform:uppercase; font-size:11px;
  color:var(--ill-gold, #b8892a); font-weight:700;
}
.illum-journey h2{
  font-family:var(--font-title), Georgia, serif; font-size:clamp(1.6rem,2.4vw,2.2rem);
  margin:6px 0 8px; letter-spacing:.03em;
}
.illum-journey p{
  font-family:var(--font-body), Georgia, serif; font-size:1.05rem; line-height:1.4;
  margin:0 0 12px; max-width:42em;
}
.illum-journey-go{
  font:700 12px/1 var(--font-title), Georgia, serif;
  letter-spacing:.14em; text-transform:uppercase;
  color:#1a1208; background:#f5c542; padding:10px 14px; align-self:flex-start;
}
@media (max-width:700px){
  .illum-journey{ grid-template-columns:1fr; }
  .illum-journey img{ width:100%; height:140px; }
}
.illum-spread{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  flex:1;
  min-height:0;
  border:1px solid var(--ill-rule);
  overflow:hidden;
  background:#efe0c2;
}
.illum-photo{
  background:url("images/kingdom/shepherd.jpg") center 42%/cover;
  min-height:280px;
}
.illum-copy{
  padding:36px 32px 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(180deg,#f7edd6,#efe0c2);
}
.illum-kicker{
  font-size:11px; letter-spacing:.28em; text-transform:uppercase;
  color:var(--ill-gold); font-weight:600; margin-bottom:14px;
  font-family:"Source Sans 3",sans-serif;
}
.illum-copy h1{
  font-family:var(--font-title),Georgia,serif !important;
  font-size:clamp(1.5rem,2.6vw,2.15rem);
  line-height:1.2; letter-spacing:.04em;
  color:var(--ill-ink) !important;
  -webkit-text-fill-color:var(--ill-ink) !important;
  background:none !important;
  margin:0 0 16px;
}
.illum-verse{
  font-family:var(--font-body),Georgia,serif;
  font-style:italic; font-size:clamp(1.15rem,1.8vw,1.55rem);
  line-height:1.35; color:var(--ill-ink);
  margin:0 0 8px;
}
.illum-ref{
  font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ill-gold); font-style:normal; display:block; margin-bottom:22px;
}
.illum-cta{
  align-self:flex-start;
  appearance:none; border:0; cursor:pointer;
  padding:12px 18px;
  background:var(--ill-leather); color:var(--ill-cream);
  font:600 11px/1 "Cinzel",Georgia,serif;
  letter-spacing:.16em; text-transform:uppercase;
}
.illum-plates{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  flex-shrink:0;
}
.illum-plate{
  display:grid;
  grid-template-columns:108px 1fr;
  background:#f7edd6;
  border:1px solid var(--ill-rule);
  text-decoration:none; color:var(--ill-ink);
  min-height:118px;
  overflow:hidden;
}
.illum-plate img{ width:108px; height:100%; object-fit:cover; display:block; }
.illum-plate div{ padding:12px 14px; }
.illum-plate small{
  letter-spacing:.16em; text-transform:uppercase; font-size:10px;
  color:var(--ill-gold); font-weight:600;
}
.illum-plate h3{
  font-family:"Cinzel",Georgia,serif; font-size:15px; margin:6px 0 6px;
  letter-spacing:.04em;
}
.illum-plate p{
  font-family:"Crimson Pro",Georgia,serif; font-size:15px; line-height:1.3;
  color:var(--ill-ink2); margin:0;
}
@media (max-width:800px){
  .illum-spread{ grid-template-columns:1fr; }
  .illum-photo{ min-height:200px; }
  .illum-copy{ padding:22px 18px; }
  .illum-plates{ grid-template-columns:1fr; }
  .illum-plate{ grid-template-columns:96px 1fr; }
}

@media (max-width:700px){
  #view-toggle{ right:10px; bottom:12px; }
  #view-toggle button{ padding:8px 12px; font-size:10px; }
  .land-hud{ left:12px; top:12px; right:12px; }
  .land-pin{ font-size:11px; padding:6px 8px; }
  html[data-view="scroll"] .home-hero{ min-height:260px; }
  html[data-view="scroll"] .home-hero-inner{ padding:28px 18px; }
}

/* ── Bible land (the old map) ───────────────────────────────── */
#land-bible{
  position:absolute; inset:auto 12px 12px 12px;
  top:auto; height:min(72vh, 640px);
  z-index:9; display:none;
  flex-direction:column;
  pointer-events:auto;
  max-width:720px; margin:0 auto;
}
#land-bible.open{ display:flex !important; }
.lb-bar{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
  justify-content:space-between;
  background:#f7edd6; border:1px solid rgba(184,137,42,.45);
  padding:10px 12px; margin-bottom:10px;
}
.lb-brand{
  font-family:"Cinzel",Georgia,serif; font-size:13px; letter-spacing:.12em;
  text-transform:uppercase; color:#2a1d0d;
}
.lb-picks{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.lb-picks select, .lb-picks button{
  font-family:"Crimson Pro",Georgia,serif; font-size:15px;
  background:#fff8e6; color:#2a1d0d; border:1px solid rgba(184,137,42,.5);
  padding:6px 8px; border-radius:8px;
}
.lb-picks button{ width:36px; cursor:pointer; font-size:18px; }
.lb-page{
  flex:1; overflow:auto; -webkit-overflow-scrolling:touch;
  background:#fbf3e0; border:1px solid rgba(184,137,42,.4);
  padding:22px 26px 40px; color:#2a1d0d;
  font-family:"Crimson Pro",Georgia,serif; font-size:1.12rem; line-height:1.7;
}
.lb-ref{
  font-family:"Cinzel",Georgia,serif; font-size:1.35rem; margin:0 0 14px;
  color:#2a1d0d; letter-spacing:.04em;
}
.lb-v{ margin:0 0 .7em; }
.lb-v sup{
  color:#b8892a; font-weight:700; font-size:.75rem; margin-right:6px;
  font-family:"Cinzel",Georgia,serif;
}
.lb-loading{ opacity:.7; font-style:italic; }
.lb-credit{
  margin:8px 0 0; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:#f3e6cc; text-shadow:0 1px 8px #000;
}
#land-sheep{
  position:absolute; z-index:12; transform:translate(-50%,-50%);
  background:none; border:0; cursor:grab; touch-action:none;
  display:flex; flex-direction:column; align-items:center; gap:2px;
}
#land-sheep:active{ cursor:grabbing; }
.sheep-face{ font-size:42px; filter:drop-shadow(0 6px 8px rgba(0,0,0,.35)); line-height:1; }
.sheep-hint{
  font:700 9px/1 "Cinzel",Georgia,serif; letter-spacing:.16em; text-transform:uppercase;
  color:#1a1208; background:#f5c542; padding:3px 7px; border-radius:99px;
}
#land-notepad{
  position:absolute; z-index:13; width:250px; display:none;
  pointer-events:auto;
}
#land-notepad.open{ display:block; }
.pad-string{
  position:absolute; top:-26px; left:28px; width:2px; height:26px;
  background:#c9a227;
}
.pad-sheet{
  background:#fff8dc; color:#2a1d0d;
  border:1px solid #e0c36a;
  box-shadow:4px 10px 24px rgba(0,0,0,.28);
  transform:rotate(-1.6deg);
  padding:10px 12px 8px;
}
.pad-sheet header{
  display:flex; justify-content:space-between; align-items:center;
  font-family:"Cinzel",Georgia,serif; font-size:12px; letter-spacing:.08em;
  text-transform:uppercase; margin-bottom:6px;
}
.pad-sheet header button{
  background:none; border:0; cursor:pointer; font-size:18px; color:#7a5c20;
}
#pad-text{
  width:100%; min-height:110px; border:0; resize:vertical;
  background:transparent; color:#2a1d0d;
  font-family:"Crimson Pro",Georgia,serif; font-size:15px; line-height:1.45;
  outline:none;
}
.pad-foot{ margin:4px 0 0; font-size:10px; color:#7a5c20; }

/* ── fun nav — always on, never hidden ──────────────────────── */
.hdr, #mainHeader{
  display:flex !important;
  position:fixed !important;
  top:0; left:0; right:0;
  z-index:100 !important;
  height:56px;
  background:rgba(18,12,6,.94) !important;
  border-bottom:1px solid rgba(245,197,66,.35) !important;
}
.hdr-inner{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 16px 0 58px; }
.hdr .logo-fun,.hdr .logo-bible,.hdr .logo-time{ color:#f5c542 !important; -webkit-text-fill-color:#f5c542 !important; }
#mnubtn{ display:flex !important; }
#sidenav{
  z-index:130 !important;
  background:linear-gradient(180deg,#2a1d0d 0%,#1a1208 100%) !important;
  border-right:1px solid rgba(245,197,66,.35) !important;
}
#sidenav, #sidenav .sni, #sidenav .sni span, #sidenav button{
  color:#f3e6cc !important;
}
.sn-title{ font-family:"Cinzel Decorative",Cinzel,serif !important; font-size:1.05rem !important; }
.sn-verse{ color:#f3e6cc !important; border-color:rgba(245,197,66,.25) !important; }
.snitems{ padding:10px 10px 18px !important; }
.sni{
  border-radius:12px !important; margin:3px 0 !important;
  color:#f3e6cc !important; font-family:"Crimson Pro",Georgia,serif !important;
  font-size:.95rem !important; padding:11px 12px !important;
  border-left:0 !important;
}
.sni:hover,.sni.active{
  background:rgba(245,197,66,.16) !important; color:#fff6e5 !important;
}
.sni-icon{ font-size:1.25rem !important; width:1.6em; text-align:center; }
.sn-group{
  margin:10px 6px 4px; font:700 10px/1 "Cinzel",Georgia,serif;
  letter-spacing:.2em; text-transform:uppercase; color:#f5c542;
}
.sni-play{
  background:linear-gradient(90deg, rgba(245,197,66,.22), transparent) !important;
  border:1px solid rgba(245,197,66,.35) !important;
}
.sn-footer{ color:#d8c9a8 !important; }
.hdr-controls{ display:flex; flex-wrap:wrap; gap:6px; padding:8px 10px; }

html[data-view="scroll"] #pg-home{
  overflow:auto !important;
  padding-top:56px;
}