html,body{background:#05131c;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block}#unsupported{text-align:center;color:#cfe8ee;place-content:center;display:grid;position:fixed;inset:0}#unsupported[hidden]{display:none}.perf-hud{color:#bfe6ef;white-space:pre;pointer-events:none;z-index:10;background:#020e169e;border-radius:6px;padding:6px 9px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:10px;left:10px}.perf-hud .bad{color:#ff9b85}.time-arc{color:#d8eef3;letter-spacing:.08em;opacity:.42;user-select:none;z-index:10;flex-direction:column;align-items:center;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .35s;display:flex;position:fixed;bottom:14px;right:18px}.time-arc:hover,.time-arc.dragging{opacity:.95}.time-arc svg{touch-action:none;cursor:grab;display:block;overflow:visible}.time-arc.dragging svg{cursor:grabbing}.time-arc .track{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:1.5 3;opacity:.7}.time-arc .horizon{stroke:currentColor;stroke-width:1px;opacity:.35}.time-arc .hit{fill:#0000}.time-arc .sun{fill:#ffe2a8;filter:drop-shadow(0 0 3px #ffd28ce6)}.time-arc .moon{fill:#dfe9ff;filter:drop-shadow(0 0 3px #bed7ffcc)}.time-arc span{text-shadow:0 1px 3px #0009;margin-top:-6px}.corner-buttons{z-index:10;gap:4px;display:flex;position:fixed;bottom:18px;right:156px}.corner-button{color:#d8eef3;opacity:.42;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:opacity .35s,background .35s;display:grid}.corner-button:hover,.corner-button.on{opacity:.95}.corner-button:hover{background:#020e1659}.corner-button svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #00000080)}.photo-bar{-webkit-backdrop-filter:blur(6px);color:#d8eef3;letter-spacing:.08em;z-index:20;user-select:none;background:#020e168c;border-radius:999px;align-items:center;gap:16px;padding:8px 14px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.photo-bar[hidden]{display:none}.photo-bar label{align-items:center;gap:8px;display:flex}.photo-bar input[type=range]{accent-color:#bfe6ef;width:90px}.photo-bar button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #d8eef366;border-radius:999px;padding:5px 11px}.photo-bar button:hover{background:#d8eef326}.photo-bar button[name=exit]{border:0;padding:2px 6px;font-size:15px}.photo-bar .hint{opacity:.55}body.photo .time-arc,body.photo .corner-buttons,body.photo .perf-hud,body.photo .lil-gui{display:none!important}#veil{pointer-events:none;z-index:30;background:#05131c;transition:opacity 2.2s;position:fixed;inset:0}#veil.lifted{opacity:0}#veil span{color:#bfe6ef;letter-spacing:.5em;text-transform:uppercase;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;animation:2.4s ease-in-out infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.25}50%{opacity:.8}}