:root{--hud-bg: rgba(8, 12, 24, .55);--hud-border: rgba(255, 255, 255, .14);--text: rgba(255, 255, 255, .92);--text-dim: rgba(255, 255, 255, .6);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0b1020;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#glcanvas{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));z-index:10;display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;user-select:none;max-width:calc(100vw - 24px)}.hud-title{color:var(--text);font-size:13px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.hud-meta{display:flex;gap:10px;color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}.hud-hint{color:var(--text-dim);font-size:11px}#error-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#080c18eb}#error-overlay.hidden{display:none}.error-box{max-width:340px;padding:24px;border:1px solid var(--hud-border);border-radius:12px;background:#ffffff0a;text-align:center}.error-box h2{color:#ffb454;margin-bottom:10px;font-size:18px}.error-box p{color:var(--text-dim);font-size:13px;line-height:1.6}#gui-root{position:absolute;top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));z-index:20;max-height:calc(100vh - 24px - var(--safe-top) - var(--safe-bottom));overflow-y:auto;border-radius:10px}#gui-root .lil-gui{--background-color: rgba(14, 18, 34, .88);--widget-color: rgba(40, 48, 74, .9);--focus-color: rgba(120, 160, 255, .6);--number-color: #7eb6ff;--string-color: #7eb6ff;--title-background-color: rgba(10, 14, 28, .9);--title-text-color: #ffffff;--text-color: #e6e9f2;--title-font-size: 12px;--font-size: 11px;font-size:var(--font-size);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--hud-border)}@media (max-width: 768px){#gui-root{top:auto;bottom:calc(8px + var(--safe-bottom));left:8px;right:8px;max-height:46vh;border-radius:12px;box-shadow:0 -4px 24px #00000059}#gui-root .lil-gui{width:100%!important;border-radius:12px}.hud-title{font-size:12px}.hud-hint{display:none}#hud{padding:6px 10px;gap:2px}}