:root{--ink:#090806;--ink2:#12110d;--gold:#ffd42e;--gold2:#f6b913;--warm:#ffe36a;--white:#f7f5ed;--muted:#b5af9b;--line:rgba(255,255,255,.12);--danger:#ef6a5c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{overflow-x:hidden}.display-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;padding:30px clamp(22px,5vw,84px) 22px;background:radial-gradient(ellipse at 18% 38%,rgba(107,76,0,.28),transparent 38%),radial-gradient(ellipse at 95% 60%,rgba(77,57,0,.23),transparent 42%),linear-gradient(135deg,#070706,#18150b 54%,#060605)}.display-shell:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,transparent 0 42%,rgba(255,213,35,.035) 50%,transparent 58%),repeating-linear-gradient(145deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px)}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(65px);opacity:.23;pointer-events:none}.ambient-a{width:38vw;height:38vw;left:-12vw;top:25vh;background:#a27b00}.ambient-b{width:30vw;height:30vw;right:-9vw;bottom:-8vw;background:#805a00}.dust{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(255,213,45,.6);box-shadow:0 0 10px rgba(255,213,45,.8);z-index:-1;animation:float 14s ease-in-out infinite}.dust-1{left:18%;top:24%;animation-delay:-3s}.dust-2{left:72%;top:18%;width:4px;height:4px;animation-delay:-9s}.dust-3{left:85%;top:65%;width:5px;height:5px;animation-delay:-6s}@keyframes float{50%{transform:translate(18px,25px);opacity:.25}}.masthead{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;position:relative}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white);width:max-content}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--gold);border-radius:50%;color:var(--gold);font-size:13px;font-weight:900;letter-spacing:-.1em}.brand b{display:block;letter-spacing:.15em;font-size:clamp(14px,1.4vw,20px)}.brand small{display:block;color:#8d8876;letter-spacing:.18em;font-size:9px;margin-top:3px}.mast-title{text-align:center;color:var(--gold);letter-spacing:.17em;font-size:clamp(11px,1.2vw,15px)}.mast-title b{display:block;color:var(--white);font-size:10px;letter-spacing:.24em;margin-bottom:6px;opacity:.55}.mast-title span{display:block}.timebox{text-align:right;justify-self:end;position:relative;padding-right:34px}.timebox strong{display:block;font-size:clamp(30px,4.3vw,58px);font-weight:300;letter-spacing:.06em;line-height:.9}.timebox span{display:block;color:var(--muted);font-size:12px;margin-top:10px}.timebox small{position:absolute;right:0;bottom:2px;color:var(--gold);font-size:9px;letter-spacing:.14em}.rule{height:2px;background:rgba(255,255,255,.13);margin-top:28px;position:relative}.rule span{display:block;width:120px;height:3px;background:var(--gold);box-shadow:0 0 18px var(--gold)}.rule i{position:absolute;right:0;top:-3px;width:6px;height:6px;background:var(--gold);border-radius:50%}.panel-dots{display:flex;justify-content:center;gap:9px;margin:17px 0 5px}.dot{width:10px;height:10px;border-radius:50%;border:0;background:#474438;padding:0;cursor:pointer}.dot.is-on{background:var(--gold);box-shadow:0 0 12px rgba(255,212,46,.7)}.panels{min-height:calc(100vh - 250px);position:relative}.panel{display:none;min-height:calc(100vh - 300px);padding:clamp(22px,5vh,65px) 0 30px;animation:panel-in .7s ease both}.panel.is-on{display:block}@keyframes panel-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.air-layout{display:grid;grid-template-columns:minmax(360px,.95fr) 1.25fr;align-items:center;gap:clamp(34px,7vw,120px);max-width:1280px;margin:auto}.gauge-wrap{width:min(100%,560px);margin:auto}.gauge{--progress:48%;position:relative;width:min(43vw,510px);aspect-ratio:1;border-radius:50%;padding:34px;background:conic-gradient(from 225deg,var(--gold) 0 var(--progress),rgba(255,255,255,.08) var(--progress) 74%,transparent 74% 100%);transform:rotate(-1deg);box-shadow:0 0 40px rgba(255,205,20,.09)}.gauge:before{content:"";position:absolute;inset:13px;border-radius:50%;background:conic-gradient(from 225deg,rgba(255,255,255,.2) 0 1deg,transparent 1deg 9deg),#181710;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.gauge:after{content:"";position:absolute;inset:32px;border-radius:50%;border:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at 40% 35%,rgba(255,210,28,.08),transparent 48%),#11100c}.gauge-inner{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;transform:rotate(1deg)}.gauge-inner strong{font-size:clamp(88px,12vw,168px);font-weight:200;letter-spacing:-.09em;line-height:.8}.gauge-inner span{font-size:13px;color:var(--muted);letter-spacing:.5em;margin:22px 0 0 8px}.gauge-scale{display:flex;justify-content:space-between;width:min(43vw,510px);padding:10px 24px 0;color:rgba(255,255,255,.45);font-size:11px}.air-copy{max-width:620px}.section-kicker{color:var(--muted);font-size:clamp(11px,1vw,14px);letter-spacing:.18em;line-height:1.55;margin:0 0 22px}.status{display:inline-block;color:#1a1605;background:var(--gold);border-radius:28px;padding:9px 22px;font-size:clamp(22px,3vw,39px);line-height:1.05;margin:0 0 20px;font-weight:800}.lead{font-size:clamp(17px,2.1vw,27px);line-height:1.35;color:#e6e1d4;max-width:580px;margin:0 0 30px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-row>div{border:1px solid rgba(255,255,255,.13);background:rgba(20,18,12,.72);border-radius:13px;padding:15px 14px;min-height:82px}.metric-row span,.weather-cards span{display:block;color:#9d977f;font-size:10px;letter-spacing:.14em;margin-bottom:10px}.metric-row b{font-size:20px}.metric-row em{font-size:11px;color:var(--muted);font-style:normal}.disclaimer{font-size:12px;line-height:1.55;color:#aaa48f;margin-top:24px}.disclaimer b{color:#ddd6bf}.parameter-strip{display:flex;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;max-width:1280px;margin:40px auto 0;color:var(--muted);font-size:12px}.parameter-strip span{border-right:1px solid var(--line);padding-right:15px}.parameter-strip b{color:var(--white);margin-left:5px}.weather-panel,.hotspot-panel{max-width:1100px;margin:auto}.weather-layout,.hotspot-layout{display:flex;align-items:center;justify-content:center;gap:clamp(35px,7vw,100px);min-height:45vh}.weather-layout h2,.hotspot-layout h2{font-size:clamp(55px,9vw,132px);line-height:.95;margin:0;color:var(--gold);font-weight:300;letter-spacing:-.06em}.weather-icon{position:relative;width:230px;height:150px}.weather-icon span{position:absolute;width:140px;height:70px;border:10px solid var(--gold);border-radius:75px 75px 25px 25px;left:34px;top:25px}.weather-icon span:before{content:"";position:absolute;width:70px;height:70px;border:10px solid var(--gold);border-bottom:0;border-radius:50%;left:15px;top:-45px}.weather-icon i{display:block;position:absolute;height:9px;background:var(--gold);border-radius:8px;left:20px;width:190px;bottom:30px}.weather-icon i:nth-child(3){bottom:12px;left:48px;width:132px}.weather-icon i:nth-child(4){bottom:-6px;left:68px;width:94px}.forecast-time{font-size:17px;color:var(--muted)}.weather-cards{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:auto;gap:12px}.weather-cards>div{border:1px solid var(--line);background:rgba(20,18,12,.72);border-radius:14px;padding:19px}.weather-cards b{font-size:30px;font-weight:400}.weather-cards em{font-size:12px;color:var(--muted);font-style:normal;margin-left:5px}.radar{position:relative;width:min(48vw,420px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,212,46,.6);background:repeating-radial-gradient(circle,transparent 0 44px,rgba(255,212,46,.12) 45px 46px),linear-gradient(45deg,transparent 49.8%,rgba(255,212,46,.12) 50%,transparent 50.2%),linear-gradient(-45deg,transparent 49.8%,rgba(255,212,46,.12) 50%,transparent 50.2%);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 60px rgba(255,200,0,.1)}.radar:after{content:"";position:absolute;inset:50% 0 auto;height:1px;background:rgba(255,212,46,.2)}.radar strong{font-size:clamp(65px,10vw,120px);font-weight:200;color:var(--gold);z-index:2}.radar-sweep{position:absolute;width:50%;height:2px;right:50%;top:50%;transform-origin:100% 50%;background:linear-gradient(90deg,transparent,var(--gold));animation:sweep 3s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.radar-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 15px var(--gold);z-index:2}.rd1{left:28%;top:33%}.rd2{right:22%;top:58%}.rd3{left:62%;bottom:21%}.bottom{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:var(--muted);font-size:11px}.ticker{display:flex;gap:9px;align-items:center}.ticker-dot{width:9px;height:9px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px var(--gold)}.ticker b{color:var(--gold);letter-spacing:.1em;font-size:11px}.ticker small{margin-left:10px;color:#77715f}.credits{text-align:right}.developed{display:inline-block;border:1px solid rgba(255,212,46,.5);padding:7px 12px;border-radius:20px;margin-left:16px;color:#8f896f}.developed b{color:var(--gold)}@media(max-width:820px){.display-shell{padding:18px 16px}.masthead{grid-template-columns:1fr auto}.mast-title{display:none}.air-layout{grid-template-columns:1fr;gap:30px}.gauge{width:min(80vw,390px);margin:auto}.gauge-scale{width:min(80vw,390px);margin:auto}.air-copy{max-width:none}.panel{padding-top:35px}.metric-row{gap:6px}.metric-row>div{padding:11px 9px}.metric-row b{font-size:16px}.weather-layout,.hotspot-layout{min-height:36vh;display:block;text-align:center}.weather-icon,.radar{margin:0 auto 30px}.weather-layout h2,.hotspot-layout h2{font-size:clamp(48px,15vw,90px)}.weather-cards{grid-template-columns:repeat(3,1fr);gap:6px}.weather-cards>div{padding:12px 7px}.weather-cards b{font-size:22px}.bottom{display:block}.credits{text-align:left;margin-top:12px}.developed{margin:9px 0 0}.parameter-strip{margin-top:25px}}@media(prefers-reduced-motion:reduce){.dust,.radar-sweep{animation:none}.panel{animation:none}}

.progress-track{height:2px;background:rgba(255,255,255,.1);max-width:420px;margin:0 auto 4px;overflow:hidden}.progress-track span{display:block;height:100%;width:0;background:var(--gold);box-shadow:0 0 12px var(--gold)}.context-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;color:#9d977f;font-size:11px;letter-spacing:.08em}.context-row span{border:1px solid var(--line);border-radius:999px;padding:8px 11px}.context-row b{color:var(--white);letter-spacing:0}.pollutant-panel{max-width:1120px;margin:auto}.pollutant-layout{min-height:55vh;display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:clamp(35px,8vw,120px);align-items:center}.pollutant-orb{position:relative;width:min(33vw,360px);aspect-ratio:1;border-radius:50%;margin:auto;display:grid;place-items:center;border:1px solid rgba(255,212,46,.6);background:radial-gradient(circle,rgba(255,212,46,.18),rgba(255,212,46,.04) 42%,transparent 43%),repeating-radial-gradient(circle,transparent 0 38px,rgba(255,212,46,.16) 39px 40px);box-shadow:0 0 65px rgba(255,205,20,.12);animation:orb-pulse 4s ease-in-out infinite}.pollutant-orb:before,.pollutant-orb:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,212,46,.22);border-radius:50%;transform:rotate(35deg) scaleX(1.55);animation:orbit 8s linear infinite}.pollutant-orb:after{transform:rotate(-42deg) scaleX(1.55);animation-direction:reverse}.pollutant-orb span{font-size:clamp(28px,5vw,62px);font-weight:300;color:var(--gold);z-index:2;letter-spacing:-.05em}.pollutant-orb i{position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}.pollutant-orb i:nth-of-type(1){top:19%;left:33%}.pollutant-orb i:nth-of-type(2){right:22%;top:44%}.pollutant-orb i:nth-of-type(3){bottom:25%;left:28%}.orb-1{filter:hue-rotate(8deg)}.orb-2{filter:hue-rotate(25deg)}.orb-3{filter:hue-rotate(42deg)}.orb-4{filter:hue-rotate(60deg)}.orb-5{filter:hue-rotate(78deg)}@keyframes orb-pulse{50%{transform:scale(1.025);box-shadow:0 0 90px rgba(255,205,20,.2)}}@keyframes orbit{to{transform:rotate(395deg) scaleX(1.55)}}.pollutant-copy h2{font-size:clamp(58px,9vw,130px);line-height:.9;letter-spacing:-.08em;color:var(--gold);margin:0 0 15px;font-weight:300}.big-value{display:flex;align-items:baseline;gap:12px;margin-top:20px}.big-value strong{font-size:clamp(62px,9vw,125px);line-height:.85;font-weight:200;letter-spacing:-.08em}.big-value span{color:var(--muted);font-size:14px}.value-bar{height:7px;background:rgba(255,255,255,.1);border-radius:10px;max-width:580px;overflow:hidden;margin:22px 0 16px}.value-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold2),var(--gold));box-shadow:0 0 14px rgba(255,212,46,.6);transition:width 1.2s ease}.pollutant-meta{display:flex;gap:14px;flex-wrap:wrap;color:#958e78;font-size:10px;letter-spacing:.1em}.pollutant-meta span{border-right:1px solid var(--line);padding-right:14px}.pollutant-meta b{color:var(--white);letter-spacing:0;margin-left:5px}@media(max-width:820px){.pollutant-layout{min-height:45vh;grid-template-columns:1fr;gap:25px}.pollutant-orb{width:min(58vw,260px)}.pollutant-copy h2{font-size:62px}.big-value strong{font-size:76px}.context-row{margin-top:13px}.progress-track{max-width:260px}}@media(prefers-reduced-motion:reduce){.pollutant-orb,.pollutant-orb:before,.pollutant-orb:after{animation:none}.value-bar span{transition:none}}

/* Premium color bar meter */
.gauge{background:none!important;transform:none;box-shadow:none;--needle-angle:-135deg}.gauge:before,.gauge:after{display:none}.gauge-track,.gauge-progress{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 25px),#000 calc(100% - 23px));mask:radial-gradient(farthest-side,transparent calc(100% - 25px),#000 calc(100% - 23px));transform:rotate(-1deg)}.gauge-track{background:conic-gradient(from 225deg,#2bd47f 0 12%,#5ba9ff 12% 27%,#ffd42e 27% 53%,#ff9745 53% 63%,#ed5b5e 63% 74%,transparent 74% 100%);filter:drop-shadow(0 0 9px rgba(255,212,46,.15))}.gauge-progress{background:conic-gradient(from 225deg,rgba(255,255,255,.95) 0 var(--progress),transparent var(--progress) 74%,transparent 74% 100%);opacity:.96}.gauge-needle{position:absolute;z-index:3;top:50%;left:50%;width:calc(50% - 19px);height:3px;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.2));transform-origin:left center;transform:rotate(var(--needle-angle));box-shadow:0 0 10px rgba(255,255,255,.7)}.gauge-needle:after{content:"";position:absolute;right:-8px;top:-7px;width:14px;height:14px;border:3px solid white;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.gauge-inner{z-index:4}.gauge-scale .scale-good{color:#2bd47f}.gauge-scale .scale-blue{color:#5ba9ff}.gauge-scale .scale-yellow{color:#ffd42e}.gauge-scale .scale-orange{color:#ff9745}.gauge-scale .scale-red{color:#ed5b5e}.gauge-wrap:after{content:"";display:block;width:62%;height:18px;margin:2px auto 0;border-radius:50%;background:rgba(255,195,36,.16);filter:blur(13px)}

/* Atmospheric haze instead of star-like particles */
.dust{width:clamp(120px,18vw,280px);height:clamp(22px,4vw,55px);border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,214,74,.2),rgba(255,183,25,.07) 42%,transparent 72%);box-shadow:none;filter:blur(7px);opacity:.42;animation:haze-drift 18s ease-in-out infinite;transform:rotate(-12deg)}.dust-1{left:12%;top:27%;animation-delay:-4s}.dust-2{left:64%;top:20%;width:clamp(90px,13vw,210px);height:25px;opacity:.27;animation-delay:-11s;transform:rotate(18deg)}.dust-3{left:77%;top:68%;width:clamp(130px,20vw,300px);height:34px;opacity:.22;animation-delay:-8s;transform:rotate(-22deg)}@keyframes haze-drift{0%,100%{margin-left:-12px;transform:translateY(0) rotate(-12deg);opacity:.2}50%{margin-left:28px;transform:translateY(-18px) rotate(-4deg);opacity:.52}}@media(prefers-reduced-motion:reduce){.dust{animation:none}}

