.mobile-plan-nav,.mobile-gift-nav{display:none}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){
 :root{--mobile-header:68px;--mobile-stage:calc(100svh - var(--mobile-header))}
 @supports(height:100dvh){:root{--mobile-stage:calc(100dvh - var(--mobile-header))}}
 .brandbar{height:var(--mobile-header);box-sizing:border-box}.mobilebook{display:none!important}
 .journey-screen{height:var(--mobile-stage);min-height:0;top:var(--mobile-header)}
 .journey-screen .epic-stage{height:100%!important;min-height:0!important}
 .journey-screen .epic-nav{top:5px;left:10px;right:10px}.journey-screen .epic-nav button{min-height:40px;font-size:10px;padding:5px 2px}
 .journey-screen .epic-copy{top:52px;left:20px;width:calc(100% - 40px)}
 .journey-screen .epic-copy :is(h1,h2){font-size:32px;line-height:1;margin:5px 0}
 .journey-screen .epic-copy p{display:none}.journey-screen .epic-copy .eyebrow{font-size:9px}.journey-screen .epic-copy a{font-size:12px;padding:10px 14px;margin-top:8px;min-height:40px;box-sizing:border-box}
 .journey-screen .epic-stage .epic-art{top:32%!important;width:min(70vw,35svh)!important;right:calc((100% - min(70vw,35svh))/2)!important;transform:translateY(-15%)}
 .journey-screen .epic-stage[data-game=elderquarze] .epic-art{top:31%!important;width:min(82vw,43svh)!important;right:calc((100% - min(82vw,43svh))/2)!important}
 .journey-screen .epic-stage[data-game=vr] .epic-art{top:24%!important;height:46%;width:100%!important;right:0!important;transform:none}
 .journey-cards{left:14px;right:14px;bottom:12px}.journey-card-head{justify-content:flex-end;margin-bottom:4px}.journey-card-head button{min-height:32px;height:32px;min-width:40px}
 .journey-track{padding-bottom:3px;gap:10px}.journey-card{padding:12px 14px;flex-basis:94%;min-width:0}.journey-card h3{font-size:24px;margin:5px 0}.journey-card p{font-size:12px;line-height:1.45}.journey-card span{font-size:10px}.journey-card a{margin-top:8px;min-height:30px}
 .opening-copy{padding-top:25px}.opening-eye{width:clamp(100px,20svh,145px);height:clamp(100px,20svh,145px);margin-bottom:40px}.opening-copy h1{font-size:38px}.opening-copy small{margin-top:18px}
 /* On touch the conclusion uses one natural page per chapter. No nested scroll container. */
 .closing-journey.closing-flow .closing-screen{overflow:visible}
 .closing-flow .closing-panel{height:auto!important;min-height:var(--mobile-stage)!important;max-height:none!important;overflow:visible!important;scroll-margin-top:var(--mobile-header)}
 .closing-screen .closing-outro h2{font-size:62px}.closing-screen .closing-outro p{font-size:15px}.closing-outro:after{margin-top:35px}
 .c .closing-screen #buchungsdemo.planning-stage{padding:24px 12px}.c .closing-screen #buchungsdemo>h2{font-size:35px;margin-bottom:12px}.c .closing-screen #buchungsdemo>.stage-chapter{margin-bottom:7px}
 .mobile-plan-nav,.mobile-gift-nav{display:flex;gap:4px;padding:8px;background:#eee8db}.mobile-plan-nav button,.mobile-gift-nav button{flex:1;border:1px solid #b8b09e;background:transparent;font:12px Exo;padding:11px 4px;min-height:44px;color:#30392e;cursor:pointer}.mobile-plan-nav button[aria-pressed=true],.mobile-gift-nav button[aria-pressed=true]{background:#a03d32;color:white;border-color:#a03d32}.mobile-plan-nav button:focus-visible,.mobile-gift-nav button:focus-visible{outline:3px solid #776549;outline-offset:1px}
 .c #visit-planner .mobile-view-hidden{display:none!important}.c #visit-planner .plan-main{display:block;padding:12px 16px}.c #visit-planner .plan-main:has(>.plan-section:not([hidden])){display:block}.c #visit-planner .plan-main:not(:has(>.plan-section:not([hidden]))){display:none}
 .c #visit-planner .plan-main>.plan-section{padding:6px 0!important;border:0!important}.c #visit-planner .plan-section-title h3{font-size:28px}.c #visit-planner .plan-section-title>span{display:none}.c #visit-planner .plan-hint{font-size:12px;line-height:1.5}.c #visit-planner .plan-options{max-height:none;overflow:visible;font-size:12px}.c #visit-planner .plan-games{grid-template-columns:1fr 1fr;gap:8px}.c #visit-planner .plan-games button{min-height:74px;padding:10px}.c #visit-planner .plan-games button strong{font-size:23px}.c #visit-planner input{font-size:16px}.c #visit-planner .plan-summary{padding:16px}.c #visit-planner #plan-summary>.plan-hint,.c #visit-planner .plan-summary>.plan-hint{font-size:11px}.c #visit-planner .plan-times button{min-height:40px}.c #visit-planner .plan-demo-label{font-size:10px;padding:8px 12px}
 .stage-booking{position:fixed!important;inset:var(--mobile-header) 0 0!important;max-height:none!important;height:auto!important;overflow:auto!important;background:#f2eee3;z-index:30}.stage-booking-scroll{overflow:visible!important;max-height:none!important}.stage-booking-head{position:sticky;top:0;z-index:2;background:#f2eee3;padding:12px!important}.stage-booking-head h3{font-size:23px}.stage-booking-head>div>span{display:none}
 .c .closing-screen #gruppen.team-stage{padding:26px 0 20px}.c #gruppen .group-intro{margin-bottom:18px}.c #gruppen .group-intro h2{font-size:43px}.c #gruppen .group-intro>p{display:none}.c #gruppen .stage-chapter{margin-bottom:10px}.c #gruppen .team-size-line{margin-top:10px;font-size:12px}.c #gruppen .group-editorial article{padding:16px;flex-basis:90%}.c #gruppen .group-editorial p{font-size:13px}.c #gruppen .group-editorial h3{font-size:28px;margin:10px 0}.c #gruppen .group-plan{margin-top:10px;padding:12px;gap:12px}.c #gruppen .group-plan h3{font-size:25px}.c #gruppen .group-plan .btn{font-size:12px;padding:12px}.c #gruppen .group-footnote{font-size:11px}
 .c .closing-screen #gutscheine.gift-stage{padding:24px 0}.c #gutscheine .gift-experience{display:block}.mobile-gift-nav{margin-bottom:18px}.gift-experience>.mobile-view-hidden{display:none!important}.c #gutscheine .gift-experience h2{font-size:43px}.c #gutscheine .gift-experience p{font-size:13px;margin:12px 0}.c #gutscheine .gift-preview{padding:18px}.c #gutscheine .gift-paper{min-height:300px;padding:26px}.c #gutscheine .gift-paper img{margin-bottom:20px}.c #gutscheine .gift-preview>p{margin-top:20px}
 .vr-inline{bottom:12px}.vr-inline .vr-strip .vr-image-card{flex-basis:min(220px,52vw)}
 .vr-story{inset:calc(var(--mobile-header) + 8px) 8px 8px;max-height:calc(100dvh - var(--mobile-header) - 16px);width:calc(100vw - 16px)}
}
/* Compact landscape keeps navigation and story entry visible; details remain in the reading view. */
@media(max-width:760px) and (max-height:560px),(max-width:1000px) and (max-height:500px){
 .journey-screen .epic-copy{top:53px;width:46%;left:15px}.journey-screen .epic-copy :is(h1,h2){font-size:27px}.journey-screen .epic-copy a{margin-top:6px}.journey-cards{display:none}
 .journey-screen .epic-stage .epic-art,.journey-screen .epic-stage[data-game=elderquarze] .epic-art{top:25%!important;width:43%!important;right:3%!important;max-height:65%;transform:none}
 .opening-copy{padding-top:12px}.opening-eye{width:70px;height:70px;margin-bottom:12px}.opening-copy h1{font-size:27px;margin-bottom:8px}.opening-copy p{font-size:14px}.opening-copy small{margin-top:10px}
 .vr-inline .vr-strip .vr-image-card{flex-basis:130px}.vr-controls strong{font-size:18px}.vr-image-actions button{font-size:10px}.stage-booking{overflow:auto!important}
}
/* Overlay geometry: constrain layout, not overflow hiding. One readable scroller per overlay. */
@media(max-width:760px),(max-width:1000px) and (max-height:500px){
 .stage-booking,.vr-story,.vr-inline,dialog#detail{box-sizing:border-box;min-inline-size:0;max-inline-size:calc(100% - 16px)}
 .stage-booking{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;top:calc(var(--mobile-header) + 8px)!important;width:auto!important;max-height:calc(100dvh - var(--mobile-header) - 16px)!important;overscroll-behavior:contain}
 .stage-booking :is(.stage-booking-head,.stage-booking-scroll,#visit-planner,.plan-layout,.plan-main,.plan-summary,.plan-section,.plan-options),.vr-inline :is(.vr-controls,.vr-strip),.vr-story :is(.vr-story-head,.vr-story-scroll,.vr-story-foot){min-width:0;max-width:100%;box-sizing:border-box}
 .stage-booking .plan-layout{display:block!important;grid-template-columns:minmax(0,1fr)!important}.stage-booking #visit-planner{width:100%!important}.stage-booking .plan-main{display:block!important}.stage-booking .plan-main:not(:has(>.plan-section:not([hidden]))){display:none!important}
 .stage-booking-head>div{min-width:0;flex:1}.stage-booking-head h3{overflow-wrap:anywhere;font-size:22px}.stage-booking-head button{flex:0 0 auto;max-width:115px;min-height:44px;white-space:normal;font-size:12px}
 .c #visit-planner :is(.people-row label,.plan-games button,.plan-worlds button,.plan-periods button,.plan-date,.plan-group-wishes button){min-width:0;overflow-wrap:anywhere}.c #visit-planner .people-row{gap:12px}.c #visit-planner .plan-date input{width:100%;min-width:0;max-width:100%}.c #visit-planner .plan-group-wishes{flex-wrap:wrap}.c #visit-planner .plan-group-wishes button{flex-basis:45%}
 .vr-story{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:auto;margin:auto;max-height:calc(100dvh - var(--mobile-header) - 20px)}.vr-story-head{gap:8px}.vr-story-head button{min-height:44px;font-size:12px;white-space:normal}.vr-story-head>span{min-width:0}.vr-story-scroll{overflow-wrap:anywhere;padding:18px;overflow:auto}.vr-story-foot button{min-height:44px;max-width:100%;white-space:normal}
 .vr-inline{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;padding:12px;max-height:calc(var(--mobile-stage) - 16px);overflow:auto;overscroll-behavior:contain}.vr-controls{display:flex;flex-wrap:wrap}.vr-controls strong{flex:1;min-width:0;font-size:21px}.vr-inline .vr-controls button{min-width:40px;min-height:40px}.vr-strip{max-width:100%;min-width:0}.vr-image-actions{min-width:0}.vr-inline .vr-strip .vr-image-actions button{min-width:0;white-space:normal;overflow-wrap:anywhere}
 dialog#detail{width:calc(100% - 16px);max-height:calc(100dvh - 24px);overflow:auto}#detail .modalhead{padding:18px;position:sticky;top:0}#detail .modalhead h2{font-size:32px;min-width:0;overflow-wrap:anywhere}#detail .modalbody{padding:18px;overflow-wrap:anywhere}#detail .factline{flex-wrap:wrap}
}
/* Vertical scene progress drives the card strip; native direct swiping remains enabled. */
@media(prefers-reduced-motion:no-preference){.journey-track{scroll-snap-type:none;scroll-behavior:auto;touch-action:pan-x pan-y}}

/* Story entry belongs to the final detail card, consistently across devices. */
.journey-screen .epic-copy>a{display:none!important}
.world-story-button{display:inline-block;font:12px Exo;color:#eee;background:none;border:0;border-bottom:1px solid #888;padding:8px 0;margin-top:8px;min-height:40px;cursor:pointer}
.world-story-button:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:760px),(max-width:1000px) and (max-height:500px){.journey-card-head{display:none}.journey-screen .epic-stage .epic-art{translate:0 calc((1 - var(--arrival,1))*65px - 8px)}}
/* On short landscape screens the final card remains the route into each story. */
@media(max-width:760px) and (max-height:560px),(max-width:1000px) and (max-height:500px){.journey-cards{display:block;left:48%;right:10px;bottom:10px;top:55px}.journey-track{height:100%;align-items:center}.journey-card{flex-basis:100%;padding:10px}.journey-card p{font-size:12px}.journey-card h3{font-size:22px}.journey-screen .epic-stage .epic-art,.journey-screen .epic-stage[data-game=elderquarze] .epic-art{width:39%!important;left:4%;right:auto!important;top:39%!important}.journey-screen .epic-copy{width:43%;left:12px}.journey-screen .epic-copy :is(h1,h2){font-size:23px}}

/* Phone landscape also applies above the portrait width breakpoint (e.g.844×390). */
@media(min-width:761px) and (max-width:1000px) and (max-height:500px){
 .brandbar{padding:10px 18px}.brandbar img{width:150px}.brandbar .nav>a:not(.btn){display:none}.brandbar .btn{font-size:12px;padding:10px 14px;min-height:42px}
 .journey-screen .epic-nav{max-width:none;flex-wrap:nowrap;gap:4px}.journey-screen .epic-nav button{flex:1;min-width:0;white-space:nowrap;font-size:10px}
 .journey-card{min-width:0}.journey-screen .epic-copy .eyebrow{margin-bottom:8px}.journey-screen .epic-copy :is(h1,h2){max-width:100%}
 .c #gutscheine .gift-experience{display:block}.c #visit-planner .plan-layout{display:block}.c #visit-planner .plan-summary{position:static}
}

@media(max-width:760px) and (max-height:560px),(max-width:1000px) and (max-height:500px){
 .journey-screen .epic-stage .epic-art,.journey-screen .epic-stage[data-game=elderquarze] .epic-art{width:34%!important;left:6%;right:auto!important;top:37%!important;max-height:56%}
 .journey-screen .epic-stage .epic-art img{max-height:100%;object-fit:contain}
}
/* Mobile cards remain swipeable; arrow controls are desktop-only. */
@media(max-width:760px),(max-width:1000px) and (max-height:500px){
 .journey-cards .journey-card-head,.c #gruppen.team-stage .team-card-controls button{display:none!important}
}


/* One pinned screen and whole chapter changes, matching the upper journey.
   Overflow:hidden prevents native nested vertical scrolling; document progress
   exposes long content through the same chapter position. Reduced motion flows. */
.c .closing-screen .closing-nav{background:transparent!important;box-shadow:none}
.c .closing-screen .closing-nav button,.c .closing-screen .closing-nav button[aria-pressed=true]{border-bottom-color:transparent!important}
.c .closing-screen #buchungsdemo,.c .closing-screen #gutscheine{border-top-color:transparent!important}
.c .closing-journey[data-active-chapter="1"] .closing-screen,.c .closing-journey[data-active-chapter="1"]{background:#eeece4}
.c .closing-journey[data-active-chapter="3"] .closing-screen,.c .closing-journey[data-active-chapter="3"]{background:#f1eee6}
.c .closing-journey[data-active-chapter="2"] .closing-screen,.c .closing-journey[data-active-chapter="2"]{background:#17201e}
.c .closing-journey[data-active-chapter="1"] .closing-nav button,.c .closing-journey[data-active-chapter="3"] .closing-nav button{color:#424b40!important}
.c .closing-journey[data-active-chapter="1"] .closing-nav button[aria-pressed=true],.c .closing-journey[data-active-chapter="3"] .closing-nav button[aria-pressed=true]{color:#202623!important}
.c .closing-journey[data-active-chapter="0"] .closing-nav button,.c .closing-journey[data-active-chapter="2"] .closing-nav button{color:#e9e9e0!important}
@media(max-width:760px){
 .c .closing-journey:not(.closing-flow) .closing-panel{overflow:hidden!important;clip-path:inset(56px 0 0)}
 .c .closing-flow .closing-panel{overflow:visible!important;clip-path:none}
}