[data-fullscreen]{white-space:nowrap}
#fullscreenNotice{position:fixed;z-index:100;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,90vw);padding:14px 18px;display:flex;align-items:center;gap:12px;border:2px solid #f4c56c;border-radius:14px;background:#163f52;color:#fff1ce;font:500 14px Heebo,Arial,sans-serif;direction:rtl;box-shadow:0 5px 25px #071b39b3}
#fullscreenNotice button{flex-shrink:0}
/* Browser chrome can leave less than 340px available in landscape. */
#app,dialog.journey-menu{min-height:0}
@media(orientation:landscape) and (max-height:340px){
 .journey-title{font-size:24px!important}.journey-sign{top:53%}.journey-host{height:32%;bottom:27%}.journey-bottom{height:22%}.journey-chapters span{font-size:8px}.journey-chapters strong{font-size:10px}
 header .brand{width:90px}.level-info{max-width:27%}.level-info strong{font-size:11px}
}
@media(max-width:740px){header nav{gap:4px}header nav button{padding:4px 6px}.journey-tools button[data-fullscreen]{font-size:16px}}