*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#0a0e1a;width:100%;height:100%;overflow:hidden}#scene{width:100%;height:100%;display:block}#hud{color:#e6e6e6;pointer-events:none;background:#0a0e1a99;border-radius:4px;padding:6px 10px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:12px;left:12px}#controls{color:#e6e6e6;text-align:center;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}#controls .panel{background:#0a0e1ab3;border-radius:6px;align-items:center;gap:10px;width:fit-content;padding:8px 12px;display:flex}#controls label{text-transform:uppercase;letter-spacing:.05em;opacity:.8}#controls input[type=range]{appearance:none;background:#3a4a66;border-radius:2px;outline:none;width:180px;height:4px}#controls input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e6e6e6;border-radius:50%;width:14px;height:14px}#controls input[type=range]::-moz-range-thumb{cursor:pointer;background:#e6e6e6;border:none;border-radius:50%;width:14px;height:14px}#controls button{color:#e6e6e6;font:inherit;cursor:pointer;background:#1b2333;border:1px solid #3a4a66;border-radius:4px;padding:4px 10px}#controls button:hover{background:#26314a}#readout{opacity:.7;margin-top:6px}#legend{color:#e6e6e6;flex-direction:column;align-items:center;gap:8px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.legend-label{text-transform:lowercase;opacity:.8}.legend-scale{flex-direction:column;align-items:center;gap:4px;display:flex}.legend-bar{border:1px solid #ffffff26;border-radius:3px;width:14px;height:140px}#skin-switch{color:#e6e6e6;opacity:.75;background:#0a0e1a99;border-radius:4px;padding:6px 10px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;position:fixed;top:12px;right:12px}#skin-switch:hover{opacity:1}