:root{color-scheme:light;background:#d7d2c8}*{box-sizing:border-box}body{margin:0;overflow:hidden}#scene{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}button{display:grid;place-items:center;cursor:pointer;border:0;color:#4c4652;background:transparent;padding:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #9580ac;outline-offset:5px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.view-nav,.scene-settings{position:fixed;z-index:2;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff80;border-radius:16px;background:#f1ece09c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px #29242d12}.view-nav{left:50%;transform:translate(-50%)}.scene-settings{right:24px}.view-nav button,.scene-settings button{width:43px;height:42px;border-radius:11px;transition:background .2s,color .2s}.view-nav button:hover,.scene-settings button:hover{background:#ffffff70}.view-nav button.selected,.scene-settings button[aria-pressed=true]{background:#6b5d74;color:#faf7f4}.night .view-nav,.night .scene-settings{background:#242332a6;border-color:#cbb8e02b}.night button{color:#e9dff1}.night .view-nav button:hover,.night .scene-settings button:hover{background:#ffffff13}#loading{position:fixed;inset:0;z-index:4;display:grid;place-items:center;background:#d7d2c8;transition:opacity .5s}#loading i{width:30px;height:30px;border:1px solid #8c799433;border-top-color:#8c7994;border-radius:50%;animation:turn .9s linear infinite}#fallback{position:fixed;inset:0;z-index:5;background:#d7d2c8;place-items:center}#fallback:not([hidden]){display:grid}#fallback button{width:60px;height:60px;border:1px solid #8c7994;border-radius:50%}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:700px){.view-nav,.scene-settings{bottom:max(18px,env(safe-area-inset-bottom));padding:4px;border-radius:13px;gap:1px}.view-nav{left:16px;transform:none}.scene-settings{right:16px}.view-nav button,.scene-settings button{width:35px;height:37px;border-radius:8px}svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}.view-nav{top:22px;bottom:auto}@media(max-width:700px){.view-nav{top:auto;bottom:max(18px,env(safe-area-inset-bottom))}}
