:root{color-scheme:dark;--bg:#071014;--surface:#0b171c;--line:#183039;--fg:#e8f4f5;--muted:#8aa3ac;--accent:#65e8dc;--red:#faaa87}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 32% 15%,#102b352f,transparent 52%),var(--bg);color:var(--fg);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}button,select,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer}button:hover,a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}header,main,footer{max-width:1540px;margin:auto;padding-left:54px;padding-right:54px}header{display:flex;justify-content:space-between;align-items:center;padding-top:31px;padding-bottom:28px;border-bottom:1px solid #1530397a}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-weight:650;font-size:14px}.brand-symbol{color:var(--accent);font-size:36px;font-weight:300}.brand-sub{display:block;font-size:8px;font-weight:400;letter-spacing:2.2px;color:var(--muted);margin-top:5px}nav{display:flex;align-items:center;gap:30px;font-size:12px}.record-badge{border-radius:20px;background:#15352e7a;color:#9fe2c9;padding:8px 13px;font-size:11px}.record-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#79caaa;margin-right:7px}.page-title{display:flex;align-items:end;justify-content:space-between;padding:42px 0 32px}.eyebrow{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(23px,2.5vw,33px);font-weight:500;letter-spacing:.4px;margin:0;line-height:1.6}.description{color:var(--muted);font-size:12px;line-height:1.9;margin:10px 0 0}.observed{text-align:right;font-size:10px;color:var(--muted)}.observed time{display:block;font:13px ui-monospace,monospace;color:#c0d6de;margin:9px 0}.observed small{font-size:9px;letter-spacing:.6px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:26px;background:#10202752;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding:22px 26px}.metrics>div+div{border-left:1px solid #183039a1}.metrics span{font-size:11px;color:var(--muted)}.metrics p{margin:13px 0 0;display:flex;align-items:baseline;gap:10px}.metrics strong{font:32px ui-monospace,SFMono-Regular,monospace;letter-spacing:-1px;color:#d3f4ef;font-weight:450}.metrics small{font:10px ui-monospace,monospace;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px}.map-panel,.event-panel,.timeline{background:linear-gradient(135deg,#0b171fdd,#0a1519);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 23px 0}.panel-top .eyebrow{font-size:8px;margin-bottom:8px}.panel-top h2{font-size:14px;font-weight:500;margin:0;letter-spacing:.3px}#play-history{padding:7px 11px;font-size:10px;color:#a7c6cd;background:#11272e}#play-history[aria-pressed=true]{color:var(--accent);border-color:#427f7d}.map-wrap{position:relative;height:390px;margin:5px 4px 0}canvas{height:100%;width:100%;display:block}.map-status{position:absolute;top:15px;left:22px;color:#7f9fa9;font:9px ui-monospace,monospace;letter-spacing:.5px}.map-coordinate{position:absolute;bottom:12px;right:22px;font:8px ui-monospace,monospace;letter-spacing:.6px;color:#577a85}.map-bottom{display:flex;gap:24px;padding:0 24px;margin-top:1px;font-size:9px;color:#a5bbc2}.origin-dot,.target-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#faaf8c;margin-right:6px}.target-dot{background:#70e8dc}.map-note{color:#6d8a94;font-size:9px;line-height:1.9;padding:0 24px 15px;margin-top:12px}.tooltip{position:absolute;pointer-events:none;background:#102b34ed;border:1px solid #2b5a65;box-shadow:0 5px 25px #0005;padding:10px 12px;border-radius:5px;color:#c5e9e9;font-size:11px;line-height:1.8;z-index:3}.tooltip[hidden]{display:none}.small-pill{font:9px ui-monospace,monospace;color:#84b2ba;background:#132b32;border-radius:3px;padding:5px 7px}#record-select{width:calc(100% - 46px);margin:20px 23px 0;padding:9px 10px;background:#0d2028;font:11px ui-monospace,monospace}option{background:#10222a}.record-time{font:10px ui-monospace,monospace;color:#8eabb3;margin:12px 23px 20px}.event-metrics{margin:0 23px;padding-bottom:12px;border-bottom:1px solid var(--line)}.event-metrics div{display:flex;justify-content:space-between;margin-bottom:13px;gap:12px}.event-metrics span{font-size:10px;color:var(--muted)}.event-metrics strong{font:12px ui-monospace,monospace;font-weight:500;color:#d1e7ea}.countries-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 23px 0}.countries-heading h3{font-size:10px;font-weight:500;margin:0}.countries-heading span{font-size:9px;color:#678a96}ol{list-style:none;margin:13px 0 0;padding:0 23px;max-height:185px;overflow:auto;scrollbar-width:thin;scrollbar-color:#22434e transparent}.country-row{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:0;padding:8px 0;font-size:11px;text-align:left;color:#acc7ce}.country-row span:first-child{display:flex;align-items:center;gap:8px}.flag-code{font:8px ui-monospace,monospace;color:#658e99;letter-spacing:1px;width:20px}.country-row b{font:11px ui-monospace,monospace;color:#e8b49e;font-weight:400}.country-row[aria-pressed=true]{color:var(--accent)}.muted{font-size:9px;color:var(--muted);line-height:1.8}#country-note{padding:0 23px;font-size:8px;color:#6b8c96;margin:12px 0 20px}.timeline{margin-top:24px}.timeline .panel-top{padding-top:20px}#chart{height:160px;margin:15px 24px 0}#chart svg{height:100%;width:100%;display:block;overflow:visible}.chart-note{font-size:9px;color:#6b8c96;padding:0 24px 16px;margin-top:4px}.source-note{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:30px 0 25px;margin-top:13px;border-bottom:1px solid var(--line)}.source-note>div{display:flex;gap:13px}.source-symbol{font-size:23px;color:#5c9b9e}.source-note h2{font-size:11px;font-weight:500;margin:0 0 9px}.source-note p{font-size:10px;color:#7898a2;line-height:1.9;margin:4px 0}.source-note a{font-size:11px;color:#a8c9ce;white-space:nowrap}footer{display:flex;justify-content:space-between;color:#587780;font:8px ui-monospace,monospace;letter-spacing:.5px;padding-top:25px;padding-bottom:30px}.mobile{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}#error{padding:25px;background:#3a2221;color:#ffb9ab}#error[hidden]{display:none}@media(max-width:1150px){header,main,footer{padding-left:30px;padding-right:30px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.metrics>div{padding:19px}.metrics strong{font-size:27px}.map-wrap{height:345px}}@media(max-width:850px){header,main,footer{padding-left:23px;padding-right:23px}.workspace{grid-template-columns:1fr}.map-wrap{height:390px}.event-panel{display:grid;grid-template-columns:1fr 1fr}.event-panel .panel-top{grid-column:1/-1}.event-metrics{grid-row:3/6;grid-column:1}.event-panel .countries-heading{grid-row:2;grid-column:2;padding-top:20px}.event-panel #record-select{grid-row:2;grid-column:1}.event-panel .record-time{grid-row:3;grid-column:1;margin-bottom:80px}.event-panel .event-metrics{grid-row:4;grid-column:1;margin-top:10px;border-bottom:0}.event-panel ol{grid-row:3/5;grid-column:2}.event-panel #country-note{grid-column:2}.source-note{align-items:start}.observed{margin-left:20px}.metrics strong{font-size:25px}}@media(max-width:560px){header,main,footer{padding-left:18px;padding-right:18px}header{padding-top:20px;padding-bottom:20px}.brand{font-size:11px;letter-spacing:1.7px;gap:8px}.brand-sub{font-size:6px;letter-spacing:1.4px}.brand-symbol{font-size:28px}nav{gap:15px;font-size:10px}.record-badge{font-size:8px;padding:7px 9px}.page-title{padding:28px 0 22px;display:block}.eyebrow{font-size:8px}h1{font-size:25px;line-height:1.65}.description{font-size:10px}.observed{margin:18px 0 0;text-align:left;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:8px}.observed time{font-size:10px;margin:0}.observed small{font-size:7px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:17px}.metrics>div{padding:17px}.metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metrics>div:nth-child(4){border-top:1px solid var(--line)}.metrics span{font-size:9px}.metrics p{gap:7px;margin-top:10px}.metrics strong{font-size:27px}.metrics small{font-size:8px}.panel-top{padding:19px 16px 0}.panel-top h2{font-size:12px}.panel-top .eyebrow{font-size:7px;letter-spacing:1px}#play-history{padding:7px;font-size:9px}.map-wrap{height:245px;margin-top:22px}.map-status{top:0;left:15px;font-size:8px}.map-coordinate{font-size:6px;right:12px;bottom:0}.map-bottom{padding:15px 17px 0;gap:14px;font-size:7px}.map-note{font-size:8px;padding:0 17px 13px;margin-top:11px}.event-panel{display:block}.record-time{margin-bottom:18px!important}.event-metrics{margin-top:0!important;border-bottom:1px solid var(--line)!important}.event-panel ol{max-height:200px}.event-panel .countries-heading{padding-top:15px}#chart{height:130px;margin:10px 18px 0}.timeline .panel-top{flex-wrap:wrap}.chart-note{padding-left:18px;padding-right:18px;font-size:8px}.source-note{display:block;padding:23px 0}.source-note p{font-size:9px}.source-note a{display:inline-block;font-size:10px;margin:14px 0 0 36px}footer{font-size:7px;line-height:1.8;gap:20px}.mobile{display:inline}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}