@font-face{font-family:"bangers";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/7d0635fea7-bangers-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"comic-neue";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/713f4abb65-comic-neue-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"comic-neue";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/419c5acced-comic-neue-latin-700-normal.woff2) format("woff2")}
/* Inkdle: a manga page: paper white, halftone screentone, heavy ink panel borders, speech-bubble clues, red sound-effect titles. */
body.dle-inkdle {
  background:
    radial-gradient(circle, #00000018 1.2px, transparent 1.6px) 0 0 / 9px 9px,
    var(--background);
  background-attachment: fixed;
}
.dle-inkdle .site-header { background: #111; border-bottom: 4px solid #111; }
.dle-inkdle .site-header .brand { color: #fff; letter-spacing: 0.06em; font-size: 22px; }
.dle-inkdle .mode-nav a { background: #fff; color: #111; border: 2px solid #fff; font-weight: 700; }
.dle-inkdle .mode-nav a[aria-current="page"] { background: var(--primary); border-color: var(--primary); color: #fff; }
.dle-inkdle .page-title { font-size: clamp(32px, 7vw, 54px); letter-spacing: 0.04em; color: #fff; -webkit-text-stroke: 2px #111; text-shadow: 4px 4px 0 var(--primary); transform: rotate(-1.5deg); }
.dle-inkdle .layout main { background: #fff; border: 4px solid #111; padding: 20px; box-shadow: 8px 8px 0 #111; }
.dle-inkdle .guess-input { border: 3px solid #111; border-radius: 0; background: #fff; color: #111; font-weight: 700; }
.dle-inkdle .guess-button, .dle-inkdle .share-button { border: 3px solid #111; border-radius: 0; box-shadow: 4px 4px 0 #111; font-family: var(--headingFont); font-size: 20px; letter-spacing: 0.05em; }
.dle-inkdle .suggestions { background: #fff; color: #111; border: 3px solid #111; border-radius: 0; }
.dle-inkdle .cell { border: 3px solid #111; border-radius: 0; font-weight: 700; }
.dle-inkdle .cell.name { background: #fff; color: #111; }
.dle-inkdle .clue-card { background: #fff; border: 3px solid #111; border-radius: 40px; position: relative; }
.dle-inkdle .clue-card::after { content: ""; position: absolute; left: 60px; bottom: -22px; border: 12px solid transparent; border-top: 18px solid #111; }
.dle-inkdle .clue { font-size: 22px; font-weight: 700; }
.dle-inkdle .clue::before { content: "「"; color: var(--primary); }
.dle-inkdle .clue::after { content: "」"; color: var(--primary); }
.dle-inkdle .chip { border: 3px solid #111; border-radius: 0; }
.dle-inkdle .result, .dle-inkdle .notice { background: #fff; border: 3px solid #111; border-radius: 0; box-shadow: 6px 6px 0 #111; }
.dle-inkdle .card-list a, .dle-inkdle .next-links a, .dle-inkdle .other-links a { background: #fff; color: #111; border: 3px solid #111; border-radius: 0; }