@font-face{font-family:"audiowide";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/3cc6cf1234-audiowide-latin-400-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")}
/* Warpdle: starfield, amber console text, scanline transmission panels. */
body.dle-warpdle {
  background:
    radial-gradient(1px 1px at 20px 30px, #fff, transparent),
    radial-gradient(1px 1px at 120px 80px, #cfe8ff, transparent),
    radial-gradient(1.5px 1.5px at 200px 150px, #fff, transparent),
    radial-gradient(1px 1px at 60px 190px, #ffd9a0, transparent),
    radial-gradient(ellipse at 50% 0%, #1b1b5a, transparent 60%),
    var(--background);
  background-size: 240px 240px, 240px 240px, 240px 240px, 240px 240px, 100% 100%, 100% 100%;
  background-attachment: fixed;
}
.dle-warpdle .site-header { background: #05051299; border-bottom: 1px solid var(--accent); backdrop-filter: blur(6px); }
.dle-warpdle .site-header .brand { color: var(--primary); letter-spacing: 0.12em; text-transform: uppercase; }
.dle-warpdle .page-title,
.dle-warpdle .reveal-name,
.dle-warpdle .reveal-title { color: var(--primary); letter-spacing: 0.08em; text-transform: uppercase; text-shadow: 0 0 14px #ff9f1c88; }
.dle-warpdle .guess-input { background: #05051a; border: 1px solid var(--accent); border-radius: 4px; color: var(--accent); }
.dle-warpdle .guess-input:focus { box-shadow: 0 0 0 3px #2ec4ff44, 0 0 18px #2ec4ff55; }
.dle-warpdle .guess-button, .dle-warpdle .share-button { background: transparent; color: var(--primary); border: 2px solid var(--primary); border-radius: 4px; font-family: var(--headingFont); letter-spacing: 0.1em; text-transform: uppercase; }
.dle-warpdle .guess-button:hover, .dle-warpdle .share-button:hover { background: var(--primary); color: #07071a; }
.dle-warpdle .clue-card {
  background: repeating-linear-gradient(0deg, #ffffff06 0 2px, transparent 2px 4px), #0b0b28;
  border: 1px solid var(--accent); border-radius: 4px; box-shadow: 0 0 24px #2ec4ff33 inset;
}
.dle-warpdle .clue { color: #ffd59a; letter-spacing: 0.02em; }
.dle-warpdle .cell { border-radius: 4px; }