:root{color-scheme:dark;--bg: #101316;--panel: rgba(17, 22, 27, .86);--line: rgba(157, 178, 196, .22);--text: #ecf0f3;--muted: #9aa8b4;--accent: #f0b35a}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}canvas{display:block}#hud{position:fixed;top:18px;left:18px;width:min(320px,calc(100vw - 36px));padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #00000047}.hud-title{margin-bottom:10px;font-size:18px;font-weight:700;letter-spacing:0}.hud-row{display:flex;justify-content:space-between;gap:14px;padding:5px 0;font-size:13px}.hud-row span{color:var(--muted)}.hud-row strong{font-weight:600;text-align:right}.hud-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}