:root{--bg-space: #03050a;--hud-bg: rgba(8, 13, 24, .56);--hud-border: rgba(215, 228, 255, .14);--hud-border-active: rgba(244, 200, 118, .65);--text-primary: rgba(244, 247, 255, .92);--text-secondary: rgba(182, 198, 226, .68);--accent-gold: #f3c677;--accent-gold-bg: rgba(243, 198, 119, .16);--accent-cyan: #7cc4ff}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-space);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-primary)}#canvas-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;cursor:grab}#canvas-container:active{cursor:grabbing}.hud-header{position:fixed;top:20px;left:24px;z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:6px;text-shadow:0 2px 12px rgba(0,0,0,.85)}.hud-kicker{font-size:10px;letter-spacing:.24em;color:var(--accent-gold);opacity:.82;font-weight:600}.hud-title{font-size:20px;font-weight:500;letter-spacing:.08em;color:var(--text-primary);display:flex;align-items:baseline;gap:10px}.hud-subtitle{font-size:13px;font-weight:400;letter-spacing:.06em;color:var(--text-secondary)}.hud-telemetry{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);letter-spacing:.04em;font-variant-numeric:tabular-nums}.telemetry-sep{opacity:.45}.hud-dock{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--hud-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hud-border);border-radius:999px;box-shadow:0 10px 32px #0000008c;max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}.dock-section{display:flex;align-items:center;gap:6px}.dock-label{font-size:11px;color:var(--text-secondary);margin-right:2px;letter-spacing:.04em}.dock-divider{width:1px;height:18px;background:var(--hud-border);margin:0 2px}.dock-btn{appearance:none;border:1px solid transparent;background:#ffffff0a;color:var(--text-primary);font-size:12px;padding:5px 11px;border-radius:999px;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);letter-spacing:.03em;white-space:nowrap}.dock-btn:hover{background:#ffffff1c;border-color:#ffffff38}.dock-btn.active,.dock-btn.toggle-on{background:var(--accent-gold-bg);border-color:var(--hud-border-active);color:var(--accent-gold);box-shadow:0 0 12px #f3c6772e}@media(max-width:768px){.hud-header{top:12px;left:14px}.hud-title{font-size:16px}.hud-subtitle{font-size:11px}.hud-dock{bottom:12px;padding:6px 10px;border-radius:16px;gap:6px}.dock-divider{display:none}.dock-btn{font-size:11px;padding:4px 8px}}