@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:"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")}
/* Wubbadle: portal-green glow, lab-coat panels, wobbly cartoon headings. */
body.dle-wubbadle {
  background:
    radial-gradient(circle at 85% 15%, #97ce4c55, transparent 35%),
    radial-gradient(circle at 85% 15%, #00b5cc33, transparent 50%),
    radial-gradient(circle at 10% 90%, #97ce4c22, transparent 40%),
    var(--background);
  background-attachment: fixed;
}
.dle-wubbadle .site-header { background: #0a120c; border-bottom: 3px solid var(--primary); box-shadow: 0 0 18px #97ce4c66; }
.dle-wubbadle .site-header .brand { color: var(--primary); font-size: 26px; letter-spacing: 0.04em; text-shadow: 2px 2px 0 #000, 0 0 12px #97ce4c; }
.dle-wubbadle .page-title,
.dle-wubbadle .reveal-name,
.dle-wubbadle .reveal-title { color: var(--primary); letter-spacing: 0.03em; text-shadow: 3px 3px 0 #000, 0 0 16px #97ce4c88; transform: rotate(-1deg); }
.dle-wubbadle .page-title { font-size: clamp(34px, 7vw, 54px); }
.dle-wubbadle .guess-input { border: 3px solid var(--primary); border-radius: 14px; background: #0a120c; }
.dle-wubbadle .guess-input:focus { box-shadow: 0 0 0 4px #97ce4c44, 0 0 20px #97ce4c66; }
.dle-wubbadle .guess-button, .dle-wubbadle .share-button { background: var(--primary); color: #0d1a12; border: 3px solid #000; border-radius: 14px; font-family: var(--headingFont); font-size: 20px; letter-spacing: 0.05em; box-shadow: 3px 3px 0 #000; }
.dle-wubbadle .clue-card { background: #f4f7f0; color: #102016; border: 3px solid #000; border-radius: 18px; box-shadow: 6px 6px 0 var(--accent); }
.dle-wubbadle .clue { color: #102016; font-weight: 700; }
.dle-wubbadle .cell { border-radius: 12px; border: 2px solid #000; }
.dle-wubbadle .answer-reveal.lose .reveal-name { color: #ff5c5c; text-shadow: 3px 3px 0 #000; }