html,body,#globe{margin:0;height:100%;width:100%;overflow:hidden;background:#05070d;font-family:system-ui,sans-serif}
#panel{position:absolute;top:12px;left:12px;width:270px;max-height:calc(100% - 24px);overflow:auto;box-sizing:border-box;padding:14px 16px;color:#e8ecf4;background:rgba(10,14,24,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:14px;font-size:13px}
h1{margin:0 0 10px;font-size:20px;letter-spacing:.3px}
h1 span{font-size:11px;color:#3dff8a;border:1px solid #3dff8a;border-radius:9px;padding:1px 7px;vertical-align:middle;animation:p 2s infinite}
@keyframes p{50%{opacity:.4}}
h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#8d9ab5;margin:14px 0 6px}
.stats{display:flex;gap:8px;margin-bottom:10px}
.stats div{flex:1;background:rgba(255,255,255,.06);border-radius:8px;padding:6px;text-align:center;font-size:11px;color:#8d9ab5}
.stats b{display:block;font-size:18px;color:#fff}
#legend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
#legend i{font-style:normal;font-weight:700;font-size:11px;padding:2px 8px;border-radius:10px;color:#fff}
label{display:block;margin:4px 0;cursor:pointer}
button{margin-top:8px;width:100%;padding:7px;border:0;border-radius:8px;background:#2f6bff;color:#fff;font-weight:600;cursor:pointer}
.alert{background:rgba(255,255,255,.06);border-left:3px solid #ffb020;border-radius:6px;padding:6px 8px;margin:5px 0;font-size:12px;line-height:1.35}
.foot{color:#6b7792;font-size:11px;margin:10px 0 0}
.cesium-viewer-bottom{display:none}
@media(max-width:600px){#panel{width:auto;right:12px;max-height:40%}}