.map-wrap{--town-grass:#b9ddc6;--town-sky:#d6f0f4;--town-homes:#5f9ec0;--town-roads:#fff7df}.map-wrap:before{content:'';position:absolute;inset:0;border-radius:28px;background:linear-gradient(var(--town-sky),transparent 58%);z-index:-1}.map-wrap .island{background:var(--town-grass)}.map-wrap .road{background:var(--town-roads)}.map-wrap .house.blue{background:var(--town-homes)}.map-wrap .map3d-view{background:linear-gradient(var(--town-sky) 0 53%,var(--town-grass) 54%)}.town-color-button{position:absolute;z-index:8;right:2%;top:183px;border:1px solid #e7c9ba;background:#fff8f4;color:#bd654b;border-radius:18px;padding:8px 11px;font:700 10px 'DM Sans',sans-serif;cursor:pointer}.town-color-panel{display:none;position:absolute;z-index:30;right:2%;top:45px;width:205px;background:#fffdf9;border-radius:13px;padding:16px;box-shadow:0 14px 35px #253d3540}.town-color-panel.open{display:block}.town-color-panel>button:first-child{position:absolute;right:8px;top:7px;border:0;background:none;color:#718386;font-size:18px;cursor:pointer}.town-color-panel h3{font-family:Fraunces,serif;font-size:23px;margin:0 0 10px}.town-color-panel label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;color:#617778;margin:8px 0}.town-color-panel input{width:31px;height:25px;border:0;background:none;padding:0;cursor:pointer}.town-palettes{display:flex;gap:5px;margin:12px 0}.town-palettes button{border:1px solid #dce5df;background:#fff;border-radius:6px;padding:6px;color:#60787b;font:700 9px 'DM Sans',sans-serif;cursor:pointer}.town-color-panel .primary{width:100%;padding:9px;font-size:10px}