.item-dialog.pet-detail-dialog,.codex-detail.pet-detail-dialog{background:#ffffca;width:min(560px,100vw - 24px);max-width:560px!important}.item-dialog.pet-manage-dialog{width:min(820px,100vw - 24px);max-width:820px!important}.pet-manage-layout{grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:18px;min-width:0;display:grid}.pet-manage-main{min-width:0}.pet-roster{background:#fff6ce;border:1px solid #c8b46c;border-radius:8px;min-width:0;padding:10px 8px;position:sticky;top:0}.pet-roster h3{color:#986121;margin:0;font-size:15px}.pet-roster h3 small{font-size:11px;font-weight:400}.pet-roster .pet-roster-hint{margin:4px 0 8px;font-size:11px}.pet-roster-list{overscroll-behavior:contain;scrollbar-gutter:stable;gap:5px;max-height:min(580px,65vh);display:grid;overflow-y:auto}.pet-roster-row{border:1px solid #0000;border-radius:5px;align-items:center;min-width:0;padding:3px;display:flex}.pet-roster-row.selected{background:#ffeba6;border-color:#b5963a}.pet-roster-select{text-align:left;color:#965d27;background:0 0;border:0;flex:1;align-items:center;gap:5px;min-width:0;padding:0;display:flex}.pet-roster-select .pet-art{flex:0 0 36px;width:36px;height:44px}.pet-roster-select>span{min-width:0}.pet-roster-select strong,.pet-roster-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pet-roster-select strong{font-size:12px}.pet-roster-select small{font-size:10px}.pet-roster-toggle{color:#897639;cursor:pointer;flex:0 0 26px;justify-items:center;gap:2px;font-size:10px;display:grid}.pet-roster-toggle input{accent-color:#8c9c2f;width:14px;height:14px;margin:0}@media (max-width:620px){.pet-manage-layout{grid-template-columns:minmax(0,1fr);gap:12px}.pet-roster{order:-1;position:static}.pet-roster-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:156px}}.pet-details.pet-classic{color:#8f531d;background:#ffffc6;border:0;border-radius:0;margin:6px 0;padding:0;font-family:SimSun,Songti SC,serif;container:pet-card/inline-size}.pet-classic-top{background:radial-gradient(at 75% 55%,#fff5ba 0,#ffffd3 65%);grid-template-columns:minmax(0,1fr);display:grid}.pet-classic-sheet{min-width:0;padding:10px 8px 12px;position:relative}.pet-classic-heading{margin:0 0 8px;padding-right:4px;font-size:14px}.pet-classic-heading>div{align-items:baseline;gap:7px;min-height:24px;display:flex}.pet-classic-heading>div+div dt:nth-of-type(2){margin-left:12px}.pet-classic-heading dt,.pet-classic-attributes dt,.pet-classic .pet-skills-cabinet h4{color:#fd6;text-shadow:-1px -1px #9d570c,1px -1px #9d570c,-1px 1px #9d570c,1px 1px #9d570c,0 2px #ad5b12;font-weight:700}.pet-classic-heading dd{color:#905319;margin:0}.pet-classic-heading small{font-size:11px}.pet-mini-portrait{float:right;text-align:center;width:25%;margin:5px 0 0 5px;position:relative}.pet-mini-portrait .pet-art{width:100%;height:122px}.pet-level-track{-webkit-appearance:none;appearance:none;background:#ece2a6;border:1px solid #95722e;border-radius:0;width:70%;height:9px;margin:3px 0 10px;display:block}.pet-level-track::-webkit-progress-bar{background:#eee1a1}.pet-level-track::-webkit-progress-value{background:linear-gradient(#fff4a0,#dbb149)}.pet-level-track::-moz-progress-bar{background:linear-gradient(#fff4a0,#dbb149)}.pet-classic-attributes{width:73%;margin:0 0 10px}.pet-classic-attributes>div{align-items:center;gap:5px;min-height:23px;display:flex}.pet-classic-attributes dt{text-align:right;flex:0 0 43px;font-size:15px}.pet-classic-attributes dd{flex:1;align-items:center;gap:5px;min-width:0;margin:0;display:flex}.pet-life dd{color:#b24913;padding-left:3px;font-weight:700}.pet-attribute-row .pixels{flex:1;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;min-width:0;display:grid}.pet-attribute-row .pixels i{border:1px solid #fff;min-width:0;height:12px}.pet-attribute-row b{color:#915421;min-width:21px;font:700 11px Arial,sans-serif}.pet-skills-cabinet{clear:both;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:5px;padding-top:5px;display:grid}.pet-classic .pet-skills-cabinet h4{text-align:center;margin:0;font-size:18px;line-height:1.3;display:block}.pet-skill-slots{background:linear-gradient(#ffe597,#e9b341);border:3px solid #ba741d;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));justify-self:end;gap:6px;width:100%;max-width:294px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #fff0ad,1px 2px #e8d175}.pet-skill-slots>button,.pet-skill-locked{aspect-ratio:1;background:linear-gradient(#fff4ab,#e9c05c);border:1px solid #a27b33;border-radius:7px;place-items:center;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}:is(.pet-skill-slots>button.selected,.pet-skill-slots>button:focus-visible){outline-offset:0;outline:2px solid #fff8cb;box-shadow:0 0 0 2px #ba6e16}.pet-skill-slots .talent-skill-art{width:100%;height:100%;display:block}.pet-skill-locked{color:#dac76b;background:linear-gradient(#b89e4a,#c7ad57);box-shadow:inset 0 0 5px #8a743f}.pet-classic .pet-data-note{color:#927d41;margin:4px 12px 10px;font-size:11px}.pet-classic .pet-data-note p{color:#927d41;font-size:11px;line-height:1.7}.pet-data-note summary{cursor:pointer}.pet-no-abilities{margin:0;padding:0 14px 12px;font-size:12px}.pet-classic.compact .pet-classic-top{grid-template-columns:minmax(0,1fr)}.pet-details.pet-classic.compact{padding:0}.pet-demo-modes{flex-wrap:wrap;gap:10px;display:flex}@container pet-card (width<=520px){.pet-classic-top{grid-template-columns:minmax(0,1fr)}.pet-mini-portrait .pet-art{height:135px}}@container pet-card (width<=290px){.pet-classic-heading{font-size:12px}.pet-classic-heading>div+div dt:nth-of-type(2){margin-left:2px}.pet-classic-attributes{width:100%}.pet-mini-portrait{display:none}.pet-level-track{width:100%}.pet-skill-slots{justify-self:end;gap:4px;width:100%;max-width:294px;padding:6px}.pet-skills-cabinet{grid-template-columns:34px minmax(0,1fr)}.pet-classic .pet-skills-cabinet h4{font-size:16px}}.pet-classic-heading .pet-name-value{font-size:18px;font-weight:700}.pet-classic-heading .pet-heading-action{margin-left:auto}.pet-heading-action button{white-space:nowrap;min-width:56px;padding:3px 12px;font-size:13px}.pet-status{color:#8a803b;font-size:12px}.pet-normal-attack{clear:both;color:#977034;padding:4px 0 8px 48px;font-size:12px}.pet-skill-slots>button:hover,.pet-skill-slots>button[data-open]{outline-offset:0;outline:2px solid #fff8cb}.pet-skill-tooltip[data-slot=tooltip-content]{color:#fffed1;background:#485629;border:2px solid #d6af45;width:260px;max-width:calc(100vw - 24px);padding:12px 14px;font-family:SimSun,Songti SC,serif;display:block;box-shadow:0 5px 18px #33290544}.pet-skill-tooltip strong{color:#b9e5ec;font-size:16px}.pet-skill-tooltip p{color:#fffed1;margin:8px 0;font-size:14px;line-height:1.8}.pet-skill-tooltip small{color:#e0e4b5;font-size:12px}.pet-skill-tooltip>svg{fill:#485629;background:#485629}.pet-quality{font-weight:700}.pet-quality--normal{color:#278137}.pet-quality--excellent{color:#216fba}.pet-quality--perfect{color:#8c3ebe}.pet-quality--mutated{color:#d66a08}.pet-classic .pet-quality-button{font:inherit;cursor:pointer;background:#fffce1;border:1px solid;border-radius:4px;padding:2px 6px;font-weight:700}.pet-quality-button:focus-visible{outline-offset:2px;outline:2px solid #bb7b18}.pet-rebirth-popover[data-slot=popover-content]{color:#86551e;background:#fffbd2;border:2px solid #bf8e2c;width:330px;max-width:calc(100vw - 28px);padding:16px;font-family:SimSun,Songti SC,serif;box-shadow:0 6px 22px #6a46144d}.pet-rebirth-popover .pet-rebirth-warning{color:#a84620;font-size:13px;line-height:1.7}.pet-rebirth-popover ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pet-rebirth-popover li{border-bottom:1px solid #dccb86;gap:2px;padding-bottom:8px;display:grid}.pet-rebirth-popover li span,.pet-rebirth-popover small{font-size:12px;line-height:1.6}.pet-rebirth-popover .pet-rebirth-current{margin:0;font-size:13px;line-height:1.7}.pet-rebirth-popover>.gold-button{min-height:38px;font-size:14px}.pet-rebirth-confirm[data-slot=dialog-content]{color:#86551e;background:#fffbd2;border:2px solid #bf8e2c;width:420px;max-width:calc(100vw - 28px);padding:24px}.pet-rebirth-confirm [data-slot=dialog-title]{color:#9e601b;padding-right:18px;line-height:1.5}.pet-rebirth-confirm [data-slot=dialog-description],.pet-rebirth-confirm>p{color:#86551e;line-height:1.8}.pet-rebirth-confirm .pet-quality{margin:0 4px}.pet-rebirth-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pet-rebirth-confirm-actions button{min-height:40px;padding:8px 14px}.pet-training-panel{color:#795025;background:#fff4cf;border:1px solid #d2b668;border-radius:8px;margin:12px 0;padding:12px}.pet-training-panel p{margin:4px 0 8px}.pet-training-panel>small{line-height:1.6;display:block}.pet-biscuit-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.pet-biscuit-options button{text-align:left;cursor:pointer;background:#ffe3a0;border:1px solid #bf9143;border-radius:6px;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex}.pet-biscuit-options button:disabled{opacity:.5;cursor:default}.pet-biscuit-options small{display:block}.pet-biscuit-options img{flex-shrink:0}.pet-classic-attributes .pet-life dt{white-space:nowrap;font-size:14px}