:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#122a43;background:#eef3f7;line-height:1.45}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}
.page-shell{max-width:1480px;margin:0 auto;padding:0 22px}.masthead{min-height:73px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{text-decoration:none;font-size:22px;letter-spacing:-.7px;font-weight:800}.brand b{color:#007be5}.brand-icon{color:#007be5;font-size:17px;margin-right:4px}.masthead-right{display:flex;align-items:center;gap:20px}.nav-link{font-size:13px;font-weight:700;text-decoration:none;color:#41556d}.pulse-badge{font-size:11px;font-weight:900;letter-spacing:1px;background:#dff6ef;color:#09684d;padding:7px 10px;border-radius:99px}.pulse-badge i{display:inline-block;width:8px;height:8px;background:#08a36d;border-radius:50%;margin-right:5px;box-shadow:0 0 0 3px #b2ebd9}
.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:18px 0 17px}.eyebrow{color:#2182dc;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;font-size:11px}.page-heading h1,.welcome h1{font-size:clamp(26px,3vw,41px);letter-spacing:-1.4px;margin:3px 0 0;line-height:1.15}.heading-right{display:flex;align-items:center;gap:13px;color:#687d90;font-size:13px}.soft-button{border:1px solid #ccdae6;background:white;color:#233f58;border-radius:9px;padding:9px 15px;font-weight:700}.map-wrap{height:min(72vh,830px);min-height:480px;position:relative;overflow:hidden;border-radius:17px;background:#dfe7e8;box-shadow:0 7px 35px #103c571c}.map-wrap.fullscreen{position:fixed;inset:0;height:100dvh;min-height:0;width:100vw;z-index:99999;border-radius:0}#map{width:100%;height:100%}.empty-overlay{position:absolute;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#fffc;color:#34485c;padding:30px;font-size:18px;text-align:center;font-weight:700;pointer-events:none}.notice{position:absolute;z-index:900;top:14px;left:50%;transform:translateX(-50%);max-width:min(680px,85%);text-align:center;padding:10px 16px;background:#172e43e6;color:white;border-radius:9px;font-weight:700;box-shadow:0 4px 20px #0004}.legend{position:absolute;top:15px;right:14px;z-index:550;padding:10px 12px;border-radius:10px;background:#fffffff0;box-shadow:0 4px 18px #0002;font-size:12px}.legend>div{display:flex;align-items:center;gap:7px;margin:3px 0}.legend-dot{display:inline-block;height:10px;width:10px;border-radius:100%}.fresh{background:#1689ea}.offline{background:#e44242}.faded{background:#a1a1a1}.tracker-dot{height:19px;width:19px;border-radius:50%;border:3px solid white;box-shadow:0 2px 6px #0007}.tracker-dot.faded{opacity:.55}.statusbar{position:absolute;bottom:0;left:0;right:0;z-index:580;display:flex;flex-wrap:wrap;align-items:center;gap:9px;background:#0c1c2adc;color:#fff;padding:10px 13px;backdrop-filter:blur(5px);font-size:12px}.status-pills,.map-actions,.offline-list{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.status-pills{flex:1}.pill{border-radius:20px;padding:4px 9px;font-weight:700;background:#fff2;white-space:nowrap}.map-actions button{border:1px solid #fff5;background:#fff2;color:white;border-radius:7px;padding:5px 9px;font-weight:700}.map-actions button:hover{background:#fff4}.offline-list{width:100%}.offline-list .offline-item{background:#b72b2b55;border:1px solid #ff8b8b88;border-radius:5px;padding:3px 7px;font-weight:650}.map-footnote{color:#6b8093;font-size:12px;margin:12px 3px}footer{padding:27px 0;color:#798a9b;font-size:12px;text-align:center}.landing{padding:45px 0 80px}.welcome{text-align:center}.welcome p{color:#60758a;font-size:17px}.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;max-width:930px;margin:30px auto}.event-link{background:white;padding:25px;border:1px solid #dce7f0;border-radius:14px;text-decoration:none;box-shadow:0 6px 28px #163a5011;font-weight:750}.event-link:hover{border-color:#007be5}.dark-map .legend{background:#1b2e42f2;color:#fff}.dark-map .empty-overlay{background:#0b1722ba;color:white}
@media(max-width:800px){.page-shell{padding:0 10px}.masthead{min-height:60px}.brand{font-size:19px}.nav-link{display:none}.page-heading{padding:13px 8px}.heading-right{align-items:end;flex-direction:column;gap:5px}.heading-right #last-received{font-size:11px}.map-wrap{height:calc(100dvh - 195px);min-height:490px;border-radius:9px}.statusbar{gap:6px;padding:7px}.map-actions{width:100%}.map-actions button{flex:1;font-size:11px;padding:5px}.legend{top:7px;right:7px;padding:6px;font-size:11px}.status-pills{gap:4px}.pill{font-size:10px;padding:3px 7px}.offline-list{font-size:10px}}