/* 住宅被害レベル：深刻度を色で判別 */
.damage-grid button{border-width:2px;border-left-width:10px;transition:box-shadow .18s,transform .18s}
.damage-grid button:has(.damage-house-total){--level:#c62828;--level-dark:#991b1b;--level-bg:#fff1f1;border-color:var(--level);background:var(--level-bg);color:var(--level-dark)}
.damage-grid button:has(.damage-house-large){--level:#e64a19;--level-dark:#a8320f;--level-bg:#fff3ed;border-color:var(--level);background:var(--level-bg);color:var(--level-dark)}
.damage-grid button:has(.damage-house-mid){--level:#f57c00;--level-dark:#9b4f00;--level-bg:#fff6e8;border-color:var(--level);background:var(--level-bg);color:var(--level-dark)}
.damage-grid button:has(.damage-house-half){--level:#f9a825;--level-dark:#765000;--level-bg:#fff9df;border-color:var(--level);background:var(--level-bg);color:var(--level-dark)}
.damage-grid button:has(.damage-house-semi){--level:#7cb342;--level-dark:#416a1a;--level-bg:#f4fae9;border-color:var(--level);background:var(--level-bg);color:var(--level-dark)}
.damage-grid button:has(.damage-house-partial){--level:#039be5;--level-dark:#075d87;--level-bg:#edf8fe;border-color:var(--level);background:var(--level-bg);color:var(--level-dark)}
.damage-grid button:not(.unknown-damage) small,.damage-grid button:not(.unknown-damage)>b{color:var(--level-dark)}
.damage-grid button:not(.unknown-damage).selected{border-color:var(--level);background:var(--level-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--level) 30%,transparent),0 7px 18px #17364b20;transform:translateY(-1px)}
.damage-grid button:not(.unknown-damage).selected:after{content:"✓ 選択中";justify-self:end;color:#fff;background:var(--level);padding:7px 11px;border-radius:99px;font-size:13px;font-weight:900}
.damage-grid .unknown-damage{border-left:10px solid #78909c;background:#f1f5f6}.damage-grid .unknown-damage.selected{border-color:#607d8b;background:#e9f1f4;box-shadow:0 0 0 4px #90a4ae55}
@media(max-width:650px){.damage-grid button:not(.unknown-damage).selected:after{grid-column:1/-1;justify-self:start;margin-top:4px}}