/* Live feed cards share the catalog's rarity palette and hover behavior. */
.live-wrap .live-summary{grid-template-columns:1fr}
.live-wrap #history{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.live-wrap #history .spawn-card{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:0;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--live-tag,var(--line));border-radius:18px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.live-wrap .rarity-common{--live-tag:#b7beca}.live-wrap .rarity-uncommon{--live-tag:#77dba7}.live-wrap .rarity-rare{--live-tag:#69aefd}.live-wrap .rarity-epic{--live-tag:#bd8cff}.live-wrap .rarity-legendary{--live-tag:#ffd35a}.live-wrap .rarity-mythic{--live-tag:#ff7d96}.live-wrap .rarity-cosmic{--live-tag:#cf99ff}.live-wrap .rarity-secret{--live-tag:#80e4d9}.live-wrap .rarity-eternal{--live-tag:#ffc3ed}.live-wrap .rarity-divine{--live-tag:#ffee8c}.live-wrap .rarity-unknown{--live-tag:#b7beca}
.live-wrap #history .spawn-art{height:168px;padding:18px;border-radius:0;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--live-tag,#b7beca) 20%,transparent),transparent 80%),var(--panel2)}
.live-wrap #history .spawn-art img{width:132px;height:132px;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 8px 7px rgba(0,0,0,.15))}
.live-wrap #history .spawn-art>span{font-size:3rem}
.live-wrap #history .spawn-copy{padding:16px;flex:1;min-width:0}
.live-wrap #history .spawn-rarity,.live-wrap #alert-rarities .live-rarity{display:inline-block;padding:4px 8px;border:1px solid var(--live-tag,#b7beca);border-radius:6px;background:var(--live-tag,#b7beca);color:#172033;font-size:.66rem;line-height:1.3;font-weight:850;letter-spacing:0;text-transform:none}
.live-wrap #history .spawn-copy h3{margin:10px 0 6px;font-size:1rem;line-height:1.35;overflow-wrap:anywhere;color:var(--ink)}
.live-wrap #history .spawn-copy p{font-size:.8rem;line-height:1.4;color:var(--muted)}
.live-wrap #history .spawn-copy small{display:block;margin-top:8px;font-size:.75rem;line-height:1.4;overflow-wrap:anywhere;color:var(--muted)}
.live-wrap #history .spawn-card time{display:block;grid-column:auto;text-align:left;margin:0;padding:11px 16px;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}
.live-wrap #alert-rarities label{display:flex;align-items:center;min-width:0;gap:6px}
.live-wrap #alert-rarities input{flex-shrink:0;margin:0}
@media(hover:hover){.live-wrap #history .spawn-card:hover{transform:scale(.965);box-shadow:0 0 0 2px var(--live-tag,var(--cyan));border-color:var(--live-tag,var(--cyan))}.live-wrap #history .spawn-card:hover img{transform:scale(1.17)}}
@media(max-width:480px){.live-wrap #history{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-wrap #history .spawn-card{border-radius:14px}.live-wrap #history .spawn-art{height:140px;padding:12px}.live-wrap #history .spawn-art img{width:110px;height:110px}.live-wrap #history .spawn-copy{padding:12px}.live-wrap #history .spawn-copy h3{font-size:.9rem}.live-wrap #history .spawn-card time{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.live-wrap #history .spawn-card,.live-wrap #history .spawn-art img{transition:none}.live-wrap #history .spawn-card:hover,.live-wrap #history .spawn-card:hover img{transform:none}}
