*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #fff;--fg: #000;--border: #000;--accent: #0066ff;--muted: #666;--font: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace}@media(prefers-color-scheme:dark){:root{--bg: #111;--fg: #fff;--border: #fff;--accent: #00aaff;--muted: #888}}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:12px;line-height:1.4}.app{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:2px solid var(--border);background:var(--bg);z-index:100}.title{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.stats{display:flex;align-items:center;gap:8px}.stat{font-size:11px;font-weight:600}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.vessel-panel{position:absolute;top:8px;right:8px;width:280px;max-height:calc(100% - 16px);background:var(--bg);border:2px solid var(--border);overflow:hidden;display:flex;flex-direction:column;z-index:50}.vessel-panel-header{padding:8px 12px;border-bottom:2px solid var(--border);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.vessel-panel-close{background:none;border:none;color:var(--fg);cursor:pointer;font-size:16px;line-height:1;padding:0}.vessel-panel-content{padding:12px;overflow-y:auto}.vessel-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border)}.vessel-row:last-child{border-bottom:none}.vessel-label{color:var(--muted);text-transform:uppercase;font-size:10px}.vessel-value{font-weight:600;text-align:right}.position-link{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent);transition:opacity .2s}.position-link:hover{opacity:.8}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.connected{background:#0c0}.status-dot.disconnected{background:#c00}.status-dot.connecting{background:#fa0}.maplibregl-popup-content{background:var(--bg);border:2px solid var(--border);border-radius:0;padding:8px 12px;font-family:var(--font);font-size:11px;box-shadow:none}.maplibregl-popup-tip{display:none}.maplibregl-ctrl-group{border-radius:0;border:2px solid var(--border);box-shadow:none}.maplibregl-ctrl-group button{border-radius:0}.maplibregl-ctrl-attrib{font-family:var(--font);font-size:10px}