@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:"nunito";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/5a7225555b-nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"nunito";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/c1df9687f1-nunito-latin-700-normal.woff2) format("woff2")}
/* Viraldle: "deep-fried" meme energy: neon gradients, emoji confetti, white Impact captions with black outline. */
body.dle-viraldle {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg font-size='26' opacity='.13'%3E%3Ctext x='10' y='40'%3E😂%3C/text%3E%3Ctext x='120' y='70'%3E🐸%3C/text%3E%3Ctext x='60' y='140'%3E💀%3C/text%3E%3Ctext x='160' y='180'%3E🔥%3C/text%3E%3Ctext x='20' y='200'%3E👀%3C/text%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 10% 10%, #ff2e8855, transparent 40%),
    radial-gradient(circle at 90% 80%, #00f0ff44, transparent 45%),
    linear-gradient(160deg, #2a0f45, var(--background));
  background-attachment: fixed;
}
.dle-viraldle .site-header { background: #000; border-bottom: 3px solid var(--primary); }
.dle-viraldle .site-header .brand { color: #fff; font-size: 24px; letter-spacing: 0.02em; text-shadow: 2px 2px 0 var(--primary); }
.dle-viraldle .page-title,
.dle-viraldle .reveal-name,
.dle-viraldle .reveal-title { text-transform: uppercase; color: #fff; -webkit-text-stroke: 2px #000; text-shadow: 3px 3px 0 #000; letter-spacing: 0.02em; }
.dle-viraldle .page-title { font-size: clamp(36px, 8vw, 58px); text-align: center; }
.dle-viraldle .page-title + .intro { text-align: center; }
.dle-viraldle .guess-input { background: #fff; color: #000; border: 4px solid #000; border-radius: 0; font-weight: 700; }
.dle-viraldle .guess-button, .dle-viraldle .share-button { border: 3px solid #000; border-radius: 0; background: var(--primary); font-family: var(--headingFont); text-transform: uppercase; letter-spacing: 0.04em; font-size: 20px; box-shadow: 4px 4px 0 #000; }
.dle-viraldle .suggestions { background: #fff; color: #000; border: 3px solid #000; border-radius: 0; }
.dle-viraldle .cell { border-radius: 0; border: 3px solid #000; }
.dle-viraldle .cell.name { background: #fff; color: #000; }
.dle-viraldle .clue-card { background: #fff; color: #000; border: 4px solid #000; border-radius: 0; box-shadow: 8px 8px 0 var(--primary); }
.dle-viraldle .clue { color: #000; font-weight: 700; }
.dle-viraldle .answer-reveal.lose { transform: rotate(-1deg); }