.pet-list{grid-template-columns:repeat(auto-fill,minmax(265px,1fr))}
.pet-card{background:var(--pet-quality,#f3f5f7);border-color:#34495870;outline:1px solid #ffffff80;outline-offset:-2px}
.pet-card.selected{border-color:#243e54;box-shadow:0 0 0 1px #243e54}
.pet-card .index-select{min-height:106px;background:transparent;color:var(--ui-fg-173044,#173044)}
.pet-card:not(.selected)>.index-select{height:var(--pet-card-height,auto)}
.pet-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pet-name strong{font-size:17px;line-height:1.4}
.pet-name .pet-rank{width:46px;height:27px;object-fit:contain}
.pet-name-with-head{flex-wrap:nowrap}.pet-name-text{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.pet-name .pet-name-head{width:52px;height:58px;object-fit:contain;flex-shrink:0}
.pet-traits{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.pet-trait{display:inline-flex;align-items:center;gap:4px;background:#ffffffe6;border-radius:4px;padding:2px 6px;font-size:13px;font-weight:700;line-height:24px}
.pet-trait img{width:23px!important;height:23px!important;object-fit:contain}
.pet-role[data-kind="1"]{color:#a52a24}.pet-role[data-kind="2"]{color:var(--ui-fg-245399,#245399)}.pet-role[data-kind="3"]{color:#14753f}
.pet-element[data-kind="1"]{color:var(--ui-fg-556175,#556175)}.pet-element[data-kind="2"]{color:var(--ui-fg-1d66b6,#1d66b6)}.pet-element[data-kind="3"]{color:#b94a14}.pet-element[data-kind="4"]{color:#c8192b}.pet-element[data-kind="5"]{color:#087b42}.pet-element[data-kind="6"]{color:#aa00bc}.pet-element[data-kind="7"]{color:#946300}.pet-element[data-kind="8"]{color:#4527cc}.pet-element[data-kind="9"]{color:#bc2569}.pet-element[data-kind="10"]{color:var(--ui-fg-536586,#536586)}
.pet-detail{padding:18px;background:#ffffffe8;border-top:1px solid #34495860;color:var(--ui-fg-243c4c,#243c4c);font-size:15px;line-height:1.6}
.pet-card.selected .index-select{padding:18px;gap:20px}.pet-card.selected .pet-head{width:130px;height:145px;object-fit:contain;flex-shrink:0}.pet-story{display:block;white-space:pre-line;margin:12px 0 0;max-width:900px;font-size:15px;line-height:1.65;font-weight:400}
.pet-progress-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.pet-progress-group{border:1px solid var(--ui-line-aab8c4,#aab8c4);border-radius:7px;margin:0;padding:8px 10px 12px;min-width:0;background:var(--ui-bg-ffffff,#fff)}.pet-progress-group legend{font-weight:750;font-size:16px;padding:0 6px}
.pet-value-control{display:flex;gap:6px;align-items:end;margin:6px 0}.pet-value-control label{display:grid;gap:2px;flex:1;font-size:12px;min-width:0}.pet-value-control input{width:100%;min-width:0;font-size:17px;font-variant-numeric:tabular-nums;text-align:center;padding:7px 3px;height:40px;border:1px solid var(--ui-line-aab8c4,#aab8c4);border-radius:4px;background:var(--ui-bg-ffffff,#fff);color:var(--ui-fg-243c4c,#243c4c)}.pet-value-control button{width:36px;min-width:36px;height:40px;font-size:20px;padding:2px}.pet-slider{width:100%;height:30px;accent-color:#285e81;margin:3px 0 0;cursor:pointer}
.pet-section{margin:18px 0;min-width:0}.pet-section h3{font-size:18px;margin:0 0 9px;color:var(--ui-fg-173e57,#173e57)}.pet-quiet{color:var(--ui-fg-536675,#536675);font-size:13px;margin:8px 0}.pet-effect{font-size:16px;line-height:1.65;white-space:pre-line;margin:8px 0}.pet-requirement{color:#884418;background:#fff3db;border:1px solid #e3c794;padding:7px 10px;border-radius:4px;font-size:14px}
.pet-stat-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.pet-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;table-layout:fixed}.pet-table th,.pet-table td{padding:8px 7px;border-bottom:1px solid var(--ui-line-bccbd4,#bccbd4);text-align:right;overflow-wrap:anywhere}.pet-table th:first-child{width:40%;text-align:left;font-weight:550}.pet-table thead th{font-size:12px;font-weight:750;background:var(--ui-bg-e8eff2,#e8eff2)}.pet-change{color:#086640;font-weight:750}
.pet-skill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.pet-skill{border:1px solid var(--ui-line-b4c5d0,#b4c5d0);border-radius:7px;background:var(--ui-bg-ffffff,#fff);padding:14px;min-width:0}.pet-skill-heading{display:flex;gap:10px;align-items:center}.pet-skill-heading img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.pet-skill h4,.pet-skill-heading h4{margin:0;font-size:16px}.pet-skill-timing{font-size:13px;color:var(--ui-fg-526879,#526879);margin:8px 0}.pet-all-ranks{margin:12px 0 0;border-top:1px solid var(--ui-line-bdcbd4,#bdcbd4);padding-top:6px}.pet-all-ranks summary,.pet-master-bonuses>summary,.pet-capture-maps summary{font-weight:650;padding:8px 0;cursor:pointer}.pet-all-ranks h5{font-size:14px;margin:12px 0 5px}.pet-affinity-stage{font-weight:650}.pet-affinity-row{padding:10px 0;border-bottom:1px solid var(--ui-line-bdcbd4,#bdcbd4)}.pet-master-bonuses{border:1px solid var(--ui-line-bccbd4,#bccbd4);padding:5px 12px;border-radius:6px}
.pet-resource{display:flex;gap:7px;align-items:center}.pet-resource img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.pet-resource-link{display:inline-block;margin-top:10px;font-size:14px;color:var(--ui-fg-155f86,#155f86)}.pet-acquisition p{margin:8px 0}.pet-capture-maps{margin-top:6px}.pet-cost-table th:first-child{width:44%}
@media(max-width:1000px){.pet-stat-columns{grid-template-columns:1fr}.pet-skill-list{grid-template-columns:1fr}}
@media(max-width:599px){.pet-list{grid-template-columns:1fr}.pet-detail{padding:12px}.pet-progress-controls{grid-template-columns:1fr}.pet-progress-group{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pet-progress-group legend{font-size:15px}.pet-slider{grid-column:1/-1}.pet-intro{gap:12px}.pet-portrait{width:80px;height:100px}.pet-story{font-size:14px}.pet-table th,.pet-table td{padding:7px 4px;font-size:12px}.pet-table th:first-child{width:40%}.pet-name strong{font-size:16px}.pet-skill{padding:11px}.pet-resource{display:block}.pet-resource img{vertical-align:middle;margin-right:4px}}
.pet-skill-browser{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
.pet-skill-tabs{display:flex;flex-direction:column;gap:8px}.pet-skill-tab{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:115px;padding:10px 5px;border:1px solid var(--ui-line-aab8c4,#aab8c4);border-radius:8px;background:var(--ui-bg-f3f5f7,#f3f5f7);color:var(--ui-fg-243c4c,#243c4c);position:relative}.pet-skill-tab img{object-fit:contain}.pet-skill-tab-label{font-size:14px;font-weight:700}.pet-skill-tab-rank{font-size:12px;line-height:1.2}.pet-skill-tab[aria-selected="true"]{background:#fff0bc;border:2px solid #b4861f;padding:9px 4px}.pet-skill-tab:focus-visible,.pet-skill-level:focus-visible{outline:3px solid #285e81;outline-offset:2px}
.pet-skill-panel{min-width:0;border:1px solid var(--ui-line-b4c5d0,#b4c5d0);border-radius:9px;background:var(--ui-bg-ffffff,#fff);padding:16px}.pet-skill-title{font-size:19px;line-height:1.4;padding:10px 14px;background:#f3e3a2;border-radius:7px;margin:0 0 12px}.pet-skill-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.pet-skill-tags{display:flex;gap:5px;flex-wrap:wrap}.pet-skill-tag{padding:2px 8px;border-radius:12px;background:#65717c;color:#fff;font-size:14px;font-weight:650}.pet-skill-cooldown{font-size:13px;white-space:nowrap}.pet-skill-cooldown strong{color:var(--ui-fg-18736a,#18736a)}.pet-skill-description{min-height:145px;border:1px solid var(--ui-line-d1d9de,#d1d9de);background:var(--ui-bg-f6f7f9,#f6f7f9);padding:14px;border-radius:6px;margin:12px 0}.pet-skill-description span[style]{font-weight:650}.pet-skill-levels{display:flex;gap:8px;flex-wrap:wrap}.pet-skill-level{min-width:72px;padding:7px 14px;background:#fff9e6;border:1px solid #b89a46;border-radius:5px;color:#785c16;font-weight:700}.pet-skill-level[aria-selected="true"]{background:#f3e3a2;box-shadow:inset 0 0 0 1px #9f7b20;color:#433612}
@media(max-width:599px){.pet-card.selected .index-select{display:grid;grid-template-columns:82px minmax(0,1fr) 16px;gap:10px;padding:12px;align-items:start}.pet-card.selected .pet-head{width:82px;height:105px}.pet-card.selected .pet-story{font-size:14px}.pet-skill-browser{grid-template-columns:1fr}.pet-skill-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pet-skill-tab{min-width:0;min-height:105px}.pet-skill-tab img{width:52px;height:52px}.pet-skill-tab-label{font-size:12px;overflow-wrap:anywhere}.pet-skill-panel{padding:11px}.pet-skill-title{font-size:17px}.pet-skill-description{padding:11px;font-size:15px;min-height:130px}.pet-skill-level{min-width:64px;padding:7px 10px}}

.pet-capture-guide{border:1px solid var(--ui-border-c5d4df,#c5d4df);border-radius:8px;padding:14px;margin:0 0 16px}.pet-capture-guide>summary{cursor:pointer;font-weight:700;min-height:28px}.pet-capture-guide section{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px}.pet-capture-guide h3{grid-column:1/-1;margin-bottom:0}.pet-capture-guide article{border-top:1px solid var(--ui-border-c5d4df,#c5d4df);padding:8px 0}.pet-capture-guide h4{display:flex;align-items:center;gap:8px;margin:4px 0 10px}.pet-capture-guide h4 img{width:40px;height:40px;object-fit:contain}.capture-locations p{margin:6px 0 14px;line-height:1.5}.capture-locations button{max-width:100%;white-space:normal;text-align:left}.pet-map-note p{margin:5px 0}