@font-face{font-family:"press-start-2p";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/45f2f0e526-press-start-2p-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"chakra-petch";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/0ca4be82de-chakra-petch-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"chakra-petch";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/60b1df83a6-chakra-petch-latin-700-normal.woff2) format("woff2")}
/* Crestdle: Digivice LCD: green-black screen, pixel headings, scanlines, chunky orange device buttons. */
body.dle-crestdle {
  background:
    repeating-linear-gradient(0deg, #9be36b08 0 1px, transparent 1px 3px),
    linear-gradient(90deg, #9be36b0a 1px, transparent 1px) 0 0 / 24px 24px,
    linear-gradient(#9be36b0a 1px, transparent 1px) 0 0 / 24px 24px,
    radial-gradient(ellipse at center, #1a2a1f, var(--background) 75%);
  background-attachment: fixed;
}
.dle-crestdle .site-header { background: #f28c18; }
.dle-crestdle .site-header .brand { color: #1b1206; font-size: 13px; }
.dle-crestdle .mode-nav a { background: #1b1206; color: #f6d9b0; font-family: var(--headingFont); font-size: 10px; }
.dle-crestdle .mode-nav a[aria-current="page"] { background: #0d1410; color: var(--accent); }
.dle-crestdle .page-title { font-size: clamp(16px, 3.6vw, 24px); color: var(--accent); text-shadow: 2px 2px 0 #000; line-height: 1.5; }
.dle-crestdle h2 { font-size: 14px; color: var(--accent); }
.dle-crestdle .guess-input { background: #0a110c; border: 3px solid #3b4a3f; border-radius: 6px; color: var(--accent); font-family: var(--font); }
.dle-crestdle .guess-button, .dle-crestdle .share-button { border-radius: 50px; background: #f28c18; color: #1b1206; box-shadow: 0 4px 0 #9a520a; font-family: var(--headingFont); font-size: 11px; }
.dle-crestdle .cell { border-radius: 0; font-size: 13px; box-shadow: inset 0 0 0 2px #00000040; }
.dle-crestdle .cell.name { background: #0a110c; color: var(--accent); }
.dle-crestdle .clue-card { background: #0a110c; border: 4px solid #3b4a3f; border-radius: 18px; box-shadow: inset 0 0 30px #9be36b22; }
.dle-crestdle .clue { font-size: 18px; color: var(--accent); font-family: var(--font); }
.dle-crestdle .clue::before { content: "▶ "; }
.dle-crestdle .chip { border-radius: 0; }
/* Jogress mode: the partners' evolution chain, newest stage highlighted */
.dle-crestdle.mode-jogress .clues { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.dle-crestdle.mode-jogress .clue { font-size: 16px; opacity: 0.55; }
.dle-crestdle.mode-jogress .clue::before { content: "⇩ "; }
.dle-crestdle.mode-jogress .clue:first-child::before { content: "🥚 "; }
.dle-crestdle.mode-jogress .clue:last-child { font-size: 22px; opacity: 1; color: #f28c18; text-shadow: 0 0 10px #f28c1888; }