:root{--bg-dark: rgba(15, 20, 35, .85);--bg-panel: rgba(20, 25, 45, .92);--text-primary: #e8ecf4;--text-secondary: #8892a8;--accent: #4fc3f7;--border: rgba(100, 140, 200, .3);--font-body: "Comic Neue", cursive, sans-serif;--font-title: "Bangers", cursive, sans-serif;--color-wildfires: #ff6b35;--color-severeStorms: #7c4dff;--color-volcanoes: #ff1744;--color-earthquakes: #ff9100;--color-floods: #00b0ff;--color-seaLakeIce: #80deea;--color-generic: #ffd740}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#070b14;font-family:var(--font-body);color:var(--text-primary);-webkit-tap-highlight-color:transparent}#app{width:100%;height:100%;position:relative}#globe-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column}#top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(to bottom,var(--bg-dark),transparent);flex-shrink:0;pointer-events:none}#title{font-family:var(--font-title);font-size:1.5rem;letter-spacing:2px;color:var(--accent);text-shadow:0 0 20px rgba(79,195,247,.4)}#last-updated{font-size:.7rem;color:var(--text-secondary)}#bottom-controls{margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg-dark) 60%,transparent);pointer-events:none}#category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.filter-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:2px solid;border-radius:24px;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;user-select:none;-webkit-user-select:none;pointer-events:auto}.filter-btn:active{transform:scale(.95)}.filter-btn.active{background:currentColor}.filter-btn.active .btn-label,.filter-btn.active .count{color:#0a0e1a}.filter-btn .btn-icon{width:16px;height:16px;flex-shrink:0}.filter-btn .btn-icon svg{width:100%;height:100%;display:block}.filter-btn .count{font-size:.65rem;opacity:.7}#event-count{text-align:center;font-size:.75rem;color:var(--text-secondary)}#detail-panel{position:absolute;bottom:100px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:400px;background:var(--bg-panel);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;padding:16px;z-index:10;pointer-events:auto;transition:opacity .25s,transform .25s}#detail-panel.hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}#detail-panel .detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}#detail-panel .detail-title{font-family:var(--font-title);font-size:1.2rem;letter-spacing:.5px;flex:1}#detail-panel .close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;padding:0 4px;line-height:1}#detail-panel .detail-category{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:10px;font-size:.75rem;font-weight:700;margin-bottom:12px}#detail-panel .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#detail-panel .detail-section{min-width:0}#detail-panel .detail-section.full-width{grid-column:1 / -1}#detail-panel .detail-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:2px}#detail-panel .detail-value{font-size:.85rem}#detail-panel .detail-link{color:var(--accent);text-decoration:none;font-size:.8rem}#detail-panel .detail-link:hover{text-decoration:underline}#tooltip{position:absolute;padding:5px 10px;background:var(--bg-dark);border:2px solid var(--accent);border-radius:8px;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none;z-index:20;transform:translate(-50%,-130%);max-width:250px;overflow:hidden;text-overflow:ellipsis}#tooltip.hidden{display:none}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#070b14;z-index:100;transition:opacity .5s}#loading-overlay.fade-out{opacity:0;pointer-events:none}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}#loading-overlay p{font-family:var(--font-title);font-size:1.1rem;color:var(--accent);letter-spacing:2px}@media(min-width:769px){#title{font-size:1.8rem}#top-bar{padding:16px 24px}#detail-panel{bottom:110px;max-width:440px}.filter-btn{padding:7px 16px;font-size:.85rem}}