*{box-sizing:border-box}
.leaflet-raster-pane{pointer-events:none}
:root{--blue:#3b5744;--gold:#b9835a;--ink:#2c3b33;--dim:#5f6d63;--glass:rgba(255,255,255,.74);--line:rgba(59,87,68,.2)}
body{margin:0;min-height:100vh;padding:32px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background-image:url(contours.svg),linear-gradient(170deg,#e2ebe3 0%,#eef2e8 30%,#f4efdf 65%,#f7e8cf 100%);background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:fixed,fixed}
.container{max-width:1200px;margin:auto}.panel{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.22)}
header{text-align:center;padding:36px 24px 6px;margin-bottom:30px}.scope-bar{display:flex;justify-content:center;margin-bottom:18px}
h1{font-size:2.4rem;font-weight:800;letter-spacing:.5px;margin:5px 0;background:linear-gradient(120deg,var(--blue),var(--gold));background-clip:text;-webkit-background-clip:text;color:transparent}header .tagline{margin-top:8px;font-size:1.05rem;color:var(--dim)}header>p:last-child{position:relative;max-width:560px;margin:26px auto 0;padding-top:20px;font-size:1.05rem;line-height:1.7;color:var(--dim)}header>p:last-child::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:3px;border-radius:2px;background:linear-gradient(120deg,var(--blue),var(--gold))}header>p:last-child strong{color:var(--ink);font-weight:600}
.scope-toggle{display:flex;padding:3px;background:rgba(59,87,68,.1);border:1px solid var(--line);border-radius:999px}.scope-toggle button{border:0;border-radius:999px;padding:10px 16px;background:transparent;color:var(--dim);font:700 .78em/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.scope-toggle button.active{background:var(--blue);color:#fff;box-shadow:0 2px 5px #3b574444}.scope-toggle button:disabled{opacity:.55;cursor:wait}
.panel{border-radius:16px;padding:20px 22px}.weights-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.shuffle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--dim);font:700 .78rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.shuffle-btn:hover{background:#fff8;color:var(--ink)}.shuffle-btn svg{width:15px;height:15px;flex:none}.shuffle-btn span{line-height:1.35}
.weights{margin:18px 0}.weights h2,.layer-picker legend{font-size:.82rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue);display:block;margin:0 0 5px}.weights>p,.tab-content p{color:var(--dim);line-height:1.6;margin:0}
.rank-section{margin-top:16px}
.rank-section-title{font-size:.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dim);opacity:.75;margin:0 0 8px}
.rank-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;min-height:40px}
.rank-list:empty{border:2px dashed var(--line);border-radius:9px}
.rank-placeholder{height:40px;border:2px dashed var(--line);border-radius:9px;pointer-events:none}
.rank-card{position:relative;height:40px;--card-bg:#f2f2f2;--card-accent:#5b6774;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;border-radius:9px;border:1px solid var(--card-accent);background:color-mix(in srgb,var(--card-bg) 35%,white);cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;transition:background .15s,box-shadow .15s,border-width .15s}
.rank-card[data-list="important"]{background:var(--card-bg)}
.rank-card .feature-icon{flex:none;margin:0;width:20px;height:20px}
.rank-card:hover{border-width:2px}
#rank-hover-info,#gis-hover-info{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0;padding:8px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--dim);font:700 .78rem/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#rank-hover-info.is-hovering,#gis-hover-info.is-hovering{background:color-mix(in srgb,var(--card-bg) 35%,white);border-color:var(--card-accent)}
#rank-hover-info+.rank-section{margin-top:0}
#rank-hover-info .feature-icon,#gis-hover-info .feature-icon{margin:0}
.rank-num{position:absolute;top:-7px;left:-7px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;color:#fff;background:var(--card-accent);box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:1}
.rank-card:active{cursor:grabbing}
.rank-card.dragging{opacity:.45}
.rank-card-ghost{position:fixed;top:0;left:0;margin:0;pointer-events:none;z-index:9999;transform:scale(1.08);box-shadow:0 12px 28px rgba(0,0,0,.35)}
.rank-card.drag-over{box-shadow:0 0 0 2px var(--card-accent) inset;transform:translateY(-1px)}
.grp-nature{--card-bg:#e6f4ea;--card-accent:#2f7d3a}
.grp-climate{--card-bg:#e5eefb;--card-accent:#1f6fae}
.grp-services{--card-bg:#fdf1de;--card-accent:#b9790a}
.grp-mobility{--card-bg:#f0e8fb;--card-accent:#6b46c1}
.grp-other{--card-bg:#eef0f2;--card-accent:#5b6774}
.group-label{font-size:.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dim);opacity:.75;margin:14px 0 -3px;padding-top:11px;border-top:1px solid var(--line)}.sliders .group-label:first-child{margin-top:0;padding-top:0;border-top:0}.layer-picker .group-label{border-top:0;padding-top:0;margin-top:6px}
.info-icon{position:relative;display:inline-flex;width:13px;height:13px;color:var(--dim);cursor:help;vertical-align:-2px;margin-left:3px}.info-icon svg{width:100%;height:100%;pointer-events:none}
.info-icon .tooltip{visibility:hidden;opacity:0;position:absolute;top:130%;right:0;left:auto;background:var(--ink);color:#fff;font-size:.72rem;font-weight:500;line-height:1.35;padding:6px 9px;border-radius:6px;white-space:normal;width:180px;max-width:calc(100vw - 40px);text-align:left;text-transform:none;letter-spacing:normal;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:20;transform:translateX(var(--tip-shift,0px));transition:opacity .12s,visibility .12s;pointer-events:none}
.info-icon .tooltip-title{display:block;margin-bottom:3px;font-size:.78rem;font-weight:800}
.info-icon:hover .tooltip,.info-icon:focus .tooltip,.info-icon:focus-visible .tooltip{visibility:visible;opacity:1}
.feature-icon{display:inline-flex;width:15px;height:15px;vertical-align:-3px;margin-right:6px}
.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.map-panel{padding:14px;display:flex;flex-direction:column}.map-hint{margin:0 0 10px;padding:2px 5px;color:var(--dim);font-size:.86rem;font-weight:650;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.map-hint b{color:var(--ink)}.value-group{margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex-wrap:nowrap}.value-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.value-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;background:#fff9;color:var(--ink);font-weight:800;white-space:nowrap;box-shadow:0 1px 4px rgba(0,0,0,.12)}#map{flex:1;min-height:480px;border-radius:11px;background:#2c3439}.legend{padding:13px 5px 0;display:grid;grid-template-columns:max-content max-content max-content 1fr max-content;column-gap:10px;row-gap:7px;align-items:center;color:var(--dim);font-size:.79rem}.legend-row{display:contents}.legend-row b{color:var(--ink);font-weight:750;white-space:nowrap}.legend-row i{position:relative;height:8px;border-radius:9px;background:linear-gradient(90deg,#fb7185,#fbbf24,#4ade80)}
.legend-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#dc2626;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none}.legend-row .feature-icon{margin:0}.legend-row--plain span:first-child{grid-column:3}.legend-row--plain i{grid-column:4}.legend-row--plain span:last-child{grid-column:5}.legend-categories{padding:11px 5px 0;display:flex;flex-direction:column;gap:8px;color:var(--dim);font-size:.79rem}#legend-categories[hidden]{display:none}.legend-categories .legend-group{display:flex;flex-direction:column;align-items:center;gap:4px}.legend-categories .legend-group-title{font-weight:750;color:var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}.legend-categories .legend-swatches{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}.legend-categories .legend-swatch{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;opacity:1;transition:opacity .15s}.legend-categories .legend-swatch:hover{opacity:.75}.legend-categories .legend-swatch.is-hidden{opacity:.35}.legend-categories .legend-swatch i{width:10px;height:10px;border-radius:50%;flex:none}
.percentile-filter{padding:13px 5px 0;margin-top:9px;border-top:1px solid var(--line)}.percentile-filter label{font-size:.77rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--blue);display:block;margin-bottom:7px}.percentile-filter output{float:right;color:var(--gold);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.percentile-filter input{display:block;width:100%;accent-color:var(--blue)}.percentile-filter p{margin:7px 0 0;color:var(--dim);font-size:.79rem}
.controls-panel{overflow:visible}
.heart-icon{width:.9em;height:.9em;flex:0 0 auto}
.tabs{display:flex;gap:6px;padding:3px;background:rgba(59,87,68,.1);border:1px solid var(--line);border-radius:999px;margin-bottom:19px}.tabs .tab{flex:1;border:0;border-radius:999px;padding:10px 16px;background:transparent;color:var(--dim);font:700 .78em/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.tabs .tab.active{background:var(--blue);color:#fff;box-shadow:0 2px 5px #3b574444}
.layer-picker{border:0;padding:0;min-width:0}#layer-options{margin-top:12px}
.gis-layer-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.gis-layer-btn{position:relative;width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-accent);border-radius:9px;background:color-mix(in srgb,var(--card-bg) 35%,white);cursor:pointer;transition:background .15s,box-shadow .15s,border-width .15s}
.gis-layer-btn .feature-icon{width:20px;height:20px;margin:0}
.gis-layer-btn.active .feature-icon{stroke-width:3}
.gis-layer-btn:hover{border-width:2px}
.gis-layer-btn.active{background:var(--card-bg);border-width:2px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.gis-layer-badge{position:absolute;top:-7px;left:-7px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--card-accent);box-shadow:0 1px 3px rgba(0,0,0,.25);z-index:1}
.gis-layer-badge svg{width:10px;height:10px}
.municipality-control{margin:0 0 25px 10px;padding:6px 10px;border:1px solid rgba(59,87,68,.3);border-radius:5px;background:rgba(255,255,255,.92);color:var(--ink);font-size:.82rem;font-weight:750;box-shadow:0 2px 8px #0005;transition:opacity .12s}.municipality-control.is-empty{opacity:0;pointer-events:none}
.hover-tooltip{margin:0 10px 0 0;pointer-events:none;max-width:260px;padding:8px 12px;border:1px solid rgba(59,87,68,.3);border-radius:8px;background:rgba(20,30,40,.92);color:#fff;font-size:.8rem;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:opacity .12s}
.hover-tooltip.is-empty{opacity:0}
.hover-tooltip-row{margin-top:5px;padding-top:5px;border-top:1px solid rgba(255,255,255,.2);font-weight:600}
.hover-tooltip-row:first-child{margin-top:0;padding-top:0;border-top:0}
.hover-tooltip ol{margin:3px 0 0;padding-left:17px}
.hover-tooltip li{margin-bottom:2px;font-weight:500}
.map-villages-ranking{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:9px 5px 0;font-size:.79rem}.map-villages-ranking:empty{display:none}.map-villages-ranking .village-rank-item{gap:6px}.map-villages-ranking .vm-rank-dot{width:16px;height:16px;font-size:.6rem}.village-rank-item{display:flex;align-items:center;gap:8px;font-weight:750;color:var(--ink)}.village-rank-item a{color:inherit;text-decoration:none}.village-rank-item a:hover{text-decoration:underline}.vm-rank-dot{width:24px;height:24px;flex:none;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.74rem}.village-rank-marker{background:transparent;border:none;pointer-events:none}.village-rank-marker .vm-rank-dot{opacity:.8}
footer{text-align:center;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);color:var(--dim);font-size:.85em}footer a{color:var(--blue);font-weight:600;text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:760px){body{padding:15px 11px 40px}.scope-toggle{width:100%}.scope-toggle button{flex:1}h1{font-size:1.9rem}.main-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.controls-panel{order:-1;margin-bottom:18px}#map{flex:none;height:470px;min-height:0}}