@font-face{font-family:"bebas-neue";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/b3688964dc-bebas-neue-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"barlow";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/5470bf0b7f-barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"barlow";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/7b300ebe10-barlow-latin-700-normal.woff2) format("woff2")}
/* Dinodle: dig site: sandstone strata, amber field-guide labels, fossil-bone accents. */
body.dle-dinodle {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg font-size='22' opacity='.08'%3E%3Ctext x='20' y='50'%3E🦴%3C/text%3E%3Ctext x='150' y='120'%3E🐾%3C/text%3E%3Ctext x='60' y='200'%3E🦴%3C/text%3E%3C/g%3E%3C/svg%3E"),
    repeating-linear-gradient(176deg, #ffffff05 0 18px, transparent 18px 46px),
    radial-gradient(ellipse at 50% -10%, #5a3d1a66, transparent 60%),
    var(--background);
  background-attachment: fixed;
}
.dle-dinodle .site-header { background: #0f0c07; border-bottom: 4px solid var(--primary); }
.dle-dinodle .site-header .brand { color: var(--primary); font-size: 28px; letter-spacing: 0.06em; }
.dle-dinodle .page-title,
.dle-dinodle .reveal-name,
.dle-dinodle .reveal-title { color: var(--primary); letter-spacing: 0.05em; font-size: clamp(36px, 8vw, 58px); text-shadow: 0 3px 0 #000; }
.dle-dinodle .guess-input { background: #f3e6c4; color: #2a2010; border: 3px solid #6b4f22; border-radius: 6px; }
.dle-dinodle .guess-button, .dle-dinodle .share-button { background: var(--primary); color: #1d1608; border: 3px solid #6b4f22; border-radius: 6px; font-family: var(--headingFont); font-size: 22px; letter-spacing: 0.06em; }
.dle-dinodle .clue-card { background: #f3e6c4; color: #2a2010; border: 3px dashed #6b4f22; border-radius: 10px; }
.dle-dinodle .clue { color: #2a2010; font-weight: 700; }
.dle-dinodle .cell { border-radius: 6px; }
.dle-dinodle .reveal-image img { border: 4px solid #6b4f22; border-radius: 10px; }