*{box-sizing:border-box}
:root{color-scheme:dark;background:#080909}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:radial-gradient(ellipse at 50% 46%,#171a1b 0%,#0e1011 34%,#080909 72%)}
#scene{position:fixed;inset:0;cursor:default;touch-action:pan-x pan-y}
canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .7s ease}
body.ready canvas{opacity:1}
#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:360px;padding:22px;color:#c8cdce;background:#15191a;font:14px/1.6 Arial,sans-serif;border-radius:6px}
@media(prefers-reduced-motion:reduce){canvas{transition:none}}