/* ===============================================================
   LÔGRAFEN — resources.css
   The mono skin: pure black and white, no colour anywhere.
   Loaded only by the Game Resources page, after style.css.
   ===============================================================*/
:root[data-skin="mono"]{
  --deep:#000;
  --slab:#000;
  --slab-2:#0b0b0b;
  --stone:#ffffff;
  --stone-dim:#a8a8a8;
  --algae:#ffffff;       /* was the green second voice */
  --oxide:#ffffff;       /* was the one warm accent */
  --edge-lit:#ffffff;
  --edge-dim:#000000;
  --rule:#4a4a4a;
  --link:#ffffff;
  --link-old:#c4c4c4;
  --shadow:rgba(0,0,0,1);
  --measure:37rem;
}

/* --- the plate behind the page ------------------------------- */
:root[data-skin="mono"] body::before{
  background:#000 url("knight.jpg") right 12% top 0/auto 118% no-repeat;
  filter:grayscale(1) contrast(1.12) brightness(.42);
}
:root[data-skin="mono"] body::after{
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.34) 0 1px, transparent 1px 3px),
    linear-gradient(to right, #000 0%, rgba(0,0,0,.72) 42%, rgba(0,0,0,.35) 72%, rgba(0,0,0,.8) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,.2) 40%, #000 100%);
}
@media (max-width:900px){
  :root[data-skin="mono"] body::before{background-size:auto 70%;background-position:center top}
}

/* --- type ---------------------------------------------------- */
:root[data-skin="mono"] body{
  font-family:"IM Fell English",Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.6;
}
:root[data-skin="mono"] h1{
  font-family:"IM Fell English SC","IM Fell English",serif;
  font-size:clamp(2.6rem,9vw,4.6rem);
  letter-spacing:.02em;
  text-shadow:2px 2px 0 #000;
}
:root[data-skin="mono"] h2,
:root[data-skin="mono"] .portal .name,
:root[data-skin="mono"] .infobox .ib-title{
  font-family:"IM Fell English SC","IM Fell English",serif;
  text-shadow:1px 1px 0 #000;
}
:root[data-skin="mono"] h2{
  font-size:1.75rem;
  background:transparent;
  border:0;
  border-bottom:1px solid #fff;
  border-left:0;
  padding:0 0 .2rem;
  letter-spacing:.02em;
}
:root[data-skin="mono"] h3{
  font-family:"IM Fell English SC","IM Fell English",serif;
  font-weight:400;
  font-size:1.1rem;
  letter-spacing:.04em;
  color:#fff;
}

/* the small furniture goes terminal --------------------------- */
:root[data-skin="mono"] .subtitle,
:root[data-skin="mono"] .crumbs,
:root[data-skin="mono"] .bar,
:root[data-skin="mono"] .foot,
:root[data-skin="mono"] #toc-handle,
:root[data-skin="mono"] #toc-list,
:root[data-skin="mono"] #controls button,
:root[data-skin="mono"] table.wtable th,
:root[data-skin="mono"] .stub,
:root[data-skin="mono"] .seealso b{
  font-family:"Courier New",Courier,monospace;
}
:root[data-skin="mono"] .subtitle{letter-spacing:.18em}
:root[data-skin="mono"] .subtitle::before,
:root[data-skin="mono"] .subtitle::after{content:"~";color:#fff}
:root[data-skin="mono"] .dedication{font-style:italic}

/* --- edges: crisp rules, no bevels, no shadows ---------------- */
:root[data-skin="mono"] main,
:root[data-skin="mono"] .bar,
:root[data-skin="mono"] .notice,
:root[data-skin="mono"] .foot .box,
:root[data-skin="mono"] .infobox,
:root[data-skin="mono"] table.wtable,
:root[data-skin="mono"] .stub,
:root[data-skin="mono"] .seealso,
:root[data-skin="mono"] blockquote,
:root[data-skin="mono"] pre.code{
  border:1px solid #fff;
  box-shadow:none;
  background:rgba(0,0,0,.86);
}
:root[data-skin="mono"] .stub{border-left:1px solid #fff}
:root[data-skin="mono"] #toc{
  border:1px solid #fff;
  box-shadow:none;
  background:#000;
}
:root[data-skin="mono"] #toc-handle{
  background:#fff;
  color:#000;
  border-bottom:1px solid #fff;
  text-shadow:none;
}
:root[data-skin="mono"] .grip{background:#000}
:root[data-skin="mono"] #toc-fold{
  background:#000;color:#fff;border:1px solid #000;
}
:root[data-skin="mono"] #controls button{
  background:#000;border:1px solid #fff;box-shadow:none;
}
:root[data-skin="mono"] #controls button:hover,
:root[data-skin="mono"] #toc-list a:hover{background:#fff;color:#000}
:root[data-skin="mono"] #toc-list a.book.current{font-weight:400;text-decoration:underline}
:root[data-skin="mono"] .chainrule::before{content:"* * *";letter-spacing:.6em;color:#fff}

/* ---------------------------------------------------------------
   THE MENU — pick a letter
----------------------------------------------------------------*/
.menu{
  margin:0 0 1.6rem;
  padding:.7rem .8rem;
  border:1px solid #fff;
  background:rgba(0,0,0,.9);
  font-family:"Courier New",Courier,monospace;
}
.menu .head{
  font-size:.76rem;
  letter-spacing:.1em;
  color:var(--stone-dim);
  padding-bottom:.45rem;
  margin-bottom:.35rem;
  border-bottom:1px solid var(--rule);
}
.menu ul{list-style:none;margin:0;padding:0}
.menu li+li{margin-top:.1rem}
.menu a{
  display:flex;
  gap:.6rem;
  align-items:baseline;
  padding:.18rem .35rem;
  text-decoration:none;
  color:#fff;
}
.menu a:hover,.menu a:focus{background:#fff;color:#000;outline:none}
.menu .key{
  flex:none;
  width:2.4rem;
  font-size:.85rem;
}
.menu .what{
  font-family:"IM Fell English",Georgia,serif;
  font-size:1.02rem;
}
.menu .tail{
  margin-left:auto;
  font-size:.72rem;
  color:var(--stone-dim);
  padding-left:1rem;
}
.menu a:hover .tail{color:#000}

.menu li.on .row{
  display:flex;
  gap:.6rem;
  align-items:baseline;
  padding:.18rem .35rem;
  background:#fff;
  color:#000;
}
.menu li.on .tail{color:#000}

/* a plain terminal line, for notes between sections */
.term{
  font-family:"Courier New",Courier,monospace;
  font-size:.82rem;
  color:var(--stone-dim);
  margin:1rem 0 0;
}


@media (max-width:900px){
  .menu .tail{display:none}
}

/* ---------------------------------------------------------------
   THE FOOL, in the mono wing
----------------------------------------------------------------*/
:root[data-skin="mono"] main.fool{text-align:center}
:root[data-skin="mono"] main.fool .card{width:min(13rem,54vw);margin-bottom:1.6rem}
:root[data-skin="mono"] main.fool .card img{
  border:1px solid #fff;
  box-shadow:none;
  /* the card is a colour print; this keeps the page black and white.
     delete the next line to let its colour through. */
  filter:grayscale(1) contrast(1.15) brightness(1.02);
}
:root[data-skin="mono"] main.fool .saying{
  font-family:"IM Fell English SC","IM Fell English",serif;
  font-size:1.35rem;
  letter-spacing:.02em;
  max-width:24rem;
  margin:0 auto 2rem;
  text-shadow:1px 1px 0 #000;
}
:root[data-skin="mono"] main.fool .menu{text-align:left}