:root{--bg: #000;--fg: #c0c0c0;--accent: #c0a060}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Courier New,Courier,monospace;font-size:13px}#renderCanvas{width:100vw;height:100vh;display:block;outline:none;touch-action:none;cursor:crosshair}#hud{position:fixed;top:8px;left:8px;padding:8px 12px;background:#0000008c;border:1px solid var(--accent);border-radius:2px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;line-height:1.6}#hud .label{color:var(--accent);display:inline-block;width:92px}#hud .value{color:var(--fg)}#hud-connection.connected{color:#6fbf6f}#hud-connection.disconnected{color:#bf6f6f}