:root{--top-bar-top: 18px;--top-bar-height: 112px;--side-gap: 18px;--side-panel-width: min(390px, calc(100vw - 36px) );color:#162124;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#f0f7ff}#scene{display:block;width:100vw;height:100vh}.brand-logo{position:fixed;top:18px;left:18px;z-index:2;display:flex;align-items:baseline;gap:3px;pointer-events:none;opacity:.76;color:#fff9df;font-family:Impact,Haettenschweiler,Arial Black,system-ui,sans-serif;font-size:clamp(28px,4vw,54px);font-weight:900;line-height:.9;letter-spacing:0;text-transform:uppercase;filter:drop-shadow(0 8px 14px rgba(24,35,38,.2))}.brand-logo-word{text-shadow:0 2px 0 rgba(0,0,0,.36),0 0 10px rgba(7,78,168,.34)}.brand-logo-3d{color:#ffec35;-webkit-text-stroke:1px rgba(22,33,36,.62);transform:skewY(-7deg);text-shadow:1px 1px 0 #ff6bcb,2px 2px 0 #ff6bcb,3px 3px 0 #26d7ff,4px 4px 0 #26d7ff,5px 5px 0 #143c98,6px 6px 0 #143c98,0 10px 14px rgba(24,35,38,.3)}.poi-label-layer{position:fixed;inset:0;z-index:1;pointer-events:none}.poi-label{position:absolute;left:0;top:12px;max-width:180px;border:1px solid rgba(22,33,36,.14);border-radius:999px;padding:5px 9px;background:#fffcf2f0;color:#263337;font:inherit;font-size:12px;font-weight:850;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 16px #1823262e;cursor:pointer;pointer-events:auto;will-change:transform}.poi-label.active{border-color:#0d718f;background:#0d718f;color:#f6f8f6}.hud{position:fixed;top:var(--top-bar-top);left:50%;transform:translate(-50%);z-index:2;width:min(392px,calc(100vw - 36px));height:var(--top-bar-height);min-width:220px;border-radius:7px;padding:8px;background:#0b4fa8;box-shadow:0 0 0 1px #ffffff8f inset,3px 3px #56439ddb,7px 8px #17242f57,0 16px 32px #18232638;text-align:center}.hud:before{content:"";position:absolute;inset:8px;pointer-events:none;border:4px solid #f8f7ec;border-radius:5px;box-shadow:0 0 0 1px #122c756b,0 2px #ffffff3d inset}.hud .eyebrow,.hud .meta,.hud .controls-row{display:none}.eyebrow{margin:0 0 5px;color:#34606c;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{position:relative;display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:8px 22px 12px;color:#fff7df;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:49px;font-stretch:condensed;font-weight:700;letter-spacing:8px;line-height:.92;text-shadow:0 1px 0 rgba(0,0,0,.34),0 0 1px rgba(255,255,255,.74)}h1:after{content:attr(data-municipality);display:block;margin-top:15px;color:#fff7df;font-size:18px;font-weight:720;letter-spacing:4px;line-height:1}.meta{display:grid;gap:5px;margin:0;color:#344145;font-size:13px;line-height:1.35}.meta span{color:#182326;font-weight:750}.controls-row{margin-top:11px;border-top:1px solid rgba(22,33,36,.12);padding-top:10px;color:#263337;font-size:13px;font-weight:700}.controls-row label{display:inline-flex;align-items:center;gap:8px}.controls-row input{width:16px;height:16px;accent-color:#0d718f}.info-panel{position:fixed;left:18px;bottom:52px;z-index:2;width:min(340px,calc(100vw - 36px));border:1px solid rgba(22,33,36,.16);border-radius:8px;padding:10px 12px;background:#fffcf2e6;box-shadow:0 14px 36px #18232629}.info-panel h2{margin:0;color:#182326;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.info-panel dl{display:none;gap:6px;margin:0}.info-panel dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;color:#344145;font-size:13px}.info-panel dt{font-weight:800}.info-panel dd{margin:0}.poi-panel{position:fixed;top:var(--top-bar-top);right:var(--side-gap);z-index:20;width:var(--side-panel-width);min-height:var(--top-bar-height);min-width:0;border:1px solid rgba(22,33,36,.16);border-radius:8px;padding:12px;background:#fffcf2e6;box-shadow:0 14px 36px #18232629;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poi-title{display:none;align-items:baseline;justify-content:space-between;gap:12px}.poi-title strong{color:#344145;font-size:12px}.poi-panel input{width:100%;height:40px;border:1px solid rgba(22,33,36,.18);border-radius:6px;padding:0 10px;background:#ffffffdb;color:#182326;font:inherit;font-size:13px}.poi-categories{display:none;flex-wrap:wrap;gap:6px;margin-top:9px}.poi-categories button{height:28px;border:1px solid rgba(22,33,36,.16);border-radius:6px;padding:0 9px;background:#ffffffad;color:#263337;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.poi-categories button.active{border-color:#0d718f;background:#0d718f;color:#f6f8f6}.poi-list{display:none;gap:7px;max-height:210px;margin-top:10px;overflow:auto}.poi-panel:focus-within .poi-categories,.poi-panel:focus-within .poi-list,.poi-panel.has-query .poi-categories,.poi-panel.has-query .poi-list{display:flex}.poi-panel:focus-within .poi-list,.poi-panel.has-query .poi-list{display:grid}.poi-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;width:100%;border:1px solid rgba(22,33,36,.12);border-radius:6px;padding:8px;background:#ffffff94;color:#263337;text-align:left;cursor:pointer}.poi-item.active{border-color:#0d718f;background:#0d718f1c}.poi-dot{width:12px;height:12px;margin-top:3px;border-radius:50%;background:#0d718f;box-shadow:0 0 0 2px #0d718f29}.poi-item strong{display:block;color:#182326;font-size:13px;line-height:1.2;overflow-wrap:anywhere}.poi-item span{display:block;margin-top:2px;color:#526064;font-size:12px;line-height:1.25}.poi-detail-panel{position:fixed;top:calc(var(--top-bar-top) + var(--top-bar-height) + 12px);right:var(--side-gap);z-index:4;width:var(--side-panel-width);max-height:calc(100vh - var(--top-bar-top) - var(--top-bar-height) - 58px);overflow:auto;border:1px solid rgba(22,33,36,.16);border-radius:10px;background:#fffcf2f5;box-shadow:0 18px 46px #1823263d}.poi-detail-panel[hidden]{display:none}.poi-detail-preview{position:relative;height:236px;overflow:hidden;background:#f0f7ff}.poi-detail-preview canvas{display:block;width:100%;height:100%}.poi-detail-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#f6f8f6e6;color:#263337;font:inherit;font-size:24px;line-height:1;box-shadow:0 6px 18px #1823262e;cursor:pointer}.poi-detail-body{padding:16px 18px 18px}.poi-detail-body h2{margin:0;color:#182326;font-size:28px;line-height:1.08;overflow-wrap:anywhere}.poi-detail-body p:last-child{margin:12px 0 0;color:#344145;font-size:15px;line-height:1.35}.detail-section{margin-top:18px;border-top:1px solid rgba(22,33,36,.12);padding-top:14px}.detail-section h3{margin:0 0 8px;color:#34606c;font-size:13px;font-weight:850;letter-spacing:0;text-transform:uppercase}.muted{margin:0;color:#526064;font-size:13px;line-height:1.35}.detail-list{display:grid;gap:7px}.detail-list button{width:100%;border:1px solid rgba(22,33,36,.12);border-radius:7px;padding:9px 10px;background:#ffffff94;color:#263337;font:inherit;text-align:left;cursor:pointer}.detail-list strong{display:block;color:#182326;font-size:13px}.detail-list span{display:block;margin-top:2px;color:#526064;font-size:12px}.inhabitant-card{display:grid;gap:11px}.people-preview{display:block;width:100%;height:118px;border:1px solid rgba(22,33,36,.1);border-radius:8px;background:linear-gradient(#f0f7ff 0 62%,#b8d79a 63% 100%)}.inhabitant-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.inhabitant-row.unclaimed{grid-template-columns:minmax(0,1fr)}.inhabitant-row strong{display:block;color:#182326;font-size:14px;line-height:1.2}.inhabitant-row .muted{margin-top:4px;overflow-wrap:normal}.mini-person{width:34px;height:34px;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 50% 30%,#f2c69b 0 30%,transparent 31%),linear-gradient(#0d718f 0 100%);box-shadow:0 0 0 3px #0d718f1f}.claim-button{height:36px;border:0;border-radius:7px;padding:0 12px;background:#0d718f;color:#f6f8f6;font:inherit;font-size:14px;font-weight:850;cursor:pointer}.can-select #scene{cursor:pointer}.attribution{position:fixed;left:0;right:0;bottom:0;z-index:2;max-width:none;border-radius:0;padding:7px 18px;background:#fffcf2e6;color:#2e3a3d;font-size:12px;line-height:1.35;box-shadow:0 -6px 22px #1823261a;text-align:center}.attribution strong{margin-right:6px;color:#182326}.map-panel{position:fixed;right:14px;bottom:96px;z-index:2;width:280px;border:1px solid rgba(22,33,36,.16);border-radius:8px;overflow:hidden;background:#fffcf2eb;box-shadow:0 14px 36px #18232629}.map-toggle{display:none}.map-title{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;color:#344145;font-size:12px}.map-title strong{color:#182326}#map{display:block;width:280px;height:280px;cursor:crosshair}.view-controls{position:fixed;left:50%;bottom:46px;z-index:3;display:flex;align-items:center;gap:6px;transform:translate(-50%);border:1px solid rgba(22,33,36,.16);border-radius:12px;padding:6px;background:#fffcf2eb;box-shadow:0 12px 28px #18232629}.view-controls button{width:34px;height:34px;border:0;border-radius:999px;background:#ffffffb8;color:#263337;font:inherit;font-size:18px;font-weight:900;line-height:1;cursor:pointer}.view-controls button:hover{background:#0d718f;color:#f6f8f6}.altitude-control{position:fixed;left:18px;bottom:106px;display:grid;grid-template-rows:repeat(3,1fr);gap:8px;border:1px solid rgba(22,33,36,.12);border-radius:999px;padding:8px 5px;background:linear-gradient(#fff,#eef5ec);box-shadow:0 12px 28px #18232629}.altitude-control:before{content:"";position:absolute;top:22px;bottom:22px;left:50%;width:2px;transform:translate(-50%);border-radius:999px;background:#16212429}.altitude-control button{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;font-size:15px;border-radius:999px}.altitude-control button span{transform:translateY(-1px)}.altitude-control button:after{content:attr(aria-label);position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);pointer-events:none;opacity:0;border-radius:4px;padding:4px 6px;background:#182326e6;color:#fff;font-size:10px;font-weight:800;white-space:nowrap;transition:opacity .12s ease}.altitude-control button:hover:after{opacity:1}.altitude-control button.active{background:#0d718f;color:#f6f8f6;box-shadow:inset 0 0 0 2px #ffffff5c}.compass-slider{position:relative;width:220px;height:42px;overflow:hidden;border:1px solid rgba(22,33,36,.12);border-radius:999px;background:linear-gradient(#fff,#eef5ec);cursor:ew-resize;touch-action:none}.compass-tape{position:absolute;left:50%;top:0;height:100%;transform:translate(0);will-change:transform}.compass-tick{position:absolute;bottom:8px;width:1px;height:8px;transform:translate(-50%);border-radius:999px;background:#2633376b}.compass-tick.medium{height:13px;background:#2633378f}.compass-tick.major{height:17px;width:2px;background:#0d718fc7}.compass-tick:after{content:attr(data-label);position:absolute;left:50%;top:-5px;transform:translate(-50%,-100%);color:#526064;font-size:11px;font-weight:900;line-height:1;white-space:nowrap}.compass-tick.major:after{color:#182326;font-size:12px}.compass-pointer{position:absolute;left:50%;top:7px;bottom:7px;width:3px;transform:translate(-50%);border-radius:999px;background:#0d718f;box-shadow:0 0 0 3px #0d718f1f}body.compass-dragging{cursor:ew-resize}body.rotate-mode #scene{cursor:grab}.attribution a{color:#0b6880;font-weight:750}.tour-toggle,.map-toggle{position:fixed;right:18px;bottom:54px;z-index:3;height:34px;border:1px solid rgba(22,33,36,.18);border-radius:6px;padding:0 12px;background:#fffcf2eb;color:#263337;font:inherit;font-size:13px;font-weight:800;box-shadow:0 10px 24px #18232624;cursor:pointer}.tour-toggle[aria-pressed=true],.map-toggle[aria-expanded=true]{border-color:#0d718f;background:#0d718f;color:#f6f8f6}.tour-panel{position:fixed;left:50%;bottom:96px;z-index:5;width:min(520px,calc(100vw - 36px));transform:translate(-50%);border:1px solid rgba(22,33,36,.14);border-radius:8px;padding:14px;background:#fffcf2f2;color:#263337;box-shadow:0 18px 42px #18232633}.tour-panel[hidden]{display:none}.tour-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.tour-panel h2{margin:0 0 8px;color:#172327;font-size:22px;line-height:1.1}.tour-panel p[data-tour-text]{margin:0;color:#3d4b4f;font-size:15px;line-height:1.4}.tour-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.tour-actions button{min-width:0;border:1px solid rgba(22,33,36,.14);border-radius:6px;padding:8px 6px;background:#ffffffc7;color:#263337;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.tour-actions button:hover:not(:disabled){border-color:#0d718f;color:#0b6880}.tour-actions button:disabled{opacity:.45;cursor:default}.error{position:fixed;left:18px;bottom:18px;z-index:3;width:min(520px,calc(100vw - 36px));border:1px solid #b64545;border-radius:8px;padding:12px 14px;background:#fff7f3;color:#7d1d1d;font-size:13px;box-shadow:0 12px 30px #361a1629}@media(max-width:640px){:root{--top-bar-top: 10px;--top-bar-height: 82px;--side-gap: 10px;--side-panel-width: min(340px, calc(100vw - 20px) )}.hud{width:min(292px,calc(100vw - 24px));border-width:5px;padding:6px}.brand-logo{display:none}h1{padding:7px 16px 10px;font-size:34px;letter-spacing:4px}h1:after{margin-top:10px;font-size:12px;letter-spacing:2px}.attribution{right:0;bottom:0;padding:4px 10px;font-size:10px;line-height:1.25}.tour-toggle{right:76px;bottom:42px;height:36px;padding:0 10px;font-size:12px}.map-toggle{display:block;right:10px;bottom:42px;height:36px;padding:0 10px;font-size:12px}.tour-panel{left:50%;bottom:134px;width:min(340px,calc(100vw - 20px))}.poi-detail-panel{inset:auto 10px 42px;z-index:6;width:auto;max-height:min(44vh,400px);display:grid;grid-template-rows:124px minmax(0,1fr);overflow:hidden;border-radius:12px}.poi-detail-panel[hidden]{display:none}.poi-detail-preview{display:block;height:124px}.poi-detail-close{position:absolute;top:8px;right:8px;width:36px;height:36px;margin:0;background:#f6f8f6f5}.poi-detail-body{min-height:0;overflow:auto;padding:14px 16px 16px}.poi-detail-body h2{font-size:24px}.poi-detail-body p:last-child{font-size:14px}.view-controls{bottom:84px;gap:4px;padding:5px}.view-controls button{width:32px;height:30px;font-size:16px}.altitude-control button{width:28px;height:28px;font-size:14px}.altitude-control{left:10px;bottom:84px}.compass-slider{width:min(170px,calc(100vw - 198px))}.info-panel{left:10px;bottom:42px;width:calc(100vw - 240px);min-width:170px}.poi-panel{top:calc(var(--top-bar-top) + var(--top-bar-height) + 10px);right:10px;left:10px;width:auto;min-height:0;padding:8px}.poi-panel input{height:44px;font-size:16px}.poi-categories{max-height:72px;overflow:auto}.poi-list{max-height:min(220px,calc(100vh - 250px))}.map-panel{display:none;right:10px;bottom:134px;width:min(220px,calc(100vw - 20px))}.map-panel.open{display:block}#map{width:min(220px,calc(100vw - 20px));height:min(220px,calc(100vw - 20px))}}