:root{--panel:#0a0c149e;--text:#f2f0ec;--muted:#c4c8ce;--accent:#f0c27a}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;background:#0d111e;margin:0;padding:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#scene{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#place{z-index:10;letter-spacing:.3px;color:var(--text);background:var(--panel);-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:3px 9px;font-size:12px;position:fixed;bottom:12px;left:14px}#hud{z-index:10;background:var(--panel);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;border-radius:14px;width:240px;max-width:calc(100vw - 32px);padding:14px 16px;font-size:12px;line-height:1.4;transition:opacity .5s;position:fixed;top:16px;right:16px}#hud.show{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){#hud{transition:none}}.hudEn{color:var(--muted);font-size:.92em}.hudTitle{letter-spacing:.4px;color:var(--muted);margin-bottom:10px;font-size:11px}.hudSwatch{align-items:center;gap:9px;display:flex}.hudDot{border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:0 0 0 1px #ffffff40}.hudAqi{font-size:24px;font-weight:700}.hudLevel{line-height:1.25}.hudAction{color:var(--muted);margin-top:8px}.hudAction .hudEn{color:var(--muted)}.hudDivider{background:#ffffff1a;height:1px;margin:10px 0}.hudTime{color:var(--muted)}.hudRow{justify-content:space-between;gap:10px;margin-bottom:3px;display:flex}.hudArrow{transition:transform .6s;display:inline-block}.hudDisclosure{text-align:left;width:100%;color:var(--muted);text-underline-offset:2px;cursor:pointer;font:inherit;background:0 0;border:none;margin-top:10px;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:block}.hudScrubber{margin-top:10px}.hudScrubber[hidden]{display:none}.hudScrubberHead{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.hudBackLive{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-size:.92em}.hudBackLive[hidden]{display:none}#hudScrubberRange{width:100%;accent-color:var(--accent)}.hudDisclosure:focus-visible,.hudBackLive:focus-visible,#hudScrubberRange:focus-visible,.hudMapClose:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hudMapPanel{z-index:11;background:var(--panel);-webkit-backdrop-filter:blur(12px);border-radius:14px;width:300px;max-width:calc(100vw - 304px);max-height:calc(100vh - 32px);padding:16px 18px;font-size:12px;line-height:1.5;position:fixed;top:16px;right:272px;overflow-y:auto}.hudMapPanel[hidden]{display:none}.hudMapPanel h2{margin:0 0 4px;font-size:13px}.hudMapPanel .hudEn{margin-bottom:10px;display:block}.hudMapPanel h3{color:var(--muted);letter-spacing:.2px;margin:12px 0 6px;font-size:11.5px}.hudMapRow{gap:8px;margin-bottom:6px;display:flex}.hudMapRow .hudDot{margin-top:3px}.hudMapFactor{justify-content:space-between;gap:10px;margin-bottom:5px;display:flex}.hudMapFactor span:last-child{color:var(--muted);text-align:right}.hudMapArtistic{color:var(--muted);margin-top:4px}.hudMapClose{float:right;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;margin:-2px -4px 0 0;padding:2px 4px;font-size:16px;line-height:1;position:sticky;top:0}@media (width<=620px){.hudMapPanel{width:auto;max-width:none;inset:auto 8px 16px}}#panel{z-index:10;background:var(--panel);-webkit-backdrop-filter:blur(12px);border-radius:16px;width:300px;max-width:calc(100vw - 32px);padding:14px 16px;font-size:12px;transition:opacity .4s;position:fixed;top:16px;left:16px}#panel.hidden{opacity:0;pointer-events:none}#panel h1{letter-spacing:.2px;margin:0 0 10px;font-size:13px;font-weight:600}.seg{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;display:grid}.seg4{grid-template-columns:repeat(4,1fr)}.seg button{cursor:pointer;color:var(--muted);background:#ffffff12;border:none;border-radius:9px;padding:7px 6px;font-family:inherit;font-size:11.5px}.seg button[aria-pressed=true]{color:#1a1408;background:#f0c27ae6;font-weight:600}.seg button:focus-visible,#aqi:focus-visible,#clock:focus-visible,.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}#aqi,#clock{width:100%;accent-color:var(--accent)}#aqi{margin:2px 0 10px}#clock{margin:2px 0 8px}#truth{color:var(--text);align-items:center;gap:7px;display:flex}#truthDot{border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 1px #ffffff40}#caption{color:var(--muted);margin-top:10px;font-size:11.5px;line-height:1.5}.divider{background:#ffffff14;height:1px;margin:12px 0}#fps{font-variant-numeric:tabular-nums}#hint{color:#ffffff59;z-index:10;font-size:11px;position:fixed;bottom:14px;right:16px}