.sprite{display:inline-block;position:relative;vertical-align:-6px;margin:0 .12em;image-rendering:pixelated;cursor:default}.s-scale{position:absolute;inset:0}.sprite .px{position:absolute;width:4px;height:4px}.sprite.pencil{width:52px;height:48px}.pencil .bod{position:absolute;inset:0;animation:pencilMove 2.4s steps(2,end) infinite;transform-origin:bottom left}@keyframes pencilMove{0%,to{transform:translate(0)}25%{transform:translate(3px,2px)}50%{transform:translate(7px,4px)}75%{transform:translate(11px,6px)}}.pencil .stroke{animation:strokeDraw 2.4s steps(1,end) infinite;opacity:0}@keyframes strokeDraw{15%{opacity:0}16%,90%{opacity:1}to{opacity:0}}.pencil:hover .bod{animation-duration:1s}.sprite.ship{width:62px;height:50px}.ship .boat{position:absolute;inset:0;animation:shipBob 2.2s steps(2,end) infinite;transform-origin:50% 80%}@keyframes shipBob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-3px) rotate(-2deg)}65%{transform:translateY(-1px) rotate(2deg)}}.ship .water{position:absolute;inset:0;animation:waveShift 1.6s steps(2,end) infinite}@keyframes waveShift{0%,to{transform:translate(0)}50%{transform:translate(7px)}}.ship .wake{animation:wakeBlink 1.6s steps(1) infinite}@keyframes wakeBlink{0%,45%,to{opacity:0}50%,90%{opacity:.9}}.ship:hover .boat{animation-duration:1s}.caret{display:inline-block;width:3px;height:.8em;background:var(--accent);vertical-align:-.06em;margin-left:5px;animation:blinkc 1s steps(1) infinite}@keyframes blinkc{50%{opacity:0}}.pet{position:absolute;bottom:56px;left:calc(50% + 122px);width:50px;height:56px;cursor:pointer;image-rendering:pixelated}.pet .px{position:absolute;width:4px;height:4px}.pet .bod{position:absolute;inset:0;animation:petbob 2.4s ease-in-out infinite;transform-origin:bottom center}@keyframes petbob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pet:hover .bod{animation:pethop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pethop{0%,to{transform:translateY(0)}40%{transform:translateY(-12px) rotate(-4deg)}}.pet .tipp{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--ground);font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:4px 9px;border-radius:6px;opacity:0;transition:opacity .16s;white-space:nowrap;pointer-events:none}.pet:hover .tipp{opacity:1}.pet .blink{animation:petblink 3.8s steps(1) infinite}@keyframes petblink{0%,92%,to{opacity:1}94%,98%{opacity:0}}.pet .zap{position:absolute;top:-8px;right:-4px;font-size:10px;opacity:0;transition:opacity .16s;color:var(--pop-amber)}.pet:hover .zap{opacity:1}.pet .sword-up{opacity:0}.pet:hover .sword-up{opacity:1}.pet:hover .sword-down{opacity:0}.pet .playlbl{display:none;position:absolute;bottom:calc(100% + 8px);left:23px;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink-faint);white-space:nowrap;z-index:5}.sprite.hammer{width:58px;height:54px;position:relative;image-rendering:pixelated;cursor:default;vertical-align:-8px}.hammer .px{position:absolute;width:4px;height:4px}.hammer .swing{position:absolute;inset:0;transform-origin:75% 30%;animation:hswing 1.3s steps(2,end) infinite}.hammer:hover .swing{animation-duration:.55s}@keyframes hswing{0%,38%{transform:rotate(38deg)}52%,68%{transform:rotate(-16deg)}82%,to{transform:rotate(38deg)}}.hammer .spark{animation:hspark 1.3s steps(1) infinite;opacity:0}.hammer:hover .spark{animation-duration:.55s}@keyframes hspark{0%,51%{opacity:0}53%,68%{opacity:1}70%,to{opacity:0}}.jumper{position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);width:44px;height:36px;cursor:pointer;image-rendering:pixelated;z-index:5}.jumper .px{position:absolute;width:4px;height:4px}.jumper .bod{position:absolute;inset:0;animation:frogIdle 3.2s steps(2,end) infinite;transform-origin:bottom center}@keyframes frogIdle{0%,72%,to{transform:translateY(0) scaleY(1)}76%{transform:translateY(1px) scaleY(.9)}82%{transform:translateY(-10px) scaleY(1.05)}90%{transform:translateY(0) scaleY(.95)}}.jumper:hover .bod{animation:frogHop .55s steps(2,end) infinite}@keyframes frogHop{0%,to{transform:translateY(0) scaleY(1)}25%{transform:translateY(1px) scaleY(.88)}55%{transform:translateY(-13px) scaleY(1.06)}85%{transform:translateY(0) scaleY(.94)}}.jumper .tipp{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--ink-faint);white-space:nowrap;pointer-events:none;transition:color .16s}.jumper .tipp .ar{animation:bobup 2s ease-in-out infinite;font-style:normal}.jumper:hover .tipp{color:var(--accent-press)}@keyframes bobup{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.jumper .blink{animation:petblink 3.4s steps(1) infinite}@media(prefers-reduced-motion:reduce){.sprite .px,.pencil .bod,.pencil .stroke,.ship .boat,.ship .water,.ship .wake,.hammer .swing,.hammer .spark,.pet .bod,.pet .blink,.jumper .bod,.jumper .blink,.jumper .tipp .ar,.caret{animation:none!important}}