.pets-main{margin:0 auto!important;max-width:1440px;padding:112px 36px 60px!important}.back{color:#b9c7d8;font-size:13px}.pets-intro{margin-bottom:32px}.eyebrow{color:#8fe2d2;font-size:11px;letter-spacing:.17em}.pets-intro h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.045em;line-height:1.08;margin:14px 0}.pets-intro h1 span{color:#8fe2d2}.pets-intro>p:not(.eyebrow){color:#a5b5c9}.meta{font-size:12px;color:#778ba4}.pet-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;background:#111925;border:1px solid #243247;border-radius:20px;padding:22px}.pet-controls label{display:grid;gap:8px;font-size:12px;color:#afbed1}.pet-controls label:first-child{flex:1;min-width:220px}.pet-controls input,.pet-controls select{background:#0a111c;color:#e8eef8;border:1px solid #344359;border-radius:10px;padding:13px;font:inherit;min-height:44px}.pet-controls button,.quick button{background:#1b2a3a;color:#d9e8f3;border:1px solid #344359;border-radius:10px;padding:12px;cursor:pointer}.quick{display:flex;flex-wrap:wrap;gap:8px;width:100%}.quick button{font-size:12px;padding:8px 13px}.quick button.active{background:#28433f;border-color:#8fe2d2;color:#aeffeb}.pet-context{color:#9eafc4;font-size:12px;line-height:1.8;max-width:960px;margin:24px 0}.results-line{display:flex;align-items:center;justify-content:space-between;color:#a5b5c9;font-size:13px;margin:20px 0}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.pet-card{background:linear-gradient(145deg,#162232,#0f1723);border:1px solid #2b394d;border-radius:18px;overflow:hidden;scroll-margin-top:100px}.pet-heading{display:flex;gap:15px;align-items:center;padding:20px}.pet-heading img{width:68px;height:68px;object-fit:contain;background:#080e18;border:1px solid #304157;border-radius:16px}.pet-heading h2{font-size:17px;margin:0 0 5px}.pet-heading p{font-size:11px;color:#9eafc4;margin:0}.pet-save{margin-left:auto;background:transparent;border:1px solid #34465d;color:#91a3ba;border-radius:8px;padding:9px;cursor:pointer}.pet-save[aria-pressed=true]{color:#a0f0d7;border-color:#65aa94}.perk-summary{margin:0 20px 15px;color:#a2f4df;font-size:13px}.pet-level{padding:14px 20px;border-top:1px solid #253348}.pet-level.hit{background:#19332f}.level-top{display:flex;justify-content:space-between;font-size:11px;color:#92a7bd;margin-bottom:10px}.level-top strong{color:#e3eaf6}.pet-stats{display:flex;gap:7px;flex-wrap:wrap}.stat{font-size:11px;border-radius:7px;background:#202d3e;padding:6px 8px;color:#b8c8da}.stat.match{background:#244c42;color:#b1ffe5;border:1px solid #498a76}.no-stats{color:#7e91ab;font-size:12px}.pet-footer{margin-top:42px;color:#7e91ab;font-size:11px}.pet-footer a{color:#aac6d6}.empty{color:#b5c4d6;padding:40px;grid-column:1/-1;border:1px dashed #34465d;border-radius:18px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #8fe2d2;outline-offset:3px}@media(max-width:650px){.pets-main{padding:104px 16px 30px!important}.pet-controls{padding:16px}.pet-controls label:first-child{width:100%;flex:auto}.pet-grid{grid-template-columns:1fr}.back{font-size:11px}.results-line{gap:12px}.pet-heading{padding:16px}.pet-level{padding:14px 16px}}
/* Obsidian pet collection */
body{background:#050505;color:#ededed}header{background:rgba(5,5,5,.96);border-bottom-color:#202020}.back,.pets-intro>p:not(.eyebrow),.pet-context,.results-line{color:#a3a3a3}.eyebrow,.pets-intro h1 span{color:#d7bb81}.meta,.pet-footer,.no-stats{color:#777}.pet-controls{background:#0b0b0b;border-color:#252525;box-shadow:0 16px 50px #0005}.pet-controls label{color:#aaa}.pet-controls input,.pet-controls select{background:#050505;border-color:#303030;color:#eee}.pet-controls button,.quick button{background:#151515;border-color:#303030;color:#bdbdbd}.quick button.active{background:#211b10;border-color:#8a7045;color:#ecd49f}.pet-grid{gap:22px}.pet-card{position:relative;background:linear-gradient(150deg,#111 0%,#080808 65%);border:1px solid #292929;border-radius:22px;box-shadow:0 10px 34px #0006,inset 0 1px 0 #ffffff05;transition:border-color .2s,transform .2s,box-shadow .2s}.pet-card:hover{border-color:#695536;transform:translateY(-3px);box-shadow:0 18px 42px #000b,inset 0 1px 0 #ffffff08}.pet-heading{padding:24px 22px;gap:17px;min-height:136px;background:radial-gradient(ellipse at 12% 30%,#30251550,transparent 65%)}.pet-heading img{width:82px;height:82px;flex-shrink:0;border-radius:18px;background:#030303;border-color:#4a3c28;box-shadow:0 0 24px #c3974d0c}.pet-heading h2{font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.3;color:#f2f2f2}.pet-heading p{color:#9a8765;font-size:10px;letter-spacing:.05em;margin-top:7px}.pet-save{flex-shrink:0;align-self:flex-start;border-color:#303030;background:#0b0b0b;color:#888;transition:color .2s,border-color .2s}.pet-save:hover,.pet-save[aria-pressed=true]{border-color:#a38755;color:#e7c98d;background:#20190c}.perk-summary{margin:0 22px 18px;padding:10px 12px;background:#19150d;border:1px solid #3c3120;border-radius:9px;color:#e2c58c;font-size:12px}.pet-level{padding:17px 22px;border-top-color:#222;background:#090909}.pet-level.hit{background:linear-gradient(90deg,#211a0f85,#0b0b0b);box-shadow:inset 3px 0 0 #c3a16a}.level-top{color:#777;font-size:10px;letter-spacing:.02em;margin-bottom:12px;gap:12px}.level-top strong{color:#adadad;font-weight:600;letter-spacing:.11em}.pet-level.hit .level-top strong{color:#ddbf89}.pet-stats{gap:8px}.stat{background:#141414;border:1px solid #292929;color:#a5a5a5;border-radius:8px;padding:7px 9px;line-height:1.5}.stat strong{color:#dedede;font-weight:600;margin-left:3px}.stat.match{background:#2c2213;border-color:#80643a;color:#d8bd8c}.stat.match strong{color:#ffe1a7}.pet-footer a{color:#b8a27a}.empty{background:#090909;border-color:#303030;color:#aaa}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-color:#dbba7b}@media(prefers-reduced-motion:reduce){.pet-card{transition:none}.pet-card:hover{transform:none}}@media(max-width:650px){.pet-heading{padding:20px 18px;min-height:126px}.pet-heading img{width:76px;height:76px}.pet-heading h2{font-size:17px}.pet-level{padding:16px 18px}.perk-summary{margin-left:18px;margin-right:18px}}

.pet-farm{border-top:1px solid #292929;background:#080808}.pet-farm summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:12px;font-weight:600;color:#d9be8d}.pet-farm summary::-webkit-details-marker{display:none}.pet-farm summary span{font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.pet-farm[open] summary span{transform:rotate(45deg)}.pet-farm summary:hover{background:#19150c}.pet-farm summary:focus-visible{outline:2px solid #c7a56d;outline-offset:-4px}.farm-content{padding:0 22px 20px;font-size:12px;color:#999;line-height:1.7}.farm-content h3{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#ae9161;margin:20px 0 10px}.farm-content ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.farm-content li{background:#111;border:1px solid #252525;border-radius:10px;padding:11px 12px}.farm-content li div{display:flex;justify-content:space-between;gap:12px}.farm-content strong{font-size:12px;color:#d3d3d3;font-weight:550}.farm-content li span{white-space:nowrap;color:#8a7757;font-size:10px}.farm-content li p{margin:5px 0 0;color:#b8a17a;font-size:11px}.farm-soul{color:#ddd;margin:0}.farm-cost{color:#a88e65;font-size:11px;margin:4px 0}.farm-note{font-size:10px;color:#717171;margin:18px 0 0}@media(max-width:650px){.pet-farm summary{padding:17px 18px}.farm-content{padding-left:18px;padding-right:18px}}