/* Portraits et capacités de la collection mythologique. */
.pet-collection-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.pet-collection-note{color:var(--muted,#aba5b5);font-size:.76rem;line-height:1.5;margin:0 0 18px}
.pet-myth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,264px),1fr));gap:18px;align-items:start}
.pet-myth-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid color-mix(in srgb,var(--tier-color) 42%,#282734);border-radius:12px;background:linear-gradient(145deg,#1c1b26,#11151c);color:#e8e1d2;box-shadow:0 12px 28px #0003;min-width:0}
.pet-myth-card.equipped{box-shadow:0 0 0 1px var(--tier-color),0 12px 30px #0005}
.pet-myth-art{position:relative;aspect-ratio:4/5;isolation:isolate;background:#11161b;overflow:hidden}
.pet-myth-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.pet-myth-art::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#151820d9);pointer-events:none}
.pet-myth-rank{position:absolute;top:12px;left:12px;z-index:1;background:#0b101bdc;border:1px solid color-mix(in srgb,var(--tier-color) 50%,transparent);color:var(--tier-color);padding:5px 9px;border-radius:4px;font-size:.75rem;letter-spacing:.07em}
.pet-myth-rank small{display:block;color:#ded8c9;font-size:.59rem;letter-spacing:.13em;text-transform:uppercase;margin-top:2px}
.pet-myth-state{position:absolute;right:12px;bottom:12px;z-index:1;color:#e6cf97;font-size:.67rem;background:#11151dcc;border:1px solid #73613f;padding:4px 9px;border-radius:4px}
.pet-myth-copy{padding:18px;display:flex;flex:1;flex-direction:column;gap:0}
.pet-myth-role{font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:#b8a887;margin:0 0 7px}
.pet-myth-copy h3{font:600 1.45rem/1.1 Georgia,serif;color:#ead3a5;margin:0 0 5px}
.pet-myth-kind{font-size:.78rem;color:#a7a4aa;margin:0}
.pet-myth-level{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:14px 0 3px;padding:9px 0;border-block:1px solid #ffffff0e;font-size:.68rem;color:#c9bfaa}
.pet-myth-ability{padding:14px 0 11px;border-bottom:1px solid #ffffff0c}
.pet-myth-ability>span{font-size:.63rem;letter-spacing:.11em;color:var(--tier-color)}
.pet-myth-ability h4{font:600 .93rem/1.3 Georgia,serif;margin:5px 0 6px;color:#e9e0ca}
.pet-myth-ability p{font-size:.8rem;line-height:1.55;color:#d3cfcc;margin:0}
.pet-myth-ability>small{font-size:.61rem;color:#979ba6;display:block;margin-top:6px}
.pet-myth-ability.secondary>span{color:#9cc3d8}
.pet-myth-passive{font-size:.7rem;color:#d4cdbb;line-height:1.5;margin:12px 0 0}
.pet-myth-passive b{color:#cba771;font-weight:600;margin-right:5px}
.pet-myth-passive small{display:block;font-size:.6rem;color:#99979c;margin-top:2px}
.pet-myth-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pet-myth-actions .btn{flex:1;font-size:.66rem;padding:8px 7px;min-width:75px}
.pet-myth-acquire{font-size:.64rem;color:#a8a09a;margin:14px 0 0;line-height:1.5}
.pet-slot-face.pet-slot-myth{border-radius:9px;width:88px;height:110px}
.pet-slot-face.pet-slot-myth img{object-fit:contain;object-position:center}
.pet-legacy-grid{margin-top:18px}
@media(max-width:420px){.pet-myth-copy{padding:15px}.pet-myth-grid{gap:14px}.pet-myth-art{max-height:400px}.pet-slots{gap:6px}.pet-slot{padding:8px}}