:root{background:#05080d}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}main{position:relative}#scene{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.settings-panel :focus-visible{outline:2px solid #737373;outline-offset:3px}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-header button{border:0;border-radius:6px;padding:6px 8px;color:inherit;background:#0000000d;cursor:pointer}.controls-help{margin:0;color:#606b67;font-size:12px;line-height:1.7}.settings-panel{position:fixed;z-index:6;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:grid;width:min(276px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;gap:18px;padding:17px 18px 18px;border:1px solid rgb(40 40 40 / 10%);border-radius:14px;color:#353535;background:#ffffffe8;box-shadow:0 8px 32px #00000024;font:13px/1.4 system-ui,sans-serif;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.settings-panel[hidden]{display:none}.setting-row{display:grid;gap:9px}.setting-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.setting-heading label{font-weight:550}.setting-heading output{color:#6b6b6b;font-variant-numeric:tabular-nums}.settings-panel input[type=range]{width:100%;margin:0;accent-color:#707070;cursor:pointer}