@font-face{font-family:"m-plus-rounded-1c";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/ae8515918f-m-plus-rounded-1c-latin-700-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")}
/* Oshidle: idol stream after dark: deep plum gradient, neon sparkles, bubbly rounded tiles and pill tabs. */
body.dle-oshidle {
  background:
    radial-gradient(circle at 12% 20%, #ffffff55 0 1.5px, transparent 2.5px) 0 0 / 90px 90px,
    radial-gradient(circle at 60% 70%, #ff4f9a55 0 2.5px, transparent 3.5px) 0 0 / 130px 130px,
    radial-gradient(circle at 30% 50%, #5bbcff4d 0 2px, transparent 3px) 0 0 / 110px 110px,
    linear-gradient(160deg, #2a1230 0%, var(--background) 45%, #101a2e 100%);
  background-attachment: fixed;
}
.dle-oshidle .site-header { background: linear-gradient(90deg, #c2266b, #8a3ea8 50%, #1f6fb0); }
.dle-oshidle .site-header .brand { color: #fff; text-shadow: 0 2px 0 #6e1440; }
.dle-oshidle .mode-nav a { background: #ffffff22; color: #fff; font-weight: 700; }
.dle-oshidle .mode-nav a[aria-current="page"] { background: #fff; color: #c2266b; box-shadow: 0 2px 0 #6e1440; }
.dle-oshidle .page-title { color: var(--primary); }
.dle-oshidle .page-title::after { content: " ♡"; color: var(--accent); }
.dle-oshidle .guess-input { border-radius: 999px; border: 3px solid #ff4f9a99; background: var(--surface); color: var(--text); }
.dle-oshidle .guess-button, .dle-oshidle .share-button { border-radius: 999px; box-shadow: 0 3px 0 #a01f58; }
.dle-oshidle .suggestions { background: var(--surface); color: var(--text); }
.dle-oshidle .cell { border-radius: 16px; color: #fff; text-shadow: 0 1px 0 #0005; }
.dle-oshidle .cell.name { background: var(--surface); color: var(--text); text-shadow: none; border: 2px solid #ff4f9a66; }
.dle-oshidle .clue-card, .dle-oshidle .result, .dle-oshidle .notice { background: var(--surface); border: 3px solid #ff4f9a55; border-radius: 24px; }
.dle-oshidle .clue { font-weight: 700; color: var(--primary); }
.dle-oshidle .chip { border-radius: 999px; }
.dle-oshidle .card-list a, .dle-oshidle .next-links a, .dle-oshidle .other-links a { background: var(--surface); color: var(--text); border: 2px solid #ff4f9a44; }