@font-face{font-family:"montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/bb708d9541-montserrat-latin-800-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")}
/* Otakudle: night-sky anime opening: sakura petals, pink/violet glow, bold rounded headings. */
body.dle-otakudle {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cg font-size='20' opacity='.16'%3E%3Ctext x='20' y='40'%3E🌸%3C/text%3E%3Ctext x='170' y='90'%3E✨%3C/text%3E%3Ctext x='90' y='170'%3E🌸%3C/text%3E%3Ctext x='210' y='230'%3E⭐%3C/text%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 15% 0%, #ff6fae44, transparent 45%),
    radial-gradient(circle at 100% 70%, #7c6cff44, transparent 50%),
    var(--background);
  background-attachment: fixed;
}
.dle-otakudle .site-header { background: linear-gradient(90deg, #ff6fae22, #7c6cff22), #100d24; border-bottom: 2px solid var(--primary); }
.dle-otakudle .site-header .brand { color: #fff; text-shadow: 0 0 10px var(--primary); letter-spacing: 0.02em; }
.dle-otakudle .page-title,
.dle-otakudle .reveal-name,
.dle-otakudle .reveal-title { background: linear-gradient(90deg, #ff6fae, #b9a8ff); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 800; }
.dle-otakudle .guess-input { border: 2px solid var(--accent); border-radius: 999px; padding-inline: 20px; background: #0f0c22; }
.dle-otakudle .guess-button, .dle-otakudle .share-button { border-radius: 999px; background: linear-gradient(90deg, var(--primary), var(--accent)); font-weight: 800; border: 0; }
.dle-otakudle .clue-card { border: 2px solid var(--primary); border-radius: 20px; box-shadow: 0 0 30px #ff6fae33; }
.dle-otakudle .clue { font-weight: 700; font-size: 1.15em; }
.dle-otakudle .cell { border-radius: 10px; }
.dle-otakudle .personal-who, .dle-otakudle .personal-form + .personal-message { text-align: center; }