/* Maxplanations home: the street, cut open */
.street-win { margin: 12px 0 20px; }
.street-tools { margin-bottom: 8px; gap: 6px; }
.street-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 760px) { .street-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; } .street-card { position: sticky; top: 10px; } }
.street-stage { border: 2px solid #000; background: #0b0f1a; line-height: 0; }
.street-svg { display: block; width: 100%; height: auto; max-width: 560px; margin: 0 auto; }
.street-svg .sky0 { stop-color: #79c3ff; } .street-svg .sky1 { stop-color: #ffd9f2; }
.street-svg .sun { fill: #ffd400; }
.street-svg .stars, .street-svg .rain, .street-svg .flow, .street-svg .raccoon { display: none; }
.street-svg .win { fill: #23314a; } .street-svg .win.lit { fill: #23314a; }
.street-svg .lamp { fill: #555; }
.night .street-svg .sky0 { stop-color: #05001a; } .night .street-svg .sky1 { stop-color: #3a0f5e; }
.night .street-svg .stars, .night .street-svg .raccoon { display: inline; }
.night .street-svg .sun { fill: #f2f2e6; }
.night .street-svg .win.lit { fill: #ffe27a; }
.night .street-svg .lamp { fill: #ffe27a; }
.night .street-svg .cloud { opacity: .25; }
.raining .street-svg .rain, .raining .street-svg .flow { display: inline; }
.raining .street-svg .cloud ellipse { fill: #8e98a6; }
.raining .street-svg .sky0 { stop-color: #6e7c8c; } .raining .street-svg .sky1 { stop-color: #b9c3cf; }
.night.raining .street-svg .sky0 { stop-color: #0a0d16; } .night.raining .street-svg .sky1 { stop-color: #2a3240; }
.street-svg .part { cursor: pointer; }
.street-svg .part.on { filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 6px #ffd400); }
.street-svg .tag { cursor: pointer; }
.street-svg .tag rect { fill: #fffff0; stroke: #000; stroke-width: 1.5; }
.street-svg .tag .tagnum { fill: #000080; }
.street-svg .tag .tagn { fill: #fff; font: bold 10px var(--ui); }
.street-svg .tag .tagt { fill: #000; font: bold 13px var(--ui); }
.street-svg .tag.on rect { fill: #000080; }
.street-svg .tag.on .tagt { fill: #fff; }
.street-svg .tag.on .tagnum { fill: #ffd400; }
.street-svg .tag.on .tagn { fill: #000; }
.street-svg .tag:focus { outline: none; }
.street-svg .tag:focus rect { stroke: #ff2bd6; stroke-width: 3; }
.street-card { border: 2px solid #000; background: #fff; padding: 12px 14px; box-shadow: 3px 3px 0 #000; }
.street-card .sc-head { display: flex; gap: 10px; align-items: center; }
.street-card .sc-head b { font: bold 18px var(--sans); }
.street-card .sc-q { font: 17px/1.45 var(--serif); margin: 10px 0; }
.street-card .sc-links { margin: 0 0 12px; padding-left: 20px; }
.street-card .sc-links li { margin: 6px 0; }
.street-card .row { display: flex; gap: 6px; align-items: center; }
.street-card .spacer { flex: 1; }
.street-foot { margin: 8px 0 0; }
@media (prefers-reduced-motion: reduce) { .street-svg .part.on { filter: none; } }