:root{color-scheme:dark;--bg: #101316;--panel: rgba(15, 19, 24, .8);--line: rgba(157, 178, 196, .22);--text: #ecf0f3;--muted: #9aa8b4;--accent: #f0b35a;--control-bg: rgba(17, 22, 27, .78);--control-hover: rgba(34, 44, 52, .9)}*{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}#app:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#0000 52%,#0000006b)}#hud{position:fixed;top:18px;left:18px;width:min(292px,calc(100vw - 36px));padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);backdrop-filter:blur(10px);box-shadow:0 16px 40px #00000047;z-index:3}.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}.icon-button{position:fixed;top:18px;right:18px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--text);background:var(--control-bg);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(10px);cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.icon-button:hover{background:var(--control-hover);border-color:#9db2c466}.icon-button:active{transform:scale(.94)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 560px){#hud{top:12px;left:12px;width:min(260px,calc(100vw - 76px));padding:11px 13px}.hud-title{font-size:16px;margin-bottom:8px}.icon-button{top:12px;right:12px}}