:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;background:#f4f1e8;color:#1d1a16}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}#scene,#fallback{position:fixed;inset:0;width:100vw;height:100vh;display:block}#fallback{display:none;background:#f4f1e8}#app.no-webgl #scene{display:none}#app.no-webgl #fallback{display:block}#tooltip{position:fixed;z-index:5;max-width:min(360px,calc(100vw - 32px));padding:7px 9px;color:#f4f1e8;background:color-mix(in oklch,#111016 84%,transparent);border:1px solid color-mix(in oklch,#f4f1e8 22%,transparent);border-radius:4px;box-shadow:0 10px 40px color-mix(in oklch,#111016 38%,transparent);font-size:12px;line-height:1.3;letter-spacing:0;pointer-events:none;opacity:0;transform:translate3d(10px,12px,0);transition:opacity .14s ease,transform .14s ease}#tooltip.visible{opacity:1;transform:translate3d(14px,16px,0)}#hud{position:fixed;z-index:4;top:16px;right:16px;display:flex;align-items:center;gap:14px;color:color-mix(in oklch,#f4f1e8 82%,#1d1a16);mix-blend-mode:difference}#sound-toggle,#ask-another{min-height:30px;padding:5px 10px;color:currentColor;background:color-mix(in oklch,currentColor 8%,transparent);border:1px solid color-mix(in oklch,currentColor 28%,transparent);border-radius:4px;cursor:pointer}#sound-toggle:focus-visible,#ask-another:focus-visible,#gate-voltage:focus-visible{outline:2px solid #ffe48f;outline-offset:3px}#depth{width:148px;display:grid;gap:5px;font-size:11px;text-transform:lowercase}#depth-rule{display:block;height:2px;background:color-mix(in oklch,currentColor 18%,transparent);overflow:hidden}#depth-rule i{display:block;width:10%;height:100%;background:currentColor;transform-origin:left center;transition:width .52s ease}#gate-control{position:fixed;z-index:6;left:50%;bottom:28px;display:none;width:min(480px,calc(100vw - 36px));transform:translate(-50%);grid-template-columns:max-content 1fr;align-items:center;gap:14px;padding:10px 12px;color:#fff5e7;background:color-mix(in oklch,#161018 72%,transparent);border:1px solid color-mix(in oklch,#ff9a66 42%,transparent);border-radius:6px;box-shadow:0 16px 80px color-mix(in oklch,#161018 42%,transparent);font-size:12px;text-transform:lowercase}#gate-control.visible{display:grid}#gate-voltage{width:100%;accent-color:#ff8d54}#ask-another{position:fixed;z-index:6;left:50%;bottom:26px;display:none;transform:translate(-50%);color:#e8f4ff;background:color-mix(in oklch,#0e131d 68%,transparent)}#ask-another.visible{display:block}@media(max-width:700px){#hud{top:10px;right:10px;gap:9px}#depth{width:104px}#sound-toggle{padding-inline:8px}#ask-another{bottom:18px;min-height:38px;padding:6px 12px;font-size:14px}#gate-control{bottom:18px;grid-template-columns:1fr;gap:8px;font-size:11px}}