html,body{background:#101418;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#scene-canvas{outline:none;width:100%;height:100%;display:block}#ui-root{pointer-events:none;position:fixed;inset:0}.overlay-title{color:#e8eef2;letter-spacing:.02em;background:#101418b3;border-radius:6px;margin:0;padding:6px 12px;font-size:16px;font-weight:600;position:absolute;top:16px;left:16px}.debug-panel{color:#e8eef2;pointer-events:auto;background:#101418d9;border-radius:6px;width:320px;max-height:calc(100% - 96px);padding:10px 12px;font:12px/1.4 ui-monospace,Consolas,monospace;position:absolute;top:64px;left:16px;overflow-y:auto}.debug-panel h2{margin:0 0 4px;font-size:13px}.debug-hint{color:#9aa8b2;margin:0 0 8px}.debug-panel fieldset{border:1px solid #3a4650;border-radius:4px;margin:0 0 8px;padding:4px 8px}.debug-panel label{display:block}.debug-panel dl{grid-template-columns:max-content 1fr;gap:2px 10px;margin:0;display:grid}.debug-panel dt{color:#9aa8b2}.debug-panel dd{overflow-wrap:anywhere;margin:0}.debug-group{margin:4px 0}.debug-panel label.debug-inline{margin-right:10px;display:inline-block}.debug-panel label.debug-slider{grid-template-columns:1fr;margin:4px 0;display:grid}.debug-slider input[type=range]{width:100%;margin:0}.debug-panel button{font:inherit;margin:4px 0 2px}.interaction-prompt{text-align:center;color:#f2f5f7;font-size:16px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.interaction-prompt p{white-space:nowrap;background:#101418c7;border-radius:6px;margin:6px 0 0;padding:6px 14px}.interaction-prompt kbd{border:1px solid #c9d3da;border-radius:4px;min-width:1.4em;margin-right:6px;padding:0 5px;font:600 14px/1.4 ui-monospace,Consolas,monospace;display:inline-block}.interaction-message{color:#ffd27a}.inspection-panel{color:#e8eef2;pointer-events:auto;background:#101418e0;border-radius:6px;width:300px;max-height:calc(100% - 140px);padding:12px 14px;font-size:14px;line-height:1.45;position:absolute;top:64px;right:16px;overflow-y:auto}.inspection-panel h2{margin:0 0 2px;font-size:17px}.inspection-panel p{margin:6px 0}.inspection-category{color:#c9d3da;background:#3a4650;border-radius:10px;padding:0 8px;font-size:12px;display:inline-block}.inspection-note{color:#ffd27a;font-style:italic}.inspection-state{color:#9fd8ff}.inspection-hint{color:#9aa8b2;font-size:12px}@media (width<=720px),(orientation:portrait){.inspection-panel{width:auto;max-height:40%;inset:auto 8px 76px}}