:root{--snow:#eef3f5;--rock:#8fa4b3;--ink:#0c151c;--marker-red:#d6362b;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--body:"Public Sans", system-ui, sans-serif;--t0:#1c2a34;--t1:#46586a;--t2:#7690a0;--t3:#b4c6d0;--t4:#f4f7f9;--w0:#0d1a12;--w1:#1b3325;--w2:#2c4d38;--w3:#46705a;--w4:#6f9878;--spring:cubic-bezier(.34, 1.4, .4, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--snow);font:16px/1.5 var(--body);overflow:hidden}.app{--px:0;--py:0;background:linear-gradient(180deg, var(--sky-a), var(--sky-b));grid-template-rows:auto 1fr clamp(190px,30vh,300px);grid-template-columns:minmax(0,1fr);height:100%;padding-inline:clamp(16px,4vw,48px);transition:--sky-a .8s;display:grid;position:relative;overflow:hidden}.app>*{z-index:1;position:relative}.clouds{pointer-events:none;opacity:.5;position:absolute;inset:0;overflow:hidden;z-index:0!important}.clouds:before{content:"";will-change:transform;background-repeat:repeat-x;width:calc(100% + 900px);position:absolute;top:0;bottom:0;left:0}.clouds--far:before{background-image:radial-gradient(240px 40px at 30% 30%,#ffffff24,#0000 70%),radial-gradient(320px 50px at 75% 55%,#ffffff1a,#0000 70%);background-size:900px 100%;animation:90s linear infinite drift}.clouds--near{transform:translate(calc(var(--px) * -14px), calc(var(--py) * -8px))}.clouds--near:before{background-image:radial-gradient(200px 30px at 20% 70%,#ffffff29,#0000 70%),radial-gradient(260px 34px at 60% 20%,#ffffff1f,#0000 70%);background-size:640px 100%;animation:45s linear infinite drift}@keyframes drift{to{transform:translate(-900px)}}.snow{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:0!important}.snow i{background:var(--snow);opacity:.7;border-radius:50%;animation:linear infinite fall;position:absolute;top:-10px}@keyframes fall{to{transform:translate(40px,110vh)}}.top{padding-block:clamp(16px,3vh,32px) 0;animation:.7s ease-out .1s both down}.brand{flex-wrap:wrap;align-items:baseline;gap:clamp(14px,2.4vh,26px) clamp(16px,3vw,40px);display:flex}.top h1{font:900 clamp(44px, 7.5vw, 104px)/.9 var(--display);letter-spacing:.01em;text-transform:none;margin:0}.slogan{font:700 clamp(20px, 2.9vw, 40px)/1.05 var(--display);letter-spacing:.03em;color:color-mix(in srgb, var(--snow) 88%, transparent);margin:0}.slogan b{color:var(--marker-red);font-weight:900}.wheel{animation:up .9s .5s both var(--spring)}@keyframes down{0%{opacity:0;transform:translateY(-16px)}}@keyframes up{0%{opacity:0;transform:translateY(80px)}}.stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(300px,32%) minmax(0,1fr) minmax(150px,20%);align-items:start;gap:8px clamp(20px,3vw,48px);min-height:0;padding:clamp(8px,2vh,24px) 0 0 56px;display:grid;position:relative}.info{display:contents}.info-head{z-index:2;grid-area:1/1;min-width:0}.info-body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--snow) 30%, transparent) transparent;overscroll-behavior:contain;touch-action:pan-y;overflow-wrap:anywhere;grid-area:1/2/-1;align-self:center;min-width:0;max-height:100%;padding:0 12px 0 0;overflow:hidden auto}.info-body>*{min-width:0;max-width:100%}.diff.diff--body{display:none}.region{color:var(--rock);margin:0;font-weight:600;animation:.5s ease-out both rise}.alt{white-space:nowrap;font:900 clamp(52px, min(7vw, 14vh), 130px)/.85 var(--display);font-variant-numeric:tabular-nums;margin:0}.alt span{color:var(--rock);font-size:.32em}h2{font:700 clamp(28px, 4vw, 48px)/1 var(--display);text-wrap:balance;margin:12px 0 0}.ch{animation:letter .55s both var(--spring);display:inline-block}@keyframes letter{0%{opacity:0;transform:translateY(.6em)rotate(6deg)}}.group{color:var(--rock);margin:4px 0 0;animation:.5s ease-out .25s both rise}.note{opacity:.85;max-width:58ch;margin:16px 0 0;font-size:15px;animation:.5s ease-out .35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.diff{align-items:center;gap:12px;margin-top:12px;display:flex}@media (height<=760px){h2,.diff{margin-top:6px}.fact{margin-top:14px;font-size:17px}.facts{font-size:15px}}.diff-n{font:900 clamp(30px, 4.2vh, 44px)/1 var(--display);font-variant-numeric:tabular-nums}.diff-n small{color:var(--rock);margin-left:2px;font-size:.5em}.diff-bar{align-items:flex-end;gap:3px;height:22px;display:flex}.diff-bar i{background:color-mix(in srgb, var(--snow) 18%, transparent);transform-origin:bottom;width:7px;height:100%;animation:grow .5s both var(--spring)}.diff-bar i.on{background:var(--snow)}.diff-bar i:nth-child(n+8).on{background:var(--marker-red)}.diff-label{color:var(--rock);font-size:13px}@keyframes grow{0%{transform:scaleY(.05)}}.facts{gap:10px;margin:0;font-size:17px;animation:.5s ease-out .4s both rise;display:grid}.facts div{grid-template-columns:6.4em 1fr;gap:12px;display:grid}.facts dt{color:var(--rock)}.facts dd{margin:0}.fact{max-width:58ch;margin:22px 0 0;font-size:19px;line-height:1.6;animation:.5s ease-out .5s both rise}.art-col{contain:layout paint;grid-area:2/1;align-self:stretch;align-items:flex-end;min-width:0;min-height:0;max-height:100%;display:flex;position:relative;overflow:hidden}.hero-art{width:100%;max-height:100%;transform:translate(calc(var(--px) * 12px), calc(var(--py) * 6px));transition:transform .4s ease-out;animation:1.1s cubic-bezier(.2,.7,.2,1) both emerge;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@keyframes emerge{0%{clip-path:inset(100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.profile svg{width:100%;height:auto;max-height:100%;display:block}.art-col .hero-art{height:100%}.art-col .profile svg{height:100%;max-height:none}.profile--pending svg{fill:none;stroke:var(--rock);stroke-width:3px;stroke-dasharray:10 9;opacity:.7;animation:1.6s linear infinite march}@keyframes march{to{stroke-dashoffset:-38px}}.altimeter{z-index:2;border-left:2px solid color-mix(in srgb, var(--snow) 30%, transparent);width:44px;position:absolute;top:16px;bottom:16px;left:0}.alt-mark{font:700 12px var(--display);letter-spacing:.06em;color:var(--rock);position:absolute;left:12px;transform:translateY(50%)}.alt-tick{background:color-mix(in srgb, var(--snow) 55%, transparent);width:12px;height:2px;transition:width .4s var(--spring), background .3s;cursor:pointer;border:0;padding:0;position:absolute;left:-2px}.alt-tick:before{content:"";position:absolute;inset:-6px 0}.alt-tick:hover{background:var(--snow);width:22px}.alt-tick.is-on{background:var(--snow);width:30px}.alt-flag{background:linear-gradient(90deg, var(--snow) 33%, var(--marker-red) 33% 66%, var(--snow) 66%);pointer-events:none;width:34px;height:8px;transition:bottom .9s cubic-bezier(.34,1.3,.4,1);position:absolute;left:-2px;transform:translateY(50%)}.side{z-index:3;flex-direction:column;grid-area:1/3/-1;justify-content:center;align-self:stretch;align-items:flex-end;gap:12px;min-width:0;display:flex;position:relative}.map{width:100%;max-width:380px;height:auto;max-height:calc(100% - 40px);animation:.8s ease-out .3s both rise}.count{color:var(--rock);text-align:right;margin:0;font-size:14px}.story{border-top:1px solid color-mix(in srgb, var(--snow) 22%, transparent);max-width:58ch;margin-top:26px;padding-top:16px;font-size:17px;line-height:1.7}.story p{margin:0}.story-empty{color:var(--rock);font-style:italic}.region{fill:color-mix(in srgb, var(--snow) 12%, transparent);stroke:color-mix(in srgb, var(--snow) 35%, transparent);stroke-width:1px;cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:fill .4s,transform .3s}.region:hover{fill:color-mix(in srgb, var(--snow) 30%, transparent);transform:scale(1.03)}.region.is-on{fill:var(--snow);stroke:var(--snow)}.region{outline:none}.region:focus-visible{stroke:var(--snow);stroke-width:3px;stroke-linejoin:round}.marker{pointer-events:none;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.marker-drop{animation:drop .7s var(--spring) both}@keyframes drop{0%{opacity:0;transform:translateY(-90px)}}.pin-dot{fill:var(--marker-red);stroke:var(--snow);stroke-width:1.5px;pointer-events:none}.pin{fill:var(--ink);stroke:var(--snow);stroke-width:2px}.marker-red{fill:var(--marker-red)}.wheel{--w:clamp(190px, 31vh, 340px);touch-action:pan-y;cursor:grab;position:relative;overflow:hidden}.slot{width:var(--w);margin-left:calc(var(--w) / -2);color:inherit;font:inherit;cursor:pointer;transform-origin:50% 100%;transform:translateX(calc(var(--x) * var(--w))) translateY(calc(var(--a) * var(--a) * var(--w) * .05)) scale(var(--s)) rotate(calc(var(--o) * 3deg));transition:transform .7s var(--spring), opacity .4s;background:0 0;border:0;padding:0;position:absolute;top:8%;left:50%}.slot:not(.is-on):hover{transform:translateX(calc(var(--x) * var(--w))) translateY(calc(var(--a) * var(--a) * var(--w) * .05 - 10px)) scale(calc(var(--s) * 1.06)) rotate(calc(var(--o) * 3deg))}.slot.is-on .slot-art{transform-origin:50% 100%;animation:4s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.03)}}.slot-art svg{width:100%;height:auto;display:block}.slot-art{height:calc(var(--w) * .62);align-items:flex-end;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.slot-alt{white-space:nowrap;font:700 20px var(--display);letter-spacing:.04em;text-align:center;color:var(--rock);margin-top:8px;transition:color .4s;display:block}.slot.is-on .slot-alt{color:var(--snow)}.slot.is-on .slot-alt:before{content:"";background:linear-gradient(90deg, var(--snow) 33%, var(--marker-red) 33% 66%, var(--snow) 66%);vertical-align:middle;width:26px;height:8px;margin-right:10px;display:inline-block}.slot:focus-visible{outline:3px solid var(--snow);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=760px){@keyframes emerge{0%{clip-path:inset(100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.snow i:nth-child(n+12){display:none}.app{grid-template-rows:auto minmax(0,1fr) clamp(122px,17.5vh,158px)}.wheel{--w:clamp(80px, 10.5vh, 100px);border-top:1px solid color-mix(in srgb, var(--snow) 14%, transparent)}.wheel .slot{top:18%}.slot-alt{margin-top:4px;font-size:17px}.top{padding-block:12px 0}.top h1{font-size:clamp(36px,11vw,52px)}.slogan{font-size:clamp(16px,4.6vw,20px)}.brand{row-gap:16px}.altimeter{width:34px;top:10px;bottom:10px;left:calc(-1*clamp(16px,4vw,48px))}.alt-mark{font-size:11px;left:8px}.alt-tick{width:8px;left:0}.alt-tick.is-on{width:22px}.alt-flag{width:24px;left:0}.stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(120px,40%);gap:6px 12px;padding:8px 0 0 28px}.info-head{grid-area:1/1;align-self:center;min-width:0}.diff.diff--head{margin-top:8px;display:flex}.diff.diff--body,.diff-label{display:none}.side{grid-area:1/2;justify-content:center;align-self:center;align-items:flex-end}.map{width:100%;max-width:none;max-height:24vh}.count{font-size:11px}.app{touch-action:pan-y}.strip{height:clamp(110px,17vh,150px);margin-bottom:14px;overflow:hidden}.info-body .strip svg{width:100%;height:100%;max-height:none}.info-body{scrollbar-width:thin;grid-area:2/1/auto/-1;min-height:0;padding-bottom:8px;overflow-y:auto}.story{display:none}.art-col{grid-area:3/1/auto/-1;align-self:stretch;align-items:flex-end;margin-bottom:14px;overflow:hidden}.facts,.fact,.story{max-width:none}.hero-art{max-height:100%}.alt{font-size:clamp(44px,14vw,64px)}h2{font-size:clamp(22px,6.5vw,30px)}.diff{margin-top:4px}.facts{gap:4px;font-size:14px}.fact{margin-top:12px;font-size:14px}.info-body{align-self:stretch;padding-right:0}}
