@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: an inverted manga page: black paper, white screentone dots, white-inked panel borders, red SFX accents. */
body.dle-chapterdle {
  background:
    radial-gradient(#ffffff12 1px, transparent 1.3px) 0 0 / 7px 7px,
    var(--background);
}
.dle-chapterdle .site-header { background: #000; border-bottom: 4px solid var(--text); }
.dle-chapterdle .site-header .brand { color: var(--text); 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: var(--text); }
.dle-chapterdle .page-title { font-size: clamp(34px, 7vw, 54px); transform: skew(-4deg); text-shadow: 3px 3px 0 var(--primary); }
.dle-chapterdle .guess-input { background: #000; border: 3px solid var(--text); border-radius: 0; color: var(--text); }
.dle-chapterdle .guess-button, .dle-chapterdle .share-button { background: var(--primary); color: #fff; border: 3px solid var(--text); border-radius: 0; font-family: var(--headingFont); text-transform: uppercase; letter-spacing: 0.05em; box-shadow: 4px 4px 0 var(--text); }
.dle-chapterdle .suggestions { background: #000; color: var(--text); border: 3px solid var(--text); border-radius: 0; }
.dle-chapterdle .clue-card { background: #000; border: 4px solid var(--text); border-radius: 0; box-shadow: 8px 8px 0 var(--primary); }
.dle-chapterdle .clue { color: var(--text); padding: 10px 12px; border: 2px solid var(--text); margin: 8px 0; text-align: left; }
.dle-chapterdle .clue + .clue { transform: rotate(-0.4deg); }
.dle-chapterdle .cell { border-radius: 0; border: 2px solid #000; }
.dle-chapterdle .cell.name { background: #000; color: var(--text); border-color: var(--text); }
.dle-chapterdle .answer-reveal.lose .reveal-name { color: var(--primary); }
.dle-chapterdle .mode-nav a { background: var(--surface); color: var(--text); }
.dle-chapterdle .mode-nav a[aria-current="page"] { background: var(--primary); color: #fff; }