: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{text-align:right;color:#e8e8ef;min-width:36px;font-family:ui-monospace,monospace}.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}#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}#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}#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%}#hud{color:#cfcfe0;background:#00000073;border-radius:6px;max-width:100%;padding:4px 10px;font-family:ui-monospace,monospace;font-size:12px}#hud:empty{display:none}