html,body{color:#fff;-webkit-font-smoothing:antialiased;background:#02030a;height:100%;margin:0;font-family:Helvetica Neue,Helvetica,Arial,Hiragino Sans,Noto Sans JP,sans-serif;overflow:hidden}#globe{cursor:grab;position:fixed;inset:0}#globe:active{cursor:grabbing}.hud{z-index:2;pointer-events:none;max-width:760px;position:fixed;top:72px;left:24px;right:24px}.eyebrow{letter-spacing:.3em;text-transform:uppercase;opacity:.6;margin:0 0 8px;font-size:12px}h1{margin:0 0 12px;font-size:clamp(1.6rem,4vw,3.2rem);font-weight:300;line-height:1.2}.note{opacity:.7;margin:0;font-size:13px}.back{z-index:3;color:#4fd1ff;letter-spacing:.2em;text-transform:uppercase;font-size:12px;text-decoration:none;position:fixed;top:24px;left:24px}.back:hover{opacity:.7}.clock{z-index:3;pointer-events:none;text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:fixed;top:24px;right:24px}.clock-label{letter-spacing:.3em;text-transform:uppercase;opacity:.55;font-size:11px}.clock-time{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:300}.clock-sub{opacity:.55;font-size:11px}.stop{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(6px);background:#02030a8c;border-left:2px solid #ff7a3d;flex-direction:column;gap:2px;min-width:180px;padding:14px 18px 14px 16px;display:flex;position:fixed;bottom:28px;left:24px}.stop-index{letter-spacing:.3em;opacity:.6;font-variant-numeric:tabular-nums;font-size:11px}.stop-name{font-size:26px;font-weight:300;line-height:1.2}.stop-area{letter-spacing:.2em;opacity:.7;font-size:12px}.stop.is-in .stop-name,.stop.is-in .stop-area{animation:.6s cubic-bezier(.16,1,.3,1) both stop-in}.stop.is-in .stop-area{animation-delay:80ms}@keyframes stop-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stop-label{color:#fffffff2;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#02030a99;border:1px solid #ff7a3db3;border-radius:999px;padding:3px 9px;font-size:12px;transform:translate(-50%,-150%)}@media (max-width:640px){.hud{top:64px;left:16px;right:16px}.hud .note{display:none}h1{font-size:1.5rem}.clock{top:20px;right:16px}.clock-time{font-size:18px}.clock-sub{display:none}.stop{bottom:20px;left:16px;right:auto}.stop-name{font-size:22px}}@media (prefers-reduced-motion:reduce){.stop.is-in .stop-name,.stop.is-in .stop-area{animation:none}}