:root{color-scheme:light;background:#9cccb2}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#9cccb2}
body{overscroll-behavior:none}
#stage{position:fixed;inset:0;display:grid;place-items:center;outline:none;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
#stage.dragging{cursor:grabbing}
#stage.door-hover{cursor:pointer}
#scene{display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;visibility:hidden}
#scene.ready{visibility:visible}
#sun-control{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:192px;height:192px;z-index:2;display:grid;place-items:center;user-select:none;-webkit-user-select:none}
.sun-orbit-control{width:100%;height:100%;display:grid;place-items:center}
.sun-orbit-model{display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:grab;outline:none}
.sun-orbit-model.dragging{cursor:grabbing}
.sun-orbit-model:focus-visible{outline:1px solid #345e88;outline-offset:3px;border-radius:2px}
#error{position:fixed;inset:auto 0 45%;margin:0;text-align:center;font:14px/1.6 system-ui;color:#345e88;padding:20px}
[hidden]{display:none!important}
@media(max-width:600px),(max-height:600px){#sun-control{width:128px;height:128px;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}}