:root{--map-ink:#061c17;--map-panel:#0a241e;--map-green:#73dc87;--map-lime:#c8ee72;--map-line:rgba(255,255,255,.11)}
.map3d-hero{padding:88px 0 38px;background:radial-gradient(circle at 75% 15%,rgba(125,222,137,.16),transparent 24%),linear-gradient(135deg,#051d18,#0b4435);color:#fff}.map3d-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:end}.map3d-hero h1{font-size:clamp(45px,6vw,76px);letter-spacing:-.055em;line-height:.96;margin:13px 0 12px}.map3d-hero p{max-width:680px;margin:0;color:#adcbc0}.map3d-kpis{display:grid;grid-template-columns:repeat(4,105px);gap:8px}.map3d-kpis>div{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(5,30,24,.55);backdrop-filter:blur(14px)}.map3d-kpis small,.map3d-kpis b{display:block}.map3d-kpis small{font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#8fb4a7}.map3d-kpis b{margin-top:4px;font-size:21px;color:#e6f7c3}
.map3d-shell{height:780px;display:grid;grid-template-columns:minmax(0,1fr) 365px;background:#071b16}.map3d-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 50%,#153a2e,#071b16)}#biodiversity-map{position:absolute;inset:0}.map3d-sidebar{position:relative;z-index:4;background:linear-gradient(180deg,#0b251f,#071b17);color:#fff;border-left:1px solid rgba(255,255,255,.09);padding:21px;overflow:auto}.map3d-side-head small{font-size:7px;letter-spacing:.16em;color:#75a293}.map3d-side-head h2{margin:5px 0 6px;font-size:18px}.map3d-side-head p{margin:0;color:#8db0a4;font-size:10px;line-height:1.55}.map3d-year-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:17px 0}.map3d-year-kpi>div{padding:10px;border:1px solid var(--map-line);border-radius:11px;background:rgba(255,255,255,.035)}.map3d-year-kpi small,.map3d-year-kpi b{display:block}.map3d-year-kpi small{font-size:6px;letter-spacing:.09em;color:#759e90}.map3d-year-kpi b{margin-top:4px;color:#d9f49a;font-size:14px}.map3d-section{padding:15px 0;border-top:1px solid var(--map-line)}.map3d-section>b{display:block;margin-bottom:10px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#bcd7cd}.map3d-section label{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:9px;color:#a8c4ba;cursor:pointer}.map3d-section label input{accent-color:#75db8a}.map3d-filter-chips{display:flex;gap:5px;flex-wrap:wrap}.map3d-filter-chips button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#9ebcb1;border-radius:999px;padding:7px 9px;font-size:8px;cursor:pointer}.map3d-filter-chips button.active{background:#73dc87;color:#062319;border-color:#73dc87}.map3d-filter-chips i{font-style:normal;opacity:.7}.map3d-section>input{width:100%;margin-top:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.045);color:#fff;outline:none}.map3d-section>input::placeholder{color:#63887a}.map3d-toolbar{display:flex;justify-content:space-between;gap:10px;padding:5px 0 10px;color:#87aa9d;font-size:8px}.map3d-points{display:grid;gap:6px}.map3d-points button{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.028);color:#fff;text-align:left;cursor:pointer;transition:.2s}.map3d-points button:hover,.map3d-points button.active{border-color:rgba(115,220,135,.42);background:rgba(115,220,135,.08)}.map3d-point-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(200,238,114,.09);font-size:13px}.map3d-points b,.map3d-points small{display:block}.map3d-points b{font-size:9px}.map3d-points small{margin-top:2px;font-size:7px;color:#759c8e}.map3d-points em{font-style:normal;font-size:7px;color:#84ac9d}.map3d-disclaimer{margin-top:15px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:#73988a;font-size:8px;line-height:1.55}.map3d-disclaimer b{color:#bad7cc}
.map3d-topbar{position:absolute;z-index:5;top:17px;right:17px;display:flex;gap:7px}.map3d-mode{display:flex;padding:3px;border-radius:12px;background:rgba(5,27,22,.84);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13)}.map3d-mode button,.map3d-tool{border:0;border-radius:9px;padding:9px 12px;background:transparent;color:#c7dbd4;font:800 8px/1 system-ui;cursor:pointer}.map3d-mode button.active{background:#72dd88;color:#062118}.map3d-tool{border:1px solid rgba(255,255,255,.13);background:rgba(5,27,22,.84);backdrop-filter:blur(12px)}.map3d-status{position:absolute;z-index:7;top:68px;left:50%;transform:translateX(-50%);max-width:min(560px,90%);padding:10px 13px;border-radius:10px;background:rgba(113,61,13,.92);color:#fff;font-size:9px;box-shadow:0 12px 35px rgba(0,0,0,.22)}.map3d-source-badge{position:absolute;z-index:5;left:17px;bottom:113px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(5,27,22,.82);backdrop-filter:blur(12px);color:#fff}.map3d-source-badge b,.map3d-source-badge span{display:block}.map3d-source-badge b{font-size:8px}.map3d-source-badge span{margin-top:2px;font-size:7px;color:#87a99c}.map3d-timeline{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:42px minmax(380px,600px);align-items:center;gap:12px;width:min(720px,70%);padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(5,27,22,.86);backdrop-filter:blur(16px);color:#fff}.map3d-timeline>button{width:38px;height:38px;border:0;border-radius:11px;background:#73dc87;color:#062219;cursor:pointer}.map3d-year-head{display:flex;justify-content:space-between;align-items:center}.map3d-year-head b{font-size:15px;color:#e2f6aa}.map3d-year-head span{font-size:7px;color:#799c8f}.map3d-timeline input{width:100%;accent-color:#73dc87}.map3d-year-ticks{display:flex;justify-content:space-between;color:#688d7f;font-size:6px}.map3d-popup{min-width:210px;color:#14372c}.map3d-popup small,.map3d-popup b,.map3d-popup em,.map3d-popup span{display:block}.map3d-popup small{font-size:8px;color:#6c8279;text-transform:uppercase}.map3d-popup b{margin:3px 0;font-size:14px}.map3d-popup em{font-size:10px;color:#60776d}.map3d-popup span{margin-top:6px;font-size:9px}.map3d-popup a{display:inline-block;margin-top:9px;color:#096747;font-size:9px;font-weight:900}.maplibregl-popup-content{border-radius:13px!important;padding:13px!important}.maplibregl-ctrl-group{overflow:hidden;border-radius:12px!important;background:rgba(7,31,25,.88)!important}.maplibregl-ctrl-group button{filter:invert(1)}.maplibregl-ctrl-attrib{background:rgba(255,255,255,.78)!important;font-size:8px!important}
@media(max-width:1100px){.map3d-hero-grid{grid-template-columns:1fr}.map3d-kpis{grid-template-columns:repeat(4,minmax(90px,1fr))}.map3d-shell{grid-template-columns:1fr;height:auto}.map3d-stage{height:680px}.map3d-sidebar{border-left:0;border-top:1px solid rgba(255,255,255,.08);max-height:580px}.map3d-points{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.map3d-hero{padding:78px 0 28px}.map3d-kpis{grid-template-columns:1fr 1fr}.map3d-stage{height:620px}.map3d-topbar{left:10px;right:10px;top:10px;flex-wrap:wrap}.map3d-tool{padding:8px}.map3d-timeline{grid-template-columns:36px 1fr;left:10px;right:10px;bottom:11px;transform:none;width:auto}.map3d-source-badge{left:10px;bottom:104px;max-width:75%}.map3d-points{grid-template-columns:1fr}.map3d-sidebar{padding:16px}.map3d-year-head span{display:none}}