/* Metallic-glass gauge and gently moving ambient background */
.display-shell{background:radial-gradient(ellipse at 18% 38%,rgba(107,76,0,.28),transparent 38%),radial-gradient(ellipse at 95% 60%,rgba(77,57,0,.23),transparent 42%),linear-gradient(135deg,#070706,#18150b 54%,#060605);background-size:130% 130%;animation:background-breathe 24s ease-in-out infinite alternate}.display-shell:before{z-index:-3;background:linear-gradient(115deg,transparent 0 42%,rgba(255,213,35,.035) 50%,transparent 58%),repeating-linear-gradient(145deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px)}.display-shell:after{content:"";position:absolute;inset:-18%;z-index:-2;pointer-events:none;opacity:.46;background:radial-gradient(ellipse at 20% 30%,rgba(255,180,30,.24),transparent 22%),radial-gradient(ellipse at 76% 18%,rgba(50,120,140,.13),transparent 24%),radial-gradient(ellipse at 82% 78%,rgba(255,93,28,.12),transparent 25%);filter:blur(30px);animation:ambient-drift 32s ease-in-out infinite alternate}@keyframes background-breathe{0%{background-position:0% 0%;filter:saturate(.92)}100%{background-position:100% 75%;filter:saturate(1.08)}}@keyframes ambient-drift{0%{transform:translate3d(-2%,1%,0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.08)}100%{transform:translate3d(-1%,3%,0) scale(1.02)}}
.gauge{background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 68% 75%,rgba(0,0,0,.34),transparent 55%),linear-gradient(145deg,rgba(78,91,95,.5),rgba(16,17,17,.72) 46%,rgba(54,47,30,.5));border:10px solid transparent;border-radius:50%;background-clip:padding-box;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),inset 0 0 0 5px rgba(22,24,25,.9),inset 0 0 32px rgba(0,0,0,.75),0 18px 38px rgba(0,0,0,.5),0 0 34px rgba(255,208,45,.1);overflow:visible}.gauge:before{content:"";display:block;position:absolute;inset:-12px;border-radius:50%;z-index:0;border:3px solid rgba(217,229,231,.75);box-shadow:inset 0 0 0 2px rgba(15,17,18,.9),0 0 0 2px rgba(255,255,255,.16),0 3px 10px rgba(0,0,0,.7);background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 19%,transparent 62%,rgba(255,255,255,.14))}.gauge:after{content:"";display:block;position:absolute;inset:24px;border-radius:50%;z-index:1;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.15),transparent 13%),conic-gradient(from 30deg,rgba(0,255,240,.12),rgba(162,62,255,.2),rgba(255,206,48,.08),rgba(0,245,205,.14),rgba(0,0,0,.2));mix-blend-mode:screen;opacity:.75;box-shadow:inset 0 0 24px rgba(0,0,0,.65)}.gauge-track,.gauge-progress{z-index:2;filter:drop-shadow(0 3px 4px rgba(0,0,0,.85))}.gauge-track{background:conic-gradient(from 225deg,#42edaf 0 12%,#66d7ff 12% 27%,#efff9a 27% 30%,#ffd42e 30% 53%,#ffab54 53% 63%,#ff6464 63% 74%,transparent 74% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 28px),#000 calc(100% - 24px));mask:radial-gradient(farthest-side,transparent calc(100% - 28px),#000 calc(100% - 24px))}.gauge-progress{z-index:3;background:conic-gradient(from 225deg,#fff5b0 0 var(--progress),transparent var(--progress) 74%,transparent 74% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 21px),#000 calc(100% - 15px));mask:radial-gradient(farthest-side,transparent calc(100% - 21px),#000 calc(100% - 15px));filter:drop-shadow(0 0 5px rgba(255,211,45,.9))}.gauge-needle{z-index:4;height:5px;background:linear-gradient(90deg,#fffbd8,#ffc928 62%,rgba(255,255,255,0));box-shadow:0 1px 3px #111,0 0 12px rgba(255,221,90,.9)}.gauge-needle:before{content:"";position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3ae 0 12%,#dda816 25%,#5d4310 55%,#151515 62%);border:2px solid #f9e38a;box-shadow:0 2px 5px #000}.gauge-needle:after{width:17px;height:17px;right:-10px;top:-8px;border:3px solid #f9f4c3;background:radial-gradient(circle at 35% 25%,#fff,#f1b923 38%,#6c4c0a 70%);box-shadow:0 0 12px #ffd52e}.gauge-inner{z-index:5;text-shadow:0 2px 3px #000,0 0 15px rgba(255,255,255,.18)}.gauge-inner strong{background:linear-gradient(180deg,#ffffff,#c9d0cf 55%,#707677);-webkit-background-clip:text;background-clip:text;color:transparent}.gauge-wrap:after{background:rgba(255,192,32,.22);height:23px;filter:blur(16px)}
@media(prefers-reduced-motion:reduce){.display-shell,.display-shell:after{animation:none}}

/* Horizontal parameter overview / fit-to-viewport display */
html,body{height:100%;overflow:hidden}.display-shell{height:100svh;min-height:560px;overflow:hidden;padding:clamp(13px,2.1vh,25px) clamp(18px,3vw,58px) clamp(10px,1.5vh,18px);display:flex;flex-direction:column}.masthead{flex:0 0 auto}.rule{margin-top:clamp(11px,1.6vh,22px)}.panel-dots{margin:clamp(8px,1.3vh,15px) 0 3px}.panels{flex:1 1 auto;min-height:0;overflow:hidden}.panel{min-height:0;height:100%;padding:clamp(10px,2.2vh,28px) 0 clamp(5px,1vh,12px)}.overview-panel{max-width:1500px;margin:auto;display:none;flex-direction:column;justify-content:center;width:100%}.overview-panel.is-on{display:flex}.overview-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:clamp(11px,2vh,22px)}.overview-head h1{font-size:clamp(22px,3vw,42px);font-weight:300;letter-spacing:-.04em;margin:0}.overview-head .section-kicker{margin-bottom:6px}.overview-badge{border:1px solid rgba(255,212,46,.38);background:rgba(255,212,46,.07);padding:10px 14px;border-radius:12px;text-align:right;min-width:145px}.overview-badge span{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em}.overview-badge b{display:block;color:var(--gold);font-size:18px;margin-top:3px}.bar-header,.bar-row{display:grid;grid-template-columns:110px minmax(220px,1fr) 84px 132px;gap:clamp(10px,1.2vw,22px);align-items:center}.bar-header{color:#8e8877;font-size:10px;letter-spacing:.13em;padding:0 7px 8px}.bar-header span:nth-child(3),.bar-header span:nth-child(4){text-align:right}.bar-list{display:grid;gap:clamp(7px,1.35vh,14px)}.bar-row{min-height:clamp(30px,5.3vh,48px);font-size:clamp(12px,1.2vw,16px)}.bar-label{display:flex;align-items:center;gap:7px;font-size:clamp(16px,1.75vw,27px)}.bar-label b{font-weight:600}.bar-label em{font-style:normal;color:#17130a;background:var(--gold);border-radius:5px;padding:3px 6px;font-size:9px;letter-spacing:.06em}.bar-meter{height:clamp(19px,2.9vh,29px);border-radius:9px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.03) 24%,rgba(0,0,0,.26)),rgba(27,27,23,.84);box-shadow:inset 0 2px 5px rgba(0,0,0,.52),0 1px 0 rgba(255,255,255,.05)}.bar-meter:after{content:"";position:absolute;inset:1px;border-radius:7px;background:linear-gradient(110deg,rgba(255,255,255,.25),transparent 20%,transparent 75%,rgba(255,255,255,.08));pointer-events:none}.bar-meter span{display:block;width:0;height:100%;border-radius:7px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 24%),linear-gradient(90deg,#21e89c,#66c5ff 38%,#ffd33d 72%,#ff6a4e);box-shadow:inset 0 -3px 5px rgba(0,0,0,.27),0 0 14px rgba(255,205,43,.4);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.bar-meter i{position:absolute;top:50%;left:0;width:11px;height:11px;border-radius:50%;background:#fffbd6;border:2px solid #ffc92a;transform:translate(-50%,-50%);box-shadow:0 0 12px #ffd52e;transition:left 1.1s cubic-bezier(.2,.8,.2,1);z-index:2}.bar-row strong{text-align:right;font-size:clamp(17px,2vw,29px);font-weight:600;color:var(--gold)}.bar-row.row-1 strong{color:#66bdff}.bar-row.row-2 strong,.bar-row.row-3 strong,.bar-row.row-4 strong,.bar-row.row-5 strong{color:#35e99a}.bar-concentration{text-align:right;color:var(--muted);font-size:clamp(11px,1vw,15px);white-space:nowrap}.bar-concentration b{color:var(--white);font-weight:500}.overview-foot{display:flex;justify-content:space-between;gap:16px;color:#9b947f;border-top:1px solid var(--line);margin-top:clamp(10px,2vh,22px);padding-top:10px;font-size:clamp(10px,1vw,13px)}.overview-foot b{color:var(--white)}.overview-foot span:last-child{white-space:nowrap}.pollutant-panel.is-on{display:flex;align-items:center;justify-content:center}.bottom{flex:0 0 auto;padding-top:clamp(8px,1.3vh,15px);white-space:nowrap;overflow:hidden}.credits{overflow:hidden;text-overflow:ellipsis}.developed{padding:5px 10px}@media(max-width:820px){html,body{overflow:auto}.display-shell{height:auto;min-height:100svh;overflow:hidden}.panels{overflow:visible}.panel{height:auto;min-height:calc(100svh - 220px)}.overview-panel{min-height:calc(100svh - 220px)}.bar-header,.bar-row{grid-template-columns:72px minmax(110px,1fr) 50px 78px;gap:6px}.bar-header{font-size:8px}.bar-label{font-size:14px}.bar-label em{font-size:7px;padding:2px 3px}.bar-concentration{font-size:9px}.overview-head h1{font-size:22px}.overview-foot{font-size:9px}.overview-foot span:first-child{max-width:64%}.bottom{white-space:normal}.credits{margin-top:7px}.developed{margin-left:5px}}@media(prefers-reduced-motion:reduce){.bar-meter span,.bar-meter i{transition:none}}

/* Summary gauge + horizontal bars composition */
.overview-combo{display:grid;grid-template-columns:minmax(245px,.42fr) minmax(520px,1.58fr);gap:clamp(22px,4vw,70px);align-items:center;width:100%}.summary-side{min-width:0}.summary-side>.section-kicker{margin-bottom:10px}.summary-gauge{width:min(100%,350px);margin:0 auto 10px}.summary-gauge .gauge{width:min(100%,340px);margin:auto}.summary-gauge .gauge-inner strong{font-size:clamp(65px,7vw,112px)}.summary-gauge .gauge-inner span{font-size:9px;letter-spacing:.35em;margin-top:15px}.summary-gauge .gauge-scale{width:100%;padding:7px 18px 0}.summary-side .status{font-size:clamp(17px,1.8vw,27px);padding:7px 16px;margin:8px 0 10px}.summary-text{color:#c4bdab;font-size:clamp(11px,1vw,14px);line-height:1.45;max-width:360px;margin:0 0 12px}.summary-mini{display:flex;gap:6px;flex-wrap:wrap}.summary-mini span{border:1px solid var(--line);border-radius:7px;padding:7px 8px;color:#8f8876;font-size:9px;letter-spacing:.08em}.summary-mini b{color:var(--white);font-size:11px;letter-spacing:0}.bar-side{min-width:0}.bar-side .overview-head{margin-bottom:clamp(8px,1.3vh,16px)}.bar-side .overview-head h2{font-size:clamp(21px,2.4vw,36px);font-weight:300;letter-spacing:-.04em;margin:0}.bar-side .section-kicker{margin-bottom:4px}.bar-side .bar-list{gap:clamp(5px,1.05vh,11px)}.bar-side .bar-row{min-height:clamp(27px,4.4vh,41px)}.bar-side .bar-header{padding-bottom:5px}.bar-side .bar-meter{height:clamp(16px,2.45vh,25px)}.bar-side .bar-label{font-size:clamp(14px,1.45vw,22px)}.bar-side .bar-row strong{font-size:clamp(15px,1.7vw,24px)}.bar-side .bar-concentration{font-size:clamp(10px,.9vw,13px)}.overview-foot{margin-top:clamp(8px,1.4vh,16px)}@media(max-width:980px) and (min-width:821px){.overview-combo{gap:20px;grid-template-columns:minmax(220px,.38fr) minmax(500px,1.62fr)}.summary-gauge{width:280px}.summary-text{font-size:11px}.summary-mini span{padding:5px 6px}}@media(max-width:820px){.overview-combo{display:block}.summary-side{margin-bottom:24px}.summary-gauge{width:260px}.summary-side{text-align:center}.summary-text{margin-left:auto;margin-right:auto}.summary-mini{justify-content:center}.bar-side{text-align:left}.overview-panel{display:none}.overview-panel.is-on{display:block;min-height:calc(100svh - 220px)}.overview-foot{margin-top:18px}.overview-foot span:last-child{display:none}}

/* White numeric hierarchy */
.gauge-inner strong{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 14px rgba(255,255,255,.18)}.bar-row strong,.bar-row.row-1 strong,.bar-row.row-2 strong,.bar-row.row-3 strong,.bar-row.row-4 strong,.bar-row.row-5 strong{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.8)}.overview-badge b{color:#fff}.bar-concentration b{color:#fff}.big-value strong{color:#fff}