.pet-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.pet-catalog-heading .eyebrow{color:var(--muted);margin-bottom:9px}.pet-catalog-heading h1{font-size:36px;margin-bottom:12px}.pet-catalog-heading p:last-child{font-size:15px;color:var(--muted);margin:0}.pet-catalog-heading>.more{flex:none}
.pet-mode-tabs{display:flex;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:#fff}.pet-mode-tabs button{min-width:180px;padding:18px 26px;display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;border:0;border-right:1px solid var(--line);border-bottom:3px solid transparent;font-size:16px;font-weight:650}.pet-mode-tabs button span{font-size:12px;color:var(--muted);font-weight:400}.pet-mode-tabs button.is-on{color:var(--gold);border-bottom-color:var(--gold);background:#faf9f6}
.pet-tools{display:grid;grid-template-columns:180px 150px minmax(0,1fr) 115px;gap:18px;background:var(--bg-3);border-bottom:1px solid var(--line);padding:20px 24px}.pet-catalog.is-battle .pet-tools{grid-template-columns:180px minmax(0,1fr) 150px}.pet-tools label{display:grid;gap:7px;font-size:12px;color:var(--muted);font-weight:600}.pet-tools input,.pet-tools select{width:100%;min-width:0;height:44px;border:1px solid var(--line-2);border-radius:0;background:#fff;color:var(--ink);padding:0 12px;font:14px var(--sans)}
.pet-result-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 17px;font-size:13px}.pet-result-bar p{margin:0}.pet-result-bar button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:var(--muted);padding:5px 0}
.pet-rules{padding:21px 24px;background:#f6f4ed;border:1px solid var(--line);margin-bottom:24px}.pet-rules h2{font-size:21px;margin-bottom:9px}.pet-rules>p{font-size:13px;color:var(--muted);margin:0 0 17px}.pet-rule-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 14px}.pet-rule-stats dt{font-size:11px;color:var(--muted)}.pet-rule-stats dd{font-size:17px;margin:4px 0 0;font-weight:650}.pet-rules details{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.pet-rules summary{cursor:pointer;width:fit-content;font-weight:600}.pet-rules details p{max-width:950px;color:var(--muted);line-height:1.9;margin:10px 0 0}
.pet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.pet-entry{min-width:0;border:1px solid var(--line-2);background:#fff;scroll-margin-top:110px;overflow:hidden}.pet-entry:target{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.pet-entry-head{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:20px;background:#faf9f6;align-items:center;min-height:140px}
.pet-portrait{display:grid;place-items:center;width:110px;height:100px;overflow:hidden}.pet-sprite{display:block;width:var(--cell);height:var(--cell);background-repeat:no-repeat;image-rendering:pixelated;transform:scale(2);background-position:0 0}.pet-sprite.is-playing{animation:pet-sheet var(--frame-seconds) steps(var(--frame-count)) infinite}@keyframes pet-sheet{from{background-position:0 0}to{background-position:calc(-1 * var(--sheet-width)) 0}}
.pet-category{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin:0 0 8px}.pet-category span{font-size:11px;white-space:nowrap}.pet-entry h2{font-size:22px;line-height:1.3}.pet-entry h2 a:hover{color:var(--gold)}.pet-source{font-size:11px;color:var(--muted);margin:8px 0 0;line-height:1.6}.pet-effects{padding:20px 22px}.pet-effect-name{font-size:13px;color:var(--muted);margin:0 0 13px}.pet-effects dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0}.pet-effects dl>div+div{border-left:1px solid var(--line);padding-left:15px}.pet-effects dt{font-size:11px;color:var(--muted)}.pet-effects dd{font-size:21px;font-weight:650;margin:5px 0 0}.pet-effects .pet-passive{font-size:12px;font-weight:400;line-height:1.8}.pet-passive strong{display:block;font-size:19px;font-weight:650}
.pet-motions{display:flex;gap:8px;padding:0 22px 20px}.pet-motions button{flex:1;min-height:40px;border:1px solid var(--line-2);background:var(--bg-3);padding:8px 12px;font-size:12px}.pet-motions button[aria-pressed='true']{border-color:var(--gold);color:var(--gold);background:#fff8f3}.pet-motions button:hover{border-color:var(--gold)}.pet-stages{border-top:1px solid var(--line);padding:13px 22px;font-size:12px}.pet-stages summary{cursor:pointer;font-weight:600}.pet-stages p{font-size:11px;color:var(--muted);margin:10px 0 0}
.pet-empty{padding:50px 20px;text-align:center;border:1px solid var(--line);color:var(--muted)}.pet-noscript{font-size:13px;color:var(--muted)}.pet-catalog>div>[data-pet-panel]+[data-pet-panel]{margin-top:30px}.pet-catalog.is-battle>div>[data-pet-panel]{margin-top:0}
@media(max-width:1100px){.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-tools{grid-template-columns:150px 130px minmax(0,1fr) 100px;gap:12px}.pet-catalog-heading h1{font-size:32px}.pet-rule-stats dd{font-size:15px}}
@media(max-width:640px){.pet-catalog-heading{display:block;margin-bottom:24px}.pet-catalog-heading h1{font-size:28px}.pet-catalog-heading p:last-child{font-size:13px}.pet-catalog-heading>.more{display:inline-flex;margin-top:15px}.pet-mode-tabs button{flex:1;min-width:0;padding:15px;font-size:14px}.pet-tools,.pet-catalog.is-battle .pet-tools{grid-template-columns:1fr 1fr;gap:14px 12px;padding:17px 16px}.pet-tools>.pet-search{grid-column:1;grid-row:2}.pet-tools>.pet-level-input{grid-column:2;grid-row:2}.pet-tools>[data-pet-grade-label]{grid-row:1;grid-column:2}.pet-catalog.is-battle .pet-tools>.pet-search{grid-column:1/-1;grid-row:2}.pet-catalog.is-battle .pet-tools>.pet-level-input{grid-row:1}.pet-result-bar{font-size:11px;margin:16px 0}.pet-result-bar button{font-size:11px;white-space:nowrap}.pet-rules{padding:18px 16px}.pet-rules h2{font-size:19px}.pet-rules>p{font-size:12px}.pet-rule-stats{grid-template-columns:1fr 1fr;gap:13px}.pet-rule-stats dd{font-size:16px}.pet-rule-stats dt{font-size:10px}.pet-rules details{font-size:11px}.pet-grid{grid-template-columns:1fr;gap:16px}.pet-entry-head{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:18px}.pet-portrait{width:96px}.pet-effects{padding:18px 20px}.pet-motions{padding:0 20px 18px}.pet-stages{padding:13px 20px}.pet-entry{scroll-margin-top:90px}}