.pets-page .timezone-picker{display:none}.pets-main{padding-top:clamp(2.5rem,6vw,5rem)}.pets-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.pets-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,4.5vw,4rem);font-weight:500;line-height:1.15}.pets-heading p{font-size:var(--size-body);color:var(--soft);margin:1rem 0 0}.pets-count,.pet-tag{font-size:var(--size-sm);color:var(--soft)}.pets-count{white-space:nowrap}.pet-entry{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:2.5rem;display:grid}.pet-stage{background:var(--control);width:100%;min-height:360px;color:var(--soft);cursor:zoom-in;font:inherit;border:0;border-radius:1rem;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.pet-stage-label{font-size:var(--size-sm);gap:.5rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.pet-stage:hover .pet-stage-label{color:var(--text)}.pet-sprite{width:264px;max-width:100%;aspect-ratio:var(--frame-ratio);flex:none;display:block;position:relative;overflow:hidden}.pet-sprite img{width:calc(100% * var(--columns));height:calc(100% * var(--rows));max-width:none;left:0;top:calc(-100% * var(--row,0));pointer-events:none;position:absolute}.pet-tag{margin:0 0 .75rem}.pet-info h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500}.pet-description{max-width:30rem;font-size:var(--size-body);color:var(--soft);margin:1rem 0 2rem;line-height:1.8}.pet-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pet-download{background:var(--button);color:var(--button-text);border-color:var(--button);gap:2rem;text-decoration:none}.pet-download:hover{background:var(--button);color:var(--button-text);opacity:.85}.pet-sprite[hidden]{display:none}.pet-image-error{max-width:16rem;font-size:var(--size-sm);padding:1rem}.pets-main>footer{margin-top:3rem}#pet-dialog{border-radius:1.5rem;width:min(36rem,100% - 2rem);max-height:calc(100dvh - 2rem);padding:2rem;overflow:auto}#pet-title{font-size:var(--size-lead);margin:0 3rem 1.5rem 0}.pet-preview-stage{background:var(--control);border-radius:1rem;justify-content:center;align-items:center;min-height:320px;padding:1rem;display:flex}.pet-preview-stage .pet-sprite{width:280px;max-width:100%}.pet-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.25rem 0 1.5rem;display:flex}.pet-poses{gap:.25rem;display:flex}.pet-controls button{min-height:44px;color:var(--soft);font:inherit;font-size:var(--size-sm);cursor:pointer;background:0 0;border:0;border-radius:2rem;padding:.5rem .75rem}.pet-controls button:hover,.pet-poses button[aria-pressed=true]{background:var(--control);color:var(--text)}.pet-play[aria-pressed=true]{color:var(--text)}.pet-controls button:disabled{opacity:.5;cursor:default}#pet-dialog>.pet-download{width:100%}body:has(#pet-dialog[open]){overflow:hidden}.pet-sprite.is-playing img{animation:pet-frames var(--duration,1.12s) steps(var(--frames)) infinite}@keyframes pet-frames{0%{left:0}to{left:calc(-100% * var(--frames))}}@media (max-width:640px){.pets-heading{flex-direction:column;align-items:start;gap:1rem;margin-bottom:1.5rem}.pet-entry{grid-template-columns:1fr;gap:1.5rem;padding-block:1.5rem 2.5rem}.pet-stage{min-height:320px}.pet-sprite{width:240px}.pet-description{margin-bottom:1.5rem}#pet-dialog{padding:1.5rem}.pet-preview-stage{min-height:280px}.pet-preview-stage .pet-sprite{width:240px}}