@font-face{font-family:"anton";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/6e7d4731d3-anton-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"ibm-plex-sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/c95d34fc50-ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"ibm-plex-sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/9bd4bb2cfc-ibm-plex-sans-latin-700-normal.woff2) format("woff2")}
/* Chapterdle: black-and-white manga page: screentone dots, inked panel borders, red SFX accents. */
body.dle-chapterdle {
  background:
    radial-gradient(#00000014 1px, transparent 1.3px) 0 0 / 7px 7px,
    var(--background);
}
.dle-chapterdle .site-header { background: #fff; border-bottom: 4px solid #111; }
.dle-chapterdle .site-header .brand { color: #111; letter-spacing: 0.04em; text-transform: uppercase; }
.dle-chapterdle .page-title,
.dle-chapterdle .reveal-name,
.dle-chapterdle .reveal-title { text-transform: uppercase; letter-spacing: 0.03em; color: #111; }
.dle-chapterdle .page-title { font-size: clamp(34px, 7vw, 54px); transform: skew(-4deg); }
.dle-chapterdle .guess-input { background: #fff; border: 3px solid #111; border-radius: 0; color: #111; }
.dle-chapterdle .guess-button, .dle-chapterdle .share-button { background: var(--accent); color: #fff; border: 3px solid #111; border-radius: 0; font-family: var(--headingFont); text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 4px 4px 0 #111; }
.dle-chapterdle .suggestions { background: #fff; border: 3px solid #111; border-radius: 0; }
.dle-chapterdle .clue-card { background: #fff; border: 4px solid #111; border-radius: 0; box-shadow: 8px 8px 0 #111; }
.dle-chapterdle .clue { color: #111; padding: 10px 12px; border: 2px solid #111; margin: 8px 0; text-align: left; }
.dle-chapterdle .clue + .clue { transform: rotate(-0.4deg); }
.dle-chapterdle .cell { border-radius: 0; border: 2px solid #111; }
.dle-chapterdle .cell.name { background: #fff; color: #111; }
.dle-chapterdle .answer-reveal.lose .reveal-name { color: var(--accent); }
.dle-chapterdle .mode-nav a[aria-current="page"] { background: var(--accent); color: #fff; }