:root{--paper:#7e7e7d;--ink:#160c06;--muted:#201008;--line:#68665e;--green:#f5e6c8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}.homepage{flex-direction:column;min-height:100svh;padding:0 4.5%;display:flex}.site-header{z-index:5;justify-content:space-between;align-items:center;height:136px;display:flex;position:relative}.brand-link{line-height:0;display:block}.brand-logo{width:96px;height:auto;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-nav{align-items:center;gap:16px;display:flex}.app-link{border-radius:12px;place-items:center;width:48px;height:48px;transition:transform .18s;display:grid}.app-link img{border-radius:12px;width:48px;height:48px;display:block}.app-link:hover{transform:translateY(-3px)}.contact-link{border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.contact-link:hover{background:#160c0612}.main-canvas{flex-direction:column;flex:1;min-height:max(300px,100svh - 136px);display:flex}.dog-world{margin-top:auto;padding-top:170px;position:relative}.dog-track{border-bottom:1px solid #aeb7a1;height:150px;position:absolute;bottom:52px;left:0;right:0}.dog-traveler{transform-origin:0 100%;width:180px;height:144px;position:absolute;bottom:0;left:0;transform:scale(.8)}.dog-direction{width:100%;height:100%}.pet-dog{cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:180px;height:144px;padding:0;display:block;position:relative}.pet-dog:focus-visible{outline-offset:2px;border-radius:8px}.kelev-dog{width:180px;height:144px;image-rendering:pixelated;display:block;position:relative}.dog-sprite{background:url(/sprites/kelev-puppy-walk.webp) 0 0/1440px 144px no-repeat;width:180px;height:144px;animation:.88s steps(8,end) infinite puppy-walk;display:block}.dog-heart{color:#a4503c;opacity:0;font-size:24px;position:absolute;top:-16px;right:10px}.kelev-dog[data-happy=true] .dog-heart{opacity:1}.kelev-dog:where(:not([data-activity=walk]):not([data-activity=trot])) .dog-sprite{--pose-start:0px;--pose-end:-360px;background-image:url(/sprites/kelev-activities.webp);animation:1.4s steps(2,end) infinite dog-pose}.kelev-dog[data-activity=trot] .dog-sprite{animation-duration:.48s}.kelev-dog:is([data-activity=sit],[data-activity=look]) .dog-sprite{--pose-start:-360px;--pose-end:-720px;animation-duration:2.4s}.kelev-dog[data-activity=bow] .dog-sprite{--pose-start:-720px;--pose-end:-1080px;animation-duration:.8s}.kelev-dog:is([data-activity=settle],[data-activity=nap]) .dog-sprite{transform-origin:bottom;background-position:-1080px 0;animation:3.6s ease-in-out infinite dog-breathe}.kelev-dog[data-activity=settle]{animation:1s ease-out both dog-settle}.dog-dreams{pointer-events:none;color:#342d29;font:700 18px monospace;position:absolute;top:44px;right:40px}.dog-traveler[data-facing="-1"] .dog-dreams{left:40px;right:auto}.dog-dreams span{opacity:0;animation:3.6s linear infinite dog-dream;position:absolute}.dog-dreams span:nth-child(2){animation-delay:1.2s}.dog-dreams span:nth-child(3){animation-delay:2.4s}[data-paused=true] .kelev-dog[data-activity] .dog-sprite,.kelev-dog[data-paused=true][data-activity] .dog-sprite,[data-paused=true] .kelev-dog,[data-paused=true] .dog-dreams span{animation-play-state:paused}@keyframes dog-pose{0%{background-position:var(--pose-start) 0}to{background-position:var(--pose-end) 0}}@keyframes dog-breathe{50%{transform:scaleY(1.025)}}@keyframes dog-settle{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes dog-dream{0%{opacity:0;transform:translate(0)scale(.65)}20%,60%{opacity:.8}to{opacity:0;transform:translate(22px,-64px)scale(1.2)}}.world-caption{height:52px;color:var(--muted);letter-spacing:.3px;justify-content:flex-end;align-items:center;font:10px/1.5 monospace;display:flex}.motion-toggle{cursor:pointer;min-width:44px;font:inherit;background:0 0;border:0;min-height:44px;padding:10px}.motion-toggle:hover{color:var(--ink)}.motion-toggle span{margin-right:6px}.ground-details{pointer-events:none;height:20px;position:absolute;bottom:52px;left:0;right:0}.grass{background:#a4af8f;width:2px;height:8px;position:absolute;bottom:0;box-shadow:-4px 3px #a4af8f,4px 4px #a4af8f}.grass-one{left:12%}.grass-two{height:5px;left:76%}.ground-pebble{background:#bebfb0;width:8px;height:3px;position:absolute;bottom:0;left:42%}.flower{background:#84916f;width:2px;height:15px;position:absolute;bottom:0;right:8%}.flower i{background:#b49d5e;width:4px;height:4px;position:absolute;top:-2px;left:-1px;box-shadow:-4px 0 #e3d8ac,4px 0 #e3d8ac,0 -4px #e3d8ac,0 4px #e3d8ac}.skip{background:var(--ink);color:#fff;z-index:10;padding:15px;position:absolute;top:-100px;left:20px}.skip:focus{top:15px}@keyframes puppy-walk{to{background-position:-1440px 0}}@media (min-width:1600px){.homepage{padding:0 max(4.5%,50vw - 800px)}}@media (max-width:600px){.homepage{padding:0 24px}.site-header{height:112px}.brand-logo{width:80px}.app-nav{gap:8px}.app-link{width:44px;height:44px}.app-link img{border-radius:10px;width:40px;height:40px}.main-canvas{min-height:max(300px,100svh - 112px)}}@media (max-width:360px){.homepage{padding:0 16px}.brand-logo{width:64px}.app-nav{gap:6px}}@media (prefers-reduced-motion:reduce){.dog-traveler,.dog-direction,.dog-sprite{animation:none}.app-link{transition:none}.dog-traveler{left:20%}.motion-toggle{display:none}.kelev-dog[data-activity] .dog-sprite,.kelev-dog,.dog-dreams span{animation:none}.dog-dreams span:first-child{opacity:.8}}@media (orientation:landscape) and (max-height:500px){.site-header{height:96px}.brand-logo{width:64px}.main-canvas{min-height:max(222px,100svh - 96px)}}