.familiar-avatar{width:100%;height:auto;overflow:visible}.familiar-avatar #root{transform:scale(var(--size, 1));transform-origin:100px 110px}.familiar-avatar .line{fill:none;stroke:var(--fur-secondary);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.familiar-avatar .fill-primary{fill:var(--fur-primary);stroke:var(--fur-secondary);stroke-width:2.4}.familiar-avatar .fill-secondary{fill:var(--fur-secondary);stroke:none}.familiar-avatar .accent{fill:var(--accent)}.familiar-avatar .eye{transform-box:fill-box;transform-origin:center;animation:fa-blink var(--blink-period, 4.6s) infinite}@keyframes fa-blink{0%,95.5%,to{transform:scaleY(1)}97.5%{transform:scaleY(.08)}}.familiar-avatar #root{animation:fa-idle var(--idle-period, 3.2s) ease-in-out infinite}@keyframes fa-idle{0%,to{transform:scale(var(--size, 1)) translateY(0)}50%{transform:scale(var(--size, 1)) translateY(-2px)}}.familiar-avatar{transition:filter .9s ease}.familiar-avatar .ear,.familiar-avatar #face,.familiar-avatar #body-base,.familiar-avatar .eye-size,.familiar-avatar .muzzle{transition:transform .9s ease,opacity .9s ease}.familiar-avatar.health-3{filter:saturate(.78) brightness(.94)}.familiar-avatar.health-4{filter:saturate(.45) brightness(.85)}.familiar-avatar .ear{transform-box:fill-box;transform-origin:bottom center}.familiar-avatar[data-posture=drooped] .ear-left{transform:rotate(-16deg)}.familiar-avatar[data-posture=drooped] .ear-right{transform:rotate(16deg)}.familiar-avatar[data-posture=lying] .ear-left{transform:rotate(-34deg) scaleY(.85)}.familiar-avatar[data-posture=lying] .ear-right{transform:rotate(34deg) scaleY(.85)}.familiar-avatar[data-posture=lying] #face{transform:translateY(16px)}.familiar-avatar[data-posture=lying] #body-base{transform:scaleY(.8) translateY(40px)}.familiar-avatar[data-posture=lying] #root{animation:none}.familiar-avatar .eye-size{transform-box:fill-box;transform-origin:center}.familiar-avatar.phase-youth .eye-size{transform:scale(1.28)}.familiar-avatar .muzzle{fill:#c7c7c7;opacity:0;stroke:none}.familiar-avatar.phase-elder .muzzle{opacity:.5}@media (prefers-reduced-motion: reduce){.familiar-avatar .eye,.familiar-avatar #root{animation:none}}.den-scene{position:relative;width:100%;max-width:480px;margin:0 auto}.den-scene svg.den-base{width:100%;height:auto;display:block}.den-scene .line{fill:none;stroke:var(--den-line);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.den-scene .wall{fill:var(--den-wall)}.den-scene .floor{fill:var(--den-floor)}.den-scene .bedding{fill:var(--den-bedding);stroke:var(--den-line);stroke-width:2.2}.den-companion{position:absolute;left:12%;bottom:6%;width:44%;transition:opacity .9s ease}.den-note{position:absolute;left:50%;bottom:18%;transform:translate(-50%) rotate(-3deg);background:var(--den-note-paper);color:var(--den-line);font-style:italic;font-size:13px;padding:8px 12px;max-width:60%;box-shadow:1px 2px 0 var(--den-line)}.den-scene[data-daypart=dawn]{--den-wall: hsl(28, 30%, 28%);--den-floor: hsl(24, 28%, 22%);--den-bedding: hsl(20, 35%, 38%);--den-line: hsl(30, 35%, 64%);--den-note-paper: hsl(40, 40%, 78%)}.den-scene[data-daypart=day]{--den-wall: hsl(35, 28%, 34%);--den-floor: hsl(30, 26%, 27%);--den-bedding: hsl(24, 38%, 44%);--den-line: hsl(38, 38%, 70%);--den-note-paper: hsl(45, 45%, 84%)}.den-scene[data-daypart=dusk]{--den-wall: hsl(15, 30%, 26%);--den-floor: hsl(12, 28%, 20%);--den-bedding: hsl(10, 34%, 36%);--den-line: hsl(22, 40%, 62%);--den-note-paper: hsl(35, 35%, 74%)}.den-scene[data-daypart=night]{--den-wall: hsl(235, 18%, 20%);--den-floor: hsl(238, 16%, 15%);--den-bedding: hsl(230, 18%, 30%);--den-line: hsl(228, 22%, 58%);--den-note-paper: hsl(45, 25%, 66%)}.den-scene .scene-element{cursor:pointer}.den-scene .scene-element[data-state=dormant]{opacity:.45}.den-scene .trinket{cursor:pointer;fill:var(--den-bedding);stroke:var(--den-line)}:root{font-family:system-ui,sans-serif;color-scheme:dark;background:#0f0f13;color:#e8e6e3}body{margin:0}