:root{--color-bg: #f7f7f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-muted: #666;--color-border: #e0e0dc;--color-accent: #b7282e;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text)}#app{display:flex;flex-direction:column;height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header h1{margin:0;font-size:1.3rem}.tagline{margin:2px 0 0;font-size:.78rem;color:var(--color-muted)}.election-switcher{display:flex;flex-direction:column;font-size:.7rem;color:var(--color-muted);gap:2px}.election-switcher select{font-size:.9rem;padding:4px 8px}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:minmax(0,1fr) auto;min-height:0;position:relative}.map-container{grid-column:1;grid-row:1;position:relative;min-height:0;min-width:0}.furusato-strip{grid-column:1;grid-row:2;background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 12px 10px;min-width:0}.strip-header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.strip-title{font-size:.85rem;font-weight:700}.strip-note{font-size:.7rem;color:var(--color-muted)}.strip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.muni-card{flex:0 0 128px;border:1px solid var(--color-border);border-radius:8px;padding:6px;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:4px}.muni-card:hover{border-color:#2e7d32;box-shadow:0 1px 4px #0000001f}.muni-card-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%;aspect-ratio:1;border-radius:5px;overflow:hidden}.thumb-cell{display:block;aspect-ratio:1;background:#f2f2ef;overflow:hidden}.thumb-cell img{width:100%;height:100%;object-fit:cover;display:block}.thumb-cell:hover img{opacity:.85}.thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:1.6rem;opacity:.5}.muni-card-name{font-size:.82rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:100;padding:16px}.muni-modal{background:var(--color-surface);border-radius:10px;width:min(720px,100%);max-height:84vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:1.05rem}.modal-body{overflow-y:auto;padding:12px 16px}.modal-empty{color:var(--color-muted);font-size:.9rem;line-height:1.8}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.item-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;border:1px solid var(--color-border);border-radius:8px;padding:6px}.item-card:hover{border-color:#2e7d32}.item-thumb{display:block;width:100%;aspect-ratio:1;border-radius:5px;overflow:hidden;background:#f2f2ef}.item-thumb img{width:100%;height:100%;object-fit:cover;display:block}.item-name{font-size:.72rem;line-height:1.35;max-height:2.7em;overflow:hidden}.item-price{font-size:.8rem;font-weight:700;color:#b7282e}.modal-footer{padding:10px 16px;border-top:1px solid var(--color-border);font-size:.85rem}.cards-hint{margin-top:14px;font-size:.8rem;color:#2e7d32;background:#f0f7f0;border-radius:6px;padding:8px 10px}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-muted)}.map-legend{position:absolute;left:12px;top:12px;background:#ffffffeb;border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;font-size:.78rem;display:flex;flex-direction:column;gap:4px;max-height:60%;overflow-y:auto;pointer-events:none}.legend-title{font-weight:700;font-size:.72rem;color:var(--color-muted)}.legend-item{display:flex;align-items:center;gap:6px}.japan-map{width:100%;height:100%;display:block;touch-action:none;background:#dfe9ef}.map-ocean{fill:#dfe9ef}.district{fill:#eceadf;stroke:#b9b5a7;stroke-width:.7;stroke-linejoin:round;cursor:pointer;vector-effect:non-scaling-stroke}.district:hover{fill:#ddd9c8}.district.selected{fill:#f5f2e4;stroke:#1a1a1a;stroke-width:2}.dots-layer{pointer-events:none}.seat-dot{stroke:#fff;stroke-width:1}.detail-panel{grid-column:2;grid-row:1 / span 2;max-width:100%;min-height:0;background:var(--color-surface);border-left:1px solid var(--color-border);padding:16px;overflow-y:auto}.panel-empty{color:var(--color-muted);font-size:.9rem;line-height:1.7}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h2{margin:0;font-size:1.2rem}.close-button{border:none;background:none;font-size:1.4rem;cursor:pointer;color:var(--color-muted);line-height:1}.election-name{margin:4px 0 12px;font-size:.8rem;color:var(--color-muted)}.detail-panel h3{font-size:.95rem;margin:16px 0 8px;border-left:4px solid var(--color-accent);padding-left:8px}.candidate-list,.municipality-list{list-style:none;margin:0;padding:0}.candidate{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid var(--color-border);font-size:.9rem}.candidate.elected{background:#fffbe8}.party-chip{width:10px;height:10px;border-radius:50%;flex-shrink:0}.candidate-name{font-weight:600}.candidate-party{color:var(--color-muted);font-size:.8rem}.candidate-votes{margin-left:auto;font-size:.8rem;color:var(--color-muted);white-space:nowrap}.elected-badge{background:var(--color-accent);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:3px;white-space:nowrap}.municipality-list li{border-bottom:1px solid var(--color-border)}.municipality-link{display:flex;align-items:center;gap:8px;padding:10px 4px;text-decoration:none;color:inherit;font-size:.92rem}.municipality-link:hover{background:#f4f9f4}.municipality-name{font-weight:600}.part-note{font-size:.72rem;color:var(--color-muted)}.furusato-cta{margin-left:auto;color:#2e7d32;font-size:.8rem;white-space:nowrap}.no-data{color:var(--color-muted);font-size:.85rem;padding:8px 4px}.source,.affiliate-note{font-size:.72rem;color:var(--color-muted)}.site-footer{padding:8px 16px;font-size:.7rem;color:var(--color-muted);background:var(--color-surface);border-top:1px solid var(--color-border)}.site-footer p{margin:0}@media(max-width:800px){#app{height:auto;min-height:100vh}.site-header{flex-wrap:wrap}.site-header h1{white-space:nowrap;font-size:1.15rem}.tagline{display:none}.layout{display:flex;flex-direction:column}.map-container{min-height:0;flex:none;height:min(95vw,50vh)}.muni-card{flex-basis:116px}.map-legend{flex-direction:row;flex-wrap:wrap;column-gap:10px;max-width:calc(100% - 24px);font-size:.7rem;padding:6px 8px}.legend-title{width:100%}.detail-panel{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:50vh}}