*,:before,:after{box-sizing:border-box}html,body{color:#1a1a1a;background:#1a1a2e;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:13px}#map{width:100%;height:100%;position:fixed;inset:0}#sidebar{z-index:10;background:#fffffff5;border-radius:8px;width:230px;max-height:calc(100vh - 100px);padding:14px 16px;position:fixed;top:16px;left:16px;overflow-y:auto;box-shadow:0 2px 12px #00000040}.sidebar-title{color:#111;letter-spacing:.01em;border-bottom:1px solid #e0e0e0;margin:0 0 14px;padding-bottom:10px;font-size:14px;font-weight:600}.control-group{margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-label{text-transform:uppercase;letter-spacing:.06em;color:#666;margin-bottom:6px;font-size:11px;font-weight:600;display:block}select{color:#1a1a1a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ccc;border-radius:4px;width:100%;padding:6px 24px 6px 8px;font-size:13px}select:focus{outline-offset:1px;outline:2px solid #3b82f6}.checkbox-label{color:#333;cursor:pointer;align-items:center;gap:6px;font-size:12px;line-height:1.4;display:flex}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;width:14px;height:14px}.legend-group{border-top:1px solid #eee;padding-top:12px}#legend{flex-direction:column;gap:4px;display:flex}.legend-row{align-items:center;gap:8px;display:flex}.legend-swatch{border:1px solid #0000001a;border-radius:2px;flex-shrink:0;width:14px;height:14px}.legend-label{color:#555;font-size:11px;line-height:1.3}.attribution-group{border-top:1px solid #eee;padding-top:10px}.sidebar-attribution{color:#888;font-size:10px;line-height:1.6}.sidebar-attribution a{color:#666;text-decoration:underline}#time-bar{z-index:10;background:#fffffff5;border-radius:24px;align-items:center;gap:12px;padding:8px 20px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000040}.time-label{text-transform:uppercase;letter-spacing:.06em;color:#666;font-size:11px;font-weight:600}#year-slider{appearance:none;cursor:pointer;background:#ddd;border-radius:2px;outline:none;width:180px;height:4px}#year-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}#year-slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.year-display{color:#1a1a1a;text-align:right;min-width:38px;font-size:15px;font-weight:700}#world-view-btn{color:#555;cursor:pointer;background:0 0;border:1.5px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}#world-view-btn:hover{color:#3b82f6;background:#f0f4ff;border-color:#3b82f6}#world-view-btn[hidden]{display:none}#tooltip{z-index:20;pointer-events:none;color:#f0f0f0;background:#14141eeb;border-radius:6px;max-width:240px;padding:10px 12px;font-size:12px;line-height:1.5;display:none;position:fixed;box-shadow:0 2px 8px #0006}.tt-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;padding-bottom:5px;display:flex}.tt-header strong{color:#fff;font-size:13px;font-weight:600}.tt-meta{color:#999;white-space:nowrap;font-size:10px}.tt-table{border-collapse:collapse;width:100%}.tt-key{color:#aaa;white-space:nowrap;padding-right:10px}.tt-val{text-align:right;color:#eee;font-variant-numeric:tabular-nums}.tt-empty{color:#888;margin:0;font-style:italic}#detail-panel{z-index:15;background:#fff;width:320px;padding:20px 20px 40px;transition:transform .25s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 20px #0003}#detail-panel[hidden]{display:none}#detail-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:12px;right:14px}#detail-close:hover{color:#333}.panel-feature-id{color:#111;word-break:break-all;margin:0 0 4px;padding-right:28px;font-size:16px;font-weight:700}.panel-meta{text-transform:uppercase;letter-spacing:.06em;color:#999;margin:0 0 16px;font-size:11px;font-weight:600}.panel-loading{color:#888;font-style:italic}.panel-table{border-collapse:collapse;width:100%;font-size:12px}.panel-table thead th{text-transform:uppercase;letter-spacing:.05em;color:#888;text-align:right;border-bottom:2px solid #eee;padding:4px 6px;font-size:11px;font-weight:600}.panel-table thead th:first-child{text-align:left}.panel-metric{color:#444;border-bottom:1px solid #f0f0f0;padding:5px 8px 5px 0;font-weight:500}.panel-cell{text-align:right;color:#222;font-variant-numeric:tabular-nums;border-bottom:1px solid #f0f0f0;padding:5px 6px}#debug-panel{z-index:10;color:#b8ffc8;pointer-events:none;background:#0a0a14d9;border-radius:6px;min-width:180px;padding:10px 14px;font-family:SF Mono,Fira Mono,Consolas,monospace;font-size:11px;line-height:1.6;position:fixed;bottom:16px;left:16px;box-shadow:0 2px 8px #00000080}.debug-title{text-transform:uppercase;letter-spacing:.1em;color:#6fa;border-bottom:1px solid #ffffff1a;margin-bottom:5px;padding-bottom:4px;font-size:10px;font-weight:700}#debug-metrics{grid-template-columns:auto 1fr;column-gap:12px;margin:0;display:grid}.debug-key{color:#8c9}.debug-val{text-align:right;color:#e0ffe8;font-variant-numeric:tabular-nums;margin:0}.maplibregl-ctrl-bottom-right{bottom:80px!important}