:root{font-family:'Trebuchet MS',system-ui,sans-serif;color:#294936;background:#163f38}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:14px}.town-shell{width:min(1200px,100%);border-radius:23px;background:#faf7ed;overflow:hidden;box-shadow:0 22px 70px #09241f88}header{height:70px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#fff9df;border-bottom:3px solid #e6cf83}header>a{font-size:14px;color:#385747;text-decoration:none}header>span{font-size:13px;color:#687c5a}.town-sign{background:#fffdf1;border:3px solid #375749;outline:2px solid #fffdf1;border-radius:5px;padding:7px 26px;font-size:24px;font-weight:900;letter-spacing:3px;box-shadow:0 5px 0 #314f3420}.intro{padding:18px 26px 15px;display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7a895e;margin:0 0 5px}h1{font-size:28px;letter-spacing:-.6px;margin:0}#status{font-size:14px;max-width:360px;margin:0;line-height:1.5}.map-wrap{background:#c7dca9}#map{display:block;width:100%;height:auto;max-height:calc(100dvh - 206px);min-height:400px}.grade rect{fill:#faf6dd}.grade text{font-size:12px;font-weight:bold;letter-spacing:1px;text-anchor:middle;fill:#546849}.future{fill:#647e54;font-size:18px;font-weight:bold}.future .small{font-size:12px;font-weight:normal}.shop-name{font-size:12px;font-weight:900;letter-spacing:1px;fill:#3b5343}.shop-caption rect{fill:#fff9e9;stroke:#c0ce9d;stroke-width:2}.shop-caption text{font-size:12px;font-weight:bold;fill:#466340}.building{cursor:pointer;outline:none}.building:hover .house-wall,.building:focus .house-wall{stroke:#fffdf0;stroke-width:6}.building:focus .shop-caption rect{stroke:#315e49;stroke-width:4}.building[aria-disabled=true]{cursor:wait}footer{display:flex;justify-content:space-between;padding:12px 26px;font-size:11px;color:#708065}@media(max-width:700px){body{padding:8px}header{height:61px;padding:0 13px}header>a{font-size:11px}header>span{font-size:10px}.town-sign{font-size:18px;padding:6px 13px;letter-spacing:2px}.intro{padding:14px;display:block}h1{font-size:23px}#status{font-size:12px;margin-top:8px}.map-wrap{overflow-x:auto}#map{width:100%;min-width:700px;min-height:0;max-height:none}footer{padding:12px 14px}footer span:last-child{display:none}}

.shop-caption{opacity:0;pointer-events:none;transition:opacity .15s ease}
.building:hover .shop-caption,.building:focus-visible .shop-caption{opacity:1}
@media(prefers-reduced-motion:reduce){.shop-caption{transition:none}}