#world[data-ui-busy="true"] *,#world[data-ui-busy="true"]{animation-play-state:paused!important}
@media (max-width:820px), (pointer:coarse), (max-height:600px) {
 #app .panel,#app #panel-story {position:absolute!important;inset:auto max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;top:auto!important;width:auto!important;min-width:0!important;max-width:560px!important;margin:0 auto!important;height:auto!important;max-height:min(64dvh,620px)!important;box-sizing:border-box!important;border:1px solid #7a3d5c!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(8,3,8,.55)!important;transform:none!important;transition:none!important;backdrop-filter:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:auto;contain:layout paint;padding:18px 18px 18px 18px!important}
 #app #panel-story{padding:0!important}
 #app .panel>.close,#app #panel-story>.close{position:sticky!important;top:max(8px,env(safe-area-inset-top))!important;right:auto!important;float:right!important;width:44px!important;height:44px!important;min-width:44px;min-height:44px;margin:0 0 -44px 12px!important;z-index:20!important;background:#28131f!important;color:#ffbddb!important;border:1px solid #aa688b!important;border-radius:50%!important;touch-action:manipulation}
 #app #panel-story>.close{margin:8px max(12px,env(safe-area-inset-right)) -52px 12px!important}
 #app .panel>h2{padding-right:54px;font-size:24px;line-height:1.25}
 #app #story .simple-title{padding:18px 66px 10px 18px!important;margin:0 0 4px!important;min-height:0;box-sizing:border-box;position:static!important;font-size:21px!important;line-height:1.25!important}
 #app #story .simple-body{padding:8px 18px 18px 18px!important;max-width:900px;margin:0 auto;box-sizing:border-box;overflow:visible!important;max-height:none!important;font-size:16px!important;line-height:1.55!important}
 #app #story{padding:0!important}
 #app .panel .action,#app .panel button.row,#app .panel .filters button{min-height:44px;touch-action:manipulation}
 #app .panel input,#app .panel textarea,#app .panel select{font-size:16px!important}
 #app .panel iframe{max-width:100%}
 #app .panel .video-screen{height:auto!important;aspect-ratio:16/9;max-width:min(100%,calc((100dvh - 108px)*16/9));margin-left:auto!important;margin-right:auto!important}
 #app .panel #story,#app .panel .expanded-records{overflow:visible!important;max-height:none!important}
 #app .nav{backdrop-filter:none!important;max-width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));gap:2px}
 #app .nav button{backdrop-filter:none!important;transition:none!important;min-height:48px;min-width:56px;touch-action:manipulation}
 #app .zoom button{min-height:44px;min-width:44px;touch-action:manipulation}
  #app[data-panel-open="true"]>.nav,#app[data-panel-open="true"]>.zoom,#app[data-panel-open="true"]>.brand-card,#app[data-panel-open="true"]>.top-right{visibility:hidden;pointer-events:none}
 #world[data-navigation="moving"] *{animation-play-state:paused!important}
 .shoreline-overlay .shore-wave,.ocean-wave,.river-glint,.fall-streak{animation:none!important}
}