:root{--ink:#0a1b33;--sky:#3fa9f5;--deep:#0b3a8c;--paper:#fff;--glass:#0a1b338c;--line:#ffffff29;--sans:"Onest", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--sans);margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.brand{letter-spacing:-.01em;text-shadow:0 1px 12px #00000059;font-size:18px;font-weight:600;position:fixed;top:20px;left:24px}.controls{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:9999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.controls button,.controls select{font:500 13px var(--sans);color:var(--paper);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:9999px;padding:8px 14px}.controls button:hover,.controls select:hover{background:#ffffff29}.controls :focus-visible{outline:2px solid var(--sky);outline-offset:2px}.controls select option{color:var(--ink)}.time{align-items:center;gap:10px;display:flex}#clock{font:500 13px var(--mono);text-align:right;min-width:42px}#timeOfDay{width:clamp(120px,24vw,280px);accent-color:var(--sky)}#hud{font:11px/1.5 var(--mono);color:#ffffffd9;background:var(--glass);border:1px solid var(--line);pointer-events:none;border-radius:10px;margin:0;padding:8px 10px;position:fixed;top:16px;right:16px}#loading{background:var(--ink);place-items:center;font-size:15px;transition:opacity .4s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}@media (width<=640px){.controls{gap:8px;bottom:12px}.controls select{display:none}}