.pet-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:13px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.pet-tabs>a{padding:10px 17px;border:1px solid transparent;border-radius:4px;font-size:.9375rem;color:var(--muted)}
.pet-tabs>a:hover{color:var(--ink);background:var(--panel)}
.pet-tabs>a.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.pet-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}
.pet-choice{display:flex;align-items:center;gap:12px;padding:15px 12px;background:var(--panel);border:1px solid var(--line);border-radius:5px;min-width:0;transition:border-color .15s,background .15s}
.pet-choice.active{border-color:var(--pet-tint);background:color-mix(in srgb,var(--pet-tint) 9%,var(--panel));box-shadow:inset 0 2px var(--pet-tint)}
.pet-choice:hover{border-color:var(--pet-tint)}
.pet-choice-art{width:62px;height:62px;object-fit:contain;flex-shrink:0}
.pet-choice>span{min-width:0}.pet-choice strong{display:block;font-size:1rem;color:var(--ink);font-weight:600}.pet-choice small{display:block;margin-top:6px;font-size:.75rem;color:var(--muted);white-space:nowrap}
.pet-profile{padding:26px 28px;background:var(--panel);border:1px solid var(--line);border-radius:6px}
.pet-profile-heading{display:flex;align-items:center;gap:20px;padding:0 0 24px}.pet-profile-art{width:112px;height:112px;object-fit:contain}
.pet-profile-heading h2{font-size:1.8rem;font-weight:650;margin:10px 0 6px;letter-spacing:.03em}.pet-profile-heading p{margin:0;color:var(--muted);font-size:.8125rem}
.pet-tags{display:flex;gap:7px}.pet-quality,.pet-season{font-size:.7rem;padding:3px 7px;border-radius:3px;border:1px solid var(--line);line-height:1.5}
.pet-quality{color:var(--pet-tint);border-color:color-mix(in srgb,var(--pet-tint) 35%,var(--line));background:color-mix(in srgb,var(--pet-tint) 7%,var(--panel))}.pet-season{color:var(--muted)}
.pet-max-stat{display:flex;flex-direction:column;margin-left:auto;text-align:right;gap:5px}.pet-max-stat small{font-size:.75rem;color:var(--muted)}.pet-max-stat strong{font:650 1.75rem var(--mono);color:var(--accent)}.pet-max-stat>span{font-size:.6875rem;color:var(--soft)}
.pet-max-attrs{display:flex;align-items:center;flex-wrap:wrap;gap:15px 32px;padding:16px 0 20px;border-top:1px solid var(--line)}
.pet-attribute{display:inline-flex;align-items:baseline;gap:15px;font-size:.875rem;color:var(--muted)}.pet-attribute strong{color:var(--ink);font-family:var(--mono);font-size:1.125rem;font-weight:600}
.pet-max-attrs>small{margin-left:auto;color:var(--soft);font-size:.6875rem}
.pet-detail-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:24px}
.pet-detail-tabs>button{padding:12px 0;color:var(--muted);border:0;border-bottom:2px solid transparent;background:none;font-size:.9375rem;white-space:nowrap}
.pet-detail-tabs>button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
.pet-panel{margin-bottom:22px;min-width:0;padding:23px 25px}.pet-profile .pet-panel{padding:0;border:0;background:transparent;margin-bottom:0;box-shadow:none}
.pet-panel h2{font-size:1.0625rem}.pet-skill-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.pet-skill-icon{width:54px;height:54px;object-fit:contain}
.pet-skill-heading h3{margin:0 0 7px;font-size:1rem;font-weight:600}.pet-skill-heading p{margin:0;font-size:.8125rem;color:var(--muted);line-height:1.8}
.pet-copy{margin:0;font-size:.875rem;line-height:1.85;color:var(--muted)}.pet-table .pet-copy{color:var(--ink);min-width:290px;max-width:620px;white-space:normal}
.pet-table{margin-top:14px;max-width:100%;overflow-x:auto}.pet-table .data-table{min-width:640px}.pet-table .data-table th{font-size:.75rem}.pet-table .data-table td{font-size:.8125rem;vertical-align:middle}
.pet-skill-panel .data-table{min-width:730px}.pet-skill-panel td:last-child{width:50%}
.pet-material{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:.8125rem;color:var(--muted)}.pet-material img{width:25px;height:25px;object-fit:contain}.pet-material b{font-family:var(--mono);font-weight:550;color:var(--ink)}
.pet-costs{display:flex;flex-wrap:wrap;gap:7px 12px}.pet-cost-total{padding:15px 18px;background:var(--panel-2);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:3px;margin-bottom:18px}
.pet-cost-total>span{display:block;color:var(--muted);font-size:.8125rem;margin-bottom:12px}.pet-cost-total>div{display:flex;flex-wrap:wrap;gap:10px 22px}.pet-cost-total>small{display:block;color:var(--soft);font-size:.7rem;margin-top:10px}
.pet-budget{display:flex;align-items:end;flex-wrap:wrap;gap:15px;background:var(--bg);border:1px solid var(--line);padding:17px;border-radius:3px;margin-bottom:20px}
.pet-budget>span:first-child{font-size:.8125rem;color:var(--muted);padding-bottom:12px}.pet-budget .field{width:100px;font-size:.75rem}.pet-budget>span[aria-hidden]{padding-bottom:12px;color:var(--soft)}#pet-level-cost{padding-bottom:8px;display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}
.pet-footnote,.pet-page-note{font-size:.75rem;color:var(--soft);line-height:1.9;margin:15px 0 0}.pet-page-note{padding:0 2px}.pet-inline-link{display:inline-block;margin-top:15px;color:var(--accent);font-size:.8125rem}
.pet-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 35px}.pet-rule-grid h3{margin:0 0 9px;font-size:.9375rem}.pet-rule-grid .pet-copy{font-size:.8125rem}
.pet-wash-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.pet-wash-filters .field{min-width:0}
.pet-pool-summary,.pet-pair-facts,.pet-opening{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 0 20px;border-bottom:1px solid var(--line)}
.pet-pool-summary>div,.pet-pair-facts>div,.pet-opening>div{display:flex;flex-direction:column;gap:9px}.pet-pool-summary small,.pet-pair-facts span,.pet-opening span{font-size:.75rem;color:var(--soft)}
.pet-pool-summary strong,.pet-pair-facts strong,.pet-opening strong{font-weight:600;font-size:1.0625rem;color:var(--ink)}.pet-positive{color:var(--accent)}.pet-negative{color:#c87c77}
.pet-pair-facts+.pet-copy,.pet-opening+.pet-copy{margin-top:18px}.pet-pair-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.pet-pair-picker button{padding:10px 25px;border:1px solid var(--line);border-radius:4px;background:var(--panel);font-size:.875rem;color:var(--muted)}
.pet-pair-picker button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.pet-material-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.pet-material-grid article{display:flex;align-items:flex-start;gap:15px}.pet-tool-art{width:58px;height:58px;object-fit:contain;flex-shrink:0}
.pet-material-grid h3{margin:0 0 8px;font-size:.9375rem}.pet-material-grid .pet-copy{font-size:.8125rem}
@media(max-width:1100px){.pet-choice{flex-direction:column;gap:10px;text-align:center;padding:13px 8px}.pet-choice-art{width:64px;height:64px}.pet-choice small{font-size:.7rem}.pet-profile{padding:22px}.pet-max-attrs>small{margin-left:0}}
@media(max-width:640px){.pet-tabs{gap:4px;margin-bottom:20px}.pet-tabs>a{padding:9px 11px;font-size:.8125rem}.pet-picker{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:128px;overflow-x:auto;scroll-snap-type:x proximity;gap:10px;padding-bottom:7px;margin-bottom:17px}.pet-choice{scroll-snap-align:start}.pet-choice-art{width:62px;height:62px}.pet-profile{padding:19px 15px}.pet-profile-heading{gap:12px;flex-wrap:wrap;padding-bottom:18px}.pet-profile-art{width:82px;height:82px}.pet-profile-heading h2{font-size:1.5rem}.pet-max-stat{min-width:90px;gap:4px}.pet-max-stat strong{font-size:1.4rem}.pet-max-stat small{font-size:.6875rem}.pet-max-attrs{gap:10px 20px;padding:15px 0}.pet-max-attrs>small{width:100%}.pet-attribute{font-size:.75rem;gap:12px}.pet-attribute strong{font-size:1rem}.pet-detail-tabs{gap:18px;overflow-x:auto;margin-bottom:20px}.pet-detail-tabs>button{font-size:.8125rem;padding:11px 0}.pet-panel{padding:19px 16px}.pet-skill-heading{align-items:flex-start}.pet-skill-icon{width:45px;height:45px}.pet-skill-heading p{font-size:.75rem}.pet-skill-panel .data-table{min-width:740px}.pet-cost-total{padding:14px 12px}.pet-cost-total>div{gap:8px}.pet-budget{gap:10px;padding:13px}.pet-budget>span:first-child{width:100%;padding-bottom:0}.pet-budget .field{width:100px}#pet-level-cost{width:100%;margin:0;padding-bottom:0}.pet-rule-grid{grid-template-columns:1fr;gap:20px}.pet-wash-filters{grid-template-columns:1fr 1fr;gap:15px 12px}.pet-pool-summary,.pet-pair-facts,.pet-opening{gap:16px;grid-template-columns:1fr}.pet-pool-summary>div,.pet-pair-facts>div,.pet-opening>div{flex-direction:row;justify-content:space-between;align-items:center}.pet-pool-summary strong,.pet-pair-facts strong,.pet-opening strong{font-size:.9375rem}.pet-material-grid{grid-template-columns:1fr;gap:22px}.pet-pair-picker{gap:7px}.pet-pair-picker button{padding:9px 17px}.pet-tool-art{width:50px;height:50px}}