@font-face{font-family:"orbitron";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/1fce4823ac-orbitron-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"exo-2";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/f7c99caf30-exo-2-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"exo-2";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/f6a08e9157-exo-2-latin-700-normal.woff2) format("woff2")}
/* Cosmodle: observatory screen: nebula clouds, dense starfield, cyan HUD readouts, orbit-ring title. */
body.dle-cosmodle {
  background:
    radial-gradient(1px 1px at 10px 20px, #fff 50%, transparent 51%) 0 0 / 120px 90px,
    radial-gradient(1px 1px at 70px 60px, #bfe9ff 50%, transparent 51%) 0 0 / 160px 130px,
    radial-gradient(1.5px 1.5px at 40px 110px, #fff 50%, transparent 51%) 0 0 / 210px 170px,
    radial-gradient(ellipse at 15% 25%, #7b5cff40, transparent 45%),
    radial-gradient(ellipse at 85% 70%, #ff4fb835, transparent 45%),
    radial-gradient(ellipse at 60% 10%, #4ff0ff22, transparent 40%),
    var(--background);
  background-attachment: fixed;
}
.dle-cosmodle .site-header { background: #05040fcc; border-bottom: 1px solid #4ff0ff44; backdrop-filter: blur(6px); }
.dle-cosmodle .page-title { letter-spacing: 0.06em; background: linear-gradient(90deg, #4ff0ff, #b9a8ff, #ff9be0); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dle-cosmodle h2 { letter-spacing: 0.08em; text-transform: uppercase; font-size: 18px; color: var(--accent); }
.dle-cosmodle .guess-input { background: #0a0820; border: 1px solid var(--accent); box-shadow: 0 0 14px #4ff0ff33 inset; }
.dle-cosmodle .guess-button { background: linear-gradient(135deg, #7b5cff, #4f8cff); }
.dle-cosmodle .board th[scope="col"] { color: var(--accent); font-family: var(--headingFont); font-size: 11px; letter-spacing: 0.08em; }
.dle-cosmodle .cell { border-radius: 4px; font-variant-numeric: tabular-nums; border: 1px solid #ffffff22; }
.dle-cosmodle .cell.name { background: #0a0820; border-color: #4ff0ff55; }
.dle-cosmodle .clue-card { background: #0a0820cc; border: 1px solid #4ff0ff55; }
.dle-cosmodle .clue { font-size: 20px; }
.dle-cosmodle .clue::before { content: "◉ "; color: var(--accent); }