:root{--ink:#d8e6f2;--dim:#7f93a6;--accent:#8cf;--bg:#02030a}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font:12px/1.4 JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}#app,#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:16px;position:fixed;inset:0}.hud-title{letter-spacing:.18em;color:var(--ink);font-weight:600}.hud-title span{color:var(--accent);margin-left:10px;font-weight:400}.hud-stats{color:var(--dim);flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.hud-stats b{color:var(--accent);font-weight:600}.hud-help{color:var(--dim);position:absolute;bottom:16px;left:16px}.hud-loading{color:var(--dim);letter-spacing:.12em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-pads{pointer-events:none;height:40%;position:absolute;inset:auto 0 0}.touch-pad{width:76px;height:76px;color:var(--ink);font:inherit;pointer-events:auto;touch-action:none;background:#0a142473;border:1px solid #88ccff73;border-radius:50%;font-size:13px;position:absolute;bottom:24px}.touch-pad.on{background:#88ccff59}.touch-pad.left{left:16px}.touch-pad.right{left:104px}.touch-pad.brake{font-size:10px;right:104px}.touch-pad.thrust{font-size:10px;right:16px}body.capture #hud{display:none}