:root{
  --bg-0:#04060c;
  --bg-1:#0a1120;
  --panel:#0d1526cc;
  --line:#1c2942;
  --ink:#e8edf7;
  --ink-dim:#8593ad;
  --amber:#ffb454;
  --amber-dim:#7a5a2c;
  --cyan:#4fd1c5;
  --danger:#ff8a8a;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:radial-gradient(120% 120% at 75% 20%,var(--bg-1) 0%,var(--bg-0) 60%);color:var(--ink);font-family:Inter,sans-serif;overflow:hidden}
body{overscroll-behavior:none}
button,input{font:inherit}
#canvas-wrap{position:fixed;inset:0}
canvas{display:block;touch-action:none;cursor:grab}
canvas.dragging{cursor:grabbing}
.eyebrow{font:11px/1.2 'JetBrains Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px;pointer-events:none;z-index:10}
.title{font:600 26px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.01em;margin:6px 0 0}
.title span{color:var(--amber)}
.counter{text-align:right}
.counter .num{font:700 26px/1.1 'Space Grotesk',sans-serif;color:var(--amber)}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:6px;box-shadow:0 0 8px 2px var(--amber);animation:blink 1.6s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.panel{position:fixed;top:0;bottom:0;left:0;width:370px;padding:104px 22px 22px 32px;z-index:10;display:flex;flex-direction:column;pointer-events:none}
.panel>*{pointer-events:auto}
.search-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--ink-dim)}
#list-count{font:10px 'JetBrains Mono',monospace;letter-spacing:.08em}
.search-box{position:relative;margin-bottom:10px}
.search-box input{width:100%;height:38px;padding:0 36px 0 12px;border:1px solid var(--line);border-radius:8px;background:#0a1120dd;color:var(--ink);outline:none}
.search-box input:focus{border-color:var(--cyan)}
.search-box button{position:absolute;right:5px;top:5px;width:28px;height:28px;border:0;background:transparent;color:var(--ink-dim);cursor:pointer;font-size:18px}
.client-list{overflow:auto;padding-right:6px;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.client-list::-webkit-scrollbar{width:5px}.client-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
.empty-state,.loading-state{font:11.5px/1.6 'JetBrains Mono',monospace;color:var(--ink-dim);border:1px dashed var(--line);border-radius:8px;padding:14px}
.error-state{color:var(--danger)}
.client-row{border:1px solid var(--line);border-radius:8px;padding:11px 13px;margin-bottom:8px;background:linear-gradient(180deg,#0d1526a0,#0a112090);backdrop-filter:blur(6px);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.client-row:hover,.client-row.active{border-color:var(--amber-dim);background:linear-gradient(180deg,#17203180,#0d152690);transform:translateX(2px)}
.client-row .name{font:600 14px/1.25 'Space Grotesk',sans-serif}
.client-row .loc{font-size:12px;color:var(--ink-dim);margin-top:3px;line-height:1.35}
.client-row .coords{font:10px 'JetBrains Mono',monospace;color:var(--cyan);margin-top:6px;letter-spacing:.02em}
.detail-card{position:fixed;bottom:28px;right:28px;width:330px;padding:20px 22px;border:1px solid var(--amber-dim);border-radius:10px;background:linear-gradient(180deg,#14100acc,#0a0806e6);backdrop-filter:blur(10px);z-index:10;transform:translateY(24px);opacity:0;pointer-events:none;transition:all .35s cubic-bezier(.2,.8,.2,1)}
.detail-card.show{transform:translateY(0);opacity:1;pointer-events:auto}
.detail-card .eyebrow{display:block;margin-bottom:8px}.detail-card .name{font:600 19px/1.25 'Space Grotesk',sans-serif;margin-bottom:6px}.detail-card .addr{font-size:13px;color:var(--ink-dim);line-height:1.5;margin-bottom:8px}.detail-card .meta{font-size:12px;color:var(--ink-dim);margin-bottom:7px}.detail-card .coords{font:11px 'JetBrains Mono',monospace;color:var(--cyan)}
.close{position:absolute;top:11px;right:12px;color:var(--ink-dim);cursor:pointer;font-size:14px;background:transparent;border:0}
.source-badge{position:fixed;bottom:24px;left:32px;z-index:10;font:10.5px/1.6 'JetBrains Mono',monospace;color:var(--ink-dim);letter-spacing:.05em;max-width:460px;pointer-events:none}
.source-badge.error{color:var(--danger)}.source-badge.ok{color:var(--ink-dim)}
@media(max-width:760px){.panel{width:82vw;padding:96px 14px 16px 18px}.topbar{padding:20px}.title{font-size:20px}.source-badge{display:none}.detail-card{left:16px;right:16px;width:auto;bottom:16px}.search-box input{height:42px}}
.globe-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;z-index:0}.globe-canvas.dragging{cursor:grabbing}