.pet-center{--pc-gold:#d7ac59;--pc-muted:#c5ab80;--pc-ink:#f8e8bf;max-width:1120px;margin:0 auto;padding:12px;color:var(--pc-ink);min-width:0}.pet-center *{box-sizing:border-box}.pc-header,.pc-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.pc-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pc-max-level{align-self:center;padding:9px 12px;border:1px solid #8d6b37;border-radius:4px;color:#ffe0a0;background:#302114;font-size:12px;white-space:nowrap}.pc-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pc-header{padding:12px 6px 20px}.pc-header h1{font-family:Georgia,"Songti SC",SimSun,serif;display:flex;align-items:center;gap:10px;margin:5px 0;color:#ffe3a0;font-size:30px;text-shadow:0 2px 2px #160a03}.pc-header p,.pc-detail-heading p{margin:6px 0 0;color:var(--pc-muted);font-size:13px}.pc-kicker{font-size:11px;color:#c7a063;letter-spacing:2px}.pc-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 15px;border:1px solid #a0783d;border-radius:4px;color:#f2d9a0;background:linear-gradient(#624126,#352216);box-shadow:inset 0 1px #b58b4b44,0 2px 3px #0004;font:inherit;font-size:13px;cursor:pointer}.pc-button.pc-primary{background:linear-gradient(#c08b3d,#865520);border-color:#f2ca73;color:#fff3cd;text-shadow:0 1px #583509}.pet-center button:disabled{opacity:.45;cursor:not-allowed}.pet-center button:focus-visible,.pc-carousel:focus-visible{outline:3px solid #ffe5a0;outline-offset:3px}.pc-roster,.pc-detail{min-width:0;border:1px solid #a77b3e;background:linear-gradient(110deg,#402c20f5,#241912f5);box-shadow:inset 0 0 0 3px #1e140d,inset 0 0 0 4px #71522f,0 6px 18px #0003;border-radius:6px;padding:17px;margin-bottom:16px}.pc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.pc-section-heading h2,.pc-section-heading h3{display:flex;align-items:center;gap:7px;margin:0;font-size:17px;color:#f5d794;font-family:Georgia,"Songti SC",SimSun,serif}.pc-section-heading small{font-family:Arial,sans-serif;font-size:12px;font-weight:400;color:#b89a6c}.pc-roster-tools{display:flex;align-items:center;gap:6px}.pc-roster-tools>span,.pc-section-heading>span{font-size:11px;color:var(--pc-muted)}.pc-roster-tools .pc-button{font-size:24px;width:44px;padding:0}.pc-carousel{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:5px 5px 12px;scrollbar-width:auto;scrollbar-color:#d6aa5f #21150e;min-width:0;max-width:100%;cursor:grab}.pc-carousel.is-dragging{cursor:grabbing;user-select:none}.pc-carousel::-webkit-scrollbar{height:14px}.pc-carousel::-webkit-scrollbar-track{background:#21150e;border-radius:8px}.pc-carousel::-webkit-scrollbar-thumb{background:linear-gradient(#e0b86f,#9a6a32);border:3px solid #21150e;border-radius:8px}.pc-card{flex:0 0 calc((100% - 32px)/3);max-width:270px;min-width:176px;display:flex;flex-direction:column;padding:5px;background:linear-gradient(145deg,#a37a41,#3f291a 30%,#7c5932);color:#f9e7ba;border:1px solid #bd9253;border-radius:5px;box-shadow:0 3px 7px #0007,inset 0 0 0 2px #28190e;cursor:pointer;text-align:left;scroll-snap-align:start;position:relative;font:inherit}.pc-card.is-selected{border-color:#ffe5a0;box-shadow:0 0 0 2px #f5c45b,0 0 15px #d4a04055}.pc-card-top{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;font-size:10px;letter-spacing:1px;color:#e1c58c}.pc-card-top b{font-size:13px;letter-spacing:0;color:#ffe2a1}.pc-card-image{position:relative;display:block;overflow:hidden;background:#1d1813;border:1px solid #d4b56a66}.pc-card-image img{display:block;width:100%;height:auto;aspect-ratio:196/256;object-fit:contain}.pc-position{position:absolute;left:0;bottom:0;padding:6px 12px;color:#ffe5a0;background:#321e0eee;border-top:1px solid #b88a48;border-right:1px solid #b88a48;font-size:12px}.pc-card-name{display:flex;justify-content:space-between;align-items:center;padding:10px 7px 4px;font-size:17px;font-family:"Songti SC",SimSun,serif;font-weight:bold}.pc-card-meta{display:flex;justify-content:space-between;padding:3px 7px 7px;font-size:11px;color:#c5ab80}.pc-card-meta>span{color:#edcf8b}.pc-empty-card{flex:0 0 calc((100% - 32px)/3);max-width:270px;min-width:176px;min-height:292px;background:radial-gradient(ellipse,#76502a33,#21170e);border:1px dashed #926c3b;border-radius:5px;color:#d7b475;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;scroll-snap-align:start;cursor:pointer;font:inherit}.pc-empty-card>span:last-child{font-size:12px}.pc-empty-seal{display:grid;place-items:center;width:70px;height:70px;border:1px solid #9a743b66;border-radius:50%;box-shadow:0 0 0 7px #8c66321a}.pc-empty-reserve{width:100%;padding:22px;text-align:center;color:#d9bd86;font-size:14px;line-height:1.8}.pc-empty-reserve span{display:block;color:#af936c;font-size:12px}.pc-detail-heading{border-bottom:1px solid #83603a;padding:2px 3px 17px}.pc-detail-heading h2{font-family:"Songti SC",SimSun,serif;font-size:25px;color:#ffe2a0;margin:7px 0}.pc-detail-heading h2 small{font-family:Arial,sans-serif;font-size:16px;margin-left:10px;color:#d7b777}.pc-detail-body{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:25px;padding:20px 3px}.pc-stat-total{display:flex;align-items:center;justify-content:space-between;color:#d7b777;font-size:12px;border-bottom:1px solid #725232;padding-bottom:9px}.pc-stat-total strong{font-family:Georgia,serif;font-size:27px;color:#f5d78e}.pc-stats{margin:12px 0 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px 12px}.pc-stats>div{display:flex;flex-direction:column;gap:5px}.pc-stats dt{font-size:11px;color:#bfa37a}.pc-stats dd{margin:0;font-size:18px;color:#f4e3bd;font-variant-numeric:tabular-nums}.pc-exp-label{display:flex;justify-content:space-between;font-size:11px;color:#c6ac7c}.pc-exp-label b{font-weight:400}.pc-exp{height:7px;margin-top:7px;background:#160e09;border:1px solid #785b32;overflow:hidden;border-radius:4px}.pc-exp i{height:100%;display:block;background:linear-gradient(90deg,#77834b,#b6c67a)}.pc-skills{min-width:0}.pc-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pc-skill{display:flex;align-items:center;gap:9px;min-height:52px;padding:7px 10px;text-align:left;font:inherit;font-size:12px;border:1px solid #896738;border-radius:4px;background:linear-gradient(#513923,#302114);color:#edd7a5;cursor:pointer;min-width:0}.pc-skill>b{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid #b08a4c;border-radius:3px;color:#f8d889;background:#21170d;font-family:Georgia,serif}.pc-skill>span{flex:1;overflow-wrap:anywhere}.pc-skill.is-locked{background:#271d15}.pc-awakening{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #775535;padding-top:13px}.pc-awakening>div{display:flex;flex-direction:column;gap:6px;font-size:12px}.pc-awakening b{display:flex;align-items:center;gap:5px;color:#e1bd7c}.pc-awakening span{color:#bea178}.pc-team-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #83603a;padding:16px 3px 2px}.pc-team-controls>span{font-size:12px;color:#c8ad7a}.pc-team-controls>div{display:flex;gap:7px;flex-wrap:wrap}.pc-battle-lock{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 15px;margin-bottom:15px;border:1px solid #ac7942;background:#57351c;color:#ffe0a6;font-size:13px}.pc-battle-lock .pc-button{margin-left:auto}
/* Main companions retain their collectible art; reserve is a compact roster. */
.pc-carousel[data-carousel="active"] .pc-card,.pc-carousel[data-carousel="active"] .pc-empty-card{flex:0 0 180px;min-width:180px;max-width:180px}.pc-carousel[data-carousel="active"] .pc-empty-card{min-height:302px}.pc-carousel[data-carousel="reserve"] .pc-card{flex:0 0 124px;min-width:124px;max-width:124px}.pc-carousel[data-carousel="reserve"] .pc-card-image img{height:148px;aspect-ratio:auto}.pc-carousel[data-carousel="reserve"] .pc-card-top{font-size:9px;letter-spacing:0;padding:3px 2px 6px}.pc-carousel[data-carousel="reserve"] .pc-card-top b{font-size:11px}.pc-carousel[data-carousel="reserve"] .pc-card-name{font-size:14px;padding:8px 2px 5px;min-height:31px}.pc-carousel[data-carousel="reserve"] .pc-card-meta{display:none}
@media(max-width:700px){.pet-center{padding:4px 0}.pc-header{padding:8px 4px 16px;gap:8px}.pc-header h1{font-size:24px}.pc-kicker{font-size:10px;letter-spacing:1px}.pc-roster,.pc-detail{padding:13px;margin-bottom:12px}.pc-roster-tools>span{display:none}.pc-section-heading h2{font-size:16px}.pc-carousel{gap:12px}.pc-card,.pc-empty-card{flex-basis:190px;min-width:190px}.pc-empty-card{min-height:326px}.pc-detail-heading{gap:10px}.pc-detail-heading h2{font-size:22px}.pc-detail-heading>.pc-button{padding:8px 10px;white-space:nowrap}.pc-detail-body{grid-template-columns:1fr;gap:22px;padding:17px 2px}.pc-stats{grid-template-columns:repeat(6,1fr);gap:8px}.pc-stats dd{font-size:16px}.pc-section-heading>span{font-size:10px}.pc-team-controls{align-items:flex-start;flex-direction:column;gap:12px}.pc-team-controls>div{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pc-team-controls .pc-button{padding:8px}.pc-awakening .pc-button{white-space:nowrap}.pc-header>.pc-button{padding:9px 10px}.pc-header p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pc-carousel{scroll-behavior:auto}}
@media(max-width:700px){.pc-carousel[data-carousel="active"] .pc-card,.pc-carousel[data-carousel="active"] .pc-empty-card{flex-basis:160px;min-width:160px;max-width:160px}.pc-carousel[data-carousel="active"] .pc-empty-card{min-height:276px}.pc-carousel[data-carousel="reserve"] .pc-card{flex-basis:120px;min-width:120px;max-width:120px}.pc-carousel[data-carousel="reserve"] .pc-card-image img{height:142px}.pc-carousel[data-carousel="active"] .pc-card-name{font-size:16px}}
@media(min-width:701px){.pc-carousel[data-carousel="active"]{justify-content:center}}

/* Reference layout: two rosters, attributes and one skill line, then collection. */
.pet-center{max-width:1440px}.pc-header{padding-bottom:12px}.pc-rosters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pc-rosters .pc-roster{margin-bottom:16px;padding:14px}.pc-roster-tools>span{display:none}.pc-rosters .pc-carousel{gap:10px;padding:4px 3px 10px;justify-content:flex-start}.pc-rosters .pc-carousel .pc-card,.pc-rosters .pc-carousel .pc-empty-card{flex:0 0 calc((100% - 20px)/3);min-width:0;max-width:none}.pc-rosters .pc-card-image img{width:100%;height:auto;aspect-ratio:196/256}.pc-rosters .pc-empty-card{min-height:220px}.pc-rosters .pc-card-name{font-size:15px;padding:7px 3px 4px}.pc-rosters .pc-card-meta{display:none}.pc-rosters .pc-card-top{font-size:9px;letter-spacing:0;padding:3px 2px 6px}.pc-rosters .pc-position{padding:4px 7px;font-size:10px}.pc-detail-body{grid-template-columns:minmax(210px,.65fr) minmax(0,1.75fr);gap:20px}.pc-detail-heading{padding-bottom:12px}.pc-detail-heading h2{margin:4px 0;font-size:22px}.pc-detail-heading .pc-kicker{letter-spacing:1px}.pc-detail-heading p{font-size:12px}.pc-skill-grid{display:flex;gap:9px;overflow-x:auto;padding:4px 3px 12px;scrollbar-width:thin;scrollbar-color:#b48947 #21150e}.pc-skill{flex:1 0 65px;min-width:65px;padding:0;border:0;background:none;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;box-shadow:none}.pc-skill-art{display:grid;place-items:center;width:100%;aspect-ratio:1;min-height:44px;max-width:90px;border:1px solid #d8b163;border-radius:9px;background:linear-gradient(145deg,#73543b,#291d36);color:#edd6a4;box-shadow:inset 0 0 0 2px #17111c,0 2px 5px #0008;flex:none}.pc-skill .pc-skill-name{font-size:11px;line-height:1.4;white-space:nowrap;flex:none}.pc-skill .pc-skill-level{font-size:11px;line-height:1.5;color:#ffe0a0;border:1px solid #8d6b37;border-radius:3px;background:#302114;padding:2px 5px;flex:none;max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pc-skill.is-locked{background:none}.pc-skill.is-locked .pc-skill-art{background:#302a25}.pc-build .pc-skill-art{background:radial-gradient(circle,#74559e,#2a1b3b);border-color:#cba4e8}.pc-collection .pc-card{flex:0 0 94px;min-width:94px;max-width:94px}.pc-collection .pc-card-image img{height:auto;aspect-ratio:196/256}.pc-collection .pc-card-meta{display:none}.pc-collection .pc-card-name{font-size:12px;padding:6px 2px 3px}.pc-collection .pc-card-top{font-size:8px;letter-spacing:0;padding:3px 1px 5px}.pc-collection .pc-card-top b{font-size:10px}.pc-collection .pc-carousel{gap:12px}.pc-team-controls{padding-top:12px}.pc-team-controls>div{gap:5px}.pc-team-controls .pc-button{padding:8px 10px}
@media(max-width:1050px){.pc-detail-body{grid-template-columns:minmax(180px,.55fr) minmax(0,1.45fr)}.pc-skill{flex:0 0 62px}.pc-rosters .pc-section-heading h2{font-size:15px}.pc-rosters .pc-roster-tools{gap:2px}}
@media(max-width:700px){.pc-rosters{grid-template-columns:1fr;gap:0}.pc-rosters .pc-roster{padding:10px;margin-bottom:10px}.pc-rosters .pc-carousel .pc-card,.pc-rosters .pc-carousel .pc-empty-card{flex:0 0 calc((100% - 20px)/3);min-width:0;max-width:none}.pc-rosters .pc-empty-card{min-height:190px}.pc-rosters .pc-card-name{font-size:12px}.pc-rosters .pc-card-top b{font-size:10px}.pc-rosters .pc-card-top{font-size:8px}.pc-detail-body{grid-template-columns:1fr;gap:16px}.pc-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.pc-stats dt{font-size:10px}.pc-skill{flex:0 0 62px}.pc-skill-art{width:62px}.pc-detail-heading{align-items:center}.pc-detail-heading .pc-kicker{font-size:9px}.pc-detail-heading h2{font-size:20px}.pc-detail-heading h2 small{font-size:13px;margin-left:3px}.pc-detail-heading>.pc-button{font-size:12px;padding:7px}.pc-team-controls>div{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-collection .pc-card{flex-basis:88px;min-width:88px;max-width:88px}}

.pc-skill-art.skill-art{background-color:#24272b;box-shadow:none;border-width:2px;border-style:solid}.pc-skill-art.skill-art-grade-B{border-color:#69b9c7}.pc-skill-art.skill-art-grade-A{border-color:#ad87ca}.pc-skill-art.skill-art-grade-S{border-color:#d0af61}
/* Matching roster cards and broad level plates follow the supplied game bar. */
.pc-rosters .pc-carousel .pc-card-image img{height:auto;aspect-ratio:196/256}
.pc-rosters .pc-carousel .pc-card-name{font-size:15px;padding:7px 3px 4px}
.pc-skill .pc-skill-level{width:100%;min-height:27px;font-size:13px;font-weight:700;border-radius:7px;text-align:center}
.pc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.pc-stats>div{flex-direction:row;justify-content:space-between;align-items:center}
.pc-stats dt{font-size:12px}
@media(max-width:700px){.pc-rosters .pc-carousel .pc-card-name{font-size:12px}.pc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-skill .pc-skill-level{font-size:12px;min-height:25px}}