:root{--bg: #071018;--panel: rgba(9, 18, 28, .86);--panel-border: rgba(142, 202, 230, .28);--text: #ddf4ff;--muted: #8fb7ca;--accent: #00b4d8;--danger: #ff5d5d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 20% 20%,#10273f,#071018 48%,#040b12);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}.client-shell{position:relative;width:100%;height:100%}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hud{position:absolute;top:16px;right:16px;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;padding:12px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 35px #00000059}.hud-title{margin:0 0 8px;font-size:18px;letter-spacing:.2px}.hud-block{border:1px solid rgba(143,183,202,.25);border-radius:8px;padding:8px;margin-bottom:8px;font-size:13px;line-height:1.35}.hud-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.hud button{border:1px solid rgba(142,202,230,.5);background:#00b4d826;color:var(--text);border-radius:6px;padding:6px 7px;font-size:12px;cursor:pointer}.hud button:hover:enabled{background:#00b4d840}.hud button:disabled{opacity:.4;cursor:default}.hud-meta{margin-top:6px;color:var(--muted);font-size:12px}.hud-line-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed rgba(143,183,202,.2)}.hud-line-row:last-child{border-bottom:none}.hud-line-text{font-size:12px;color:var(--muted)}.hud-error{min-height:18px;color:var(--danger);font-size:12px}.hud-help{margin-top:8px;color:var(--muted);font-size:11px}.hud-hover-tooltip{position:fixed;z-index:60;pointer-events:none;min-width:180px;padding:8px 9px;border-radius:8px;border:1px solid rgba(142,202,230,.45);background:#050e18f2;color:var(--text);font-size:12px;line-height:1.35;box-shadow:0 10px 24px #0006}.map-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#02080ecc;z-index:30}.map-overlay-open{display:flex}.map-overlay-card{width:min(94vw,1200px);height:min(92vh,900px);border-radius:12px;border:1px solid rgba(142,202,230,.4);background:#050e18f2;box-shadow:0 12px 40px #00000073;padding:10px;display:flex;flex-direction:column;gap:8px}.map-overlay-title{font-size:15px;font-weight:700}.map-overlay-subtitle{font-size:12px;color:var(--muted)}.map-overlay-canvas-wrap{position:relative;flex:1;min-height:0;border:1px solid rgba(143,183,202,.25);border-radius:8px;overflow:hidden}.map-overlay-canvas{display:block;width:100%;height:100%}@media(max-width:900px){.hud{inset:auto 12px 12px;width:auto;max-height:52vh}}