.resident-health{display:grid;gap:3px;margin:6px 0 8px;color:#e9dfc4;font-size:10px}
.resident-health-head{display:flex;justify-content:space-between;gap:8px}
.resident-health-track{height:7px;border:1px solid #b9ae7e80;border-radius:5px;background:#101b18;overflow:hidden}
.resident-health-track i{display:block;height:100%;background:#9ab874;transition:width .2s ease}
.resident-health.is-hurt .resident-health-track i{background:#d99b61}
.resident-health.is-critical .resident-health-track i{background:#d96758}
.battle-history{margin:10px 0;border:1px solid #7d937b70;border-radius:5px;padding:7px 9px;background:#23392f;color:#e9e4cc;font-size:10px}
.battle-history summary{cursor:pointer;color:#f5d9a0;font-weight:700}
.battle-history p{margin:7px 0 4px;line-height:1.35}
.battle-history ol{margin:3px 0 0;padding-left:17px;line-height:1.4}
.battle-history li+li{margin-top:3px}
.raider-battle-art{display:flex;gap:6px;overflow-x:auto;padding:6px 0 8px}
.raider-battle-art[hidden]{display:none}
.raider-battle-art figure{flex:0 0 62px;margin:0;text-align:center;color:#d9d5ba}
.raider-battle-sprite{display:block;width:64px;height:64px;background-color:#30483a;background-size:256px 64px;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated;border-radius:6px;animation:raider-battle-cycle .8s steps(4) infinite}
#battleHistory:not([open]) .raider-battle-sprite{animation-play-state:paused}
@keyframes raider-battle-cycle{to{background-position:-256px 0}}
.raider-battle-art figcaption{margin-top:3px;font-size:9px;line-height:1.2}

/* B104 IN107: keep the native illustration beside the report on PC/Mac. */
#dragonRaidCard{box-sizing:border-box;font-size:12px;line-height:1.4}
#dragonRaidCard h3{margin:0 0 8px;font-size:15px}
.dragon-raid-event-body{display:grid;grid-template-columns:minmax(0,min(320px,40vh)) minmax(0,1fr);gap:12px;align-items:start;margin-bottom:10px}
.dragon-raid-event-body[hidden]{display:none}
.dragon-raid-event-art{width:100%;height:auto;aspect-ratio:4/3;image-rendering:pixelated}
.dragon-raid-event-report{min-width:0;overflow-wrap:anywhere}
#dragonRaidCard>button{margin:0 6px 4px 0;min-height:32px}