@media (any-pointer:coarse),(max-width:1050px){
 html,body,#root{width:100%;height:var(--game-height);overflow:hidden}.game{height:var(--game-height)!important;min-height:0!important;overflow:hidden!important}.game header{height:48px;min-height:48px;padding:4px 12px;padding-right:90px}.game header .brand{font-size:14px}.game header .brand b{font-size:16px}.game-meta{gap:8px;font-size:11px}.game-meta span+span{padding-left:8px}.progress-wrap{height:24px;flex:none;padding:4px 12px}.game-layout{position:relative;display:block!important;flex:1;min-height:0!important;padding:0!important;overflow:hidden}.game-layout .scene{position:absolute;inset:0;border-radius:0;min-height:0!important}.webgpu-stage,.webgpu-stage canvas{width:100%;height:100%;touch-action:none}.game-layout .list-card,.game-layout .checkout-side{display:none!important;position:absolute!important;z-index:65;inset:8px 8px auto!important;width:min(360px,calc(100% - 16px))!important;max-height:calc(100% - 116px);min-height:0!important;padding:12px!important;overflow:auto!important;background:#fffdf7f5}.web-market-list .game-layout .list-card{display:flex!important}.web-market-checkout .game-layout .checkout-side{display:flex!important}.list-card .controls,.scene .controls{display:none!important}.list-card .note{margin:6px 0}.note-head{padding-bottom:6px}.note-head h2{font-size:19px}.list-lines{flex:1;min-height:0}.list-lines section b{font-size:14px!important;white-space:normal!important}.list-lines section small{font-size:11px!important;white-space:normal!important}.list-lines>div{grid-template-columns:32px minmax(0,1fr) max-content!important;padding:6px 24px 6px 6px!important}.basket-count{padding-top:8px;flex:none}.checkout-side .cashier{font-size:34px}.checkout-side h3{font-size:20px;margin:8px 0}.calculator form{margin-top:8px}.calc-line{font-size:14px!important}.calculator input{font-size:16px!important}.cashier-talk{padding:6px}.cashier-talk span{font-size:28px}.interaction{bottom:130px;max-width:90%;width:max-content;padding:8px 12px}.interaction b,.interaction span{font-size:12px}.renderer-badge{display:none}.finish{min-height:var(--game-height)}.finish-card{max-width:calc(100vw - 24px);padding:24px}.finish h1{font-size:30px}
 #web-market-panels{position:fixed;z-index:70;display:flex;gap:8px;left:max(10px,env(safe-area-inset-left));top:calc(82px + env(safe-area-inset-top));direction:ltr}#web-market-panels button{width:44px;height:44px;border:1px solid #fff9;border-radius:12px;background:#123d43ed;color:white;font-size:22px}#web-market-panels button[aria-pressed=true]{background:#087b91}.web-market-list #web-market-panels,.web-market-checkout #web-market-panels{top:auto;bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(any-pointer:coarse),(max-width:1050px){
 body.im-native-game .game .list-card>.controls{display:none!important}
 .game-layout .web-panel-close{position:sticky!important;top:0!important;align-self:flex-end!important;order:-1!important;flex:none!important;z-index:2!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0 0 4px!important;border:1px solid #65dcff!important;border-radius:8px!important;background:#0a2850!important;color:#fff!important;font:24px/1 Arial,sans-serif!important;cursor:pointer!important}
}

/* Landscape: use the visible height, with independently scrolling panels. */
@media (any-pointer:coarse) and (orientation:landscape),(max-width:1050px) and (orientation:landscape){
html body.im-native-game #root .game{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:var(--game-height)!important;min-height:0!important}
html body.im-native-game #root .game header{box-sizing:border-box!important;flex:0 0 40px!important;height:40px!important;min-height:40px!important;padding:3px 136px 3px 8px!important;gap:8px!important}
html body.im-native-game #root .progress-wrap{box-sizing:border-box!important;flex:0 0 20px!important;height:20px!important;padding:2px 8px!important}
html body.im-native-game #root .game-layout{flex:1 1 0!important;min-height:0!important}
html body.im-native-game #web-market-panels{top:64px!important;gap:4px!important}
html body.im-native-game:is(.web-market-list,.web-market-checkout) #web-market-panels{top:auto!important;bottom:6px!important}
html body.im-native-game #root .game-layout .list-card,html body.im-native-game #root .game-layout .checkout-side{box-sizing:border-box!important;inset:4px auto auto 4px!important;max-height:calc(100% - 8px)!important;width:min(420px,calc(100% - 116px))!important;overflow:auto!important}
html body.im-native-game #root .interaction{bottom:58px!important;max-width:60%!important;padding:4px 8px!important}
html body.im-native-game #root .game-meta{font-size:11px!important;gap:6px!important}
}
