:root{color:#18221d;font-synthesis:none;--ink:#18221d;--muted:#67716b;--paper:#f2f0e9;--panel:#fbfaf6;--line:#d8d8cf;--green:#0f766e;--green-dark:#085d56;--orange:#f1a269;background:#f2f0e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 84% 8%, #dfae7029, transparent 25rem), var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input{font:inherit}button{color:inherit}.site-header,main,footer{width:min(1440px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px}.header-meta{color:var(--muted);align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.live-dot{background:#3aa981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #3aa9811f}.hero{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:clamp(40px,7vw,120px);min-height:385px;padding:60px 0 54px;display:grid}.eyebrow{color:var(--green);letter-spacing:.17em;margin:0 0 18px;font-size:12px;font-weight:700;line-height:1}h1,h2{letter-spacing:-.05em;margin:0;font-family:Manrope,sans-serif}h1{max-width:780px;font-size:clamp(48px,6vw,86px);font-weight:600;line-height:.98}.dek{max-width:680px;color:var(--muted);margin:26px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.summary-grid{gap:14px;display:grid}.summary-card{border:1px solid var(--line);background:#fbfaf69e;border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:4px 20px;min-height:132px;padding:24px 28px;display:grid}.summary-card--primary{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 20px 45px #0f766e33}.summary-card p{color:inherit;opacity:.72;letter-spacing:.08em;text-transform:uppercase;align-self:start;margin:0;font-size:12px;font-weight:700}.summary-card strong{letter-spacing:-.045em;grid-row:2;font-family:Manrope,sans-serif;font-size:clamp(30px,3vw,43px);line-height:1}.summary-card span{max-width:110px;color:inherit;opacity:.68;text-align:right;grid-row:2;font-size:12px;line-height:1.3}.visualization{color:#fff;background:#10261f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #18221d2e}.map-stage{background:radial-gradient(circle at 50% 38%,#2f6f5b6b,#0000 44%),linear-gradient(148deg,#17382f 0%,#0e211b 72%);width:100%;height:min(68vh,760px);min-height:540px;position:relative;overflow:hidden}.map-stage:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}#map-canvas{outline:none;width:100%;height:100%;display:block}.map-toolbar{z-index:5;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:24px;left:24px;right:24px}.toolbar-left{pointer-events:none;align-items:center;gap:10px;display:flex}.view-toggle,.icon-button{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081914b8;border:1px solid #ffffff21;border-radius:12px;padding:5px;box-shadow:0 10px 30px #00000024}.view-toggle{display:flex}.angle-control{color:#ffffffa8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.07em;text-transform:uppercase;pointer-events:auto;background:#081914b8;border:1px solid #ffffff21;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:190px;height:50px;padding:0 14px;font-size:10px;font-weight:700;display:grid;box-shadow:0 10px 30px #00000024}.angle-control output{color:#fff;font-variant-numeric:tabular-nums;text-align:right;min-width:24px}#angle-slider{appearance:none;cursor:pointer;background:#ffffff38;border-radius:99px;outline:none;width:100%;height:3px;margin:0}#angle-slider::-webkit-slider-thumb{appearance:none;background:var(--orange);border:2px solid #10261f;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 1px #fff6}#angle-slider::-moz-range-thumb{background:var(--orange);border:2px solid #10261f;border-radius:50%;width:9px;height:9px}.view-button,.icon-button{cursor:pointer;border:0}.view-button{color:#ffffff9e;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:78px;height:38px;font-size:13px;font-weight:600;display:inline-flex}.view-button.is-active{color:var(--ink);background:#fff}.view-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linejoin:round;width:17px}.icon-button{color:#fff;place-items:center;width:46px;height:46px;display:grid}.icon-button:hover{background:#ffffff21}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px}.loading-panel{z-index:4;color:#ffffffb8;background:#10261f;justify-content:center;align-items:center;gap:14px;font-size:14px;transition:opacity .4s,visibility .4s;display:flex;position:absolute;inset:0}.loading-panel.is-hidden{opacity:0;visibility:hidden}.loader{border:2px solid #ffffff38;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-hint{z-index:3;color:#ffffff80;pointer-events:none;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;bottom:25px;left:26px}.map-hint span{background:var(--orange);border-radius:50%;width:5px;height:5px}.legend{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#081914c2;border:1px solid #ffffff1f;border-radius:12px;width:210px;padding:15px 16px 13px;position:absolute;bottom:23px;right:26px}.legend-head,.legend-values{justify-content:space-between;gap:20px;display:flex}.legend-head{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:10px;font-weight:700}.legend-ramp{background:linear-gradient(90deg,#d7efe2,#88c9ae 35%,#f0c07d 68%,#d85d3f);border-radius:99px;height:7px}.legend-values{color:#ffffff9e;font-variant-numeric:tabular-nums;margin-top:7px;font-size:10px}.tooltip{z-index:8;color:#fff;pointer-events:none;background:#071410f0;border:1px solid #ffffff1f;border-radius:12px;width:214px;padding:15px 17px;position:absolute;transform:translate(14px,14px);box-shadow:0 14px 38px #00000047}.tooltip p{margin:0}.tooltip .tooltip-region{color:#fff9;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.tooltip .tooltip-name{margin-top:4px;font-size:16px;font-weight:700}.tooltip .tooltip-value{color:#f5c490;letter-spacing:-.03em;margin-top:13px;font-family:Manrope,sans-serif;font-size:25px;font-weight:600}.tooltip .tooltip-date{color:#ffffff85;margin-top:2px;font-size:11px}.timeline-panel{background:#0c1c17;border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr;align-items:center;gap:26px;min-height:138px;padding:22px 30px 19px;display:grid}.play-button{width:54px;height:54px;color:var(--ink);background:var(--orange);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid}.play-button:hover{background:#ffb47c;transform:scale(1.04)}.play-button svg{fill:currentColor;grid-area:1/1;width:22px}.pause-icon,.play-button.is-playing .play-icon{display:none}.play-button.is-playing .pause-icon{display:block}.timeline-main{min-width:0}.timeline-labels{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.timeline-labels time{letter-spacing:-.025em;font-family:Manrope,sans-serif;font-size:23px;font-weight:600}.timeline-labels span{color:#ffffff6b;text-transform:uppercase;letter-spacing:.08em;font-size:11px}#time-slider{--progress:100%;appearance:none;background:linear-gradient(to right, var(--orange) 0 var(--progress), #ffffff29 var(--progress) 100%);cursor:pointer;border-radius:99px;outline:0;width:100%;height:5px;margin:0;display:block}#time-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;box-shadow:0 0 0 2px var(--orange);background:#fff;border:4px solid #0c1c17;border-radius:50%}#time-slider::-moz-range-thumb{width:11px;height:11px;box-shadow:0 0 0 2px var(--orange);background:#fff;border:4px solid #0c1c17;border-radius:50%}.timeline-ticks{color:#ffffff57;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:12px;font-size:10px;display:flex}.method-note{grid-template-columns:.75fr 1.25fr auto;align-items:start;gap:clamp(35px,6vw,90px);padding:76px 0 86px;display:grid}.method-note h2{max-width:340px;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.08}.method-note>p{max-width:640px;color:var(--muted);margin:28px 0 0;font-size:15px;line-height:1.75}.method-note>a{color:var(--green-dark);white-space:nowrap;align-items:center;gap:9px;margin-top:29px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.method-note>a:hover{text-underline-offset:4px;text-decoration:underline}.method-note>a svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}footer{border-top:1px solid var(--line);min-height:72px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;display:flex}@media (width<=900px){.site-header,main,footer{width:min(100% - 32px,1440px)}.hero{grid-template-columns:1fr;gap:42px;padding-block:48px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{min-height:118px;padding:20px}.map-stage{height:62vh;min-height:470px}.method-note{grid-template-columns:1fr 1.4fr}.method-note>a{grid-column:2;margin-top:-50px}}@media (width<=620px){.site-header{height:70px}.header-meta{font-size:11px}.brand>span:last-child{display:none}.hero{padding-top:42px}h1{font-size:46px}.dek{font-size:15px}.summary-grid{grid-template-columns:1fr}.map-toolbar{top:14px;left:14px;right:14px}.view-button{min-width:68px}.toolbar-left{gap:6px}.angle-control{gap:5px;min-width:124px;padding-inline:8px}.angle-control>span{display:none}.map-stage{height:58vh;min-height:430px}.legend{width:174px;bottom:14px;right:14px}.map-hint{display:none}.timeline-panel{gap:16px;min-height:124px;padding:18px 16px 15px}.play-button{width:46px;height:46px}.timeline-ticks span:nth-child(2n){display:none}.method-note{grid-template-columns:1fr;gap:24px;padding-block:60px}.method-note>p{margin-top:0}.method-note>a{grid-column:1;margin-top:0}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}