html,body{color:#ddd;background:#000;height:100%;margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0}#overlay{position:fixed;bottom:0;left:0;right:0}.controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.controls button{color:#ddd;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;min-width:64px;min-height:44px}.controls input[type=range]{width:200px;min-height:44px}.controls label{align-items:center;gap:4px;min-height:44px;display:inline-flex}.controls .date{font-variant-numeric:tabular-nums}.label{color:#cfd8e8;text-shadow:0 0 4px #000;white-space:nowrap;will-change:transform;pointer-events:none;background:0 0;border:0;padding:1px 4px;font-family:inherit;font-size:12px;position:absolute;top:0;left:0}.label.hover,.label:hover,.label:focus-visible{color:#fff;outline:2px solid #fff;font-weight:600}.info{color:#aab;padding:6px 16px;font-size:13px}.fatal{color:#f88;white-space:pre-wrap;padding:24px}.stats{background:#0009;padding:4px 8px;font:12px monospace;position:fixed;top:8px;left:8px}.loading{color:#aab;pointer-events:none;background:#0009;border-radius:4px;padding:4px 10px;font-size:12px;position:fixed;top:8px;left:50%;transform:translate(-50%)}.loading[hidden]{display:none}.credits{color:#bbb;background:#000000b8;border-radius:4px;max-width:calc(100vw - 24px);margin:0;padding:4px 6px;font-size:12px;position:fixed;top:8px;right:12px}.credits a{color:#ddd}@media (max-width:600px),(pointer:coarse){.label{pointer-events:auto;cursor:pointer;background:#0000008c;border-radius:6px;min-height:44px;padding:10px 12px;font-size:14px}.credits{font-size:13px}}@media (max-height:450px) and (min-width:601px){.controls{gap:8px;padding:6px 12px}.controls input[type=range]{width:min(200px,22vw)}}