/* A foldable keeps one live world across the cover and inner display. */
body{overscroll-behavior:none}.touch-code-tools{display:none}
@media(any-pointer:coarse),(max-width:1000px){
 .topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
 #touch-controls{display:block;position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(70px + env(safe-area-inset-bottom));z-index:13;text-align:center;opacity:.92;user-select:none;-webkit-user-select:none}
 #touch-controls button,#touch-controls>button[data-key=shift],#touch-controls>button[data-key=space]{width:48px;height:48px;min-width:48px;margin:2px;font-size:22px;border-radius:12px;background:#f7f7e9e6;color:#254d48;border:1px solid #fff9;touch-action:none}
 #touch-controls>button[data-key=shift],#touch-controls>button[data-key=space]{font:700 10px var(--mono)}
 #touch-controls>div{display:flex}#touch-controls button:active{background:#f4bf75}
 .modern-play .world-controls{padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));min-height:54px;max-height:110px;gap:2px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
 #recenter{display:flex}
 .world-controls>span,.world-controls>i,.world-controls kbd{display:none!important}.world-controls button,.world-controls button:first-of-type{margin:0;min-height:44px;padding:8px 10px;flex-shrink:0;font-size:11px}
 .modern-play .minimap{left:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(138px + env(safe-area-inset-bottom));width:100px}.modern-play .minimap canvas{width:100%;height:auto}
 .modern-play .city-status{display:none}.modern-play .camera-controls{right:max(12px,env(safe-area-inset-right))}.modern-play .camera-controls button{width:44px;height:44px}
 .interact{min-height:48px;right:max(12px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));left:auto;transform:none;font-size:13px;max-width:calc(100% - 190px)}
 .interact:active{transform:scale(.98)}
 .modern-play .driving-hud{right:12px;bottom:calc(250px + env(safe-area-inset-bottom));width:100px;padding:8px 10px}.driving-hud p{display:none}
 .modern-play #code,.modern-play #highlight{font-size:16px;line-height:24px}.modern-play .run-row #run{min-height:44px;font-size:13px}.modern-play .player-bubble-heading button{min-height:40px}.modern-play .player-bubble-heading .icon-button{min-width:40px}
 .modern-play .mentor-message,.modern-play .npc-bubble #dialogue{font-size:14px;line-height:1.4}.modern-play .mentor-actions button,.conversation-mode button,.conversation-prompts button{min-height:40px}
 .code-editing .touch-code-tools{display:flex;flex-shrink:0;gap:2px;padding:2px 6px;background:#203c43e8;overflow-x:auto;scrollbar-width:none}.touch-code-tools button{min-width:38px;min-height:40px;color:#f4eed5;font:13px var(--mono);border-radius:5px}.touch-code-tools button:last-child{margin-left:auto;min-width:88px;font:11px var(--body)}.touch-code-tools button:active{background:#54766d}
 .modern-play:has(.welcome:not([hidden])) #touch-controls{display:none}.modern-play:has(.adventure-celebration:not([hidden])) #touch-controls{visibility:hidden}
 .modern-play .adventure-celebration{bottom:calc(78px + env(safe-area-inset-bottom))}
 dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
}
@media(min-width:601px) and (max-width:1000px){
 .topbar{height:60px;gap:10px}.topbar .location{display:none}.game-shell{height:calc(100dvh - 60px)}.brand-name{font-size:21px}.top-actions{gap:5px}.modern-play.conversing .player-bubble{width:min(400px,calc(100% - 28px));max-height:min(420px,65%,var(--bubble-height-budget,420px))}.modern-play.conversing .npc-bubble{width:230px;max-height:130px}
}
@media(max-width:600px){.game-shell{height:calc(100dvh - 58px)}.topbar{height:58px}.brand-name small{display:none}.brand-name{font-size:18px}.brand-mark{width:32px;height:32px;font-size:23px}.brand{gap:8px}.top-actions{gap:3px}.top-actions .icon-button{min-width:38px;min-height:44px}.top-actions .cash-pill{font-size:11px}.modern-play .mission-hud{max-width:calc(100% - 120px)}.modern-play .mission-hud h2{font-size:22px}.modern-play .mission-hud p{font-size:11px}.modern-play.conversing .player-bubble{max-height:min(380px,58%,var(--bubble-height-budget,380px))}}
@media(max-height:540px) and (max-width:1100px){
 .topbar{height:46px}.game-shell{height:calc(100dvh - 46px)}.brand-name small{display:none}.modern-play .district-tag{top:10px;left:12px;padding:7px}.modern-play .camera-controls{top:10px}.modern-play .mission-hud{top:52px;left:12px;width:205px;padding:8px 10px 0}.modern-play .mission-hud h2{font-size:20px;margin:0 0 5px}.modern-play .mission-hud p,.modern-play .mission-track,.modern-play .hud-eyebrow{display:none}.modern-play .navigation-button{padding:8px 0}
 #touch-controls{bottom:62px}.modern-play .minimap{display:none}.modern-play .driving-hud{bottom:135px}.modern-play .player-bubble{max-height:calc(100% - 18px)!important;width:min(390px,calc(100% - 24px))}.modern-play .npc-bubble{max-height:100px}.welcome{top:55px;left:5%;max-height:calc(100% - 65px);overflow:auto}.welcome h1{font-size:48px;margin-bottom:10px}.welcome p{font-size:12px;margin-bottom:10px}.welcome-tag,.welcome-meta,.creator-credit{display:none}
}
/* Editing uses the visible area above the keyboard; the draft stays in place. */
body.keyboard-open .modern-play .player-bubble{position:fixed!important;left:8px!important;top:calc(var(--visual-top,0px) + 8px)!important;transform:none!important;width:calc(100% - 16px)!important;max-height:calc(var(--visual-height,100dvh) - 16px)!important;z-index:60;background:rgb(247 246 233 / 94%)}
body.keyboard-open #touch-controls,body.keyboard-open .world-controls,body.keyboard-open #bubble-tails,body.keyboard-open .character-tag,body.keyboard-open #guide{visibility:hidden!important}
body.keyboard-open .coding-bubble-content{min-height:60px}body.keyboard-open .player-bubble .editor-wrap{height:120px;min-height:120px}body.keyboard-open .player-bubble-heading{padding:3px 10px}
@media(any-pointer:coarse),(max-width:1000px){.modern-play.conversing #touch-controls{display:none}}