:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#111827;background:#e5e7eb}*{box-sizing:border-box}html,body,#map-wrap{width:100%;height:100%;margin:0;overflow:hidden}#map{display:block;width:100%;height:100%;touch-action:none;background:#e7e5e4}.top{position:fixed;z-index:3;display:flex;align-items:center;justify-content:space-between;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));padding:10px 12px 10px 15px;border-radius:15px;color:#fff;background:rgba(17,24,39,.94);box-shadow:0 6px 22px #0004}.title{font-weight:750;font-size:17px}.status{font-size:12px;color:#cbd5e1;margin-top:2px}.status.offline{color:#fbbf24}.top button,.controls button{border:0;border-radius:11px;background:#374151;color:#fff;font-weight:700}.top button{width:42px;height:42px;font-size:26px}.top button.loading{animation:spin 1s linear infinite}.controls{position:fixed;z-index:3;right:12px;bottom:max(40px,env(safe-area-inset-bottom));display:grid;gap:7px}.controls button{width:44px;height:44px;font-size:23px;box-shadow:0 3px 12px #0003}.controls button.active{background:#2563eb}.controls button.error{background:#b91c1c}.attribution{position:fixed;z-index:2;left:6px;bottom:4px;padding:2px 5px;border-radius:4px;background:#fffd;color:#374151;font-size:10px;text-decoration:none}.card{position:fixed;z-index:4;left:12px;right:12px;bottom:max(16px,env(safe-area-inset-bottom));padding:16px 44px 16px 17px;border-radius:16px;background:#fff;box-shadow:0 8px 35px #0006}.card.hidden{display:none}.card h2{font-size:18px;margin:0 0 6px}.card p{margin:7px 0 0}.card-time{color:#dc2626;font-weight:750;margin-bottom:4px}#close-card{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;color:#6b7280}@keyframes spin{to{transform:rotate(360deg)}}