.h3d--x{--hx2-h:clamp(480px, 74vh, 820px);--hx2-side:400px}.h3d--x .hx2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--hx2-side);align-items:start;background:#fff;border-top:1px solid #e6e8f0;border-bottom:1px solid #e6e8f0}.h3d--x .hx2__map{position:sticky;top:var(--h3d-top,0);height:var(--hx2-h);z-index:5;background:#0b1220}.h3d--x .h3d__stage{position:relative;top:auto;height:100%;overflow:hidden}.h3d--x .h3d__map{position:absolute;inset:0}.h3d--x .hx2__side{min-height:var(--hx2-h);border-left:1px solid #e6e8f0;background:#fff}.h3d--x .hx2__tabs{position:sticky;top:var(--h3d-top,0);z-index:4;display:flex;gap:6px;padding:10px 12px;overflow-x:auto;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e6e8f0;scrollbar-width:none}.h3d--x .hx2__tabs::-webkit-scrollbar{display:none}.h3d--x .hx2__tabs button{flex:none;height:34px;padding:0 13px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font:700 13px/1 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.h3d--x .hx2__tabs button.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.h3d--x .hx2__tabs button[data-tab=block]{background:#2f5bff;color:#fff;border-color:#2f5bff}.h3d--x .hx2__tabs button[hidden]{display:none}.h3d--x .hx2__body{padding:0}.h3d--x .hx2__tool{padding:18px 18px 24px;font:400 14px/1.5 Inter,system-ui,sans-serif;color:#1f2937}.h3d--x .hx2__tool[hidden]{display:none}.h3d--x .hx2__tool h2{margin:0 0 6px;font:800 20px/1.15 "Plus Jakarta Sans",Inter,sans-serif;letter-spacing:-.01em;color:#0f172a}.h3d--x .hx2__tool>p{margin:0 0 12px;color:#64748b;font-size:13.5px}.h3d--x .h3d__widget{margin-top:0}.h3d--x .hx2__towns{list-style:none;margin:0;padding:0;display:grid;gap:6px}.h3d--x .hx2__town{display:flex;align-items:stretch;gap:6px}.h3d--x .hx2__town-main{flex:1 1 auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name avg" "meta avg";column-gap:10px;padding:10px 12px;border:1px solid #e6e8f0;border-radius:12px;background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer}.h3d--x .hx2__town-main:hover{border-color:#2f5bff}.h3d--x .hx2__town.is-here .hx2__town-main{border-color:#2f5bff;background:#eaf0ff}.h3d--x .hx2__town-name{grid-area:name;font:700 14px/1.2 Inter,sans-serif;color:#0f172a}.h3d--x .hx2__town-meta{grid-area:meta;font-size:12px;color:#64748b}.h3d--x .hx2__town-avg{grid-area:avg;align-self:center;font:800 16px/1 "Plus Jakarta Sans",Inter,sans-serif;color:#2f5bff;font-variant-numeric:tabular-nums}.h3d--x .hx2__town-link{flex:none;display:grid;place-items:center;width:40px;border:1px solid #e6e8f0;border-radius:12px;color:#64748b;text-decoration:none;font-weight:700}.h3d--x .hx2__town-link:hover{color:#2f5bff;border-color:#2f5bff}html body .h3d.h3d--x .h3d__panel{position:static;width:auto;max-height:none;overflow:visible;padding:18px 18px 24px;border-radius:0;box-shadow:none;background:#fff}html body .h3d.h3d--x .h3d__panel[hidden]{display:none}html body .h3d.h3d--x .h3d__close{position:sticky;top:calc(var(--h3d-top,0px) + 58px);float:right;margin:-4px -4px 0 8px;z-index:2;width:36px;height:36px;background:#0f172a;color:#fff;font-size:22px}.h3d--x .h3d--panel .hx2__tabs button[data-tab=block]{display:inline-flex}.h3d--x .h3d__controls{left:10px;right:56px;top:10px;gap:6px}.h3d--x .h3d__ctrl-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.h3d--x .h3d__ctrl-row::-webkit-scrollbar{display:none}.h3d--x .h3d__ctrl-row>*{flex:none}.h3d--x .h3d__search{flex:1 1 auto;max-width:none}.h3d--x .h3d__search input{height:40px;padding:0 14px;border-radius:999px}.h3d--x .h3d__controls .h3d__btn,.h3d--x .h3d__controls select{height:32px;padding:0 12px;font-size:12px}.h3d--x .h3d__modes button{padding:6px 10px;font-size:11.5px}.h3d--x .h3d__toggle{padding:0 10px;height:32px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(11,18,32,.85);border:1px solid rgba(255,255,255,.15);color:#fff;font:600 12px/1 Inter,sans-serif}.h3d--x .h3d__timeline{top:auto;bottom:14px;left:10px;width:min(460px,calc(100% - 20px))}html body .h3d.h3d--x .h3d__legend{right:auto;left:10px;bottom:14px;width:210px;padding:8px 10px;font-size:11px}html body .h3d.h3d--x .h3d__legend strong{font-size:11px;margin-bottom:4px}html body .h3d.h3d--x .h3d__legend small{display:none}html body .h3d.h3d--x .h3d__legend:has(~ .h3d__timeline:not([hidden])),html body .h3d.h3d--x .h3d__timeline:not([hidden])~.h3d__legend{bottom:72px}.h3d--x .h3d__attrib{right:8px;bottom:2px}.h3d--x .h3d__hud{top:auto;bottom:60px}.h3d--x .hx2__expand{position:absolute;right:10px;top:112px;z-index:4;width:30px;height:30px;border:0;border-radius:6px;background:#fff;color:#0f172a;font-size:16px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3)}.h3d--x .maplibregl-ctrl-top-right{top:10px;right:10px}.h3d--x .h3d__cards,.h3d--x .h3d__dots,.h3d--x .hx2~.h3d__towns{display:none}@media (max-width:899px){.h3d--x{--hx2-h:42vh}.h3d--x.hx2--big{--hx2-h:72vh}.h3d--x .hx2{grid-template-columns:minmax(0,1fr)}.h3d--x .hx2__map{height:var(--hx2-h);transition:height .3s}.h3d--x .hx2__side{min-height:60vh;border-left:0}.h3d--x .hx2__tabs{top:calc(var(--h3d-top,0px) + var(--hx2-h));padding:8px 10px}.h3d--x .hx2__tool{padding:14px 14px 20px}html body .h3d.h3d--x .h3d__close{top:calc(var(--h3d-top,0px) + var(--hx2-h) + 54px)}.h3d--x .h3d__controls{right:50px}html body .h3d.h3d--x .h3d__legend{width:170px}.h3d--x .hx2__expand{top:106px}html body .h3d.h3d--x .h3d__panel{padding:14px 14px 20px}.h3d--x .h3d__tx{font-size:12px}}@media (min-width:900px) and (max-width:1180px){.h3d--x{--hx2-side:340px}}.h3d--x .hx2__filters{display:flex!important;gap:6px;padding:8px 10px 0;overflow-x:auto;scrollbar-width:none;background:#fff}.h3d--x .hx2__filters::-webkit-scrollbar{display:none}.h3d--x .hx2__filters>*{flex:none}.h3d--x .hx2__filters .h3d__btn,.h3d--x .hx2__filters select{height:32px;padding:0 12px;border-radius:999px;border:1px solid #e2e8f0;background:#f6f7fb;color:#0f172a;font:600 12px/1 Inter,sans-serif}.h3d--x .hx2__filters .h3d__modes{background:#f6f7fb;border-color:#e2e8f0}.h3d--x .hx2__filters .h3d__modes button{color:#475569}.h3d--x .hx2__filters .h3d__modes button.is-active{background:#0f172a;color:#fff}.h3d--x .hx2__filters .h3d__toggle{background:#f6f7fb;border-color:#e2e8f0;color:#0f172a}@media (max-width:899px){.h3d--x .hx2__tabs{top:calc(var(--h3d-top,0px) + var(--hx2-h))}.h3d--x .hx2__side .hx2__filters{position:sticky;top:calc(var(--h3d-top,0px) + var(--hx2-h));z-index:4}.h3d--x .hx2__side .hx2__filters~.hx2__tabs{top:calc(var(--h3d-top,0px) + var(--hx2-h) + 40px)}html body .h3d.h3d--x .hx2__side .hx2__filters~.hx2__body .h3d__close{top:calc(var(--h3d-top,0px) + var(--hx2-h) + 94px)}}.h3d--x .h3d__widget,.h3d--x .hx2__body,.h3d--x .hx2__side,.h3d--x .hx2__tool{min-width:0;max-width:100%}.h3d--x .hx2__tool{overflow-x:hidden}.h3d--x .h3d__tx{display:block;overflow-x:auto}@media (min-width:900px){.h3d--x .hx2__expand{display:none}}.h3d--x .h3d__controls>.h3d__ctrl-row:first-child{overflow:visible}.h3d--x .h3d__search .h3d__suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;max-height:min(320px,46vh);overflow-y:auto;margin:0;padding:4px;list-style:none;border-radius:14px;background:#fff;box-shadow:0 18px 40px -16px rgba(15,23,42,.5);border:1px solid #e2e8f0}.h3d--x .h3d__search .h3d__suggest li{padding:10px 12px;border-radius:10px;cursor:pointer;color:#0f172a;font:600 14px/1.3 Inter,sans-serif}.h3d--x .h3d__search .h3d__suggest li:hover{background:#eaf0ff}.h3d--x .h3d__search .h3d__suggest li small{display:block;margin-top:2px;font-weight:500;font-size:12px;color:#64748b}.h3d--x .h3d__search .h3d__suggest li.is-empty{cursor:default;color:#475569;font-weight:500;font-size:13px}.h3d--x .h3d__search .h3d__suggest li.is-empty:hover{background:0 0}