.humanitz-coordinate-map{margin:22px 0;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.035)}
.humanitz-coordinate-map h2{margin:0 0 7px}
.hzm-intro{margin:0 0 15px;color:rgba(255,255,255,.72)}
.hzm-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 10px}
.hzm-version{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(255,216,107,.14);color:#ffd86b;font-size:.78rem}
.hzm-toolbar-note{color:rgba(255,255,255,.64);font-size:.8rem}
.hzm-export{min-height:36px;margin:0 0 14px;padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#171a20;color:inherit;font:inherit;cursor:pointer}
.hzm-export:hover,.hzm-export:focus-visible{border-color:#ffd86b;color:#ffd86b}
.hzm-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:14px;align-items:start}
.hzm-grid{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;border:1px solid rgba(255,255,255,.18);background:#101820}
.hzm-cell{position:relative;display:flex;align-items:center;justify-content:center;min-height:58px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:rgba(255,255,255,.48);font-size:.75rem}
.hzm-cell[data-active="true"]{background:rgba(255,216,107,.13);color:#fff;cursor:pointer}
.hzm-cell[data-selected="true"]{box-shadow:inset 0 0 0 3px #ffd86b;background:rgba(255,216,107,.25)}
.hzm-pin{position:absolute;right:5px;bottom:4px;width:8px;height:8px;border-radius:50%;background:#ff7b9c}
.hzm-detail{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0d1117;min-height:130px}
.hzm-detail h3{margin:0 0 6px;color:#ffd86b}
.hzm-detail p{margin:5px 0;color:rgba(255,255,255,.76);line-height:1.45}
@media (max-width:700px){.hzm-layout{grid-template-columns:1fr}.hzm-cell{min-height:45px}}