:root{color-scheme:light;--paper:#f3ead3;--ink:#2a2622;--muted:#5d554a;--acc:#2a2622}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#field{position:fixed;inset:0;width:100vw;height:100dvh;display:block;cursor:crosshair;touch-action:pinch-zoom;outline:none}
#field:focus-visible{outline:3px solid var(--acc);outline-offset:-3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#status{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;color:var(--muted)}
#status[hidden],.readout[hidden]{display:none}
#explore-open{position:fixed;z-index:3;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:600 17px/1 system-ui,sans-serif;cursor:pointer}
#explore-open:hover,#explore-open:focus-visible{background:var(--ink);color:var(--paper)}
.readout{position:fixed;z-index:2;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));pointer-events:none;background:var(--paper);border-left:3px solid var(--acc);padding:8px 12px;font-variant-numeric:tabular-nums}
.readout p{margin:0}.readout .h{font-weight:700;font-size:16px}.readout .f{font-size:12px;color:var(--muted)}
@media(forced-colors:active){#field{border:1px solid CanvasText}}
.readout .l::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}.readout .homes::before{background:#e07a5f}.readout .income::before{background:#6aa9a4}.readout .prices::before{background:#e3b44a}.readout .l{color:var(--muted)}.readout .l.sel{color:var(--ink);font-weight:650}