:root {
  --tube: #d8f7ff;
  --glow: #4ef3ff;
  --bg: #07070a;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  height: 100%;
  background: var(--bg);
  overflow: hidden;
  cursor: crosshair;
}

/* The sign hangs centered in the dark */
.stage {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: "Impact", "Arial Narrow Bold", "Helvetica Neue", sans-serif;
}

/* Subtle ambient flicker tint over the whole room */
.room {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 38%, rgba(78,243,255,0.06), transparent 60%);
  animation: roomFlicker 7s infinite steps(60);
}

.word {
  position: relative;
  font-size: clamp(60px, 18vw, 260px);
  letter-spacing: 0.04em;
  color: var(--tube);
  user-select: none;
  text-transform: uppercase;
  /* layered glow so the tube reads as lit */
  text-shadow:
    0 0 4px #fff,
    0 0 11px var(--glow),
    0 0 22px var(--glow),
    0 0 42px var(--glow),
    0 0 80px var(--glow);
  animation: tubeFlicker 4.2s infinite;
}

/* darker casing behind the letters, like a hanging channel-letter sign */
.word::before {
  content: "Davidian";
  position: absolute;
  inset: 0;
  color: #1a2a2e;
  text-shadow: none;
  z-index: -1;
  transform: translateY(3px) scale(1.02);
  filter: blur(1px);
}

/* fluorescent flicker: occasional dropouts + a slower hum */
@keyframes tubeFlicker {
  0%   { opacity: 1; }
  4%   { opacity: 0.35; }
  5%   { opacity: 1; }
  6%   { opacity: 0.2; }
  7%   { opacity: 1; }
  9%   { opacity: 0.6; }
  10%  { opacity: 1; }
  41%  { opacity: 1; }
  42%  { opacity: 0.1; }
  43%  { opacity: 1; }
  44%  { opacity: 0.3; }
  45%  { opacity: 1; }
  70%  { opacity: 1; }
  71%  { opacity: 0.5; }
  72%  { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes roomFlicker {
  0%   { opacity: 1; }
  43%  { opacity: 1; }
  44%  { opacity: 0.4; }
  45%  { opacity: 1; }
  71%  { opacity: 0.7; }
  72%  { opacity: 1; }
  100% { opacity: 1; }
}

.hint {
  position: fixed;
  bottom: 16px;
  left: 0; right: 0;
  text-align: center;
  color: #2a3a3e;
  font-family: monospace;
  font-size: 12px;
  letter-spacing: 0.2em;
  pointer-events: none;
}