: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:default}#crosshair{position:fixed;left:50%;top:50%;width:22px;height:22px;margin-left:-11px;margin-top:-11px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#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}#hud-interact{position:fixed;left:50%;top:50%;margin-left:-90px;margin-top:28px;width:180px;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:6;font-family:Courier New,Courier,monospace;font-size:14px;letter-spacing:1px;color:var(--accent);background:#0000008c;border:1px solid var(--accent);border-radius:2px;padding:4px 8px;opacity:0;transition:opacity .12s ease-out;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}#hud-interact.visible{opacity:1}