/* Shared controls and readable mobile typography. */
#journey-map{display:none!important}
.journey-tools{display:flex;gap:8px;align-items:center;justify-content:center}
.journey-tools select,.journey-tools button{min-height:44px;max-width:100%;border:1px solid #ae8797;border-radius:13px;background:#fbf3e7;color:#55364a;font:14px/1.25 Arial,sans-serif;padding:8px 12px;cursor:pointer}
.journey-tools .journey-motion{min-width:44px;font-size:20px}
.journey-tools .journey-language{max-width:76px}
.journey-tools .journey-route{max-width:240px}
.site-header{flex-wrap:wrap;gap:8px 14px}
.site-header>.journey-tools{flex-basis:100%;padding:0 0 4px}
.mp-toolbar{flex-wrap:wrap;gap:8px 14px}
.mp-toolbar>.journey-tools{flex-basis:100%;padding-bottom:4px}
.mp-toolbar .mp-close{min-width:44px;min-height:44px}
#mobilab-place .mp-login,#mobilab-place .mp-back{font-size:14px;min-height:44px}
#mobilab-place .ur-mode{font-size:14px;min-height:44px}
#mobilab-place .ur-controls p,#mobilab-place .ur-progress,#mobilab-place .ur-controls button{font-size:14px;line-height:1.35}
#mobilab-place .ur-controls button{min-height:44px}
#mobilab-place .ur-stop>span{font-size:14px;min-height:44px}
#mobilab-place .ur-stop b{width:30px;height:30px}
#mobilab-place .ur-heading>p{font-size:12px}
#mobilab-place .ur-progress input{height:28px;min-width:0}
#mobilab-place .ur-progress{gap:12px}
#mobilab-place .urban-reading .ur-progress{display:none}
#mobilab-place .urban-reading .ur-controls{position:static}
.journey-still *, .journey-still *::before,.journey-still *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #aa2469!important;outline-offset:3px}
.is-solar-night .journey-tools button,.is-solar-night .journey-tools select{background:#f9eddf;color:#482639}
.is-solar-night button:focus-visible,.is-solar-night a:focus-visible,.is-solar-night select:focus-visible{outline-color:#ffb4dd!important}
.is-solar-night .ur-controls p,.is-solar-night .ur-progress{color:#f6e4ef!important}
#site-menu .entry-art img{object-fit:contain}
.ur-dialog figure img{height:auto;max-width:100%;object-fit:cover}
#journey-status{background:#fbe6eb;padding:16px;margin:0;position:relative;z-index:90}
.forest-static .vertical-heading::after{content:"";display:block;height:150px;margin-top:18px;background:url('https://aerdscheff.lu/wp-content/uploads/2026/09/mobilab-foret-13-grand-cerisier-japonais-rose.webp') 35% bottom/auto 145px no-repeat,url('https://aerdscheff.lu/wp-content/uploads/2026/09/mobilab-foret-15-erable-japonais-violet.webp') 65% bottom/auto 125px no-repeat;border-bottom:2px solid #b7899b}
#site-menu.fieldbook{max-height:92svh;overflow:auto}
@media(min-width:1050px){.site-header>.journey-tools{flex-basis:auto;margin-left:auto}.site-header{padding-block:8px}.mp-toolbar>.journey-tools{flex-basis:100%}}
@media(max-width:750px){
 .site-header{padding:8px 12px!important;gap:6px!important}
 .site-header .brand{flex:1 1 auto}
 .site-header #motion,.site-header #language,.site-header #menu-open{min-width:44px;min-height:44px}
 .site-header .platform-access,.site-header .platform-login{font-size:12px}
 .site-header>.journey-tools{flex-basis:100%;justify-content:stretch}
 .site-header .journey-route{max-width:none;width:100%;font-size:14px}
 .mp-toolbar{padding:8px 12px!important;gap:6px!important}
 .mp-toolbar .mp-brand{order:0;flex:0 0 42px;min-width:42px}
 .mp-toolbar .mp-brand img{width:42px;height:auto}
 .mp-toolbar .mp-back{order:1;flex:1 1 100px;font-size:12px!important;padding:5px 8px}
 .mp-toolbar .mp-login{order:2;flex:1 1 100px;font-size:12px!important;max-width:150px;padding:5px 8px}
 .mp-toolbar .mp-close{order:3;flex:0 0 44px}
 .mp-toolbar>.journey-tools{order:4;display:grid;grid-template-columns:minmax(0,1fr) 44px 66px 44px;gap:6px}
 .mp-toolbar .journey-route{width:100%;max-width:none;font-size:13px;padding:6px}
 .journey-tools .journey-menu{padding:0;font-size:23px;min-width:44px}
 .journey-menu span{display:none}
 #mobilab-place .ur-heading{padding:14px 18px 8px}
 #mobilab-place .ur-heading h1{font-size:32px;margin-block:4px}
 #mobilab-place .ur-heading>div>span{font-size:15px;line-height:1.35}
 #mobilab-place .ur-heading>p{font-size:11px}
 #mobilab-place .ur-mode{font-size:13px}
 #mobilab-place .ur-controls{padding:8px 14px}
 #mobilab-place .ur-controls p,#mobilab-place .ur-progress,#mobilab-place .ur-controls button{font-size:12px}
 #mobilab-place .ur-controls nav{gap:6px;flex-wrap:wrap}
 #mobilab-place .ur-controls [data-halt]{padding:7px;flex:1 1 27%;white-space:normal}
 #mobilab-place .ur-controls .ur-next{white-space:normal;font-size:12px;padding:7px 10px;flex-basis:100%}
 #mobilab-place .ur-progress{grid-template-columns:90px minmax(50px,1fr) 34px}
 #mobilab-place .ur-place{font-size:13px;min-height:44px}
 #place-entry{font-size:12px;bottom:106px;top:auto!important;min-height:44px;padding:8px 12px}
 .controls{bottom:12px!important;gap:4px!important}
 .controls button{font-size:12px!important;min-height:44px;padding:7px!important}
 .scroll-hint{bottom:158px!important;font-size:12px!important}
 .mp-sign-name{font-size:24px}
 .mp-motion-choice{font-size:14px;min-height:44px}
}
@media(max-width:370px){.mp-toolbar .mp-login{flex:1 1 100px;max-width:none}.mp-toolbar .mp-back{flex-basis:92px}.mp-toolbar .mp-brand{flex-basis:34px;min-width:34px}.mp-toolbar .mp-brand img{width:34px}.mp-toolbar>.journey-tools{grid-template-columns:minmax(0,1fr) 44px 62px 44px}}
#mobilab-place .mp-toolbar{display:flex!important}
#mobilab-place .mp-toolbar .journey-tools button{min-height:44px;min-width:44px;padding:8px 12px;border:1px solid #ae8797;border-radius:13px;background:#fbf3e7;color:#55364a;font-size:14px}
#mobilab-place .mp-toolbar .journey-tools .journey-motion{font-size:20px}
@media(max-width:750px){#mobilab-place .mp-toolbar>.journey-tools{width:100%;flex-basis:100%;grid-column:1/-1}#mobilab-place .mp-toolbar .journey-tools .journey-menu{padding:0;font-size:23px}#mobilab-place .mp-toolbar .mp-close{min-width:44px;width:44px}#mobilab-place .mp-toolbar .mp-brand{margin:0;flex:0 0 42px}#mobilab-place .mp-toolbar .mp-brand img{width:42px}#mobilab-place .mp-toolbar .mp-back,#mobilab-place .mp-toolbar .mp-login{font-size:12px!important}}
@media(max-width:370px){#mobilab-place .mp-toolbar .mp-brand{flex:0 0 30px;min-width:30px}#mobilab-place .mp-toolbar .mp-brand img{width:30px}#mobilab-place .mp-toolbar .mp-back{flex:1 1 80px;padding-inline:4px}#mobilab-place .mp-toolbar .mp-login{flex:1 1 84px;padding-inline:4px}#mobilab-place .mp-toolbar .mp-close{flex:0 0 44px;margin:0}#mobilab-place .mp-toolbar>.journey-tools{grid-template-columns:minmax(0,1fr) 44px 62px 44px}.mp-toolbar .journey-route{font-size:12px}}

/* Full street names remain readable in navigation and on the square's signs. */
.journey-tools .journey-route{width:350px;max-width:100%}
.mp-crossroads .mp-signpost{height:auto;min-height:48%;width:clamp(265px,23vw,335px);left:58.2%;top:26%;padding-bottom:24px}
#mobilab-place .mp-sign{min-height:68px;padding-block:8px}
.mp-sign-name{font-size:22px;line-height:1.13;text-wrap:balance;overflow-wrap:normal}
.mp-sign-sub{line-height:1.4}
.vertical-heading h1,#mobilab-place .ur-heading h1{text-wrap:balance;overflow-wrap:normal}
#mobilab-place .ur-heading>p{max-width:100%;line-height:1.45}
#junction-sign{max-width:min(410px,90vw);white-space:normal}
@media(min-width:751px) and (max-width:1100px){
 .mp-crossroads .mp-signpost{width:285px;left:57.5%;top:21%;min-height:60%}
 .mp-sign-name{font-size:21px}
}
@media(max-width:750px){
 #mobilab-place .mp-toolbar>.journey-tools{grid-template-columns:minmax(0,1fr) 66px 44px}
 #mobilab-place .mp-toolbar .journey-route{grid-column:1/-1;width:100%;font-size:14px;padding-inline:10px}
 #mobilab-place .mp-toolbar .journey-menu span{display:inline;font-size:14px}
 .mp-crossroads .mp-signpost{position:relative;left:auto;top:auto;width:min(370px,100%);min-height:0;margin:22px auto 2px}
 #mobilab-place .mp-sign{min-height:76px}
 .mp-sign-name{font-size:23px}
 .vertical-heading h1{font-size:28px;line-height:1.12}
 #mobilab-place .ur-heading h1{font-size:32px;line-height:1.1}
}

/* All four corners use one animation, with no competing entry effects. */
.street-turning{overflow:hidden!important;overscroll-behavior:none}
body .ur-enter .ur-stage,body.vertical-active:not(.junction-turning):not(.forest-static) .vertical-heading,body.vertical-active:not(.junction-turning):not(.forest-static) .forest-viewport,body.vertical-active:not(.junction-turning):not(.forest-static) .branch-controls{animation:none!important}
.street-turning #place-entry{visibility:hidden}