html, body { margin: 0; height: 100%; background: #05070d; overflow: hidden; }
body { color: var(--ink, #e8edf5); font: 13px/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
canvas { position: fixed; inset: 0; width: 100vw; height: 100vh; display: block; }
main { position: fixed; left: clamp(20px, 4vw, 48px); bottom: clamp(20px, 5vh, 48px); }
h1 { margin: 0; font-size: clamp(15px, 1.6vw, 20px); font-weight: 500; letter-spacing: 0.04em; text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45); }
h1::after { content: "_"; margin-left: 0.15em; animation: blink 1.1s steps(1) infinite; }
p { margin: 6px 0 0; font-size: 11px; opacity: 0.55; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); }
@keyframes blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { h1::after { animation: none; } }