:root{--edge: max(14px, env(safe-area-inset-left));--edge-top: max(14px, env(safe-area-inset-top));--edge-bottom: max(14px, env(safe-area-inset-bottom));--readout: clamp(22px, 4.4vmin, 44px);--caption: clamp(11px, 1.5vmin, 15px);--caption-stack: 0px;--panel-text: clamp(11px, 1.4vmin, 14px);--ink: #f2f2f2;--ink-dim: #9a9a9a}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Source Sans Pro,"Source Sans 3",-apple-system,Helvetica Neue,sans-serif;-webkit-text-size-adjust:100%}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ink);text-shadow:0 0 8px rgba(0,0,0,.8)}#hud-top{position:absolute;top:var(--edge-top);left:var(--edge);right:var(--edge);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(10px,3vw,48px)}#readout{flex:0 0 auto;text-align:right;line-height:1.15}@media (min-width: 621px){#hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}#readout{justify-self:end}}#date,#ppm{font-size:var(--readout);font-weight:300;font-variant-numeric:tabular-nums;white-space:nowrap}#source{margin-top:.35em;font-size:var(--caption);font-weight:300;letter-spacing:.02em;color:var(--ink-dim);white-space:nowrap}#cities{opacity:0;transition:opacity .35s ease}#cities.visible{opacity:1}.city{position:absolute;top:0;left:0;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:clamp(9px,1.15vmin,12px);font-weight:300;letter-spacing:.04em;color:#ffffffeb;text-shadow:0 0 6px rgba(0,0,0,.9);will-change:transform,opacity}.city-dot{width:3px;height:3px;border-radius:50%;background:#fffffff2;box-shadow:0 0 4px #000000e6;flex:none}.city.crowded .city-name{display:none}@media (max-width: 620px),(max-height: 620px){.city-name{font-size:11px}}#info{flex:1 1 auto;min-width:0;max-width:52ch;font-size:var(--caption);font-weight:300;line-height:1.55;color:var(--ink-dim)}.info-head{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;opacity:.75}.info-figure{color:var(--ink);font-size:1.6em;font-variant-numeric:tabular-nums;line-height:1.3}.info-figure span{font-size:.55em;color:var(--ink-dim);letter-spacing:.02em}.info-spark{width:100%;max-width:240px;padding:8px 0;margin:-4px 0 -8px;pointer-events:auto;touch-action:none;cursor:ew-resize}.spark-plot{position:relative;width:100%;height:30px}.spark-svg{display:block;width:100%;height:100%}.spark-area{fill:#ffffff12}.spark-line{fill:none;stroke:#fff6;stroke-width:1;stroke-linejoin:round}.spark-dot{position:absolute;width:5px;height:5px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ink);box-shadow:0 0 5px #000000e6}#hint{position:absolute;bottom:calc(var(--edge-bottom) + var(--caption-stack) + 88px);left:50%;transform:translate(-50%);font-size:var(--caption);font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap;opacity:.75;transition:opacity .35s ease;text-shadow:0 0 3px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.85)}body.controls-open #info{display:none}#layers{position:absolute;bottom:calc(var(--edge-bottom) + var(--caption-stack) + 46px);left:50%;transform:translate(-50%);display:flex;gap:6px;padding:14px 16px;margin:-14px -16px;pointer-events:auto}.layer-tab{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffff8c;font:inherit;font-size:var(--caption);font-weight:300;letter-spacing:.03em;padding:4px 12px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.layer-tab:hover{color:#ffffffd9}.layer-tab.active{color:#fff;border-color:#ffffff80;background:#ffffff1f}.layer-tab.loading{opacity:.5;cursor:progress}#legend{position:absolute;bottom:calc(var(--edge-bottom) + var(--caption-stack));left:50%;transform:translate(-50%);width:min(400px,calc(100vw - 2 * var(--edge)))}#colorbar{display:block;width:100%;height:clamp(8px,1.4vmin,14px);border-radius:2px}#colorbar-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:var(--caption);font-weight:300;opacity:.7}#controls{position:absolute;top:var(--edge-top);left:var(--edge);width:min(250px,calc(100vw - 2 * var(--edge)));max-height:calc(100dvh - var(--edge-top) - var(--edge-bottom) - 12px);overflow-y:auto;overscroll-behavior:contain;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 12px;color:#d8d8d8;font-size:var(--panel-text);font-weight:300;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none;z-index:2}#controls.hidden{display:none}.controls-header{display:flex;justify-content:space-between;align-items:center;font-size:1.05em;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:8px}.controls-toggle,.controls-reset{background:#ffffff1a;border:none;color:#ddd;border-radius:4px;cursor:pointer;font:inherit}.controls-toggle{width:24px;height:24px;line-height:1;font-size:15px}#controls.collapsed .controls-body{display:none}.controls-row{display:block;margin:9px 0}.controls-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:3px}.controls-value{font-variant-numeric:tabular-nums;color:#9ad}.controls-row input[type=range]{width:100%;accent-color:#9ad;cursor:pointer;height:20px;margin:0}.controls-reset{margin-top:6px;padding:5px 12px}.controls-hint{margin-top:10px;font-size:.85em;line-height:1.5;color:#888}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#666;font-size:var(--caption);font-weight:300;letter-spacing:.08em}body.ready #loading{display:none}@media (hover: none){.controls-hint{display:none}}@media (max-width: 620px){#controls{width:calc(100vw - 2 * var(--edge));max-height:62dvh}#source{max-width:55vw;white-space:normal}}@media (max-height: 520px){#info{display:none}}#caption{flex:0 1 auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:0 6px;padding-top:2px;font-size:clamp(10px,1.25vmin,12px);font-weight:300;letter-spacing:.02em;color:var(--ink-dim);opacity:.7;pointer-events:auto;text-align:center}#caption a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);transition:color .2s,border-color .2s}#caption a:hover{color:var(--ink);border-bottom-color:#ffffff8c}@media (max-width: 620px){:root{--caption-stack: 38px}#caption{position:fixed;left:var(--edge);right:var(--edge);bottom:var(--edge-bottom);padding-top:0}}