/* KGTS themed — black, cream, dark-red accents. */
:root {
  --bg: #000000;
  --fg: #fffde0;
  --muted: #a89880;
  --accent: #dc2626;
  --accent-dark: #8B0000;
  --pink: #ff4d94;
  --green: #5dff9b;
  --cyan: #ff6b6b;
  --card: rgba(139, 0, 0, 0.06);
  --border: rgba(139, 0, 0, 0.25);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--bg);
  color: var(--fg);
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* dark-red ambient wash (KGTS style) */
body::before {
  content: '';
  position: fixed;
  inset: -20%;
  z-index: -1;
  background:
    radial-gradient(50% 45% at 25% 20%, rgba(139, 0, 0, 0.22), transparent 70%),
    radial-gradient(55% 50% at 75% 30%, rgba(220, 38, 38, 0.14), transparent 70%),
    radial-gradient(50% 50% at 50% 85%, rgba(139, 0, 0, 0.18), transparent 70%),
    radial-gradient(40% 40% at 85% 75%, rgba(255, 0, 0, 0.08), transparent 70%);
  filter: blur(60px) saturate(120%);
  animation: drift 22s ease-in-out infinite alternate;
}
@keyframes drift {
  from { transform: translate3d(-2%, -1%, 0) scale(1.05); }
  to   { transform: translate3d(2%, 2%, 0) scale(1.12); }
}

h1, h2, .prompt {
  font-family: Georgia, 'Times New Roman', serif;
  text-shadow: 0 0 24px rgba(139, 0, 0, 0.4), 0 3px 18px rgba(0, 0, 0, 0.55);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--fg);
}

.prompt { line-height: 1.15; }

.muted { color: var(--muted); }
.center { text-align: center; }
.hidden { display: none !important; }

