/*wikitable by @limegreen on neocities. a link is appreciated!*/

@font-face {
  font-family: 'Dico';
  src: url('https://dwtd1975.neocities.org/img/fonts/Dico.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Undead';
  src: url('https://dwtd1975.neocities.org/img/fonts/Undead.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HydratingLip';
  src: url('https://dwtd1975.neocities.org/img/fonts/HydratingLip.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@import url('https://fonts.bunny.net/css?family=im-fell-english-sc:400&display=swap');

:root {
  --backgroundcolor: black;
  --textcolor: #e6e6e6;
  --header: white;
  --main: black;
  --footer: black;
  --borders: black;

  --link: white;
  --linkhover: white;

  --breadcrumb: black;
  --h1: white;
  --h2: white;
  --h3: white;
  --headerunderline: black;

  --quotebackground: black;
  --quotetext: white;
  --boxbg: black;
  --showcontentborder: white;

  --seriesofbg: #bfbfbf;
  --seriesoftext: #2b2b2b;

  --infotext: white;
  --infoboxbg: black;
  --centertext: black;
  --boldtext: white;
  --infoth: white;

  --border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAEs0lEQVR4Xu2c0W7TUBBE7fL/nwxBVzSmOdf18Xiv7Tz0PISEmZ2dNRJCqO08FXk8Ho/lwzRN8zzPy4cbuLtPedndB5C7+5SX3X0AubtPedndB5C7+8TLzi48On90nhGHvxb8M83zrzhji8fj92OaPpbP1Qfwv++fqeVW84w4/Ow/8dH5o/OMOPzsgqPzR+cZGm6FTDfSefObnpLmbYoNCzTdSOfNb3pKmrcpNizQdCOdN/9Tby9NoJ5i+8im2LBA04103vymp6R5m+IRrECqE/NTJ6mf2HwUtgdbmOrE/NRJ6ic2H4XtwRamOjE/dZL6ic1HYXuwhalOzE+dNH8beJrMT2xfFLaGLUhhnsF9nKdOzL/o7XXe0D/ZXLaHLlAOMJhncB/nqRPzx/ry7iBdoBxgMM/gPs5TJ+aP9eXdQbpAOcBgnsF9z/n20gTqhPvoj/Xl3U66AFsgOqHfSPPoT3UjMjeWhe11z1/SohP6jTSP/lQ3InPDFqY6od9oef/+63gd5i37P4e+1T+hbkTmhi1MdUK/kebRn+pGZ64GEuaRaj65eh/pwlmoWoB5pJpPrt5HuvDXQo9pnj86T8LVB67ua7/zuWX0PtKFs1C1APNINZ9cvY/MLMCFqf6VJrA9589mq1+Dfeinbpz6QNeeKOfPZrPfSh/6qRvnPtAVOH821o996KduvDzQ9m/dX+EC6gbnz8b6sQ/91I3I3LCFpt9N2i/1b4pr2ALT7ybtl/o3xTVsgel3k/ZL/ZviGrbA9LtJ+6X+TbFhgaa/O+xPeA/91PV4CzD93WF/wnvop67HW4Dp7w77E95DP3U93gJMf3fYn/Ae+qnHxzPwP9d8yfVovr/nH+k9kbkxusDdjL4nMjdGF7ib0fdE5sboAncz+p7OzAUMpE7of3d4D/ubTjrRAqgT+t8d3sP+ppNOtADqhP53h/ewv+mkEy2AOqH/3eE97G862RQbaWDqvxrrZ7qh5nRB6r8a69f0Znj+JnVDzVaApP6reen3mKb5o3+gy4cD/dWcLkj9V2P9TDcic8MWUif0n431IezHedWXdzvpAmQBof9srA9hP86rvrzbSRcgCwj9Z/O1T3tjy9mP96i+vNtJFyALCP1nY30I+3Fe9eXdSXAhYcEqZ+9jPvNK4XtgAcJCVc7ex3zmlcL3wAKEhaqcvY/5zCuF74EFCAtVOXsf85kXh1tgqhP6jTSP/lQ3InPDFqY6od9I8+hPdSMyN2xhqhP6jTSP/lQ3InPDFqY6od9I8+hPdWP4VzBTJ+anbnA+hfuqeT8PVPqk/DxQ6ZNy4wNtv8ydn3kG51O4r5rXDT8XPL/DN12Q/rhKO4g6MX+qV+nCqgvTefNTJ+ZP9SpdWHVhOm9+6u3DV4P5U71KF1ZdmM6/+vtv1mUeYT79qV5Fw0YXsDzTSeonNm862RQbaaBheaaT1E9sftG/+ZEaZFNs2MIUyzOdpH5i86aTTbGRBhqWZzpJ/cTmTSeb4gjSQsboPFLNj8xHqBYko/NINT8yH6FakIzOI9X8yHyEakEyOo9U8yPzCKqFRzO6T2n4CKMPqDK6T2n4CKMPqDK6T2n4CC8HrHzB69WMfqB/ARMj2IDXT71BAAAAAElFTkSuQmCC');

  --font-body:  'Dico', serif;
  --font-title: 'Undead', serif;
  --font-sc:    'IM Fell English SC', serif;
  --font-deco:  'HydratingLip', serif;
}

@media (prefers-color-scheme: light) {
  :root {
    --backgroundcolor: white;
    --textcolor: black;
    --header: white;
    --main: white;
    --footer: white;
    --borders: white;

    --link: black;
    --linkhover: black;

    --breadcrumb: black;
    --h1: black;
    --h2: black;
    --h3: black;
    --headerunderline: black;

    --quotebackground: white;
    --quotetext: black;
    --boxbg: white;
    --showcontentborder: black;

    --seriesofbg: #bfbfbf;
    --seriesoftext: #2b2b2b;

    --infotext: black;
    --infoboxbg: white;
    --centertext: white;
    --boldtext: black;
    --infoth: black;

    --border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAADCUlEQVR4Xu2aS3alMAwFX/a/6E4yxNAUhWRDzrmZypal0scyL1+f+t+/QcVXXWVJw6P2dDj/qAMH6B+1J0BLxbDfHKAvADq7pLr1d+s7DcGdDJ1tYLf+bn0BunIKSYY+0EOpZEhOJtv9tJ7kZM8oV/quZCgpJDk5YPfTepKTPQE6EAhQeWkQMJI/nqHdBpDDo3w8f2xTpK9UwvZpe6WHBuiWwGkAA/TzsQwCtPnSmg7U9jBqIdRDV/dU8m8jt+l+BIMOJIB0adD+2ZcU+RegsgUE6OK5tpyhKmI/zlFJUk+kkqeeS+db+fLPdxZ4gEJJBSjV1MwmfnC2nTxeX/KUYZL/xzps9duxywZM2XOkPEAVwu3iAC3AO9oaoBOAUolbOZk4tYdd+H5JYxr5i3MoKbDyAJ08V1JGUACqcjtlUAIlQyEif/7pWc246n6bgWr9nQuCDiB5FUh1v7VPrQ9Q/k0pQCGFFaAfXWr9lQwlhSSvlujs/a1TQIDuM5DGvNMECtAAbe8Ay0v+Vd8b23H6DMWXkrXRRtTqX72+1Z8rPTQZKkIcoAtKnubK1hIRwZ+11Pp7moR3vtgH6EloA5SflpTBG7wBugAo3ep0kamIzmqMJ3rJPpKX51B7gF2/minZR/IAHQgQMJIH6NuA2p76trGK7Cl9rhs/QNMFc5TeVBLkwJ0zK32W7AlQSTdAJTBa/nqg5AD1XCoxq3/1eeWfQN7uYIAOBLovKSrx6nnJ0OYAtgO1YxP9M1a1p9qMrNpffilRjyJgJA9QKCGbAQEaoP+v+t9ytBlFJUy3qD2PxjY6j/aTPbR/Iw9QTqgAVQQCdIfrdSVvxyJKANuTaP2r5kxy/s6vnqSTANkABqh86lEAAjRAz4uYMohaQLXE6dKp2kf7Sb6bQwmIUkjKGh4SNkBkEvlH8gAdCBMwkgfo00CpZEiuIkzKLrSMCypOl5TspYZfNe53f8nAAwO69bX25ADdR6wUsAD9g0BbS6qjB8lLSR25IkMDVIXELy71KH8c7mi1JxnaPIV8Azr5cFznJoi7AAAAAElFTkSuQmCC');
  }
}

#showComic, header, h1, h2, h3, h4, h5 {
  font-family: var(--font-title);
}

.subPage p, footer, #authorNotes, .archiveTable {
  font-family: var(--font-body);
}

body {
  background-color: var(--backgroundcolor);
  font-family: var(--font-body);
  font-size: 1rem;
  margin: 0;
  color: var(--textcolor);
  min-height: 100vh;
}

.wrapper {
  min-height: 100vh;
  width: 90%;
  margin: 10px auto 15px;
}

main {
  padding: 40px 50px;
  background: var(--main);
  min-height: 100vh;
  clear: left;
  border: 28px solid;
  border-image: var(--border-image) 28 / 28px round;
}

a {
  color: var(--link);
}
a:hover {
  color: var(--linkhover);
  text-decoration: underline;
}

div.gallery {
  margin: 5px;
  border: none;
  width: 250px;
  height: auto;
  float: left;
}
div.gallery img {
  width: 100%;
  height: auto;
  display: block;
}

.desc {
  padding: 15px;
  text-align: center;
}

div.gallery2 {
  margin: 5px;
  border: none;
  width: 250px;
  float: left;
  text-align: center;
}
div.gallery2 img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

@media (prefers-color-scheme: light) {
  .august, .clifford, .crystin, .edgar, .rozzlyn {
    border: 28px solid;
    border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAADvklEQVR4Xu2c23IaQQxEsf//m0NqiLJkj4cRjWakrdScJ6BbrYtxGfvBX7fNVL6OR5sp7INOZh90Mlc86P149B6X2uFSwxj7oJO5375vt9uv47nHpXa41DAG3qFtxOGb9lI7XGGY4bU6M6r+VEqbG+qBVH8qpc0N9UADf7Pe6U+ltLkxONADzni/jX9q0Z9KaXODB+VMUT2V0uaGd5Conkppc8M7SFRPpbS54R0kqqdS2tzgQaKU7lTa3NgHncw+6GT2QUV4MK8n/R5qnucPsTTcUBei/6AVdkQ1z/OHWBpuqAvR76Hmef4QS8MNdSH6PdQ8zx9iRbi3AHVCv4eaRz/1EFPDDG/gh95epNH+hkS/B2MI8+inHmJqmOENTJ3Q76Hm0U89xNQw4zFwC7bJ2YMLEfo91Dz6qYeYGvaCpQu8QWr/peFG6kIdUvsvDTdSF+qQ2n9puJG6UIfU/u+EcyAPZrKe+mq8/tQ9WH9iKBrRhqynvhqvP/WDZuyIrD8xFI1O5hBmsp76arz+1J+/YvRh/YmhaPxpOOxxgpkcmPpqvP7UPVh/oid6DVij+qtR55X8LG5IAR/4q1HnlfwsbkgBh7+92q+kv5r+lE84r+RncUMK+MBfjTqv5GdxgwH0UPdgfTXR+Z/1Tbnvg/6cf/wJhvOzfh/0ePQenJ/1wYN+3+6Dr+bD/Ax4POv1qIT7eXB+1p90mhssIKzp+x+3PB5dif68Tziv5GdxQwr4wF+NOq/kZ3FDCvjAX406r+RncUMK+MBfjTqv5Gdxj35gq3yt/Atd1Ffj9afuwfoTQ9GINmQ99dV4/amDvx9SW9nDyvoTQ9FwGv6AmaynvhqvP3UP1p8Yika0Ieupr2bc3/lc3WE4/1CcxHih9aT2XxpupC7UIbX/0nAjdaEOqf2XhhupC3VI7b8i3FuAOqHfQ82jn3qIqWGGNzB1Qr+Hmkc/9RBTwwxvYOqEfg81j37qIaaGGd7AZ72pP19RYD/CPPqph5ga9gJ1Afo91DzPH2JpuKEuRL+Hmuf5QywNN9SFZv/fJrV/iKXhhroQ/R5qnucPsTT8TbhwlNKdSpsb3YNq3/UnSncqbW50DxqgdKfS5sbgoG28gdyndKfS5gYvxpmieiqlzQ3vIFE9ldLmhneQqJ5KaXPDO0hUT6W0ucGDEM6o+lMpbW6oB1L9qZQ2N9QDqf5USpsbnQOdfk/ijB3/CfpTKW3+Au9g5FI7XGoYYx90Mvugk+kedPDXp0vtcKlh/gf2QSezDzqZfdDJ/AYkmexVgwkbRAAAAABJRU5ErkJggg==') 28 / 28px round;
  }
}
.august:hover   { content: url('https://dwtd1975.neocities.org/img/Busts/DWTD2026-Cast-August2.png'); }
.clifford:hover { content: url('https://dwtd1975.neocities.org/img/Busts/DWTD2026-Cast-Clifford2.png'); }
.crystin:hover  { content: url('https://dwtd1975.neocities.org/img/Busts/DWTD2026-Cast-Crystin2.png'); }
.edgar:hover    { content: url('https://dwtd1975.neocities.org/img/Busts/DWTD2026-Cast-Edgar2.png'); }
.rozzlyn:hover  { content: url('https://dwtd1975.neocities.org/img/Busts/DWTD2026-Cast-Rozzlyn2.png'); }

@media screen and (max-width: 768px) {
  div.gallery,
  div.gallery2 {
    width: 90%;
    float: none;
    margin: 10px auto;
  }
  div.desc {
    max-height: none;
    overflow-y: visible;
  }
  #cover-image {
    float: none !important;
    display: block;
    width: 100% !important;
    height: auto;
    margin: 1em 0;
  }
}

.breadcrumb {
  color: var(--breadcrumb);
}
header {
  border-bottom: 1px dashed var(--borders);
  text-align: center;
  padding: 1.4rem 1rem;
}
header a {
  display: block;
  text-decoration: none;
  line-height: 0;
}
header a img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
main img {
  max-width: 100%;
}
footer {
  background: var(--footer);
  padding: 35px;
  border-top: 1px dashed var(--borders);
  text-align: center;
}

h1, h2, h3 {
  overflow: hidden;
  border-bottom: 1px dashed var(--headerunderline);
}
h2 { font-size: 19pt; }
h3 { font-size: 16pt; }

.showcontent {
  padding: 3px;
  font-weight: bold;
}
.contents {
  background-color: var(--boxbg);
  width: 14%;
  padding: 7px;
  border: 2px solid var(--showcontentborder);
}
.toc summary {
  list-style-type: '☰ ';
}
.toc ul {
  list-style: none;
  margin-left: -30px;
}

.quotebox {
  width: 30%;
  font-style: italic;
  padding: 13px;
  border-left: solid;
  background-color: var(--quotebackground);
  color: var(--quotetext);
}

.revealsummary {
  text-align: center;
  background-color: var(--seriesofbg);
  padding: 10px;
  font-weight: bold;
  border: 2px solid var(--showcontentborder);
}
.reveal {
  text-align: center;
  background-color: var(--seriesofbg);
  padding: 5px;
  width: 50%;
  border: 2px solid var(--showcontentborder);
  color: var(--seriesoftext);
}

#flair::before {
  background-size: 25px 25px;
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-left: 4px;
  content: "⚶";
}

