.pet-stage{margin:0}.pet-stage-view{border:1px solid var(--gx-line-strong,#aaa390);height:400px;position:relative}.pet-stage-view .cv{min-height:0}.pet-stage-name{color:#f3efe4;pointer-events:none;margin:0;display:grid;position:absolute;bottom:14px;left:16px}.pet-stage-name strong{font-family:var(--gx-display,inherit);text-transform:uppercase;font-size:1.15rem}.pet-stage-name small{color:#c1c0ba;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.pet-stage-ranks{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.pet-stage-ranks button{border:1px solid var(--gx-line-strong,#aaa390);background:var(--gx-card-2,#dfdbcf);min-height:52px;color:var(--gx-ink,#1c1f24);font:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.pet-stage-ranks button span{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800}.pet-stage-ranks button small{color:var(--gx-ink-3,#555751);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.pet-stage-ranks button:hover{border-color:var(--gx-accent,#ad7338)}.pet-stage-ranks button[aria-pressed=true]{border-color:var(--gx-dark-3,#1c1f24);background:var(--gx-dark-3,#1c1f24);color:var(--gx-on-dark,#f3efe4)}.pet-stage-ranks button[aria-pressed=true] small{color:var(--gx-on-dark-2,#c1c0ba)}.pet-stage figcaption{color:var(--gx-ink-3,#555751);margin-top:8px;font-size:.74rem}@media (max-width:520px){.pet-stage-view{height:320px}.pet-stage-ranks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.pet-stage-ranks button[aria-pressed=true]{outline:2px solid highlight}}