/* Native fixed stage: scroll geometry is independent of the render loop. */
#reise{height:1100svh}
#buehne{position:fixed;inset:0;height:100%;min-height:0;width:100%}
header{padding-top:max(16px,env(safe-area-inset-top))}
.journey-nav{bottom:max(14px,env(safe-area-inset-bottom))}
.hand-orbit{top:49%}
.hand-orbit>p{top:-145px;left:-90px;width:180px;font-size:15px;color:#e0e9f5}
.orbit-object{width:96px;height:96px;left:-48px;top:-48px}
.hands-note{top:auto;bottom:13%}
.working-hands .hand-orbit{top:61%}
.work-copy{left:28%;right:25%;top:70%;text-align:left;max-width:560px}
#work-title{font-size:38px}
#work-description{margin:12px 0 0}
#work-name{font-size:12px;color:#d0def0}
#work-scene[data-kind="call"] .work-copy{left:50%;right:12%;top:63%}
#work-scene[data-kind="date"] .work-copy{left:25%;right:24%;top:72%;text-align:center}
#work-scene[data-kind="date"] #work-description{margin-inline:auto}
#work-scene[data-kind="bill"] .work-copy{left:59%;right:10%;top:43%}
#work-scene[data-kind="review"] .work-copy{left:26%;right:26%;top:70%;text-align:center}
#work-scene[data-kind="review"] #work-description{margin-inline:auto}
#work-scene[data-kind="contacts"] .work-copy{left:12%;right:54%;top:43%}
#work-scene[data-kind="folder"] .work-copy{left:48%;right:10%;top:70%}
#work-scene[data-kind="message"] .work-copy{left:27%;right:31%;top:70%}
.working-hands #work-scene .work-copy{top:74%}
.working-hands #work-scene[data-kind="contacts"] .work-copy{top:33%}
.working-hands #approve{top:auto;bottom:10%}
.working .orbit-object .object-caption{opacity:0}
.working .orbit-object:focus-visible .object-caption{opacity:1}
@media(max-width:700px){
 .hand-orbit{top:45%}
 .hand-orbit>p{top:-120px;left:-85px;width:170px;font-size:13px}
 .orbit-object{width:56px;height:56px;left:-28px;top:-28px}
 .working-hands .hand-orbit{top:58%;opacity:.75}
 .object-caption{width:110px}
 .hands-note{bottom:11%}
 #work-scene .work-copy,.working-hands #work-scene .work-copy{left:24px;right:24px;top:69%;text-align:left;max-width:none}
 #work-title{font-size:29px;margin:0;max-width:340px}
 #work-description{font-size:13px;max-width:35ch;margin:10px 0 0!important}
 #work-scene[data-kind="call"] .work-copy{left:64px;right:24px;top:66%}
 #work-scene[data-kind="date"] .work-copy{left:36px;right:36px;top:68%;text-align:center}
 #work-scene[data-kind="date"] #work-description{margin-inline:auto!important}
 #work-scene[data-kind="bill"] .work-copy{left:30px;right:25px;top:67%;padding-left:15px;border-left:1px solid #8badcf}
 #work-scene[data-kind="review"] .work-copy{text-align:center;top:68%}
 #work-scene[data-kind="review"] #work-description{margin-inline:auto!important}
 #work-scene[data-kind="contacts"] .work-copy{left:24px;right:24px;top:73%}
 #work-scene[data-kind="folder"] .work-copy{left:46px;right:24px;top:72%}
 .working-hands #work-scene .work-copy{top:69%}
 .working-hands #work-scene[data-kind="contacts"] .work-copy{top:69%}
 #approve,.working-hands #approve{top:auto;bottom:8.5%}
 .working-hands .hands h2{font-size:31px;max-width:270px}
}
@media(max-height:700px){
 .hand-orbit{top:46%}.hand-orbit>p{top:-103px}
 .working-hands .hand-orbit{top:52%}
 #work-scene .work-copy,.working-hands #work-scene .work-copy,.working-hands #work-scene[data-kind="contacts"] .work-copy{top:68%}
 #work-title{font-size:23px}#work-name{margin-bottom:5px}
 #work-description{font-size:11px;line-height:1.4;margin-top:6px!important}
 #approve,.working-hands #approve{bottom:8%}
}
@media(prefers-reduced-motion:reduce){
 #work-scene .work-copy,.working-hands #work-scene .work-copy,.working-hands #work-scene[data-kind="contacts"] .work-copy{top:63%}
 #work-title{font-size:24px}#work-description{font-size:12px;line-height:1.4;max-width:55ch}
}
@media(min-width:701px){
 .working-hands .hand-orbit{top:67%}
 #work-scene[data-where="hands"][data-side="ability"] .work-copy{left:57%;right:10%;top:32%;text-align:left}
 #work-scene[data-where="hands"][data-side="tool"] .work-copy{left:10%;right:57%;top:32%;text-align:left}
 #work-scene[data-where="hands"][data-kind="message"] .work-copy{left:13%;right:57%;top:36%}
 #work-scene[data-where="hands"][data-kind="folder"] .work-copy{top:36%}
 #work-scene[data-where="hands"][data-kind="date"] .work-copy{top:29%}
}