.infotable {
  float: right;
  margin-left: 5px;
  background: var(--infoboxbg);
  border: 2px dashed var(--borders);
  width: 21%;
  font-size: 14px;
  color: var(--infotext);
}
.infotable img {
  max-width: 100%;
  margin: auto;
}
.infotable th {
  text-align: left;
  padding: 5px;
  font-family: var(--font-title);
  color: var(--infoth);
}
.infotable ul {
  list-style: none;
  padding: 0;
  margin: 4px;
}
.centertext {
  text-align: center;
  background: var(--centertext);
}
#clear::after {
  content: "";
  clear: both;
  display: table;
}

/* ── Gallery ── */
.three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin: 2rem 0;
  clear: both;
}
.three > div {
  border: 28px solid;
  border-image: var(--border-image) 28 / 28px round;
  padding: 1.2rem;
  overflow: hidden;
}
#gallery img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.archive-ep-title {
  font-family: var(--font-title);
  font-size: .9rem;
  font-weight: 400;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: .6rem 0 0;
  border-bottom: none;
}
.archive-nav-downloads a {
  display: block;
  text-align: center;
  border: 1px solid var(--link);
  padding: .7rem .4rem;
  text-decoration: none;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: .4rem;
  color: var(--link);
}
.archive-nav-downloads a:hover {
  border-style: dashed;
}
.arrow {
  display: inline-block;
  border: 28px solid;
  border-image: var(--border-image) 28 / 28px round;
  padding: 8px;
} /* ── Coffin toggle (desktop pointer devices only) ── */
    #coffinWrap {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999999;
      line-height: 0;
    }
    #coffinBtn {
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      display: block;
    }
    #coffinBtn img {
      display: block;
      width: 100%;
      height: auto;
    }
    @media (hover: hover) and (pointer: fine) {
      #coffinWrap { display: block; }
      #hypnoPointer { visibility: visible; }
    }

@media (max-width: 900px) {
  .infotable { width: 30%; }
  .wrapper   { width: 100%; }
  .chapters  { width: 50%; }
  .reveal    { width: 60%; }
  .three     { grid-template-columns: 1fr; }
}
@media (max-width: 1250px) {
  .infotable { width: 35%; }
  .contents  { width: 40%; }
}
@media (orientation: portrait) {
  .quotebox   { width: 90%; margin: 10px auto 0; padding: 15px; }
  body        { margin-top: 0; }
  .infotable  { float: none; width: 100%; margin: 0 auto 20px; }
  .wrapper    { width: 100%; margin: 0; padding: 0; }
  .chapters   { width: 50%; }
  .contents   { width: 95%; }
  .reveal     { width: 95%; }
  main        { border: none; border-image: none; padding: 10px; }
}
.lede { font-size: 1.3rem; }