/* Hand-written equivalent of the Tailwind classes the original used (preflight + utilities). */
*, ::before, ::after { box-sizing: border-box; border: 0 solid #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
body { margin: 0; line-height: inherit; }
p { margin: 0; }
svg { display: block; vertical-align: middle; }
/* flex flex-col items-center justify-center min-h-screen bg-gray-900 p-4 */
.stage { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; background: #111827; padding: 1rem; }
/* relative w-96 (h-128 is not a Tailwind class, so it had no effect) */
.box { position: relative; width: 24rem; }
/* absolute top-0 left-0 right-0 h-32 flex items-center justify-center */
.quote-wrap { position: absolute; top: 0; left: 0; right: 0; height: 8rem; display: flex; align-items: center; justify-content: center; }
/* text-white text-center text-lg font-semibold px-4 */
.quote { color: #fff; text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; padding: 0 1rem; }
/* w-full h-96 cursor-pointer */
.fire { width: 100%; height: 24rem; cursor: pointer; outline: none; }
/* mt-8 text-lg text-orange-400 font-semibold text-center */
.caption { margin-top: 2rem; font-size: 1.125rem; line-height: 1.75rem; color: #fb923c; font-weight: 600; text-align: center; }
@keyframes pulse { 50% { opacity: .5; } }
.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }