:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#20212b;color:#efede5}*{box-sizing:border-box}body{margin:0}main{max-width:750px;margin:auto;padding:18px 10px}header{display:flex;align-items:center;justify-content:space-between;gap:8px}h1{font-size:25px;letter-spacing:.08em}h1 small{font-size:11px;color:#aaa}a{color:#c5c9bc;text-decoration:none;font-size:12px}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;background:#333743;border:1px solid #555c68;border-radius:8px;padding:9px}button:focus-visible{outline:3px solid #ffdb84;outline-offset:2px}button:disabled{opacity:.42;cursor:default}.stats{display:flex;justify-content:space-around;background:#292d37;border-radius:14px;padding:14px}.stats small{display:block;font-size:11px;color:#afb7b9}.stats strong{font-size:23px;font-weight:500}.sub{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;font-size:12px;color:#bbb}#viewport{overflow:auto;border-radius:12px;border:1px solid #495258}#town{position:relative;width:100%;aspect-ratio:1;background:#141c24;isolation:isolate}#roads{position:absolute;width:100%;height:100%;pointer-events:none}#grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr)}.lot{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none}.lot svg{display:block;width:86%;height:86%;margin:7%;filter:drop-shadow(0 1px 1px #0008)}/* Keep status borders inside each parcel so roads remain visible and tappable. */
.lot::after{content:"";position:absolute;inset:9%;border-radius:4px;pointer-events:none;border:1px solid transparent}
.lot.healthy::after{border:3px solid #79ba86;border-radius:8px}
.lot.troubled::after{border:3px solid #f36a64;border-radius:0}
.lot.selected{outline:2px solid #fff1b4;outline-offset:-3px}.lot.related{box-shadow:inset 0 0 0 2px #ffe3a1}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;font-size:12px;color:#b8c1bb}dialog{width:min(94vw,470px);max-height:85dvh;overflow:auto;background:#282e37;color:#eee;border:1px solid #677178;border-radius:18px;padding:22px}dialog::backdrop{background:#090e18b8}dialog h2{font-size:20px;padding-right:25px}.close{position:absolute;right:12px;top:12px}#details{font-size:14px;line-height:1.7;color:#d1d9d0}#details p{margin:8px 0}#choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.choice{text-align:left;display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center}.choice svg{width:40px;height:40px}.choice small{display:block;color:#bbc6bc;font-size:11px;margin-top:4px}#notice{font-size:12px;color:#eed5a3} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}