:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #030d12; color: #e0f8ff; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
#lab { display: block; width: 100%; height: 100%; touch-action: none; outline: none; }
#lab:focus-visible { outline: 1px solid #80daf3; outline-offset: -2px; }
#loading { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 2rem; text-align: center; background: #030d12; }
#loading[hidden], [hidden] { display: none !important; }
p { margin: 0; color: #80daf3; font-size: .75rem; letter-spacing: .4em; }
h1 { margin: 0; font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 300; }
#detail { color: #7dadbe; max-width: 30rem; }
button { margin-top: 1rem; padding: .8rem 1.5rem; background: transparent; color: #e0f8ff; border: 1px solid #80daf3; border-radius: .25rem; cursor: pointer; font: inherit; }
button:focus-visible { outline: 2px solid #e0f8ff; outline-offset: 4px; }