:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0b0b0e;width:100%;height:100%;overflow:hidden}#gl{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;display:block}#panel{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));flex-direction:column;gap:8px;max-width:min(280px,100vw - 24px);font-family:system-ui,sans-serif;display:flex;position:fixed}#params-toggle.active{background:#4f46e5;border-color:#4f46e5}#params-toggle:disabled{opacity:.4;cursor:default}#params-toggle:disabled:hover{border-color:#3a3a44}#params.hidden{display:none}#tabs,#ui{gap:8px;display:flex}#tabs button,#ui button{color:#e8e8ef;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#1a1a22;border:1px solid #3a3a44;border-radius:6px;padding:10px 16px;font-size:14px}#tabs button:hover,#ui button:hover{border-color:#6b6b78}#tabs button.active,#ui button.active{background:#4f46e5;border-color:#4f46e5}#params:empty{display:none}#params{color:#cfcfe0;background:#00000073;border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12px;display:flex}.param-row{grid-template-columns:64px 1fr auto;align-items:center;gap:8px;display:grid}.param-row label{color:#cfcfe0}.param-row input[type=range]{accent-color:#4f46e5;touch-action:manipulation;width:100%}.param-value{box-sizing:border-box;color:#e8e8ef;text-align:right;background:#1a1a22;border:1px solid #3a3a44;border-radius:4px;width:56px;padding:4px 6px;font-family:ui-monospace,monospace;font-size:12px}.param-seed{color:#e8e8ef;background:#1a1a22;border:1px solid #3a3a44;border-radius:4px;width:100%;padding:4px 6px;font-family:ui-monospace,monospace;font-size:12px}.dice{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1a1a22;border:1px solid #3a3a44;border-radius:4px;padding:4px 8px;font-size:14px;line-height:1}.dice:hover{border-color:#6b6b78}.reset{color:#e8e8ef;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#1a1a22;border:1px solid #3a3a44;border-radius:4px;margin-top:2px;padding:6px 10px;font-size:12px}.reset:hover{border-color:#6b6b78}#camera{right:calc(12px + env(safe-area-inset-right));top:calc(108px + env(safe-area-inset-top));flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.cam-btn{color:#e8e8ef;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#1a1a22cc;border:1px solid #3a3a44;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.cam-btn:hover{border-color:#6b6b78}.cam-btn svg{width:24px;height:24px;display:block}.compass-needle{transform-origin:50%}#bottom{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:fixed}#coords,#hud{color:#cfcfe0;background:#00000073;border-radius:6px;max-width:100%;padding:4px 10px;font-family:ui-monospace,monospace;font-size:12px}#coords{font-variant-numeric:tabular-nums}#coords:empty,#hud:empty{display:none}#hint{color:#cfcfe0;background:#00000073;border-radius:6px;max-width:100%;padding:4px 10px;font-family:system-ui,sans-serif;font-size:12px}#hint.hidden{display:none}#scale{color:#cfcfe0;text-shadow:0 0 3px #000000e6;flex-direction:column;align-items:center;gap:1px;font-family:ui-monospace,monospace;font-size:11px;display:flex;position:absolute;bottom:0;right:0}#scale-bar{box-sizing:border-box;filter:drop-shadow(0 0 1px #000000e6);border:2px solid #cfcfe0;border-top:none;height:7px;position:relative}.scale-tick{background:#cfcfe0;width:2px;height:4px;position:absolute;bottom:0;transform:translate(-1px)}