diff --git a/src/app.css b/src/app.css index 1099039..38de959 100644 --- a/src/app.css +++ b/src/app.css @@ -219,6 +219,24 @@ color: #ff0000; } +/* ── Dan Mode banner ───────────────────────────────────────────────────────── */ +.dan-banner { + background-color: #ff0000; + color: #ffff00; + text-align: center; + font-weight: 900; + font-size: 1.2rem; + letter-spacing: 0.2em; + padding: 0.5rem 1rem; + border-bottom: 3px solid #ffff00; + animation: dan-blink 0.6s step-start infinite; +} + +@keyframes dan-blink { + 0%, 100% { opacity: 1; } + 50% { opacity: 0; } +} + /* ── Results grid ──────────────────────────────────────────────────────────── */ .results-grid { display: grid; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 28d2bd3..4b50f94 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -48,6 +48,10 @@ +{#if theme === 'dan'} +
⚠ DAN MODE ACTIVATED ⚠
+{/if} +
{@render children()}