@layer component{.MC1YoW_VirtualPet{align-items:start;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.MC1YoW_VirtualPet .MC1YoW_screen{aspect-ratio:22/18;padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-surface);color:var(--color-text-primary);transition:color var(--motion-normal);place-items:center;display:grid}.MC1YoW_VirtualPet .MC1YoW_screen[data-lights=off]{color:var(--color-text-tertiary)}.MC1YoW_VirtualPet .MC1YoW_sprite{block-size:100%;inline-size:100%;display:block;overflow:visible}.MC1YoW_VirtualPet .MC1YoW_body,.MC1YoW_VirtualPet .MC1YoW_egg,.MC1YoW_VirtualPet .MC1YoW_mess,.MC1YoW_VirtualPet .MC1YoW_sleep{fill:currentColor}.MC1YoW_VirtualPet .MC1YoW_face{fill:var(--color-bg-surface)}.MC1YoW_VirtualPet .MC1YoW_creature{animation:1.6s step-end infinite MC1YoW_bob}.MC1YoW_VirtualPet .MC1YoW_creature[data-mood=asleep]{animation-duration:3.2s}.MC1YoW_VirtualPet .MC1YoW_creature[data-mood=sad],.MC1YoW_VirtualPet .MC1YoW_creature[data-mood=sick]{animation-duration:2.4s}.MC1YoW_VirtualPet .MC1YoW_creature .MC1YoW_face[data-eyes=shut]{visibility:hidden;animation:4.5s step-end infinite MC1YoW_shut}.MC1YoW_VirtualPet .MC1YoW_creature .MC1YoW_face[data-eyes=open]{animation:4.5s step-end infinite MC1YoW_open}.MC1YoW_VirtualPet .MC1YoW_creature[data-mood=asleep] .MC1YoW_face[data-eyes=open]{animation:none}.MC1YoW_VirtualPet .MC1YoW_egg{transform-box:fill-box;transform-origin:50% 100%;animation:1.2s step-end infinite MC1YoW_wobble}.MC1YoW_VirtualPet .MC1YoW_sleep{animation:3.2s step-end infinite MC1YoW_bob}.MC1YoW_VirtualPet .MC1YoW_empty{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.MC1YoW_VirtualPet .MC1YoW_panel,.MC1YoW_VirtualPet .MC1YoW_start{gap:var(--space-4);display:grid}.MC1YoW_VirtualPet .MC1YoW_name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;margin:0}.MC1YoW_VirtualPet .MC1YoW_summary{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.MC1YoW_VirtualPet .MC1YoW_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.MC1YoW_VirtualPet .MC1YoW_stats{gap:var(--space-2);font-size:var(--font-size-sm);margin:0;padding:0;list-style:none;display:grid}.MC1YoW_VirtualPet .MC1YoW_stat{align-items:center;gap:var(--space-3);color:var(--color-text-secondary);grid-template-columns:5rem 1fr 4ch;display:grid}.MC1YoW_VirtualPet .MC1YoW_meter{appearance:none;border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-base);block-size:.5rem;inline-size:100%;overflow:hidden}.MC1YoW_VirtualPet .MC1YoW_meter::-webkit-meter-bar{background:0 0;border:0;border-radius:0;block-size:100%}.MC1YoW_VirtualPet .MC1YoW_meter::-webkit-meter-optimum-value{background:var(--color-text-primary)}.MC1YoW_VirtualPet .MC1YoW_meter::-webkit-meter-suboptimum-value{background:var(--color-text-primary)}.MC1YoW_VirtualPet .MC1YoW_meter::-webkit-meter-even-less-good-value{background:var(--color-text-primary)}.MC1YoW_VirtualPet .MC1YoW_meter::-moz-meter-bar{background:var(--color-text-primary)}.MC1YoW_VirtualPet .MC1YoW_meter[data-low]::-webkit-meter-optimum-value{background:repeating-linear-gradient(-45deg, var(--color-text-primary) 0 2px, transparent 2px 4px)}.MC1YoW_VirtualPet .MC1YoW_meter[data-low]::-moz-meter-bar{background:repeating-linear-gradient(-45deg, var(--color-text-primary) 0 2px, transparent 2px 4px)}.MC1YoW_VirtualPet .MC1YoW_value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:end}.MC1YoW_VirtualPet .MC1YoW_status{min-block-size:1.5em;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@keyframes MC1YoW_bob{0%{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes MC1YoW_open{0%{visibility:visible}94%{visibility:hidden}}@keyframes MC1YoW_shut{0%{visibility:hidden}94%{visibility:visible}}@keyframes MC1YoW_wobble{0%{transform:rotate(0)}25%{transform:rotate(-6deg)}50%{transform:rotate(0)}75%{transform:rotate(6deg)}}}
