.pet-browser{padding-bottom:7rem}.pet-discovery{padding:.8rem;border:1px solid var(--line);border-radius:16px;background:#091223db}.pet-discovery__top{display:grid;grid-template-columns:minmax(220px,1fr);gap:.75rem}.pet-search{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:0 .85rem;border:1px solid var(--line);border-radius:11px;color:var(--text-dim);background:#030914a8}.pet-search:focus-within{border-color:#60a5fa8c}.pet-search input{flex:1;min-width:0;border:0;outline:0;color:var(--text);font:inherit;background:transparent}.pet-search input::placeholder{color:var(--text-dim)}.rarity-filter{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:0 .75rem;border:1px solid var(--line);border-radius:11px;color:var(--text-dim);font-size:.78rem;background:#030914a8}.rarity-filter select{border:0;outline:0;color:var(--text);font:inherit;background:#0b172a}.species-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.companion-ability-filters{align-items:center;margin-top:.5rem}.pet-filter-label{flex:none;margin-right:.1rem;color:var(--text-dim);font-size:.78rem;white-space:nowrap}.pet-filter-label__short{display:none}.species-filters button{min-height:34px;padding:.35rem .72rem;border:1px solid transparent;border-radius:999px;color:var(--text-muted);font:inherit;font-size:.8rem;background:#33415561;cursor:pointer}.species-filters button:hover{color:var(--text);background:#3b82f621}.species-filters button.is-active{border-color:#60a5fa7a;color:#bfdbfe;background:#1e40af5c}.pet-result-count{margin:.65rem .15rem 0;color:var(--text-dim);font-size:.76rem}.pet-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-top:1rem}.pet-card{min-width:0;overflow:hidden;padding:0;border:1px solid rgba(147,197,253,.16);border-radius:14px;color:var(--text);text-align:left;background:linear-gradient(150deg,#162a47e6,#081222f0);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pet-card:hover{transform:translateY(-3px);border-color:#60a5fa7a}.pet-card.is-selected{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa59,0 10px 28px #02081761}.pet-image{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;color:var(--text-dim);background:radial-gradient(circle at 50% 55%,rgba(59,130,246,.14),transparent 62%),#0309148c}.pet-image img{z-index:1;position:absolute;inset:0;width:100%;height:100%;padding:.4rem .4rem 1rem;box-sizing:border-box;object-fit:contain}.pet-image__fallback{opacity:.35}.pet-card__body{position:relative;display:block;min-height:94px;padding:.7rem;border-top:1px solid rgba(147,197,253,.11)}.pet-new-badge{position:absolute;z-index:2;top:.55rem;left:.55rem;padding:.12rem .38rem;border-radius:999px;color:#fff;font-size:.62rem;line-height:1.2;letter-spacing:.06em;background:#e11d48}.pet-card__companion-abilities{position:absolute;z-index:2;right:.45rem;bottom:.38rem;left:.45rem;display:flex;flex-wrap:wrap;gap:.22rem;pointer-events:none}.pet-card__companion-abilities span{padding:.16rem .34rem;border:1px solid rgba(147,197,253,.38);border-radius:4px;color:#dbeafe;font-size:.66rem;font-weight:700;line-height:1.25;background:#030914b8;box-shadow:0 1px 4px #00000059}.pet-card__meta{position:absolute;right:.6rem;bottom:.62rem;left:.6rem;display:block!important;min-height:1.5rem;overflow:visible!important;white-space:normal!important}.pet-card .pet-card__meta .rarity-badge{position:absolute;right:0;bottom:0;margin:0}.pet-card__meta .pet-new-badge{top:auto;bottom:0;left:0}.pet-unavailable-section{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.pet-unavailable-section__heading{display:flex;align-items:baseline;gap:.6rem}.pet-unavailable-section__heading h2{margin:0;color:var(--text-muted);font-size:1.05rem}.pet-unavailable-section__heading span{color:var(--text-dim);font-size:.78rem}.pet-grid--unavailable{margin-top:.75rem}.pet-card__body strong,.pet-card__body>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-card__body strong{font-size:.9rem}.pet-card__body>span{margin-top:.12rem;color:var(--text-dim);font-size:.72rem}.rarity-badge{display:inline-flex;width:max-content;padding:.18rem .5rem;border:1px solid currentColor;border-radius:999px;font-size:.72rem;font-style:normal;font-weight:700;background:#03091499}.pet-card .rarity-badge{position:absolute;right:.6rem;bottom:.62rem}.pet-empty{display:grid;min-height:240px;margin-top:1rem;place-items:center;align-content:center;gap:.35rem;border:1px dashed var(--line);border-radius:15px;color:var(--text-dim)}.pet-empty strong{color:var(--text)}.pet-detail{scroll-margin-top:1rem;overflow:hidden;margin-top:2.4rem;border:0;border-radius:20px;background:#091223e6;box-shadow:var(--shadow)}.pet-detail__hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.8rem;align-items:center;padding:1.7rem;background:radial-gradient(circle at 12% 36%,rgba(37,99,235,.2),transparent 33%)}.pet-image--full{width:220px;border:1px solid rgba(96,165,250,.28);border-radius:18px}.pet-image--full img{padding:.75rem}.pet-detail__species{margin:0;color:var(--text-dim);font-size:.78rem;letter-spacing:.1em}.pet-detail h2{margin:.12rem 0 .45rem;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.pet-detail__description{max-width:42rem;margin:.9rem 0 0;color:var(--text-muted);line-height:1.8}.pet-detail__section{padding:1.6rem 1.7rem 0 1.6rem;border-top:1px solid var(--line)}.pet-comparison{padding-bottom:1.7rem}.pet-section-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;color:#60a5fa}.pet-section-title small{display:block;color:var(--text-dim);font-size:.62rem;letter-spacing:.12em}.pet-section-title h3{margin:.05rem 0 0;color:var(--text);font-size:1.22rem}.skill-detail{padding:.9rem 0}.skill-progression{padding:0 1.7rem 1.4rem}.skill-detail+.skill-detail{border-top:1px solid rgba(148,163,184,.18)}.skill-detail__title{display:flex;align-items:center;justify-content:flex-start;gap:.6rem}.skill-detail__title strong{color:#60a5fa;font-size:1.12rem}.skill-detail__title span{padding:.18rem .48rem;border-radius:999px;color:var(--text-muted);font-size:.7rem;background:#64748b47}.skill-detail__title>.rarity-badge{position:static;flex:none;font-style:normal}.pet-skill>.skill-detail,.pet-skill .skill-empty{display:none}.skill-detail>p{max-width:54rem;margin:.65rem 0 .45rem;color:var(--text-muted);line-height:1.75}.skill-keyword{color:#34d399;font-weight:700}.skill-detail>small{color:#f9a8d4}.skill-empty{color:var(--text-dim)}.comparison-scroll{overflow-x:auto;border:1px solid rgba(147,197,253,.32);border-radius:14px;background:#0309146b}.comparison-grid{--label-width: 150px;min-width:calc(var(--label-width) + var(--stage-count) * 150px)}.comparison-grid,.comparison-row{display:grid;grid-template-columns:var(--label-width) repeat(var(--stage-count),minmax(150px,1fr))}.comparison-corner,.comparison-stage,.comparison-label,.comparison-value{padding:.62rem .9rem}.comparison-corner{z-index:2;position:sticky;left:0;color:var(--text-dim);font-size:.75rem;letter-spacing:.08em;background:#0b1628}.comparison-stage{display:flex;align-items:center;gap:.4rem;border-left:1px solid var(--line)}.comparison-stage strong{font-size:.96rem}.comparison-row{grid-column:1 / -1;border-top:1px solid var(--line)}.comparison-label{z-index:1;position:sticky;left:0;color:var(--text-muted);background:#0b1628}.comparison-value{border-left:1px solid var(--line)}.comparison-value strong{display:block}.comparison-value strong{color:#60a5fa;font-size:1.16rem}.legendary-note{margin:.8rem 0 0;color:var(--rarity-legendary);font-size:.8rem}.rarity-advanced{color:var(--rarity-advanced)!important}.rarity-rare{color:var(--rarity-rare)!important}.rarity-elite{color:var(--rarity-elite)!important}.rarity-epic{color:var(--rarity-epic)!important}.rarity-legendary{color:var(--rarity-legendary)!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme=light] .pet-discovery{border-color:#cbd8e6;background:#ffffffeb;box-shadow:0 8px 24px #2b3a4e0d}html[data-theme=light] .pet-search,html[data-theme=light] .rarity-filter{border-color:#b9c8d8;color:#526176;background:#fff}html[data-theme=light] .pet-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}html[data-theme=light] .rarity-filter select{color:#182235;background:#fff}html[data-theme=light] .species-filters button{color:#475569;background:#edf2f7}html[data-theme=light] .species-filters button:hover{color:#1d4ed8;background:#eff6ff}html[data-theme=light] .species-filters button.is-active{border-color:#7aa7e8;color:#1d4ed8;background:#dbeafe}html[data-theme=light] .pet-card{border-color:#cbd8e6;color:#182235;background:linear-gradient(150deg,#fff,#edf3f8);box-shadow:0 6px 18px #2b3a4e0f}html[data-theme=light] .pet-card:hover{border-color:#60a5fa;box-shadow:0 10px 25px #2563eb1f}html[data-theme=light] .pet-image{color:#6b7d93;background:radial-gradient(circle at 50% 55%,rgba(96,165,250,.18),transparent 62%),#edf4fb}html[data-theme=light] .pet-card__body{border-top-color:#d7e1eb}html[data-theme=light] .pet-card__companion-abilities span{border-color:#476d9961;color:#28486d;background:#ffffffdb;box-shadow:0 1px 4px #2b3a4e1f}html[data-theme=light] .rarity-badge{background:#ffffffe0}html[data-theme=light] .pet-detail{color:#182235;background:#fff;box-shadow:0 18px 48px #2b3a4e1a}html[data-theme=light] .pet-detail__hero{background:radial-gradient(circle at 12% 36%,rgba(96,165,250,.17),transparent 36%)}html[data-theme=light] .pet-image--full{border-color:#a9c5e8;background:#edf5ff}html[data-theme=light] .pet-detail__section{border-top-color:#d7e1eb}html[data-theme=light] .pet-section-title{color:#2563eb}html[data-theme=light] .skill-detail__title strong{color:#1d4ed8}html[data-theme=light] .skill-keyword{color:#047857}html[data-theme=light] .skill-detail__title span{color:#475569;background:#e8eef5}html[data-theme=light] .skill-detail>small{color:#be185d}html[data-theme=light] .comparison-scroll{border-color:#aebed0;background:#fff;box-shadow:0 6px 18px #2b3a4e0d}html[data-theme=light] .comparison-stage,html[data-theme=light] .comparison-value{border-left-color:#d7e1eb}html[data-theme=light] .comparison-row{border-top-color:#d7e1eb}html[data-theme=light] .comparison-label{color:#475569;background:#edf4fb}html[data-theme=light] .comparison-corner{background:#edf4fb}html[data-theme=light] .comparison-value strong{color:#1d4ed8}html[data-theme=light] .rarity-advanced{color:var(--rarity-advanced)!important}html[data-theme=light] .rarity-rare{color:var(--rarity-rare)!important}html[data-theme=light] .rarity-elite{color:var(--rarity-elite)!important}html[data-theme=light] .rarity-epic{color:var(--rarity-epic)!important}html[data-theme=light] .rarity-legendary{color:var(--rarity-legendary)!important}@media(max-width:1050px){.pet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-detail__hero{grid-template-columns:160px minmax(0,1fr)}.pet-image--full{width:160px}}@media(max-width:650px){.pet-browser{padding-bottom:4rem}.pet-discovery__top{grid-template-columns:1fr}.rarity-filter{justify-content:space-between}.species-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.species-filters button{flex:none}.pet-filter-label__full{display:none}.pet-filter-label__short{display:inline}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.pet-card__body{min-height:88px;padding:.6rem}.pet-detail{margin-top:1.5rem;border-radius:16px}.pet-detail__hero{grid-template-columns:108px minmax(0,1fr);gap:1rem;padding:1rem}.pet-image--full{width:108px}.pet-detail h2{font-size:1.65rem}.pet-detail__description{grid-column:1 / -1;margin-top:.7rem;font-size:.87rem}.pet-detail__section{padding:1.2rem 1rem}.pet-comparison{padding-bottom:1.2rem}.comparison-grid{--label-width: 116px}.comparison-corner,.comparison-stage,.comparison-label,.comparison-value{padding:.65rem .7rem}}@media(max-width:390px){.pet-card__body strong{padding-right:0;font-size:.82rem}.pet-card .rarity-badge{position:static;margin-top:.45rem}.pet-card__body{min-height:108px}}