:root{--bg:#fff7e8;--surface:#fff;--ink:#2b2118;--muted:#7a6a5a;--primary:#ff7a45;--primary-ink:#fff;--accent:#06d6a0;--danger:#d6344f;--road:#4a4a5a;--border:#2b2118;--radius:16px;--shadow:0 4px 0 var(--border);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:var(--bg);overscroll-behavior-y:none}h1{margin:0 0 8px;font-size:1.6rem;line-height:1.2}p{line-height:1.45}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}.topbar{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--primary);color:var(--primary-ink);border-bottom:3px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar-street{flex-direction:column;min-width:0;display:flex}.topbar-street-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:800;overflow:hidden}.topbar-city{opacity:.9;font-size:.8rem}.coins{border:3px solid var(--border);color:var(--ink);font-variant-numeric:tabular-nums;background:#ffd166;border-radius:999px;flex-shrink:0;padding:6px 12px;font-weight:800}.content{flex:1;padding:16px;overflow-y:auto}.bottomnav{border-top:3px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.bottomnav a{min-height:60px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.bottomnav a span{font-size:1.4rem}.bottomnav a.active{color:var(--primary)}.splash{height:100%;color:var(--muted);place-items:center;font-weight:700;display:grid}.card{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.btn{border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:52px;color:var(--ink);font:inherit;box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:0 20px;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--border);transform:translateY(3px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-danger{background:var(--danger);color:#fff}.confirm{width:100%}.confirm p{margin:0 0 10px;font-weight:700}.btn-link{min-height:44px;box-shadow:none;color:var(--muted);background:0 0;border:none;font-size:.95rem;font-weight:700;text-decoration:underline}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}.field input{border:3px solid var(--border);min-height:52px;font:inherit;background:#fffdf8;border-radius:12px;padding:0 14px;font-size:1.05rem}.field input:focus{outline:3px solid var(--primary);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--danger)}.error{color:var(--danger);font-weight:700}.hint{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.badge{color:#a1461f;background:#ffe3d6;border-radius:999px;margin:0 0 12px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.facts{padding-left:20px;line-height:1.8}.actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.placeholder{flex-direction:column;align-items:flex-start;display:flex}.claim{max-width:480px;min-height:100%;padding:calc(24px + env(safe-area-inset-top)) 16px 24px;margin:0 auto}.claim-hero{text-align:center;margin-bottom:20px}.claim-login{width:100%;margin-bottom:16px}.claim-hero img{border:3px solid var(--border);box-shadow:var(--shadow);border-radius:22px}.claim-hero h1{margin-top:16px;font-size:2rem}.claim-form{flex-direction:column;gap:16px;display:flex}.street-screen,.plot-screen{flex-direction:column;gap:12px;display:flex}.street-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;margin:0 -16px;overflow-x:auto}.street-svg{width:auto;max-width:none;height:clamp(340px,52vh,520px);display:block}.lot[role=button]{cursor:pointer;outline:none}.lot[role=button]:hover .lot-ground,.lot[role=button]:focus-visible .lot-ground{stroke:var(--primary);stroke-width:5px}.street-hint{margin-top:-4px}.subtle{color:var(--muted);font-size:.85rem}.rentbar-toast{border:2px solid var(--border);background:var(--accent);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800;position:absolute;top:-14px;right:16px}.notice p{margin:0 0 10px}.plot-screen h1,.plot-screen .subtle{margin:0}.back{align-self:flex-start;min-height:32px;padding:0}.plot-preview{background:#d8f3dc;justify-content:center;display:flex}.facade-preview{width:100%;display:block}h2{margin:8px 0 0;font-size:1.2rem}.picker{flex-direction:column;gap:12px;display:flex}.picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.picker-head h2{margin:0}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#d8f3dc;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.template-card:active{box-shadow:0 1px 0 var(--border);transform:translateY(3px)}.template-card:focus-visible,.btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.template-card .facade-preview{height:110px}.dice-preview{background:#d8f3dc;animation:.25s ease-out pop}@keyframes pop{0%{transform:scale(.94)rotate(-1deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.dice-preview{animation:none}}.price-card{flex-direction:column;gap:4px;display:flex}.price{font-variant-numeric:tabular-nums;font-size:2rem}.btn-wide{width:100%}.missing p{margin:0 0 8px}.street-search{flex-direction:column;gap:8px;display:flex}.hint.left{text-align:left}.search-results{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.search-result,.chosen-street{border:3px solid var(--border);width:100%;font:inherit;color:var(--ink);text-align:left;background:#fffdf8;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.search-result{cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:flex-start;gap:0;min-height:52px}.search-result:hover,.search-result:focus-visible{background:#ffe3d6;outline:none}.search-result span,.chosen-street span{color:var(--muted);font-size:.9rem}.chosen-street{background:#d8f3dc}.chosen-street>div{flex-direction:column;min-width:0;display:flex}.search-unavailable p{color:var(--danger);margin:0 0 8px;font-weight:700}.btn-inline{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:800;text-decoration:underline}.attribution{color:var(--muted);margin:0;font-size:.7rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.builder{flex-direction:column;gap:12px;display:flex}.builder-head{align-items:center;gap:8px;display:flex}.builder-name{flex:1;min-width:0}.builder-name input{width:100%;font-weight:800}.builder-stage{background:#d8f3dc;padding:8px}.editor-canvas{touch-action:manipulation;width:100%;max-height:46vh;display:block}.editor-cell{fill:#0000;stroke:#0000;stroke-width:2px;cursor:pointer;outline:none}.editor-cell.target{fill:#ff7a451f;stroke:var(--primary);stroke-dasharray:5 4}.editor-cell.erasing:hover,.editor-cell.erasing:focus-visible{fill:#d6344f33;stroke:var(--danger)}.editor-cell:focus-visible,.editor-cell.active{stroke:var(--ink);stroke-width:3px;stroke-dasharray:none}.builder-stats{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.builder-rent{font-variant-numeric:tabular-nums;font-size:1.3rem}.stepper{align-items:center;gap:8px;margin-left:auto;font-weight:700;display:flex}.stepper .btn{width:44px;min-height:40px;padding:0;font-size:1.3rem}.palette{border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:10px;display:flex}.palette-tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.palette-tabs button{border:2px solid var(--border);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;background:#fffdf8;border-radius:10px;flex:1 0 auto;padding:0 8px;font-size:.8rem;font-weight:800}.palette-tabs button.selected{background:var(--primary);color:var(--primary-ink)}.palette-parts{scrollbar-width:thin;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.palette-part{border:2px solid var(--border);color:var(--ink);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;background:#fffdf8;border-radius:12px;flex-direction:column;flex:0 0 84px;align-items:center;gap:2px;padding:6px 4px;font-size:.72rem;font-weight:700;line-height:1.15;display:flex}.palette-part.selected{border-width:3px;border-color:var(--primary);background:#ffe3d6}.palette-part.locked .part-thumb{opacity:.45;filter:grayscale(.6)}.palette-part small{color:#a1461f;font-weight:800}.part-thumb{width:52px;height:52px}.palette-hint{margin:0}.unlock-offer p{margin:0 0 8px}.builder-errors{color:var(--danger);margin:0;padding-left:20px;font-weight:700}.neighborhood,.share-screen{flex-direction:column;gap:12px;display:flex}.neighborhood h1,.share-screen h1,.share-screen>.subtle{margin:0}.map-card{padding:8px}.map{width:100%;display:block}.map-node{cursor:pointer;outline:none}.map-node:hover .map-avatar,.map-node:focus-visible .map-avatar{stroke:var(--primary);stroke-width:4px}.news{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.news li{background:var(--surface);border:2px solid #e3dccf;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.news li.unread{border-color:var(--primary);background:#fff1ea}.news-avatar{font-size:1.4rem;line-height:1}.news li>div{flex-direction:column;gap:2px;display:flex}.news a{color:var(--ink);font-weight:700;text-decoration:none}.news small{color:var(--muted)}.neighbor-head{align-items:center;gap:12px;display:flex}.neighbor-head h1,.neighbor-head .subtle{margin:0}.neighbor-avatar{border:3px solid var(--border);background:#fff7e8;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid}.bottomnav a{position:relative}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;line-height:20px;position:absolute;top:6px;left:calc(50% + 8px)}.upgrade-card{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.upgrade-card h2,.upgrade-card p{margin:0}.share-preview{place-items:center;min-height:160px;padding:8px;display:grid}.share-preview img{border-radius:8px;width:100%;display:block}.share-source{pointer-events:none;width:1200px;position:absolute;top:0;left:-10000px}.title-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.title-row h1{overflow-wrap:anywhere;margin:0}.title-row .btn-link{min-height:32px;padding:0}.rename{flex-direction:column;gap:8px;display:flex}.sound-toggle{border:3px solid var(--border);cursor:pointer;touch-action:manipulation;background:#fff7e8;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:auto;font-size:1.1rem;display:grid}.litter.tappable{cursor:pointer;outline:none}.litter.tappable:focus-visible circle{stroke:var(--primary);stroke-width:3px}.litter .fly{animation:.6s ease-in-out infinite alternate buzz}.litter .fly-b{animation-duration:.45s}@keyframes buzz{0%{transform:translate(-2px,1px)}to{transform:translate(3px,-2px)}}.reward-popup{paint-order:stroke;stroke:#fff;stroke-width:4px;animation:1s ease-out forwards rise}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.voice-bubble{cursor:pointer;outline:none}.voice-bubble:focus-visible path{stroke:var(--primary)}@media (prefers-reduced-motion:reduce){.litter .fly,.reward-popup{animation:none}}.voices{flex-direction:column;gap:8px;display:flex}.voices h2{margin:0}.voices ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.voice{border:3px solid var(--border);background:var(--surface);border-radius:14px;gap:10px;padding:10px 12px;transition:transform .2s;display:flex}.voice>div{flex-direction:column;gap:2px;display:flex}.voice small{color:var(--muted);font-weight:700}.voice span:last-child{font-size:.9rem}.voice-emoji{font-size:1.8rem;line-height:1}.voice-wish{background:#fff6db}.voice-complaint{background:#ffe8ea}.voice-praise{background:#e6f7ea}.voice.highlight{box-shadow:0 0 0 4px var(--primary);transform:scale(1.03)}.use-picker{flex-direction:column;gap:6px;display:flex}.use-picker .subtle{margin:0}.segmented{border:3px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{min-height:46px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fffdf8;border:none;font-weight:800}.segmented button+button{border-left:3px solid var(--border)}.segmented button.selected{background:var(--primary);color:var(--primary-ink)}.neighbor-mine{border-color:var(--primary);background:#fff1ea}.greeting p{margin:0;font-weight:700}.vehicle[role=button]{cursor:pointer}.honk.ufo-alert{color:#b7ff5a;background:#1b1f3a;border-color:#b7ff5a}.honk{border:2px solid var(--border);background:#fff6db;border-radius:12px;margin:0;padding:8px 12px;font-weight:800}.garage-link{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.garage-link>span:first-child{font-size:2rem}.garage-link span{flex-direction:column;display:flex}.garage-link small{color:var(--muted)}.garage{flex-direction:column;gap:12px;display:flex}.garage h1,.garage h2,.garage>.subtle{margin:0}.garage-list,.car-shop{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.garage-car,.shop-car{flex-direction:column;gap:8px;display:flex}.garage-car-info,.shop-car-head>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.shop-car-head{justify-content:space-between;gap:12px;display:flex}.shop-price{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1.1rem}.car-preview{background:#d8f3dc;border-radius:12px;width:100%;max-height:110px;display:block}.car-preview[role=button]{cursor:pointer}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--border);cursor:pointer;touch-action:manipulation;border-radius:50%;width:34px;height:34px}.swatch.selected{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--primary)}.swatch:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.car-form{flex-direction:column;gap:8px;display:flex}.plate{border:2.5px solid var(--border);letter-spacing:.06em;background:#fff;border-radius:6px;align-items:stretch;font-family:DIN Alternate,Arial Narrow,system-ui,sans-serif;font-size:1.15rem;font-weight:900;line-height:1;display:inline-flex;overflow:hidden}.plate>:not(.plate-eu){padding:6px 10px}.plate-eu{color:#fff;background:#1a4fb5;place-items:end center;padding:3px 5px;font-size:.65rem;display:grid}.account-card{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.account-card p{margin:0}.account-streets{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.street-choice{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.street-choice-item{text-align:left;width:100%;font:inherit;cursor:pointer;align-items:center;gap:12px;display:flex}.street-choice-item>span:nth-child(2){flex-direction:column;flex:1;display:flex}.street-choice-item small{color:var(--muted,#7a6a5a)}.street-choice-item em{color:#ff7a45;white-space:nowrap;font-style:normal;font-weight:800}.street-choice-item:disabled{opacity:1}.street-choice-item.active{cursor:default;border-color:#ff7a45}.street-choice-item.active em{color:#2d6a4f}.account-form .segmented{margin-bottom:4px}.claim-intro{text-align:center}.claim-streets{margin-bottom:16px}.attach-form{flex-direction:column;gap:8px;width:100%;display:flex}.account-card.warn{border-color:var(--danger)}.recovery-code{letter-spacing:.06em;border:2px dashed var(--border);background:var(--bg);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:10px;padding:6px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:800}.city-players{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.city-player{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.city-player>span:first-child{font-size:1.8rem}.city-player span{flex-direction:column;min-width:0;display:flex}.city-player small{color:var(--muted)}.coins.negative{color:var(--danger);background:#ffd6dc}.wellbeing{flex-direction:column;gap:8px;display:flex}.wellbeing.warn{border-color:var(--danger)}.wellbeing-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.wellbeing-trend{font-size:.9rem;font-weight:800}.wellbeing-trend.up{color:#2d7a3e}.wellbeing-trend.down{color:var(--danger)}.meter{border:2px solid var(--border);background:var(--bg);border-radius:999px;height:10px;overflow:hidden}.meter span{background:var(--accent);height:100%;transition:width .6s;display:block}.needs{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.needs .missing{font-weight:700}.needs small{color:var(--muted);font-weight:600}.building-economy{margin:0}.more-neighbors{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.9rem;display:flex}.chip{border:2px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-weight:700;text-decoration:none;display:inline-flex}.badboys h2,.security h2{margin:0 0 4px}.security h2 small{color:var(--muted);font-size:.8rem}.security{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.security p{margin:0}.badboy-list{flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.badboy-list li{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.badboy-emoji{font-size:1.8rem}.badboy-info{flex-direction:column;min-width:0;display:flex}.badboy-info small{color:var(--muted)}.badboy-info .badboy-effect{color:var(--danger);font-weight:700}.badboy-result{color:#2d7a3e;font-weight:800}.damage-card{border-color:var(--danger);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.damage-card p{margin:0}.newspaper{border:3px solid var(--border);box-shadow:var(--shadow);color:#1d1a16;background:#fbf8f1;border-radius:6px;flex-direction:column;gap:12px;padding:16px;font-family:Georgia,Times New Roman,serif;display:flex}.paper-masthead{text-align:center;border-bottom:4px double #1d1a16;padding-bottom:8px}.paper-masthead h1{letter-spacing:.02em;margin:0;font-size:clamp(2rem,11vw,2.8rem);font-style:italic;font-weight:900}.paper-masthead p{text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #1d1a16;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:6px 0 0;padding-top:4px;font-size:.78rem;display:flex}.newspaper a{color:inherit;text-decoration:none}.paper-lead h2{margin:0 0 6px;font-size:clamp(1.6rem,8vw,2.2rem);line-height:1.1}.paper-lead p,.paper-story p{margin:0;line-height:1.45}.paper-lead.bad h2,.paper-story.bad h3{color:#9d1c2e}.paper-lead.good h2,.paper-story.good h3{color:#1f5f32}.paper-columns{border-top:2px solid #1d1a16;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding-top:10px;display:grid}.paper-story h3{margin:0 0 4px;font-size:1.1rem;line-height:1.2}.paper-footer{text-align:center;border-top:1px solid #1d1a16;margin:0;padding-top:6px;font-size:.8rem;font-style:italic}.paper-teaser{color:var(--ink);align-items:center;gap:12px;font-family:Georgia,Times New Roman,serif;text-decoration:none;display:flex}.paper-teaser>span:first-child{font-size:2rem}.paper-teaser span{flex-direction:column;display:flex}.paper-teaser small{color:var(--muted);font-family:inherit}.badboy-list .btn{white-space:nowrap;min-height:0;padding:8px 12px;font-size:.95rem}.pet-card{align-items:center;gap:12px;display:flex}.pet-emoji{font-size:2.2rem;line-height:1}.pet-emoji.big{font-size:2.8rem}.pet-stats{color:#7a4a2a;font-size:.85rem;font-weight:700;display:block}.street-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"status""street""panel";gap:12px;display:grid}.street-status{grid-area:status}.street-main{flex-direction:column;grid-area:street;gap:8px;min-width:0;display:flex}.street-panel{flex-direction:column;grid-area:panel;gap:12px;min-width:0;display:flex}.statusbar{flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.status-cash{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:12px;display:grid}.status-label{color:var(--muted);grid-column:1;font-size:.8rem;font-weight:700}.status-amount{font-variant-numeric:tabular-nums;grid-column:1;font-size:1.5rem}.status-cash .btn{grid-area:1/2/span 2}.status-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.status-chip{border:2px solid var(--border);background:var(--bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:8px 10px;display:flex}.status-chip span{color:var(--muted);white-space:nowrap;font-size:.75rem;font-weight:700}.status-chip strong{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.95rem;overflow:hidden}.status-chip.good strong{color:#2d7a3e}.status-chip.bad{border-color:var(--danger);background:#ffe8ec}.status-chip.bad strong{color:var(--danger)}.status-detail{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.tabs{border:3px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;scroll-margin-top:8px;display:grid}.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:.78rem;font-weight:800;display:flex;position:relative}.tabs button span{font-size:1.2rem}.tabs button.selected{background:var(--primary);color:var(--primary-ink)}.tab-dot{background:var(--danger);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;right:calc(50% - 20px)}.tab-panel{flex-direction:column;gap:12px;display:flex}.shop-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shop-tile{color:var(--ink);flex-direction:column;gap:2px;padding:12px;text-decoration:none;display:flex}.shop-tile>span:first-child{font-size:1.8rem}.shop-tile small{color:var(--muted)}.incidents h2{margin:0 0 6px}@media (orientation:landscape) and (width>=700px){.app{max-width:1280px}.street-layout{grid-template:"street status""street panel"1fr/minmax(0,3fr) minmax(300px,2fr);align-items:start}.street-main{position:sticky;top:0}.street-scroll{border:3px solid var(--border);border-radius:var(--radius);margin:0}.street-svg{height:clamp(220px,100dvh - 190px,620px)}}@media (orientation:landscape) and (height<=520px){.topbar{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px}.topbar-street-name{font-size:.95rem}.bottomnav a{flex-direction:row;gap:6px;min-height:44px}.bottomnav a span{font-size:1.1rem}.content{padding:10px 12px}.street-svg{height:clamp(200px,100dvh - 140px,520px)}}.honk.show-note{background:#fff4d6;border-color:#ff7a45}