: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}.minimap-canvas{position:fixed;top:12px;right:12px;width:180px;height:180px;border-radius:50%;background:var(--bg);border:3px solid #5a4828;z-index:50;cursor:pointer;box-shadow:0 4px 12px #000c;pointer-events:auto}.minimap-coords{position:fixed;top:0;left:0;pointer-events:none;font-family:Courier New,Courier,monospace;font-size:11px;color:var(--accent);background:#000000b3;padding:2px 6px;border:1px solid var(--accent);border-radius:2px;z-index:51;white-space:nowrap}.fullmap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:none;align-items:center;justify-content:center;z-index:200;cursor:pointer}.fullmap-overlay.visible{display:flex}.fullmap-canvas{width:min(80vmin,1100px);height:min(80vmin,1100px);background:var(--bg);border:4px solid #5a4828;border-radius:4px;box-shadow:0 8px 32px #000000e6}.fullmap-coords{position:fixed;top:16px;left:50%;transform:translate(-50%);font-family:Courier New,Courier,monospace;font-size:13px;color:var(--accent);background:#000000bf;padding:6px 14px;border:1px solid var(--accent);border-radius:2px;z-index:201;white-space:nowrap;pointer-events:none}