.motion-crossing{height:126px;position:relative;isolation:isolate;overflow:hidden;width:min(1240px,90%);margin:0 auto;pointer-events:none;scroll-margin-top:225px}.motion-crossing::after{content:'';position:absolute;bottom:25px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#ca9c6522,transparent)}.motion-mouse{position:absolute;left:calc(100% + 100px);bottom:20px;width:90px;height:64px;filter:drop-shadow(0 5px 3px #0008);opacity:0;z-index:2}.motion-mouse svg{width:100%;height:100%;overflow:visible}.mouse-tail{transform-origin:74px 35px}.mouse-body{transform-origin:45px 32px}.mouse-feet{transform-origin:44px 33px}.motion-crossing.run-mouse .motion-mouse{animation:mouse-cross 4.3s both}.motion-crossing.run-mouse .mouse-body{animation:mouse-bounce .16s 27 alternate}.motion-crossing.run-mouse .mouse-feet{animation:mouse-feet .16s 27 alternate}.motion-crossing.run-mouse .mouse-tail{animation:mouse-tail .22s 20 alternate}.mouse-hideout{position:absolute;bottom:24px;left:0;width:16%;height:70px;z-index:4;background:linear-gradient(90deg,#171715 70%,#17171500);border-radius:0 15px 0 0;opacity:.9}.motion-trail{position:absolute;left:22%;right:17%;bottom:25px;display:flex;justify-content:space-between;align-items:center;height:64px}.motion-print{width:21px;height:21px;color:#d5924e;opacity:0;transform:rotate(-70deg)}.motion-print:nth-child(even){align-self:flex-end}.motion-print:nth-child(odd){align-self:flex-start}.run-tracks .motion-print{animation:paw-arrive 3.5s both}.run-tracks .motion-print:nth-child(2){animation-delay:.22s}.run-tracks .motion-print:nth-child(3){animation-delay:.44s}.run-tracks .motion-print:nth-child(4){animation-delay:.66s}.run-tracks .motion-print:nth-child(5){animation-delay:.88s}.run-tracks .motion-print:nth-child(6){animation-delay:1.1s}.motion-off-mouse .motion-mouse,.motion-off-mouse .mouse-hideout,.motion-off-tracks .motion-trail{display:none}
.motion-host{position:relative}.tool-layout.motion-host{overflow:visible}.tool-layout.motion-host>.tool-aside{border-radius:16px 0 0 16px}.motion-mascot{position:absolute;width:122px;height:104px;right:25px;top:-66px;pointer-events:none;z-index:3;overflow:hidden;color:#fd7e14;filter:drop-shadow(0 4px 4px #0005)}.motion-mascot svg{display:block;width:100%;height:112px;overflow:visible}.mascot-head{transform-origin:80px 72px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.mascot-eye{transform-origin:80px 60px}.mascot-ear-left{transform-origin:54px 47px}.mascot-ear-right{transform-origin:108px 45px}.mascot-paw-left,.mascot-paw-right{transform-box:fill-box;transform-origin:50% 90%}.motion-mascot.react .mascot-head{animation:cat-nod .8s ease-in-out}.motion-mascot.react .mascot-ear-left{animation:ear-twitch .65s .1s ease}.motion-mascot.react .mascot-paw-right{animation:paw-wave .8s ease}.motion-mascot.step .mascot-head{animation:cat-look 1.1s ease}.motion-mascot.step .mascot-eye{animation:cat-blink .3s .5s}.motion-mascot[data-mood='1'] .mascot-head{transform:rotate(-6deg)}.motion-mascot[data-mood='2'] .mascot-head{transform:rotate(6deg)}.motion-mascot[data-mood='3'] .mascot-head{transform:translateY(-3px)}.motion-quiz-shell{position:relative;margin-top:75px}.motion-quiz-shell #quiz-tool{margin-top:0}.motion-quiz-shell>.motion-mascot{right:max(25px,calc((100% - 850px)/2 + 25px))}.motion-off-match #rassensuche .motion-mascot,.motion-off-quiz #persoenlichkeit .motion-mascot{display:none}.motion-result-cat{top:-66px;right:20px;width:105px}.result-card.motion-host{margin-top:30px}.result-card.motion-host .motion-mascot{animation:result-peek 1s ease both}.motion-off-match #rassensuche .result-card.motion-host,.motion-off-quiz #persoenlichkeit .result-card.motion-host{margin-top:0}.motion-quiz-intro-cat{position:absolute;left:50%;top:74px;transform:translateX(-50%);width:150px;height:130px;right:auto;filter:drop-shadow(0 10px 12px #0005)}.motion-quiz-intro-cat svg{height:140px}.motion-off-quiz .motion-quiz-intro-cat{display:none}.motion-quiz-enabled .quiz-art>.paw{visibility:hidden}.motion-off-quiz .quiz-art>.paw{visibility:visible}.motion-quiz-enabled .quiz-art>span{opacity:.5}
.motion-photo{position:relative;overflow:hidden;border-radius:8px}.motion-photo-paw{position:absolute;right:15px;bottom:46px;width:42px;height:46px;display:grid;place-items:center;border-radius:50% 50% 12px 12px;background:#24221d;color:#e8a362;border:1px solid #b98a5260;box-shadow:0 5px 15px #0006;pointer-events:none;opacity:0;transform:translateY(20px) rotate(15deg);transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}.motion-photo-paw svg{width:24px;height:24px}.motion-photo:hover .motion-photo-paw,.motion-photo:focus-visible .motion-photo-paw,.motion-photo.photo-peek .motion-photo-paw{opacity:1;transform:translateY(0) rotate(-9deg)}.motion-off-photos .motion-photo-paw{display:none}
@keyframes mouse-cross{0%{left:calc(100% + 100px);opacity:0;transform:rotate(-4deg)}5%{opacity:1}43%{left:48%;transform:rotate(0)}52%{left:47%;transform:rotate(-9deg)}61%{left:45%;transform:rotate(2deg)}94%{opacity:1}100%{left:-100px;opacity:0;transform:rotate(-4deg)}}@keyframes mouse-bounce{to{transform:translateY(-1.5px) scaleY(.97)}}@keyframes mouse-feet{to{transform:rotate(12deg) scaleX(.91)}}@keyframes mouse-tail{to{transform:rotate(9deg)}}@keyframes paw-arrive{0%{opacity:0;transform:translateX(8px) rotate(-70deg) scale(.85)}15%,55%{opacity:.45;transform:translateX(0) rotate(-70deg) scale(1)}100%{opacity:0;transform:translateX(0) rotate(-70deg) scale(1)}}@keyframes cat-nod{0%,100%{transform:translateY(0)}35%{transform:translateY(5px) rotate(-4deg)}65%{transform:translateY(-3px) rotate(3deg)}}@keyframes cat-look{0%,100%{transform:rotate(0)}35%{transform:rotate(-9deg)}70%{transform:rotate(7deg)}}@keyframes ear-twitch{0%,100%{transform:rotate(0)}35%{transform:rotate(-17deg)}65%{transform:rotate(9deg)}}@keyframes paw-wave{0%,100%{transform:translateY(0) rotate(0)}35%,65%{transform:translateY(-10px) rotate(-12deg)}}@keyframes cat-blink{50%{transform:scaleY(.12)}}@keyframes result-peek{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.lab-summary-note{display:none}.lab-content{max-height:42vh;overflow:auto}.lab-switches{gap:5px}.lab-switches label{font-size:11px;padding:6px 9px}.lab-actions{gap:7px 13px}.motion-mascot{width:98px;height:89px;top:-57px;right:15px}.motion-mascot svg{height:98px}.tool-layout.motion-host{margin-top:65px}.motion-crossing{height:100px}.motion-mouse{width:76px}.motion-trail{left:15%;right:12%}.motion-print{width:17px;height:17px}.motion-quiz-shell>.motion-mascot{right:15px}.motion-result-cat{top:-57px}.motion-lab~main .section,.motion-crossing{scroll-margin-top:250px}}
@media(prefers-reduced-motion:reduce){.motion-crossing{display:none}.motion-mascot *,.motion-photo-paw{animation:none!important;transition:none!important}.motion-mascot{animation:none!important}}
.motion-paused .motion-mascot *,.motion-paused .motion-mascot{animation:none!important;transition:none!important}.motion-paused .motion-photo-paw{display:none}.motion-paused .motion-mouse,.motion-paused .motion-trail{display:none}

/* Preserve the textured backdrop at the edge of the mouse's path. */
.mouse-hideout{display:none}.motion-crossing{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent)}
.motion-quiz-shell:has(>#quiz-tool[hidden]){display:none}
#quiz-tool,.results{scroll-margin-top:230px}

/* Original plush cursor artwork; nose rotated into the direction of travel. */
.motion-mouse{width:108px;height:108px;bottom:0}
.mouse-original{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(-45deg);filter:drop-shadow(0 3px 2px #0005)}
.run-mouse .mouse-original{animation:plush-scamper .23s 19 alternate ease-in-out}
@keyframes plush-scamper{from{transform:rotate(-47deg) translateY(0)}to{transform:rotate(-43deg) translateY(-1px)}}
@media(max-width:760px){.motion-mouse{width:90px;height:90px;bottom:2px}}

/* V4: give each companion a reserved area above its card. */
#rassensuche .section-heading{margin-bottom:112px}
.tool-layout.motion-host{margin-top:0}
.tool-layout.motion-host>.motion-mascot,
.motion-quiz-shell>.motion-mascot{top:-102px}
.motion-quiz-shell{margin-top:132px}
.result-card.motion-host{margin-top:0}
.results .result-list:has(.motion-result-cat){padding-top:104px}
.result-card.motion-host>.motion-result-cat{top:-102px}
.motion-off-match #rassensuche .section-heading{margin-bottom:40px}
.motion-off-match #match-results .result-list,
.motion-off-quiz #quiz-results .result-list{padding-top:0}
.motion-off-quiz .motion-quiz-shell{margin-top:30px}
@keyframes result-peek{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 #rassensuche .section-heading{margin-bottom:100px}
 .tool-layout.motion-host{margin-top:0}
 .tool-layout.motion-host>.motion-mascot,
 .motion-quiz-shell>.motion-mascot,
 .result-card.motion-host>.motion-result-cat{top:-87px}
 .motion-quiz-shell{margin-top:118px}
 .results .result-list:has(.motion-result-cat){padding-top:94px}
 .motion-off-match #rassensuche .section-heading{margin-bottom:28px}
}

/* Live page has no preview toolbar. */
.motion-crossing,#quiz-tool,.results{scroll-margin-top:30px}