.pet-page{--pet-gold:#e7c87d;--pet-border:#796c4e;--pet-text:#e9dfca;--pet-muted:#b8ae99;color:var(--pet-text);padding-top:28px;padding-bottom:64px}.pet-heading{justify-content:space-between;align-items:center;gap:24px;margin:28px 0 34px;display:flex}.pet-heading h1{font-family:var(--font-display,"Cinzel",serif);color:#f0d795;margin:8px 0 12px;font-size:clamp(30px,3.4vw,46px);line-height:1.2}.pet-heading p{color:#c0c8bb;max-width:690px;margin:0;font-size:18px}.pet-eyebrow{letter-spacing:2px;text-transform:uppercase;font-weight:600;color:var(--pet-gold)!important;font-size:12px!important}.pet-back{white-space:nowrap;color:var(--pet-gold);font-size:15px}.pet-window{background:#191915;border:3px solid #8c8066;border-radius:9px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #131710,0 0 0 5px #32342a,0 0 0 6px #6a6654,0 24px 70px #0009,inset 0 0 0 2px #000}.pet-titlebar{background:linear-gradient(#555346,#2e3028 42%,#25271f 47%,#36382d);border-bottom:3px solid #9b8660;align-items:center;gap:13px;padding:10px 20px;display:flex;box-shadow:inset 0 1px #c2b396,inset 0 -2px 2px #090a07}.pet-titlebar img{border:2px solid #ac9767;border-radius:50%;width:42px;height:42px;box-shadow:0 0 0 2px #151813}.pet-titlebar>span:first-of-type{text-shadow:0 2px 1px #000;font-family:Cinzel,serif;font-size:21px;font-weight:700}.pet-version{color:#c5c2ae;letter-spacing:.3px;margin-left:auto;font-size:12px}.pet-toolbar{background:linear-gradient(#25271e,#181b14);border-bottom:1px solid #65583f;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px 0;display:flex}.pet-tabs{align-self:stretch;gap:5px;display:flex}.pet-tabs button{color:#c3bea9;cursor:pointer;background:linear-gradient(#383b2d,#23251d);border:1px solid #625941;border-bottom:0;border-radius:5px 5px 0 0;padding:12px 20px;font-size:16px;box-shadow:inset 0 1px #6c6852}.pet-tabs button[aria-selected=true]{color:#ffe2a0;background:linear-gradient(#8b2b26,#581c19);border-color:#b08349;box-shadow:inset 0 1px #bf6b52}.pet-tabs span{color:#cec3a7;margin-left:3px;font-size:12px}.pet-level{color:#c9c4b2;align-items:center;gap:10px;padding-bottom:10px;font-size:13px;display:flex}.pet-page select,.pet-page input{color:#e4dfce;background:#10140f;border:1px solid #665f48;border-radius:3px;min-width:0;padding:10px;font-family:inherit;font-size:15px}.pet-level select{color:#f1d581;min-width:65px;padding:6px 8px}.pet-page button:focus-visible,.pet-page a:focus-visible,.pet-page input:focus-visible,.pet-page select:focus-visible,.pet-page summary:focus-visible{outline-offset:3px;z-index:3;outline:3px solid #e9ce89;position:relative}.pet-stable{grid-template-columns:224px minmax(270px,1fr) minmax(285px,340px);min-height:655px;display:grid}.pet-collection{background:linear-gradient(90deg,#171b13,#20251a);border-right:2px solid #6a6148;min-width:0;padding:20px 14px}.pet-small-label{color:#c7c2ad;margin-bottom:6px;font-size:12px;display:block}.pet-collection input,.pet-collection select{width:100%;margin-bottom:9px}.pet-result-count{color:#a8ab92;margin:4px 0 12px;font-size:12px}.pet-family-list{scrollbar-width:thin;scrollbar-color:#80734a #181c12;gap:5px;max-height:507px;padding:3px;display:grid;overflow-y:auto}.pet-family{text-align:left;color:#c9cbb7;cursor:pointer;background:linear-gradient(90deg,#2e342480,#252a1e30);border:1px solid #0000;border-radius:3px;align-items:center;gap:11px;width:100%;min-height:62px;padding:8px;display:flex}.pet-family img{border:1px solid #8e805c;border-radius:4px;width:38px;height:38px;box-shadow:0 0 0 2px #0c0f0b}.pet-family strong{font-size:16px;font-weight:600;line-height:1.1;display:block}.pet-family small{color:#abae95;margin-top:5px;font-size:12px;display:block}.pet-family-arrow{color:#e5ce85;margin-left:auto;font-size:23px}.pet-family[aria-pressed=true]{color:#ffedb0;background:linear-gradient(90deg,#596442,#39452c);border-color:#b7a563;box-shadow:inset 0 0 0 1px #87925444,0 1px 6px #0004}.pet-family:hover{background-color:#4a5133}.pet-profile{color:#342c1f;background:radial-gradient(at 50% 30%,#d1c399,#b5a278 75%);border-left:1px solid #ead9a6;border-right:1px solid #242119;min-width:0;padding:27px 25px 24px;position:relative;box-shadow:inset 0 0 45px #392b1b66}.pet-profile:before{content:"";pointer-events:none;border:1px solid #675a3960;position:absolute;inset:9px;box-shadow:inset 0 0 0 3px #e6d6a044}.pet-profile>*{position:relative}.pet-profile-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pet-profile h2{color:#312a1d;margin:0 0 6px;font-family:Cinzel,serif;font-size:31px;line-height:1.2}.pet-profile .pet-eyebrow{letter-spacing:1.6px;color:#66512d!important;font-size:11px!important}.pet-role-badge{color:#4b3b21;background:#e6d8b463;border:1px solid #655334;border-radius:3px;padding:4px 8px;font-size:12px}.pet-model{justify-content:center;align-items:center;min-height:260px;margin:0 -8px;display:flex;position:relative}.pet-model img{object-fit:contain;mix-blend-mode:multiply;filter:sepia(.5)saturate(.7);aspect-ratio:1;width:100%;max-width:360px;max-height:310px}.pet-profile .pet-model-note{text-align:center;color:#5b4e37;margin:-6px 0 18px;font-size:11px}.pet-profile .pet-family-summary{text-align:center;border-block:1px solid #89734c88;margin:0 0 19px;padding:12px 8px;font-family:Cinzel,serif;font-size:17px;line-height:1.45}.pet-profile .pet-button{width:100%;margin-bottom:16px}.pet-signature{align-items:center;gap:11px;margin:2px 0 14px;display:flex}.pet-signature img{border:2px solid #4f3e24;border-radius:4px;width:42px;height:42px;box-shadow:0 0 0 1px #b5a571}.pet-signature strong{color:#362917;font-size:15px;display:block}.pet-signature small{color:#5d4f33;font-size:12px;display:block}.pet-location{border-top:1px solid #877650;padding-top:13px}.pet-location summary{cursor:pointer;color:#3c311e;font-size:15px;font-weight:600}.pet-location p{margin:8px 0;font-size:13px;line-height:1.5}.pet-location a{color:#443513;text-decoration:underline}.pet-location ul{margin:10px 0;padding-left:18px;font-size:14px}.pet-location li{margin:5px 0}.pet-location .pet-route-level{color:#5b4830;font-size:12px}.pet-location .pet-location-limit{font-size:12px}.pet-spellbook{background:linear-gradient(135deg,#202519,#10170e);min-width:0;padding:24px 18px}.pet-book-head h2{color:#eddb9e;margin:5px 0 8px;font-family:Cinzel,serif;font-size:20px}.pet-book-head p{color:#b3b59c;margin:0 0 18px;font-size:13px}.pet-skill-group{margin:16px 0}.pet-skill-group h3{text-transform:uppercase;letter-spacing:1.3px;color:#b2b49b;margin:0 0 9px!important;font-family:inherit!important;font-size:12px!important}.pet-skill-grid{flex-wrap:wrap;gap:9px;display:flex}.pet-skill{cursor:pointer;background:#080d07;border:2px solid #81704f;border-radius:4px;width:45px;height:45px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #17160e,0 2px 3px #0009}.pet-skill img{object-fit:cover;border-radius:2px;width:100%;height:100%}.pet-skill[data-locked=true] img{filter:grayscale();opacity:.45}.pet-skill[aria-pressed=true]{border-color:#ffdf6d;box-shadow:0 0 0 1px #f4cc70,0 0 12px #c4a95155}.pet-skill>span{color:#cde9ab;background:#111b10;border:1px solid #8c8e5a;border-radius:2px;padding:0 3px;font-size:10px;line-height:15px;position:absolute;bottom:-4px;right:-3px}.pet-skill:hover:after,.pet-skill:focus-visible:after{content:attr(data-label);white-space:nowrap;color:#ffdb70;z-index:5;pointer-events:none;background:#080a1ef5;border:1px solid #b2ad94;border-radius:4px;padding:7px 10px;font-size:13px;position:absolute;bottom:53px;left:-12px;box-shadow:0 4px 10px #000}.pet-spell-detail{color:#ffdf68;background:linear-gradient(130deg,#141329,#080d19);border:2px solid #8c8c86;border-radius:5px;min-height:180px;margin-top:25px;padding:16px;box-shadow:inset 0 0 0 1px #17192e,0 3px 12px #0009}.pet-tooltip-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.pet-tooltip-heading h3{color:#ffdc6b;margin:0!important;font-family:inherit!important;font-size:19px!important}.pet-tooltip-heading span{color:#bbb4a0;white-space:nowrap;font-size:11px}.pet-spell-detail p{color:#ffdf68;margin:12px 0;font-size:15px;line-height:1.45}.pet-spell-meta{color:#f4f2db;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:6px 0;font-size:12px;display:flex}.pet-spell-detail label{color:#cfccb9;border-top:1px solid #4e5260;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:11px;font-size:12px;display:flex}.pet-spell-detail select{background:#0b0c1b;max-width:180px;padding:4px 6px;font-size:12px}.pet-spell-detail .pet-lock-warning{color:#ff9690;font-size:12px}.pet-spell-detail .pet-change{color:#9edd95;margin-bottom:0;font-size:11px}.pet-button{color:#fff0bc;cursor:pointer;text-shadow:0 1px 2px #000;background:linear-gradient(#5e624e,#353c2b);border:1px solid #aa9666;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #a7a08080,inset 0 -2px #141b11,0 2px 3px #0005}.pet-button:hover{filter:brightness(1.15)}.pet-button-red{background:linear-gradient(#a6342b,#6f201d);border-color:#c5945f}.pet-button[aria-pressed=true]{background:linear-gradient(#58723c,#354d25)}.pet-button:disabled{opacity:.55;cursor:not-allowed}.pet-bottom{background:linear-gradient(#333529,#22271c);border-top:2px solid #74684a;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.pet-bottom p{color:#c0c3ad;max-width:400px;margin:0;font-size:12px}.pet-bottom>div{flex-shrink:0;gap:9px;display:flex}.pet-message{color:#dfd191;min-height:24px;margin:12px 0;font-size:14px}.pet-linkbar{color:#bbc3b0;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 40px;font-size:14px;display:flex}.pet-linkbar details{flex:1;max-width:700px}.pet-linkbar summary{color:#d7c38a;cursor:pointer}.pet-linkbar label{margin:15px 0 6px;display:block}.pet-linkbar details>div{gap:10px;display:flex}.pet-linkbar input{flex:1;min-width:0}.pet-linkbar p{font-size:12px}.pet-linkbar>a{color:#d7c38a;white-space:nowrap}.pet-comparison,.pet-saved{background:radial-gradient(at top,#303827,#141b13 80%);min-height:650px;padding:32px}.pet-comparison h2,.pet-saved h2{color:#e4cb8c;margin:0 0 9px;font-family:Cinzel,serif;font-size:27px}.pet-comparison>p,.pet-saved>p{color:#b4bfa8;font-size:16px}.pet-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px;display:grid}.pet-compare-card{background:linear-gradient(#303728,#20291e);border:1px solid #817554;min-width:0;padding:18px;position:relative}.pet-compare-card>img{aspect-ratio:1;object-fit:contain;filter:sepia(.5)saturate(.65);border:3px double #a0966f;border-radius:4px;width:100%;max-width:220px;margin:0 auto 16px;display:block}.pet-compare-card h3{color:#ecd392;margin:0 0 3px;font-family:Cinzel,serif;font-size:23px}.pet-compare-card .pet-compare-role{color:#a6c786;font-size:13px}.pet-compare-card h4{color:#ddd5a9;margin:19px 0 8px;font-size:15px}.pet-compare-card p{color:#c2c9b5;font-size:14px;line-height:1.55}.pet-compare-card .pet-compare-cost{color:#acb59a;font-size:12px}.pet-compare-card ul{color:#c7cbb6;padding-left:17px;font-size:13px;line-height:1.8}.pet-compare-card .pet-remove{color:#ffe0ac;cursor:pointer;background:#52251f;border:1px solid #b99b70;border-radius:3px;width:36px;height:36px;font-size:20px;position:absolute;top:8px;right:8px}.pet-compare-card>a{color:#e9cb80;font-size:13px}.pet-empty-slot{text-align:center;color:#c0c7ae;border:1px dashed #6a7755;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:370px;padding:24px;display:flex}.pet-empty-slot>span{color:#8b956f;font-size:40px}.pet-save-list{gap:12px;margin-top:24px;padding:0;list-style:none;display:grid}.pet-save-list li{background:#28331f;border:1px solid #697951;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.pet-save-list img{border:2px solid #a69364;width:45px;height:45px}.pet-save-list strong{color:#edd291}.pet-save-list small{color:#b6bca6;display:block}.pet-save-list .pet-save-actions{gap:8px;margin-left:auto;display:flex}.pet-guide{border-top:1px solid #77624366;grid-template-columns:1fr 1fr;gap:54px;padding:34px 0;display:grid}.pet-guide h2,.pet-faq h2{color:#dfc88e;font-family:Cinzel,serif;font-size:23px}.pet-guide p{color:#b9c0b2;font-size:16px;line-height:1.7}.pet-reference,.pet-faq details{border-top:1px solid #68694866;padding:17px 0}.pet-page summary{cursor:pointer}.pet-reference summary,.pet-faq summary{color:#e0d3a9;font-size:16px}.pet-reference-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;display:grid}.pet-reference-grid h2{color:#e0c989;font-size:18px}.pet-reference-grid p,.pet-reference-grid li{color:#b9c5ad;font-size:14px}.pet-faq{margin:20px 0 35px}.pet-faq p{color:#bdc8b5;max-width:800px;font-size:16px;line-height:1.65}.pet-sources{border-top:1px solid #5c66484d;padding-top:24px}.pet-sources h2{color:#b6bfa5;font-family:inherit;font-size:14px}.pet-sources p{color:#a9b49d;font-size:12px;line-height:1.7}.pet-sources a{color:#c5bd8d}.pet-page [hidden]{display:none!important}.pet-sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1450px){.pet-page{max-width:1350px}.pet-stable{grid-template-columns:250px minmax(300px,1fr) 365px}.pet-model{min-height:310px}.pet-model img{max-width:380px;max-height:350px}}@media (width<=1050px){.pet-stable{grid-template-columns:180px minmax(245px,1fr) 280px}.pet-collection{padding:17px 9px}.pet-profile{padding:25px 17px}.pet-spellbook{padding:22px 14px}.pet-heading{display:block}.pet-back{margin-top:16px;display:inline-block}.pet-family strong{font-size:14px}.pet-tabs button{padding:12px 13px}.pet-model{min-height:230px}.pet-skill{width:42px;height:42px}.pet-skill-grid{gap:8px}}@media (width<=820px){.pet-stable{grid-template-columns:180px minmax(0,1fr)}.pet-spellbook{border-top:2px solid #796b4b;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.pet-book-head{grid-column:1}.pet-spell-detail{grid-area:1/2/3;align-self:start;margin:0}.pet-family-list{max-height:465px}.pet-profile{min-height:590px}.pet-profile .pet-model img{max-width:330px;max-height:290px}.pet-toolbar{gap:10px}.pet-level{font-size:0}.pet-level select{font-size:15px}.pet-bottom{flex-direction:column;align-items:flex-start}.pet-bottom>div{width:100%}.pet-bottom button{flex:1}.pet-compare-grid{grid-template-columns:1fr}.pet-compare-card{grid-template-columns:150px 1fr;gap:0 24px;padding:24px;display:grid}.pet-compare-card>img{grid-row:1/9;align-self:center;max-width:150px}.pet-compare-card>:not(img){grid-column:2}.pet-compare-card .pet-remove{display:block}.pet-empty-slot{min-height:150px}.pet-guide{gap:25px}.pet-reference-grid{grid-template-columns:1fr 1fr}}@media (width<=540px){.pet-page{padding-top:18px;padding-inline:17px}.pet-heading{margin:20px 0 25px}.pet-heading h1{font-size:29px}.pet-heading p{font-size:16px}.pet-titlebar{flex-wrap:wrap;gap:9px;padding:10px}.pet-titlebar>span:first-of-type{font-size:16px}.pet-titlebar img{width:34px;height:34px}.pet-version{flex-basis:100%;margin-top:-10px;margin-left:43px;font-size:10px}.pet-toolbar{padding:12px 7px 0}.pet-tabs{gap:3px;min-width:0}.pet-tabs button{padding:12px 9px;font-size:12px}.pet-tabs span{font-size:10px}.pet-level{gap:0}.pet-level select{min-width:49px;padding:5px;font-size:14px}.pet-stable{display:block}.pet-collection{border-bottom:2px solid #716545;border-right:0;grid-template-columns:1fr 145px;gap:0 8px;padding:14px 12px 10px;display:grid}.pet-small-label{grid-column:1/-1}.pet-collection input,.pet-collection select{width:100%;padding:8px;font-size:12px}.pet-result-count{grid-column:1/-1;margin:1px 0 5px}.pet-family-list{scroll-snap-type:x proximity;grid-column:1/-1;gap:5px;max-height:none;padding:4px 2px 8px;display:flex;overflow:auto hidden}.pet-family{scroll-snap-align:start;flex-direction:column;flex:0 0 69px;gap:7px;width:69px;min-height:92px;padding:8px 3px}.pet-family strong{text-align:center;font-size:11px;line-height:1.2}.pet-family small,.pet-family-arrow{display:none}.pet-family img{width:36px;height:36px}.pet-profile{min-height:0;padding:26px 23px}.pet-profile h2{font-size:29px}.pet-model{min-height:240px}.pet-profile .pet-model img{max-width:300px;max-height:270px}.pet-profile .pet-family-summary{font-size:16px}.pet-spellbook{padding:24px 20px;display:block}.pet-spell-detail{margin-top:23px}.pet-skill-grid{gap:11px}.pet-skill{width:45px;height:45px}.pet-skill:hover:after,.pet-skill:focus-visible:after{display:none}.pet-bottom{gap:12px;padding:16px 12px}.pet-bottom p{font-size:11px}.pet-button{padding:9px 10px;font-size:12px}.pet-linkbar{margin-bottom:25px;font-size:13px;display:block}.pet-linkbar>a{margin-top:20px;display:block}.pet-linkbar details>div{flex-wrap:wrap}.pet-linkbar input{min-width:100%;font-size:12px}.pet-guide{padding:24px 0;display:block}.pet-guide h2,.pet-faq h2{font-size:22px}.pet-guide p{font-size:15px}.pet-reference-grid{grid-template-columns:1fr}.pet-comparison,.pet-saved{min-height:450px;padding:24px 15px}.pet-compare-card{padding:20px;display:block}.pet-compare-card>img{max-width:170px}.pet-compare-card h3{font-size:24px}.pet-save-list li{gap:10px;padding:12px}.pet-save-list .pet-save-actions{width:100%;margin-left:0}.pet-save-list .pet-save-actions>*{flex:1}.pet-sources p{font-size:12px}}@media (prefers-reduced-motion:no-preference){.pet-family,.pet-button{transition:background-color .15s,filter .15s}.pet-profile>*,.pet-spell-detail>*{animation:.16s ease-out pet-appear}@keyframes pet-appear{0%{opacity:.6}to{opacity:1}}}