:root{color-scheme:light;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--bg0: #f0f0f0;--text: #111111;--warn: #a35a00;--panel-bg: rgba(255, 255, 255, .84);--panel-border: rgba(20, 20, 20, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--bg0);overflow:hidden}#scene{width:100%;height:100%;display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;background:transparent;color:var(--text);pointer-events:none}.hud-root{position:absolute;top:0;right:0;bottom:0;left:0}.hud-title{position:absolute;top:10px;left:50%;transform:translate(-50%);width:min(96vw,720px);padding:8px 12px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;pointer-events:none;box-shadow:0 4px 14px #00000014}.hud-title-main{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hud-title-sub{margin-top:2px;font-size:12px;opacity:.92}.hud-section{position:absolute;top:84px;left:50%;transform:translate(-50%);width:min(96vw,720px);pointer-events:none;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;box-shadow:0 4px 14px #0000000f}.hud-section>summary{cursor:pointer;pointer-events:auto;list-style:none;padding:7px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.hud-section>summary::-webkit-details-marker{display:none}.hud-section[open]>summary{border-bottom:1px solid rgba(20,20,20,.12)}.hud-pre{margin:0;padding:8px 10px 10px;font-size:12px;line-height:1.35;white-space:pre-wrap;color:var(--text);pointer-events:none}.hud-controls{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:min(96vw,720px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 14px #00000014;pointer-events:auto}.hud-speed-label{display:flex;justify-content:space-between;align-items:center;grid-column:1 / -1;font-size:12px;font-weight:700;letter-spacing:.03em}.hud-speed-slider{width:100%;margin:0}.hud-reset-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(20,20,20,.24);background:#ffffffbf;color:var(--text);border-radius:8px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.hud-reset-btn:hover{background:#f5f5f5f2}.hud-warning{position:absolute;left:50%;bottom:96px;transform:translate(-50%);width:min(96vw,720px);max-width:min(96vw,720px);padding:7px 10px;border:1px solid rgba(163,90,0,.42);border-radius:10px;background:#ffedd3e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:12px;color:var(--warn);pointer-events:none}.hud-warning[hidden]{display:none}@media(max-width:980px){.hud-title{left:10px;transform:none;width:calc(100% - 20px)}.hud-section{left:10px;right:10px;top:84px;width:auto;transform:none}.hud-controls,.hud-warning{left:8px;right:8px;transform:none;width:auto;max-width:none}.hud-controls{bottom:8px;grid-template-columns:1fr;gap:8px}.hud-warning{bottom:100px}}@media(max-width:640px){.hud-title-main{font-size:12px}.hud-title-sub{font-size:11px}.hud-section>summary,.hud-pre,.hud-warning,.hud-speed-label,.hud-reset-btn{font-size:11px}}#overlay .warn{color:var(--warn)}