@import url('./workshop-live-adapter.css');
@import url('./exclusive-phone.css');
@import url('./exclusive-realms.css');
@import url('./witching-hour.css');
/* Local Workshop visual layer. Every treatment selector requires Workshop opt-in.
   Drowned Library defaults; other opted-in Realms supply their own art and palette. */
.realm-study-home { min-height:100svh; display:grid; place-content:center; gap:1rem; background:#02080b; color:#e0f2ef; text-align:center; }
.realm-study-bar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem clamp(1rem,4vw,4rem); background:#031016; border-bottom:1px solid #83cbcb42; color:#bce6e3; font:600 .68rem/1.4 system-ui,sans-serif; letter-spacing:.1em; }
.realm-study-bar b { display:block; font-weight:400; letter-spacing:0; }
.realm-study-bar > div { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; }
.realm-study-bar button,.realm-study-bar a { border:1px solid #73adad70; border-radius:3px; padding:.5rem .7rem; background:#071a20; color:#d9f2ee; font:600 .75rem/1.2 system-ui,sans-serif; letter-spacing:0; text-decoration:none; cursor:pointer; }
.realm-study-bar :focus-visible { outline:2px solid #bceae5; outline-offset:3px; }

/* Viewport-sized scenery stays resolved regardless of the number of book rows.
   Wide monitors are capped at the source width; the surrounding water fills the edges.
   This is a fixed decorative layer, not background-attachment:fixed on mobile. */
html[data-realm-treatment="immersive"] .reader-realm-immersive { isolation:isolate; background:#020b10; }
html[data-realm-treatment="immersive"] .reader-realm-immersive::before {
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-color:#020b10;
  background-image:linear-gradient(180deg,rgba(2,11,16,.22),rgba(2,11,16,.08) 55%,rgba(2,11,16,.5)),url("./art/drowned-stacks-desktop-v1.webp");
  background-repeat:no-repeat; background-position:center; background-size:100% 100%,min(100vw,1536px) auto;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-hero {
  min-height:clamp(42rem,88svh,58rem); background-color:transparent; animation:none;
  background-image:linear-gradient(180deg,rgba(2,11,16,.08),rgba(2,11,16,.04) 58%,#020b10),url("../../assets/reader-realms/drowned-library-hero-v1.png");
  background-size:cover; background-position:64% center;
  mask-image:linear-gradient(#000 0 70%,transparent 100%);
  padding-bottom:5rem; margin-bottom:-5rem;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-hero::before { background:linear-gradient(90deg,#02090c66,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header { padding-top:3rem; padding-bottom:9rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header h1 { font-size:clamp(3.4rem,6.7vw,6.8rem); max-width:11ch; line-height:.98; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-scroll-cue { bottom:9rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger {
  width:min(calc(100% - 6rem),72rem); margin:0 auto;
  border-color:#88c8c74a; background:linear-gradient(120deg,#06191fea,#031017e6);
  box-shadow:0 16px 48px #0005,inset 0 1px #d0ffff12; padding:1.4rem;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content {
  width:min(calc(100% - 6rem),72rem); gap:3rem 1.5rem; align-items:start; padding:5rem 0 5rem; scroll-margin-top:2rem;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content::before { content:none; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf {
  background:linear-gradient(135deg,rgba(5,23,29,.88),rgba(2,12,18,.94));
  border:1px solid #8bc9c647; border-radius:4px;
  box-shadow:0 24px 45px #0005,inset 0 1px #eaffff0a; padding:1.5rem;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf > header { border-bottom-color:#88c8c733; padding-bottom:1.15rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf > header small { color:#a4ccca; font-size:.64rem; line-height:1.5; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf > p,
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book small { color:#bdd0cf; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf h2 { line-height:1.12; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-books { gap:1rem; padding-top:1.25rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book-manage { min-height:44px; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-favorites { margin-top:1.5rem; border-color:#a6dcd06b; background:linear-gradient(130deg,#102b30eb,#031217ed); }
html[data-realm-treatment="immersive"] .reader-realm-immersive > footer { background:#031017d9; color:#bbd1d0; border-top:1px solid #8bc9c633; }

/* Mobile art is separately composed, not a narrow slice of the desktop scene. */
@media(max-width:700px) {
  .realm-study-bar { align-items:flex-start; flex-direction:column; gap:.6rem; }
  .realm-study-bar > div { gap:.4rem; }
  .realm-study-bar button,.realm-study-bar a { padding:.7rem .55rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive::before {
    background-image:linear-gradient(180deg,#020b1026,#020b1010 55%,#020b1055),url("./art/drowned-stacks-mobile-v1.webp");
    background-size:100% 100%,cover; background-position:center;
  }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-hero {
    background-image:linear-gradient(180deg,#020b1033,#020b1080),url("./art/drowned-stacks-mobile-v1.webp");
    background-position:center 38%; min-height:0; padding-bottom:4rem; margin-bottom:-2rem;
    mask-image:linear-gradient(#000 0 80%,transparent 100%);
  }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header { grid-template-columns:1fr; padding:2.5rem 1.4rem 7rem; gap:2rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header h1 { font-size:clamp(2.25rem,11.5vw,4.7rem); max-width:11ch; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-tools { width:100%; grid-template-columns:5rem minmax(0,1fr); align-items:center; gap:1rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-tools .reader-realm-sigil { width:5rem; height:7rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header-actions { grid-template-columns:1fr 1fr; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header-actions button { min-width:0; min-height:44px; padding:.65rem .4rem; font-size:.7rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header-actions .primary-link { grid-column:1/-1; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-scroll-cue { bottom:5rem; font-size:.8rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger,
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content { width:calc(100% - 2rem); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger { padding:1.1rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content { grid-template-columns:1fr; padding:3rem 0; gap:2.5rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf { grid-column:1/-1; padding:1.1rem; min-height:10rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-favorites { margin-top:0; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive *,
  html[data-realm-treatment="immersive"] .reader-realm-immersive *::before,
  html[data-realm-treatment="immersive"] .reader-realm-immersive *::after { animation:none!important; scroll-behavior:auto!important; }
}



@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-hero { grid-template-columns:minmax(0,1fr); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header { width:100%; min-width:0; grid-template-columns:minmax(0,1fr); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-identity { width:100%; min-width:0; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-reader-line { width:100%; min-width:0; padding-right:0; gap:.8rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-reader-line > div { min-width:0; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-membership-badge { width:4.5rem; height:6rem; flex-basis:4.5rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-membership-title { font-size:1rem; overflow-wrap:anywhere; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header-actions { min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-books { grid-template-columns:repeat(2,minmax(0,1fr)); }
}


@media(min-width:1537px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive::before { max-width:1536px; margin-inline:auto; mask-image:linear-gradient(90deg,transparent,#000 8% 92%,transparent),linear-gradient(180deg,transparent,#000 10% 90%,transparent); mask-composite:intersect; }
}
@media(min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive::before { background-image:linear-gradient(180deg,#020b1026,#020b1010 55%,#020b1055),url("./art/drowned-stacks-mobile-v1.webp"); background-size:100% 100%,cover; }
}


/* Shared layout for the explicitly opted-in local Realm Workshops only. */
.reader-realm-immersive > .realm-study-bar {
  position:sticky; top:0; z-index:20; padding:.6rem clamp(.8rem,2vw,2rem);
  gap:.8rem; background:#041218f5; box-shadow:0 5px 18px #0005; letter-spacing:.04em;
}
.workshop-label { display:grid; gap:.2rem; }
.workshop-label small { font-size:.72rem; letter-spacing:0; }
.realm-study-bar .workshop-controls { gap:.6rem; }
.workshop-controls label { display:flex; align-items:center; gap:.4rem; font-size:.72rem; }
.workshop-controls select { color:#e4f8f3; background:#0b242d; border:1px solid #638e92; border-radius:4px; padding:.55rem; max-width:13rem; font:inherit; min-height:40px; }
.workshop-controls button { min-height:40px; }
html[data-realm-treatment="immersive"] .reader-realm-immersive::before {
  max-width:none; margin:0; mask-image:none;
  background-size:100% 100%,cover;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header { max-width:none; width:100%; padding-inline:clamp(1.25rem,3vw,4rem); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger,
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content { width:calc(100% - clamp(1.5rem,4vw,5rem)); max-width:none; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content {
  display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:1.25rem;
  align-items:stretch; padding:0 0 1rem; scroll-margin-top:8rem;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf {
  display:flex; flex-direction:column; height:35rem; min-height:0; margin:0; padding:1.1rem; overflow:hidden;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-current { grid-column:span 5; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-want { grid-column:span 7; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-read { grid-column:span 9; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-dnf { grid-column:span 3; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-favorites { grid-column:1/-1; height:32rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf > header { flex:none; min-height:4.9rem; padding-bottom:.7rem; gap:.65rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf h2 { font-size:clamp(1.4rem,2vw,2rem); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-books {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr)); grid-auto-rows:max-content; align-content:start;
  flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-gutter:stable;
  scrollbar-width:auto; scrollbar-color:#75bfc3 #07171e;
  gap:1rem; padding:.8rem .5rem .65rem 0;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) .reader-realm-books {
  grid-template-columns:none; grid-auto-flow:column; grid-template-rows:1fr;
  grid-auto-columns:max(8rem,calc((100% - 1.5rem) / 3)); gap:.75rem; scrollbar-gutter:auto; padding-right:0; align-content:stretch; overflow-y:auto;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-dnf .reader-realm-books { grid-auto-columns:max(8.5rem,calc((100% - 1rem) / 2)); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book { min-width:0; align-self:start; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-cover { height:11.5rem; min-height:0; padding:.3rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-cover img { max-height:100%; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book-front > a { min-width:0; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book-front strong { display:block; height:2.4em; overflow:hidden; line-height:1.2; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book-front small { display:block; height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book-manage { min-height:36px; padding:.4rem .3rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-reading-room-door { flex:none; margin-top:.5rem; min-height:36px; }
.workshop-shelf-instructions,.workshop-order-status { width:calc(100% - clamp(1.5rem,4vw,5rem)); margin:1.2rem auto .8rem; color:#c0dcda; font:400 .82rem/1.5 system-ui,sans-serif; }
.workshop-order-status { margin:.25rem auto 1.5rem; }
.workshop-scroll-hint { flex:none; display:block; color:#a4dcd9; font:600 .68rem/1.4 system-ui,sans-serif; padding-top:.25rem; }
.workshop-scroll-hint[hidden] { display:none; }
.workshop-book-order { display:flex; justify-content:center; gap:.3rem; padding-top:.3rem; }
.workshop-book-order button { display:grid; place-content:center; min-width:32px; height:32px; padding:0; border:1px solid #83b9b84d; border-radius:4px; color:#c9ebe6; background:#092027; font-size:1rem; cursor:pointer; }
.workshop-book-order button:disabled { opacity:.3; cursor:default; }
.workshop-book-order [data-order-grip] { cursor:grab; touch-action:none; }
.workshop-book-order [data-order-grip]:active { cursor:grabbing; }
.workshop-book-order :focus-visible,.reader-realm-books:focus-visible { outline:2px solid #bff8ec; outline-offset:2px; }
.reader-realm-immersive .is-order-dragging { opacity:.55; outline:2px dashed #bff8ec; }
.reader-realm-immersive .is-order-target { outline:3px solid #bff8ec; outline-offset:3px; }
@media(max-width:1050px) and (min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-current { grid-column:span 5; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-want { grid-column:span 7; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-read { grid-column:span 8; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-dnf { grid-column:span 4; }
}
@media(max-width:700px) {
  .reader-realm-immersive > .realm-study-bar { gap:.5rem; padding:.65rem .75rem; }
  .workshop-label small { display:none; }
  .workshop-controls { width:100%; display:grid!important; grid-template-columns:1fr 1fr; gap:.4rem!important; }
  .workshop-controls label { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr); font-size:.65rem; }
  .workshop-controls select { width:100%; min-width:0; max-width:none; padding:.4rem .15rem; font-size:.7rem; }
  .workshop-controls button { padding:.4rem!important; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content { grid-template-columns:minmax(0,1fr); gap:1rem; scroll-margin-top:10rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf { grid-column:1/-1; height:40rem; padding:1rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-current,
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-dnf { height:33rem; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-books { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-current .reader-realm-books,
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-dnf .reader-realm-books { grid-auto-columns:max(8rem,calc((100% - 1rem) / 2)); }
  .workshop-book-order button { height:44px; min-width:36px; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book-manage { min-height:44px; }
}



@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf-current { height:36rem; }
}
@media(max-width:700px) {
  .workshop-book-order { gap:.15rem; }
  .workshop-book-order button { min-width:0; flex:1; max-width:44px; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-content { scroll-margin-top:12.5rem; }
}

/* Art margins and a single book size across every shelf. */
html[data-realm-treatment="immersive"] .reader-realm-immersive {
  --workshop-width:min(84vw,100rem);
  --workshop-book-width:8.5rem;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-header,.reader-realm-ledger,.reader-realm-content),
.reader-realm-immersive :is(.workshop-shelf-instructions,.workshop-order-status) { width:var(--workshop-width); max-width:none; margin-inline:auto; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-header { padding-inline:0; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-books {
  grid-template-columns:repeat(auto-fill,var(--workshop-book-width));
  justify-content:start; gap:.75rem; overscroll-behavior:auto;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) .reader-realm-books {
  grid-template-columns:none; grid-auto-columns:var(--workshop-book-width); max-width:calc(3 * var(--workshop-book-width) + 1.5rem); width:100%; align-self:flex-start;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-book { width:var(--workshop-book-width); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-cover {
  display:block; position:relative; width:100%; height:calc(var(--workshop-book-width) * 1.5); min-height:0; padding:0; overflow:hidden; cursor:grab;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-cover img {
  position:absolute; inset:0; display:block; width:100%; height:100%; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-cover:active { cursor:grabbing; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-stat-line { grid-template-columns:repeat(6,minmax(0,1fr)); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-stat-line > span { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:.3rem; font-size:.65rem; line-height:1.35; }
.reader-realm-immersive .workshop-stat-translation { color:#cfdfdc; font:400 .75rem/1.4 system-ui,sans-serif; text-transform:none; letter-spacing:0; }
.reader-realm-immersive .workshop-book-order [data-order-grip] { min-width:4.5rem; max-width:none; font:600 .7rem/1 system-ui,sans-serif; }
.reader-realm-immersive .workshop-book-order [data-order-earlier],
.reader-realm-immersive .workshop-book-order [data-order-later] { display:none; }
.reader-realm-immersive .workshop-book-order:focus-within [data-order-earlier],
.reader-realm-immersive .workshop-book-order:focus-within [data-order-later] { display:grid; }
@media(max-width:1000px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive { --workshop-width:90vw; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger { grid-template-columns:1fr; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-stat-line { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive { --workshop-width:calc(100% - 3rem); --workshop-book-width:clamp(5.8rem,calc((100vw - 9rem) / 2),8.5rem); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-stat-line { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-stat-line > span:first-child { grid-column:auto; }
  .reader-realm-immersive .workshop-book-order [data-order-grip] { min-width:0; flex:1; }
}


.reader-realm-immersive .workshop-book-order:focus-within [data-order-grip] { min-width:0; flex:1; }

/* Readers choose which shelves remain open. */
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf { align-self:start; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf > header { display:block; }
.reader-realm-immersive .workshop-shelf-toggle {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.7rem;
  width:100%; border:0; border-radius:4px; background:transparent; color:inherit;
  padding:0; text-align:left; font:inherit; cursor:pointer;
}
.reader-realm-immersive .workshop-shelf-toggle:focus-visible { outline:2px solid #bff8ec; outline-offset:6px; }
.reader-realm-immersive .workshop-shelf-count { display:block; margin-top:.4rem; color:#c0dcda; font:400 .8rem/1.4 system-ui,sans-serif; }
.reader-realm-immersive .workshop-shelf-medallion { display:grid; place-items:center; width:2rem; height:2rem; border:1px solid #b99754; border-radius:50%; color:#e6c982; background:radial-gradient(circle,#21434a,#07191f); box-shadow:inset 0 0 0 3px #07191f,0 0 12px #97e5dc15; font-size:1.1rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-shelf.is-workshop-collapsed { height:auto; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .is-workshop-collapsed > :not(header) { display:none; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .is-workshop-collapsed > header { min-height:0; padding-bottom:0; border-bottom:0; }
.reader-realm-immersive .is-workshop-collapsed .workshop-shelf-toggle > div > small { display:none; }
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) { grid-column:span 3; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-shelf-want,.reader-realm-shelf-read) { grid-column:span 9; }
}

/* Miniature of the Realm's own crest beside each shelf title. */
.reader-realm-immersive .workshop-shelf-medallion {
  width:2.75rem; height:3.5rem; border:0; border-radius:0; background:none; box-shadow:none;
}
.reader-realm-immersive .workshop-shelf-medallion img {
  display:block; width:100%; height:100%; object-fit:contain;
  filter:drop-shadow(0 2px 4px #0009);
}

/* Drowned Library: two visible reading books, with pages instead of nested scrolling. */
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf { height:auto; min-height:35rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf.is-workshop-collapsed { min-height:0; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf .reader-realm-books {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto;
  grid-auto-flow:row; grid-auto-columns:auto; width:100%; max-width:none;
  flex:none; overflow:visible; scrollbar-gutter:auto; padding:.8rem 0; align-content:start;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf .reader-realm-book { width:100%; max-width:8.5rem; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf .reader-realm-book[hidden] { display:none!important; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf .reader-realm-cover { height:auto; aspect-ratio:2/3; }
.reader-realm-immersive .workshop-book-pages { display:flex; align-items:center; justify-content:space-between; gap:.3rem; margin-top:auto; padding:.3rem 0; }
.reader-realm-immersive .workshop-book-pages[hidden] { display:none; }
.reader-realm-immersive .workshop-book-pages button { min-height:36px; padding:.3rem; color:#d0e9e6; background:#0b2229; border:1px solid #709b9d80; border-radius:4px; font:600 .65rem/1.2 system-ui,sans-serif; cursor:pointer; }
.reader-realm-immersive .workshop-book-pages button:disabled { opacity:.4; cursor:default; }
.reader-realm-immersive .workshop-book-pages small { font:400 .65rem/1.2 system-ui,sans-serif; color:#c0dcda; white-space:nowrap; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-drowned-library .reader-reading-room-door { background:linear-gradient(180deg,#e5faf4,#b7dfdd 48%,#82b9c0); color:#08242b; border-color:#caf6ed; box-shadow:inset 0 1px #fff9,0 0 14px #95e4df33; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-drowned-library .reader-reading-room-door small { color:#21444b; border-left-color:#315e6466; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-drowned-library .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-drowned-library .reader-reading-room-door:focus-visible { border-color:#edfff9; box-shadow:0 0 20px #a9f3e766; }
/* Keep the paged shelf's books hidden when closed, overriding its grid layout. */
html[data-realm-treatment="immersive"] .reader-realm-immersive .workshop-two-book-shelf.is-workshop-collapsed > .reader-realm-books { display:none; }
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-drowned-library .reader-realm-shelf-want:not(.is-workshop-collapsed) {
    height:var(--workshop-reading-height,35rem); min-height:0; align-self:start;
  }
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-drowned-library .reader-realm-shelf-want:not(.is-workshop-collapsed) .reader-realm-books {
    height:0; flex:1;
  }
}

/* Consistent introductory typography across the opted-in Realm Workshops. */
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger > header > strong { font-size:clamp(1.6rem,2.2vw,2rem); line-height:1.12; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-ledger > header > small { font-size:.95rem; }

/* Afterlife art and palette. Loaded only by its local Realm Workshop. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted { background:#08090f; color:#eceaf3; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted::before {
  background-color:#08090f;
  background-image:linear-gradient(180deg,#08090f20,#08090f08 55%,#08090f66),url("./art/afterlife-stacks-desktop-v1.png");
  background-size:100% 100%,cover; background-position:center; max-width:none; mask-image:none;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-realm-hero {
  background-image:linear-gradient(180deg,#08090f08,#08090f10 60%,#08090f),url("../../assets/reader-realms/afterlife-hero-v1.png");
  background-position:70% center;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-realm-hero::before { background:linear-gradient(90deg,#08090f55,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted :is(.reader-realm-shelf,.reader-realm-ledger) {
  background:linear-gradient(135deg,#11121ee8,#080a11ec); border-color:#b4b6d247;
  box-shadow:0 20px 45px #0005,inset 0 1px #e8e5ff12;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-realm-shelf > header { border-bottom-color:#b4b6d233; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted :is(.reader-realm-shelf > header small,.reader-realm-book small,.reader-realm-shelf > p) { color:#c9c8d9; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-realm-books { scrollbar-color:#aaaac9 #10121d; }
.reader-realm-immersive.reader-realm-page-haunted > .realm-study-bar { background:#0a0c15f5; border-color:#a8a7c542; color:#d3d0e7; }
.reader-realm-immersive.reader-realm-page-haunted :is(.workshop-controls select,.realm-study-bar button,.workshop-book-order button) { background:#141725; color:#e1dff0; border-color:#9d9bbb70; }
.reader-realm-immersive.reader-realm-page-haunted :is(.workshop-stat-translation,.workshop-shelf-instructions,.workshop-order-status,.workshop-scroll-hint) { color:#d0cddd; }
.reader-realm-immersive.reader-realm-page-haunted :is(.workshop-shelf-toggle,.workshop-book-order button,.reader-realm-books):focus-visible { outline-color:#e1d8ff; }
.reader-realm-immersive.reader-realm-page-haunted .is-order-dragging { outline-color:#e1d8ff; }
.reader-realm-immersive.reader-realm-page-haunted .is-order-target { outline-color:#e1d8ff; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted > footer { background:#080a11e6; color:#c9c8d9; border-color:#b4b6d233; }
@media(max-width:700px), (min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted::before {
    background-image:linear-gradient(180deg,#08090f15,#08090f05 55%,#08090f55),url("./art/afterlife-stacks-mobile-v1.png");
  }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-realm-hero {
    background-image:linear-gradient(180deg,#08090f25,#08090f80),url("./art/afterlife-stacks-mobile-v1.png"); background-position:center;
  }
}
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1.1rem,1.6vw,1.4rem); }
}

/* Realm language leads; ordinary category labels quietly explain the counts. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-realm-stat-line > span { gap:.65rem; }
.reader-realm-immersive.reader-realm-page-haunted .workshop-stat-number-line { display:flex; align-items:center; gap:.5rem; min-height:2.5rem; width:100%; }
.reader-realm-immersive.reader-realm-page-haunted .workshop-stat-number-line strong { flex:none; font-size:2rem; line-height:1; }
.reader-realm-immersive.reader-realm-page-haunted .workshop-stat-number-line .workshop-stat-translation { min-width:0; font:400 .7rem/1.35 system-ui,sans-serif; color:#cbc8d7; }
.reader-realm-immersive.reader-realm-page-haunted .workshop-stat-realm-name { color:#e4d0a2; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,1.6vw,1.75rem); font-weight:700; line-height:1.15; letter-spacing:0; text-transform:none; overflow-wrap:normal; }
@media(max-width:700px) {
  .reader-realm-immersive.reader-realm-page-haunted .workshop-stat-realm-name { font-size:clamp(1.05rem,5vw,1.3rem); }
  .reader-realm-immersive.reader-realm-page-haunted .workshop-stat-number-line { gap:.4rem; }
  .reader-realm-immersive.reader-realm-page-haunted .workshop-stat-number-line strong { font-size:1.8rem; }
}

.reader-realm-immersive.reader-realm-page-haunted .workshop-stat-realm-name { align-self:stretch; }
/* A moonlit silver invitation into the Afterlife Reading Room. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-reading-room-door {
  background:linear-gradient(180deg,#f0eff7 0%,#d2d3e0 46%,#b3b7cc 100%);
  color:#141620; border-color:#e1e2f1;
  box-shadow:inset 0 1px 0 #ffffffc9,0 0 14px #c2c8f233;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-reading-room-door small {
  color:#303347; border-left-color:#555b7966;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-reading-room-door:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#e0e2ee 46%,#c4c9df 100%);
  border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 0 20px #d6ddff66;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-haunted .reader-reading-room-door:focus-visible { outline:2px solid #e2e5ff; outline-offset:3px; }

/* Velvet Chamber art and palette. Loaded only by its local Realm Workshop. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber { background:#100509; color:#f5e7db; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber::before {
  background-color:#100509;
  background-image:linear-gradient(180deg,#10050920,#10050908 55%,#10050966),url("./art/velvet-stacks-desktop-v1.png");
  background-size:100% 100%,cover; background-position:center; max-width:none; mask-image:none;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-hero {
  background-image:linear-gradient(180deg,#10050908,#10050910 60%,#100509),url("../../assets/reader-realms/velvet-chamber-hero-v1.png");
  background-position:70% center;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-hero::before { background:linear-gradient(90deg,#10050955,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber :is(.reader-realm-shelf,.reader-realm-ledger) {
  background:linear-gradient(135deg,#251018e8,#13080dec); border-color:#b9927047;
  box-shadow:0 20px 45px #0005,inset 0 1px #ffe7c812;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-shelf > header { border-bottom-color:#b9927033; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber :is(.reader-realm-shelf > header small,.reader-realm-book small,.reader-realm-shelf > p) { color:#dbc5ba; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-books { scrollbar-color:#c49589 #210d15; }
.reader-realm-immersive.reader-realm-page-velvet-chamber > .realm-study-bar { background:#17090ff5; border-color:#b68b7042; color:#eed9c3; }
.reader-realm-immersive.reader-realm-page-velvet-chamber :is(.workshop-controls select,.realm-study-bar button,.workshop-book-order button) { background:#32151f; color:#f4decb; border-color:#b58b7570; }
.reader-realm-immersive.reader-realm-page-velvet-chamber :is(.workshop-stat-translation,.workshop-shelf-instructions,.workshop-order-status,.workshop-scroll-hint) { color:#e3cec1; }
.reader-realm-immersive.reader-realm-page-velvet-chamber :is(.workshop-shelf-toggle,.workshop-book-order button,.reader-realm-books):focus-visible { outline-color:#ffe0bc; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .is-order-dragging { outline-color:#ffe0bc; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .is-order-target { outline-color:#ffe0bc; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber > footer { background:#13080de6; color:#dbc5ba; border-color:#b9927033; }
@media(max-width:700px), (min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber::before {
    background-image:linear-gradient(180deg,#10050915,#10050905 55%,#10050955),url("./art/velvet-stacks-mobile-v1.png");
  }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-hero {
    background-image:linear-gradient(180deg,#10050925,#10050980),url("./art/velvet-stacks-mobile-v1.png"); background-position:center;
  }
}
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1.1rem,1.6vw,1.4rem); }
}

/* Realm language leads; ordinary category labels quietly explain the counts. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-stat-line > span { gap:.65rem; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-number-line { display:flex; align-items:center; gap:.5rem; min-height:2.5rem; width:100%; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-number-line strong { flex:none; font-size:2rem; line-height:1; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-number-line .workshop-stat-translation { min-width:0; font:400 .7rem/1.35 system-ui,sans-serif; color:#e2cfc6; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-realm-name { color:#edc992; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,1.6vw,1.75rem); font-weight:700; line-height:1.15; letter-spacing:0; text-transform:none; overflow-wrap:normal; }
@media(max-width:700px) {
  .reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-realm-name { font-size:clamp(1.05rem,5vw,1.3rem); }
  .reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-number-line { gap:.4rem; }
  .reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-number-line strong { font-size:1.8rem; }
}

.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-stat-realm-name { align-self:stretch; }
/* A moonlit silver invitation into the Velvet Chamber Reading Room. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-reading-room-door {
  background:linear-gradient(180deg,#f8e4c9 0%,#e4c29c 46%,#cda279 100%);
  color:#29111a; border-color:#f0d4ac;
  box-shadow:inset 0 1px 0 #ffffffc9,0 0 14px #efc29433;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-reading-room-door small {
  color:#4b2a25; border-left-color:#8a5d4966;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-reading-room-door:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#f2d6b2 46%,#dfb68c 100%);
  border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 0 20px #ffd8a566;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-reading-room-door:focus-visible { outline:2px solid #ffe5c3; outline-offset:3px; }

/* Match open first-row edges while allowing each shelf to close independently. */
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-shelf-want:not(.is-workshop-collapsed) { height:var(--workshop-reading-height,35rem); min-height:0; align-self:start; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-velvet-chamber .reader-realm-shelf-want:not(.is-workshop-collapsed) .reader-realm-books { height:0; flex:1; }
}
.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-book-pages button { background:#32151f; color:#f4decb; border-color:#b58b7580; }
.reader-realm-immersive.reader-realm-page-velvet-chamber .workshop-book-pages small { color:#e3cec1; }

/* Lair art and palette. Loaded only by its local Realm Workshop. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair { background:#0c0c10; color:#eee5db; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair::before {
  background-color:#0c0c10;
  background-image:linear-gradient(180deg,#0c0c1020,#0c0c1008 55%,#0c0c1066),url("./art/lair-stacks-desktop-v1.png");
  background-size:100% 100%,cover; background-position:center; max-width:none; mask-image:none;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-hero {
  background-image:linear-gradient(180deg,#0c0c1008,#0c0c1010 60%,#0c0c10),url("../../assets/reader-realms/lair-hero-v1.png");
  background-position:70% center;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-hero::before { background:linear-gradient(90deg,#0c0c1055,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair :is(.reader-realm-shelf,.reader-realm-ledger) {
  background:linear-gradient(135deg,#1a171ae8,#0e0f13ec); border-color:#a68b7747;
  box-shadow:0 20px 45px #0005,inset 0 1px #ffe1bd12;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-shelf > header { border-bottom-color:#a68b7733; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair :is(.reader-realm-shelf > header small,.reader-realm-book small,.reader-realm-shelf > p) { color:#d3c5bc; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-books { scrollbar-color:#be9b80 #18161b; }
.reader-realm-immersive.reader-realm-page-lair > .realm-study-bar { background:#111015f5; border-color:#ab8c7042; color:#e5d7c9; }
.reader-realm-immersive.reader-realm-page-lair :is(.workshop-controls select,.realm-study-bar button,.workshop-book-order button) { background:#292127; color:#ebd8c7; border-color:#a3856e70; }
.reader-realm-immersive.reader-realm-page-lair :is(.workshop-stat-translation,.workshop-shelf-instructions,.workshop-order-status,.workshop-scroll-hint) { color:#d7c8bd; }
.reader-realm-immersive.reader-realm-page-lair :is(.workshop-shelf-toggle,.workshop-book-order button,.reader-realm-books):focus-visible { outline-color:#f6d1a6; }
.reader-realm-immersive.reader-realm-page-lair .is-order-dragging { outline-color:#f6d1a6; }
.reader-realm-immersive.reader-realm-page-lair .is-order-target { outline-color:#f6d1a6; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair > footer { background:#0e0f13e6; color:#d3c5bc; border-color:#a68b7733; }
@media(max-width:700px), (min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair::before {
    background-image:linear-gradient(180deg,#0c0c1015,#0c0c1005 55%,#0c0c1055),url("./art/lair-stacks-mobile-v1.png");
  }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-hero {
    background-image:linear-gradient(180deg,#0c0c1025,#0c0c1080),url("./art/lair-stacks-mobile-v1.png"); background-position:center;
  }
}
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1.1rem,1.6vw,1.4rem); }
}

/* Realm language leads; ordinary category labels quietly explain the counts. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-stat-line > span { gap:.65rem; }
.reader-realm-immersive.reader-realm-page-lair .workshop-stat-number-line { display:flex; align-items:center; gap:.5rem; min-height:2.5rem; width:100%; }
.reader-realm-immersive.reader-realm-page-lair .workshop-stat-number-line strong { flex:none; font-size:2rem; line-height:1; }
.reader-realm-immersive.reader-realm-page-lair .workshop-stat-number-line .workshop-stat-translation { min-width:0; font:400 .7rem/1.35 system-ui,sans-serif; color:#d8c8bd; }
.reader-realm-immersive.reader-realm-page-lair .workshop-stat-realm-name { color:#e3bc8a; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,1.6vw,1.75rem); font-weight:700; line-height:1.15; letter-spacing:0; text-transform:none; overflow-wrap:normal; }
@media(max-width:700px) {
  .reader-realm-immersive.reader-realm-page-lair .workshop-stat-realm-name { font-size:clamp(1.05rem,5vw,1.3rem); }
  .reader-realm-immersive.reader-realm-page-lair .workshop-stat-number-line { gap:.4rem; }
  .reader-realm-immersive.reader-realm-page-lair .workshop-stat-number-line strong { font-size:1.8rem; }
}

.reader-realm-immersive.reader-realm-page-lair .workshop-stat-realm-name { align-self:stretch; }
/* A firelit copper invitation into the Lair Reading Room. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-reading-room-door {
  background:linear-gradient(180deg,#f4ddbf 0%,#d6b28c 46%,#bb8c65 100%);
  color:#201713; border-color:#eccca4;
  box-shadow:inset 0 1px 0 #ffffffc9,0 0 14px #e4b27f33;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-reading-room-door small {
  color:#473125; border-left-color:#87634966;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-reading-room-door:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#efd6b4 46%,#d9ae83 100%);
  border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 0 20px #f3cc9966;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-reading-room-door:focus-visible { outline:2px solid #f7dfbd; outline-offset:3px; }

/* Match open first-row edges while allowing each shelf to close independently. */
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-shelf-want:not(.is-workshop-collapsed) { height:var(--workshop-reading-height,35rem); min-height:0; align-self:start; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair .reader-realm-shelf-want:not(.is-workshop-collapsed) .reader-realm-books { height:0; flex:1; }
}
.reader-realm-immersive.reader-realm-page-lair .workshop-book-pages button { background:#292127; color:#ebd8c7; border-color:#a3856e80; }
.reader-realm-immersive.reader-realm-page-lair .workshop-book-pages small { color:#d7c8bd; }
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-lair :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1rem,1.4vw,1.3rem); overflow-wrap:normal; word-break:normal; }
}

/* Forbidden Wing art and palette. Loaded only by its local Realm Workshop. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing { background:#0e0b08; color:#eee4d3; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing::before {
  background-color:#0e0b08;
  background-image:linear-gradient(180deg,#0e0b0820,#0e0b0808 55%,#0e0b0866),url("./art/forbidden-stacks-desktop-v1.png");
  background-size:100% 100%,cover; background-position:center; max-width:none; mask-image:none;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-hero {
  background-image:linear-gradient(180deg,#0e0b0808,#0e0b0810 60%,#0e0b08),url("../../assets/reader-realms/forbidden-wing-hero-v1.png");
  background-position:70% center;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-hero::before { background:linear-gradient(90deg,#0e0b0855,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing :is(.reader-realm-shelf,.reader-realm-ledger) {
  background:linear-gradient(135deg,#201a12e8,#110e09ec); border-color:#ae926047;
  box-shadow:0 20px 45px #0005,inset 0 1px #fff0c712;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-shelf > header { border-bottom-color:#ae926033; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing :is(.reader-realm-shelf > header small,.reader-realm-book small,.reader-realm-shelf > p) { color:#d9cbb4; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-books { scrollbar-color:#bcaa78 #1b160f; }
.reader-realm-immersive.reader-realm-page-forbidden-wing > .realm-study-bar { background:#15110bf5; border-color:#ad925e42; color:#e5d8b9; }
.reader-realm-immersive.reader-realm-page-forbidden-wing :is(.workshop-controls select,.realm-study-bar button,.workshop-book-order button) { background:#30271a; color:#eee0c1; border-color:#a48e6270; }
.reader-realm-immersive.reader-realm-page-forbidden-wing :is(.workshop-stat-translation,.workshop-shelf-instructions,.workshop-order-status,.workshop-scroll-hint) { color:#dbcfb7; }
.reader-realm-immersive.reader-realm-page-forbidden-wing :is(.workshop-shelf-toggle,.workshop-book-order button,.reader-realm-books):focus-visible { outline-color:#f0dfb0; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .is-order-dragging { outline-color:#f0dfb0; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .is-order-target { outline-color:#f0dfb0; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing > footer { background:#110e09e6; color:#d9cbb4; border-color:#ae926033; }
@media(max-width:700px), (min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing::before {
    background-image:linear-gradient(180deg,#0e0b0815,#0e0b0805 55%,#0e0b0855),url("./art/forbidden-stacks-mobile-v1.png");
  }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-hero {
    background-image:linear-gradient(180deg,#0e0b0825,#0e0b0880),url("./art/forbidden-stacks-mobile-v1.png"); background-position:center;
  }
}
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1.1rem,1.6vw,1.4rem); }
}

/* Realm language leads; ordinary category labels quietly explain the counts. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-stat-line > span { gap:.65rem; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-number-line { display:flex; align-items:center; gap:.5rem; min-height:2.5rem; width:100%; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-number-line strong { flex:none; font-size:2rem; line-height:1; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-number-line .workshop-stat-translation { min-width:0; font:400 .7rem/1.35 system-ui,sans-serif; color:#dacfba; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-realm-name { color:#e4ca8b; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,1.6vw,1.75rem); font-weight:700; line-height:1.15; letter-spacing:0; text-transform:none; overflow-wrap:normal; }
@media(max-width:700px) {
  .reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-realm-name { font-size:clamp(1.05rem,5vw,1.3rem); }
  .reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-number-line { gap:.4rem; }
  .reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-number-line strong { font-size:1.8rem; }
}

.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-stat-realm-name { align-self:stretch; }
/* A candlelit brass invitation into the Forbidden Wing Reading Room. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-reading-room-door {
  background:linear-gradient(180deg,#f3e7c6 0%,#d9c490 46%,#bca56e 100%);
  color:#221c0e; border-color:#ebd9a8;
  box-shadow:inset 0 1px 0 #ffffffc9,0 0 14px #dfc38a33;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-reading-room-door small {
  color:#493d21; border-left-color:#89734466;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-reading-room-door:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#f0e1b8 46%,#d8c08a 100%);
  border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 0 20px #efdda566;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-reading-room-door:focus-visible { outline:2px solid #f3e7bf; outline-offset:3px; }

/* Match open first-row edges while allowing each shelf to close independently. */
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-shelf-want:not(.is-workshop-collapsed) { height:var(--workshop-reading-height,35rem); min-height:0; align-self:start; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing .reader-realm-shelf-want:not(.is-workshop-collapsed) .reader-realm-books { height:0; flex:1; }
}
.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-book-pages button { background:#30271a; color:#eee0c1; border-color:#a48e6280; }
.reader-realm-immersive.reader-realm-page-forbidden-wing .workshop-book-pages small { color:#dbcfb7; }
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-forbidden-wing :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1rem,1.4vw,1.3rem); overflow-wrap:normal; word-break:normal; }
}

/* Grimoire art and palette. Loaded only by its local Realm Workshop. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch { background:#080e0b; color:#e9eddf; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch::before {
  background-color:#080e0b;
  background-image:linear-gradient(180deg,#080e0b20,#080e0b08 55%,#080e0b66),url("./art/grimoire-stacks-desktop-v1.png");
  background-size:100% 100%,cover; background-position:center; max-width:none; mask-image:none;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-hero {
  background-image:linear-gradient(180deg,#080e0b08,#080e0b10 60%,#080e0b),url("../../assets/reader-realms/the-grimoire-v1.webp");
  background-position:70% center;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-hero::before { background:linear-gradient(90deg,#080e0b55,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch :is(.reader-realm-shelf,.reader-realm-ledger) {
  background:linear-gradient(135deg,#142019e8,#0a120eec); border-color:#8fa58a47;
  box-shadow:0 20px 45px #0005,inset 0 1px #edffe012;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-shelf > header { border-bottom-color:#8fa58a33; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch :is(.reader-realm-shelf > header small,.reader-realm-book small,.reader-realm-shelf > p) { color:#c4d2bd; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-books { scrollbar-color:#a9bf98 #121c15; }
.reader-realm-immersive.reader-realm-page-witch > .realm-study-bar { background:#0c150ff5; border-color:#86a07a42; color:#d8e5ca; }
.reader-realm-immersive.reader-realm-page-witch :is(.workshop-controls select,.realm-study-bar button,.workshop-book-order button) { background:#1c3024; color:#dfedcf; border-color:#809c7270; }
.reader-realm-immersive.reader-realm-page-witch :is(.workshop-stat-translation,.workshop-shelf-instructions,.workshop-order-status,.workshop-scroll-hint) { color:#cddcc1; }
.reader-realm-immersive.reader-realm-page-witch :is(.workshop-shelf-toggle,.workshop-book-order button,.reader-realm-books):focus-visible { outline-color:#d9f0c6; }
.reader-realm-immersive.reader-realm-page-witch .is-order-dragging { outline-color:#d9f0c6; }
.reader-realm-immersive.reader-realm-page-witch .is-order-target { outline-color:#d9f0c6; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch > footer { background:#0a120ee6; color:#c4d2bd; border-color:#8fa58a33; }
@media(max-width:700px), (min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch::before {
    background-image:linear-gradient(180deg,#080e0b15,#080e0b05 55%,#080e0b55),url("./art/grimoire-stacks-mobile-v1.png");
  }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-hero {
    background-image:linear-gradient(180deg,#080e0b25,#080e0b80),url("./art/grimoire-stacks-mobile-v1.png"); background-position:center;
  }
}
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1.1rem,1.6vw,1.4rem); }
}

/* Realm language leads; ordinary category labels quietly explain the counts. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-stat-line > span { gap:.65rem; }
.reader-realm-immersive.reader-realm-page-witch .workshop-stat-number-line { display:flex; align-items:center; gap:.5rem; min-height:2.5rem; width:100%; }
.reader-realm-immersive.reader-realm-page-witch .workshop-stat-number-line strong { flex:none; font-size:2rem; line-height:1; }
.reader-realm-immersive.reader-realm-page-witch .workshop-stat-number-line .workshop-stat-translation { min-width:0; font:400 .7rem/1.35 system-ui,sans-serif; color:#cbd9c1; }
.reader-realm-immersive.reader-realm-page-witch .workshop-stat-realm-name { color:#d8dfa9; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,1.6vw,1.75rem); font-weight:700; line-height:1.15; letter-spacing:0; text-transform:none; overflow-wrap:normal; }
@media(max-width:700px) {
  .reader-realm-immersive.reader-realm-page-witch .workshop-stat-realm-name { font-size:clamp(1.05rem,5vw,1.3rem); }
  .reader-realm-immersive.reader-realm-page-witch .workshop-stat-number-line { gap:.4rem; }
  .reader-realm-immersive.reader-realm-page-witch .workshop-stat-number-line strong { font-size:1.8rem; }
}

.reader-realm-immersive.reader-realm-page-witch .workshop-stat-realm-name { align-self:stretch; }
/* A sage-lit invitation into the Grimoire Reading Room. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-reading-room-door {
  background:linear-gradient(180deg,#edf5df 0%,#c7dbb0 46%,#a0bd8c 100%);
  color:#142216; border-color:#dfedc6;
  box-shadow:inset 0 1px 0 #ffffffc9,0 0 14px #b9d99a33;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-reading-room-door small {
  color:#2f482b; border-left-color:#65845466;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-reading-room-door:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#e3efcf 46%,#b6d09b 100%);
  border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 0 20px #d4edb766;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-reading-room-door:focus-visible { outline:2px solid #e4f3d2; outline-offset:3px; }

/* Match open first-row edges while allowing each shelf to close independently. */
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-shelf-want:not(.is-workshop-collapsed) { height:var(--workshop-reading-height,35rem); min-height:0; align-self:start; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-shelf-want:not(.is-workshop-collapsed) .reader-realm-books { height:0; flex:1; }
}
.reader-realm-immersive.reader-realm-page-witch .workshop-book-pages button { background:#1c3024; color:#dfedcf; border-color:#809c7280; }
.reader-realm-immersive.reader-realm-page-witch .workshop-book-pages small { color:#cddcc1; }
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1rem,1.4vw,1.3rem); overflow-wrap:normal; word-break:normal; }
}
/* Give the summary's introductory title comparable presence. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-ledger > header > strong { font-size:clamp(1.6rem,2.2vw,2rem); line-height:1.12; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-witch .reader-realm-ledger > header > small { font-size:.95rem; }

/* Hoard art and palette. Loaded only by its local Realm Workshop. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon { background:#100b06; color:#f5e4c8; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon::before {
  background-color:#100b06;
  background-image:linear-gradient(180deg,#100b0620,#100b0608 55%,#100b0666),url("./art/hoard-stacks-desktop-v1.png");
  background-size:100% 100%,cover; background-position:center; max-width:none; mask-image:none;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-hero {
  background-image:linear-gradient(180deg,#100b0608,#100b0610 60%,#100b06),url("../../assets/reader-realms/the-hoard-v1.webp");
  background-position:70% center;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-hero::before { background:linear-gradient(90deg,#100b0655,transparent 65%); }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon :is(.reader-realm-shelf,.reader-realm-ledger) {
  background:linear-gradient(135deg,#21170de8,#130d07ec); border-color:#b9974f47;
  box-shadow:0 20px 45px #0005,inset 0 1px #ffe8a312;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-shelf > header { border-bottom-color:#b9974f33; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon :is(.reader-realm-shelf > header small,.reader-realm-book small,.reader-realm-shelf > p) { color:#ddc9a3; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-books { scrollbar-color:#c5a45c #201609; }
.reader-realm-immersive.reader-realm-page-dragon > .realm-study-bar { background:#160f06f5; border-color:#bb963d42; color:#ecd9ab; }
.reader-realm-immersive.reader-realm-page-dragon :is(.workshop-controls select,.realm-study-bar button,.workshop-book-order button) { background:#352613; color:#f5e2b3; border-color:#b99a5670; }
.reader-realm-immersive.reader-realm-page-dragon :is(.workshop-stat-translation,.workshop-shelf-instructions,.workshop-order-status,.workshop-scroll-hint) { color:#dfcba6; }
.reader-realm-immersive.reader-realm-page-dragon :is(.workshop-shelf-toggle,.workshop-book-order button,.reader-realm-books):focus-visible { outline-color:#f9dea0; }
.reader-realm-immersive.reader-realm-page-dragon .is-order-dragging { outline-color:#f9dea0; }
.reader-realm-immersive.reader-realm-page-dragon .is-order-target { outline-color:#f9dea0; }
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon > footer { background:#130d07e6; color:#ddc9a3; border-color:#b9974f33; }
@media(max-width:700px), (min-width:701px) and (orientation:portrait) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon::before {
    background-image:linear-gradient(180deg,#100b0615,#100b0605 55%,#100b0655),url("./art/hoard-stacks-mobile-v1.png");
  }
}
@media(max-width:700px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-hero {
    background-image:linear-gradient(180deg,#100b0625,#100b0680),url("./art/hoard-stacks-mobile-v1.png"); background-position:center;
  }
}
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1.1rem,1.6vw,1.4rem); }
}

/* Realm language leads; ordinary category labels quietly explain the counts. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-stat-line > span { gap:.65rem; }
.reader-realm-immersive.reader-realm-page-dragon .workshop-stat-number-line { display:flex; align-items:center; gap:.5rem; min-height:2.5rem; width:100%; }
.reader-realm-immersive.reader-realm-page-dragon .workshop-stat-number-line strong { flex:none; font-size:2rem; line-height:1; }
.reader-realm-immersive.reader-realm-page-dragon .workshop-stat-number-line .workshop-stat-translation { min-width:0; font:400 .7rem/1.35 system-ui,sans-serif; color:#ddcba9; }
.reader-realm-immersive.reader-realm-page-dragon .workshop-stat-realm-name { color:#edcf83; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.35rem,1.6vw,1.75rem); font-weight:700; line-height:1.15; letter-spacing:0; text-transform:none; overflow-wrap:normal; }
@media(max-width:700px) {
  .reader-realm-immersive.reader-realm-page-dragon .workshop-stat-realm-name { font-size:clamp(1.05rem,5vw,1.3rem); }
  .reader-realm-immersive.reader-realm-page-dragon .workshop-stat-number-line { gap:.4rem; }
  .reader-realm-immersive.reader-realm-page-dragon .workshop-stat-number-line strong { font-size:1.8rem; }
}

.reader-realm-immersive.reader-realm-page-dragon .workshop-stat-realm-name { align-self:stretch; }
/* A golden invitation into the vault into the Hoard Reading Room. */
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-reading-room-door {
  background:linear-gradient(180deg,#fff0c5 0%,#eed18d 46%,#d3ab57 100%);
  color:#2b1c07; border-color:#f3d88f;
  box-shadow:inset 0 1px 0 #ffffffc9,0 0 14px #f3cd7833;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-reading-room-door small {
  color:#563b0e; border-left-color:#99712866;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-reading-room-door:hover,
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-reading-room-door:focus-visible {
  background:linear-gradient(180deg,#fff 0%,#ffedb5 46%,#e5bf70 100%);
  border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 0 20px #ffe09b66;
}
html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-reading-room-door:focus-visible { outline:2px solid #fff0c4; outline-offset:3px; }

/* Match open first-row edges while allowing each shelf to close independently. */
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-shelf-want:not(.is-workshop-collapsed) { height:var(--workshop-reading-height,35rem); min-height:0; align-self:start; }
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon .reader-realm-shelf-want:not(.is-workshop-collapsed) .reader-realm-books { height:0; flex:1; }
}
.reader-realm-immersive.reader-realm-page-dragon .workshop-book-pages button { background:#352613; color:#f5e2b3; border-color:#b99a5680; }
.reader-realm-immersive.reader-realm-page-dragon .workshop-book-pages small { color:#dfcba6; }
@media(min-width:701px) {
  html[data-realm-treatment="immersive"] .reader-realm-immersive.reader-realm-page-dragon :is(.reader-realm-shelf-current,.reader-realm-shelf-dnf) h2 { font-size:clamp(1rem,1.4vw,1.3rem); overflow-wrap:normal; word-break:normal; }
}

/* Use the same realm treatment for real accounts and Admin membership previews. */
html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-messages,.reader-recommendation-ballot) { width:var(--workshop-width); max-width:none; margin-inline:auto; position:relative; z-index:1; box-sizing:border-box; background:var(--realm-panel-background,#05171de8); border-color:var(--realm-panel-border,#8bc9c647); color:inherit; box-shadow:0 20px 45px #0005,inset 0 1px #e8e5ff12; }
html[data-realm-treatment="immersive"] .reader-realm-immersive :is(.reader-realm-messages,.reader-recommendation-ballot) :is(h2,strong,small,p) { color:inherit; }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-messages > header { border-color:var(--realm-panel-border,#8bc9c647); }
html[data-realm-treatment="immersive"] .reader-realm-immersive .reader-realm-messages > header > span { background:var(--realm-panel-background,#05171de8); border-color:var(--realm-panel-border,#8bc9c647); color:inherit; box-shadow:none; }
html[data-realm-treatment="immersive"] .reader-realm-immersive :is([data-reader-recommendation-ballot],[data-live-reader-vote]) { display:block; margin-bottom:1rem; }

.reader-realm-immersive.reader-realm-page-dragon {--realm-panel-background:linear-gradient(135deg,#21170de8,#130d07ec);--realm-panel-border:#b9974f47;}

.reader-realm-immersive.reader-realm-page-witch {--realm-panel-background:linear-gradient(135deg,#142019e8,#0a120eec);--realm-panel-border:#8fa58a47;}

.reader-realm-immersive.reader-realm-page-haunted {--realm-panel-background:linear-gradient(135deg,#11121ee8,#080a11ec);--realm-panel-border:#b4b6d247;}

.reader-realm-immersive.reader-realm-page-forbidden-wing {--realm-panel-background:linear-gradient(135deg,#201a12e8,#110e09ec);--realm-panel-border:#ae926047;}

.reader-realm-immersive.reader-realm-page-lair {--realm-panel-background:linear-gradient(135deg,#1a171ae8,#0e0f13ec);--realm-panel-border:#a68b7747;}

.reader-realm-immersive.reader-realm-page-velvet-chamber {--realm-panel-background:linear-gradient(135deg,#251018e8,#13080dec);--realm-panel-border:#b9927047;}

/* Native disclosure keeps form values intact while readers reveal the artwork. */
[data-live-reader-vote] > details > summary {display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none;min-height:44px;}
[data-live-reader-vote] > details > summary::-webkit-details-marker {display:none;}
[data-live-reader-vote] > details > summary::after {content:'+';font:400 1.8rem/1 serif;flex:none;}
[data-live-reader-vote] > details[open] > summary::after {content:'−';}
[data-live-reader-vote] > details > summary h2 {margin:.25rem 0;font-size:clamp(1.4rem,2.2vw,2rem);}
[data-live-reader-vote] > details > summary small {font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
[data-live-reader-vote] > details > summary:focus-visible {outline:2px solid currentColor;outline-offset:6px;}
[data-live-reader-vote] .reader-recommendation-body {padding-top:.75rem;}

/* Afterlife butterflies: scenery only; the name, crest and controls remain above them. */
.reader-realm-page-haunted .afterlife-butterflies {
  position:absolute; inset:0; z-index:1; overflow:hidden; pointer-events:none;
  contain:layout paint;
}
.reader-realm-page-haunted .afterlife-butterfly {
  position:absolute; left:var(--x); top:var(--y); width:var(--size,54px);
  opacity:0; pointer-events:none;
  animation:afterlife-butterfly-flight var(--flight,26s) linear var(--delay,0s) infinite;
}
.reader-realm-page-haunted .afterlife-butterfly:nth-child(1) { --x:43%; --y:52%; --size:60px; --flight:27s; --delay:-7s; --sway:9vw; }
.reader-realm-page-haunted .afterlife-butterfly:nth-child(2) { --x:68%; --y:42%; --size:44px; --flight:32s; --delay:-19s; --sway:-8vw; }
.reader-realm-page-haunted .afterlife-butterfly:nth-child(3) { --x:87%; --y:67%; --size:52px; --flight:25s; --delay:-12s; --sway:-6vw; }
.reader-realm-page-haunted .afterlife-butterfly:nth-child(4) { --x:23%; --y:58%; --size:38px; --flight:30s; --delay:-3s; --sway:7vw; }
.reader-realm-page-haunted .afterlife-butterfly:nth-child(5) { --x:56%; --y:38%; --size:66px; --flight:29s; --delay:-22s; --sway:6vw; }
.reader-realm-page-haunted .afterlife-butterfly:nth-child(6) { --x:76%; --y:64%; --size:34px; --flight:24s; --delay:-5s; --sway:-9vw; }
.reader-realm-page-haunted .afterlife-butterfly svg {
  display:block; width:100%; height:auto; overflow:visible;
  filter:drop-shadow(0 0 5px #c6a7ff99);
}
.reader-realm-page-haunted .afterlife-butterfly-wing {
  transform-box:view-box; transform-origin:50% 50%;
  animation:afterlife-butterfly-flutter 1.35s ease-in-out var(--delay) infinite;
}
.reader-realm-page-haunted .afterlife-butterfly:nth-child(even) .afterlife-butterfly-wing { animation-duration:1.65s; }
.reader-realm-page-haunted .afterlife-butterflies.is-paused :is(.afterlife-butterfly,.afterlife-butterfly-wing) { animation-play-state:paused; }
.reader-realm-page-haunted .afterlife-butterfly-toggle {
  grid-column:1/-1; justify-self:center; min-height:44px; max-width:100%;
  border:1px solid #c7b9e559; border-radius:999px; padding:.45rem .85rem;
  background:#0b0c17cc; color:#e1d7ef; font:400 .75rem/1.3 Georgia,serif;
  box-shadow:none; cursor:pointer;
}
.reader-realm-page-haunted .afterlife-butterfly-toggle:hover { background:#252035; border-color:#e4d5ff; }
.reader-realm-page-haunted .afterlife-butterfly-toggle:focus-visible { outline:2px solid #e4d5ff; outline-offset:3px; }
@keyframes afterlife-butterfly-flight {
  0% { transform:translate3d(0,8vh,0) rotate(-12deg); opacity:0; }
  12% { opacity:.8; }
  35% { transform:translate3d(var(--sway),-4vh,0) rotate(12deg); }
  65% { transform:translate3d(calc(var(--sway) * -.35),-17vh,0) rotate(-8deg); opacity:.7; }
  88% { opacity:.65; }
  100% { transform:translate3d(calc(var(--sway) * .7),-34vh,0) rotate(15deg); opacity:0; }
}
@keyframes afterlife-butterfly-flutter {
  0%,100% { transform:scaleX(1); }
  50% { transform:scaleX(.24); }
}
@media(max-width:700px), (max-width:1000px) and (max-height:500px) {
  .reader-realm-page-haunted .afterlife-butterfly:nth-child(n+4) { display:none; animation:none; }
  .reader-realm-page-haunted .afterlife-butterfly { width:calc(var(--size) * .75); }
}
@media(prefers-reduced-motion:reduce) {
  .reader-realm-page-haunted :is(.afterlife-butterflies,.afterlife-butterfly-toggle) { display:none; }
  .reader-realm-page-haunted :is(.afterlife-butterfly,.afterlife-butterfly-wing) { animation:none !important; }
}