button {
  font: inherit;
  font-weight: 700;
  color: var(--fg);
  background: rgba(139, 0, 0, 0.15);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px 20px;
  cursor: pointer;
  transition: transform 0.06s ease, background 0.15s ease, box-shadow 0.15s ease;
}
button:hover {
  background: rgba(139, 0, 0, 0.28);
  box-shadow: 0 0 12px rgba(139, 0, 0, 0.2);
}
button:active { transform: scale(0.97); }
button:disabled { opacity: 0.4; cursor: not-allowed; }
button.primary {
  background: linear-gradient(180deg, #dc2626, #8B0000);
  border-color: transparent;
  color: #fffde0;
  box-shadow: 0 0 14px rgba(220, 38, 38, 0.25);
}
button.primary:hover {
  background: linear-gradient(180deg, #ef4444, #a01010);
  box-shadow: 0 0 20px rgba(220, 38, 38, 0.4);
}
button.danger {
  background: linear-gradient(180deg, #ff6b6b, #c23b3b);
  border-color: transparent;
  color: #fffde0;
}

input[type="number"], input[type="text"] {
  font: inherit;
  color: var(--fg);
  background: rgba(0,0,0,0.5);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  width: 100%;
}
input:focus { outline: 2px solid var(--accent); box-shadow: 0 0 12px rgba(220,38,38,0.3); }

.card {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
  backdrop-filter: blur(8px);
}

.pill {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: rgba(0,0,0,0.4);
  font-size: 0.85em;
  color: var(--muted);
}

.countdown { font-variant-numeric: tabular-nums; font-weight: 800; }

body { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNjAwIj48dGV4dCB4PSI2MzQiIHk9IjE4NSIgZm9udC1zaXplPSIyMiIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgyNCwgNjM0LCAxODUpIj4kPC90ZXh0Pjx0ZXh0IHg9IjE2NyIgeT0iMjA1IiBmb250LXNpemU9IjExIiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDE3OCwgMTY3LCAyMDUpIj7wn46yPC90ZXh0Pjx0ZXh0IHg9IjMxMiIgeT0iOTciIGZvbnQtc2l6ZT0iMjkiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMTA3LCAzMTIsIDk3KSI+8J+OsjwvdGV4dD48dGV4dCB4PSIzNTMiIHk9IjIxMyIgZm9udC1zaXplPSIyNyIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgyNTksIDM1MywgMjEzKSI+UjwvdGV4dD48dGV4dCB4PSI3MzYiIHk9IjE4MyIgZm9udC1zaXplPSIyMSIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgxMDgsIDczNiwgMTgzKSI+zqM8L3RleHQ+PHRleHQgeD0iNjEiIHk9IjQ2NSIgZm9udC1zaXplPSIyNiIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSg2NywgNjEsIDQ2NSkiPuKZpjwvdGV4dD48dGV4dCB4PSI1MTYiIHk9IjEwMSIgZm9udC1zaXplPSIyNyIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSg5MywgNTE2LCAxMDEpIj7iiII8L3RleHQ+PHRleHQgeD0iNzQ5IiB5PSI1OTQiIGZvbnQtc2l6ZT0iMjMiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMjcsIDc0OSwgNTk0KSI+JDwvdGV4dD48dGV4dCB4PSI3NSIgeT0iNDE1IiBmb250LXNpemU9IjI1IiBmaWxsPSJyZ2JhKDIyMCwgMzgsIDM4LCAwLjQpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDI3OSwgNzUsIDQxNSkiPuKIqzwvdGV4dD48dGV4dCB4PSI3MjkiIHk9IjMxNSIgZm9udC1zaXplPSIxMCIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgzNTIsIDcyOSwgMzE1KSI+4pmgPC90ZXh0Pjx0ZXh0IHg9IjIwNSIgeT0iNTYiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9InJnYmEoMjIwLCAzOCwgMzgsIDAuNCkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMTEwLCAyMDUsIDU2KSI+4pmmPC90ZXh0Pjx0ZXh0IHg9IjQwNCIgeT0iODYiIGZvbnQtc2l6ZT0iMjYiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMjUsIDQwNCwgODYpIj7PgDwvdGV4dD48dGV4dCB4PSI3NjgiIHk9IjM2NSIgZm9udC1zaXplPSIxMCIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgzMDIsIDc2OCwgMzY1KSI+z4A8L3RleHQ+PHRleHQgeD0iNzU0IiB5PSI0NjUiIGZvbnQtc2l6ZT0iMjUiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMjc5LCA3NTQsIDQ2NSkiPiQ8L3RleHQ+PHRleHQgeD0iNjM0IiB5PSIzOTUiIGZvbnQtc2l6ZT0iMTIiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMjk4LCA2MzQsIDM5NSkiPuKIgjwvdGV4dD48dGV4dCB4PSI3OTgiIHk9IjE4MSIgZm9udC1zaXplPSIxNiIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSg5NiwgNzk4LCAxODEpIj7imaA8L3RleHQ+PHRleHQgeD0iNTMyIiB5PSIxMSIgZm9udC1zaXplPSIyMSIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgxMTQsIDUzMiwgMTEpIj7OozwvdGV4dD48dGV4dCB4PSI1NzkiIHk9IjI0MiIgZm9udC1zaXplPSIyMSIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgxMDYsIDU3OSwgMjQyKSI+4oiCPC90ZXh0Pjx0ZXh0IHg9IjIyNyIgeT0iNTg1IiBmb250LXNpemU9IjE3IiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDY0LCAyMjcsIDU4NSkiPvCfjrI8L3RleHQ+PHRleHQgeD0iNDczIiB5PSI0NjIiIGZvbnQtc2l6ZT0iMjUiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMSwgNDczLCA0NjIpIj7imZ48L3RleHQ+PHRleHQgeD0iMzMwIiB5PSI1NDEiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9InJnYmEoMjIwLCAzOCwgMzgsIDAuNCkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoNDcsIDMzMCwgNTQxKSI+4oiCPC90ZXh0Pjx0ZXh0IHg9IjI1MiIgeT0iMzY2IiBmb250LXNpemU9IjEyIiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDEyMCwgMjUyLCAzNjYpIj7iiII8L3RleHQ+PHRleHQgeD0iNDA4IiB5PSI0NjMiIGZvbnQtc2l6ZT0iMjUiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoNzAsIDQwOCwgNDYzKSI+JDwvdGV4dD48dGV4dCB4PSIzNTkiIHk9IjE4NSIgZm9udC1zaXplPSIyNiIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgzMiwgMzU5LCAxODUpIj7wn46yPC90ZXh0Pjx0ZXh0IHg9IjMwIiB5PSIyNzciIGZvbnQtc2l6ZT0iMTgiIGZpbGw9InJnYmEoMjIwLCAzOCwgMzgsIDAuNCkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMzAwLCAzMCwgMjc3KSI+4pmmPC90ZXh0Pjx0ZXh0IHg9IjQwMSIgeT0iNTM3IiBmb250LXNpemU9IjI4IiBmaWxsPSJyZ2JhKDIyMCwgMzgsIDM4LCAwLjQpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDI0MCwgNDAxLCA1MzcpIj7imaA8L3RleHQ+PHRleHQgeD0iMjI4IiB5PSI3MCIgZm9udC1zaXplPSIxNSIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgyMDAsIDIyOCwgNzApIj7iiKs8L3RleHQ+PHRleHQgeD0iNDU3IiB5PSI0NTkiIGZvbnQtc2l6ZT0iMTEiIGZpbGw9InJnYmEoMjIwLCAzOCwgMzgsIDAuNCkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ2LCA0NTcsIDQ1OSkiPk48L3RleHQ+PHRleHQgeD0iMjM4IiB5PSIyMzYiIGZvbnQtc2l6ZT0iMjUiIGZpbGw9InJnYmEoMjIwLCAzOCwgMzgsIDAuNCkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMTUwLCAyMzgsIDIzNikiPvCfjrI8L3RleHQ+PHRleHQgeD0iNDQzIiB5PSI3MiIgZm9udC1zaXplPSIyMCIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgxNzMsIDQ0MywgNzIpIj7wn46yPC90ZXh0Pjx0ZXh0IHg9IjE1MiIgeT0iMzk1IiBmb250LXNpemU9IjE0IiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDExMywgMTUyLCAzOTUpIj7OozwvdGV4dD48dGV4dCB4PSIxNzgiIHk9IjU1OCIgZm9udC1zaXplPSIyMSIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjQsIDE3OCwgNTU4KSI+4pmgPC90ZXh0Pjx0ZXh0IHg9IjY2MSIgeT0iMzYiIGZvbnQtc2l6ZT0iMjkiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMjQsIDY2MSwgMzYpIj7imaU8L3RleHQ+PHRleHQgeD0iNTMiIHk9IjMxNyIgZm9udC1zaXplPSIyOSIgZmlsbD0icmdiYSgyMjAsIDM4LCAzOCwgMC40KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzMsIDUzLCAzMTcpIj4kPC90ZXh0Pjx0ZXh0IHg9Ijc5MSIgeT0iNDI4IiBmb250LXNpemU9IjIzIiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDUsIDc5MSwgNDI4KSI+4oirPC90ZXh0Pjx0ZXh0IHg9Ijc3OSIgeT0iMzMwIiBmb250LXNpemU9IjIxIiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDE1MiwgNzc5LCAzMzApIj7iiII8L3RleHQ+PHRleHQgeD0iMzA4IiB5PSI1MTQiIGZvbnQtc2l6ZT0iMjQiIGZpbGw9InJnYmEoMjIwLCAzOCwgMzgsIDAuNCkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoMzA4LCAzMDgsIDUxNCkiPiQ8L3RleHQ+PHRleHQgeD0iNzUyIiB5PSIzMDciIGZvbnQtc2l6ZT0iMjUiIGZpbGw9InJnYmEoMjU1LCAyNTMsIDIyNCwgMC4xNSkiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhIiBmb250LXdlaWdodD0iYm9sZCIgdHJhbnNmb3JtPSJyb3RhdGUoNjksIDc1MiwgMzA3KSI+4pmgPC90ZXh0Pjx0ZXh0IHg9IjI5OCIgeT0iMjI1IiBmb250LXNpemU9IjIzIiBmaWxsPSJyZ2JhKDI1NSwgMjUzLCAyMjQsIDAuMTUpIiBmb250LWZhbWlseT0iR2VvcmdpYSIgZm9udC13ZWlnaHQ9ImJvbGQiIHRyYW5zZm9ybT0icm90YXRlKDMwNCwgMjk4LCAyMjUpIj7iiII8L3RleHQ+PHRleHQgeD0iNDcwIiB5PSIxOCIgZm9udC1zaXplPSIyMCIgZmlsbD0icmdiYSgyNTUsIDI1MywgMjI0LCAwLjE1KSIgZm9udC1mYW1pbHk9Ikdlb3JnaWEiIGZvbnQtd2VpZ2h0PSJib2xkIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjMsIDQ3MCwgMTgpIj7imaY8L3RleHQ+PC9zdmc+'); background-attachment: fixed; background-size: 800px 600px; }