/* Minimal pixel neighborhood. Typography stays readable; only the illustration is pixel art. */
.pixel-neighborhood{--pc-paper:#f3f0e8;--pc-surface:#faf8f2;--pc-ink:#1a1b17;--pc-muted:#65665e;--pc-line:#d6d3ca;--pc-orange:#ff4d24;background:var(--pc-paper);color:var(--pc-ink);padding:26px;min-height:460px;font-family:"Helvetica Neue",Arial,sans-serif}
.pc-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.pc-eyebrow{font:10px ui-monospace,monospace;letter-spacing:1.5px;color:var(--pc-muted)}.pc-heading h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:8px 0}.pc-heading p{font-size:12px;color:var(--pc-muted);margin:0;line-height:1.6}.pc-count{font:12px ui-monospace,monospace;white-space:nowrap}.pc-count b{font-size:18px;font-weight:500}.pc-count>span{color:#9b9b92;padding:0 7px}.pc-neighborhood{margin:0 0 28px}.pc-place-heading{display:flex;align-items:center;gap:9px;padding:0 0 12px;border-bottom:1px solid var(--pc-line);margin-bottom:18px}.pc-place-marker{width:8px;height:8px;flex:none;background:var(--pc-orange)}.pc-place-heading h3{font-size:13px;font-weight:550;margin:0}.pc-place-heading>span:not(.pc-place-marker){font:11px ui-monospace,monospace;color:var(--pc-muted)}.pc-place-heading button,.pc-footer button{margin-left:auto;background:none;border:0;padding:6px 0;color:var(--pc-ink);font:11px Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.pc-street{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-bottom:16px;border-bottom:4px double var(--pc-line);align-items:start}.pc-house{min-width:0;border:1px solid var(--pc-line);border-top:4px solid #687457;background:var(--pc-surface);box-shadow:3px 3px 0 #d6d3ca;border-radius:1px}.pc-house:nth-child(3n+2){border-top-color:#c28a2e}.pc-house:last-child{border-top-color:#b65a3b}.pc-house summary{cursor:pointer;list-style:none;padding:18px;display:block}.pc-house summary::-webkit-details-marker{display:none}.pc-house-top{display:flex;align-items:center;gap:10px;color:#687457}.pc-house:nth-child(3n+2) .pc-house-top{color:#b18437}.pc-house:last-child .pc-house-top{color:#b65a3b}.pc-building{width:40px;height:40px;display:block;image-rendering:pixelated}.pc-block-number{font:10px ui-monospace,monospace;color:var(--pc-muted)}.pc-expand{margin-left:auto;border:1px solid var(--pc-line);width:24px;height:24px;display:grid;place-items:center;color:var(--pc-ink);font:17px ui-monospace,monospace}.pc-house h4{font-size:15px;line-height:1.4;letter-spacing:-.2px;margin:16px 0 5px;font-weight:550;overflow-wrap:anywhere}.pc-house summary>p{font-size:11px;color:var(--pc-muted);line-height:1.5;margin:0 0 18px}.pc-house-bottom{border-top:1px solid var(--pc-line);padding-top:10px;display:flex;justify-content:space-between;gap:10px;font:10px ui-monospace,monospace;line-height:1.5}.pc-house-bottom>span:last-child{white-space:nowrap;color:#555c49}.pc-house[open]{grid-column:1/-1}.pc-house[open] .pc-expand{background:var(--pc-ink);color:var(--pc-surface);font-size:0}.pc-house[open] .pc-expand:after{content:'−';font:17px ui-monospace,monospace}.pc-roster{border-top:1px solid var(--pc-line);display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1px;background:var(--pc-line);padding:1px}.pc-person{display:flex;align-items:flex-start;gap:12px;padding:16px 12px!important;border:0!important;border-radius:0!important;background:var(--pc-surface)!important;text-align:left;min-width:0;color:#687457;cursor:pointer;box-shadow:none!important}.pc-avatar{width:24px;height:28px;flex:none;image-rendering:pixelated;margin-top:2px}.pc-ai{color:var(--pc-orange)}.pc-person-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;color:var(--pc-ink)}.pc-person-copy strong{font-size:12px;font-weight:550;line-height:1.4;overflow-wrap:anywhere}.pc-person-copy>span{font-size:10px;line-height:1.5;color:var(--pc-muted);overflow-wrap:anywhere}.pc-person-copy small{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.5;color:var(--pc-muted)}.pc-signal{width:5px;height:5px;background:#aaa99e;display:inline-block;flex:none}.pc-signal.connected{background:#687457}.pc-signal.working{background:var(--pc-orange)}.pc-person:hover,.pc-selected{background:#ffece3!important}.pixel-neighborhood button:focus-visible,.pc-house summary:focus-visible{outline:2px solid var(--pc-orange);outline-offset:3px}.pc-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--pc-line);padding-top:8px;font-size:10px;color:var(--pc-muted)}.pc-status-note{font-size:10px;line-height:1.7;color:var(--pc-muted);max-width:620px;margin:13px 0 0}.pc-empty{padding:25px 0;font-size:13px;color:var(--pc-muted)}.pc-demo{font:11px ui-monospace,monospace;color:#a93418}.pc-collaborate{margin-top:12px;border:1px solid var(--pc-ink);border-radius:2px;background:var(--pc-surface);padding:10px;color:var(--pc-ink);font-size:12px}
@media(min-width:1300px){.pc-street{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.pixel-neighborhood{padding:20px 14px}.pc-heading{display:block}.pc-heading h2{font-size:23px}.pc-count{margin-top:16px}.pc-street{gap:16px 12px}.pc-house summary{padding:13px}.pc-house h4{font-size:13px}.pc-house-bottom{flex-direction:column;gap:5px}.pc-place-heading{flex-wrap:wrap}.pc-place-heading button{margin-left:0}.pc-footer{flex-wrap:wrap}.pc-footer button{margin-left:0}.pc-roster{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
@media(max-width:400px){.pc-street{grid-template-columns:1fr}}
.tm-root:has(.pixel-neighborhood) .tm-personal-start{padding:12px 16px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:3px;background:#faf8f2}.tm-root:has(.pixel-neighborhood) .tm-personal-start h2{font-size:15px;margin:0}.tm-root:has(.pixel-neighborhood) .tm-personal-start p,.tm-root:has(.pixel-neighborhood) .tm-personal-start .tm-kicker{display:none}.tm-city:has(.pixel-neighborhood){border-color:#d6d3ca;border-radius:3px;overflow:hidden}.pc-place-heading button+button{margin-left:4px}