/* No transparent input shields; the normal game's buttons and handlers remain active. */
.mobile-display-notice{position:absolute;z-index:120;top:56px;left:50%;transform:translateX(-50%);max-width:80%;padding:9px 14px;background:#132f40;color:#fff1cf;border:1px solid #ceb985;font:14px/1.6 Meiryo,sans-serif;pointer-events:none}
html.mobile-game-expanded,html.mobile-game-expanded body{height:100%;overflow:hidden}
html.mobile-game-expanded body>nav{display:none!important}
html.mobile-game-expanded body>main#game{height:100dvh!important;min-height:0!important;max-height:none!important;flex:none!important}
@media(any-pointer:coarse) and (orientation:landscape) and (max-height:600px){
 html{--mobile-left:max(32px,env(safe-area-inset-left,0px));--mobile-right:max(24px,env(safe-area-inset-right,0px));--mobile-bottom:max(8px,env(safe-area-inset-bottom,0px))}
 /* Camera cut-outs may report zero: retain a modest physical-edge buffer. */
 body>main#game{width:calc(100% - var(--mobile-left) - var(--mobile-right))!important;margin-left:var(--mobile-left);margin-right:var(--mobile-right);padding-bottom:var(--mobile-bottom)}
 #game:not(.game):has(#controller){--head:48px;grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:48px minmax(0,1fr) 150px}
 #game:not(.game):has(#controller)>header{padding:2px 8px;gap:5px}
 #game:not(.game):has(#controller) .brand{font-size:11px;letter-spacing:0}
 #game:not(.game):has(#controller) .brand b{font-size:16px}
 #game:not(.game):has(#controller)>header nav{gap:3px}
 #game:not(.game):has(#controller)>header nav button{font-size:13px;min-height:44px;padding:4px 7px}
 #game:not(.game):has(#controller) #commands{left:8px;top:calc(var(--head) + 7px);bottom:calc(150px + var(--mobile-bottom) + 6px);width:min(430px,66%);padding:8px;overscroll-behavior:contain;scroll-padding:5px}
 #game:not(.game):has(#controller) .command-heading{font-size:18px;margin-bottom:6px;padding-bottom:5px}
 #game:not(.game):has(#controller) #tabs{gap:4px;margin-bottom:6px}
 #game:not(.game):has(#controller) #tabs button{font-size:13px;min-height:44px;padding:5px 4px}
 #game:not(.game):has(#controller) #options button{font-size:17px;min-height:44px;padding:6px 9px;line-height:1.55}
 #game:not(.game):has(#controller) #options small{font-size:12px}
 #game:not(.game):has(#controller) #dialogue{grid-template-rows:25px minmax(0,1fr) 16px}
 #game:not(.game):has(#controller) #text{font-size:20px;line-height:1.6}
 #game:not(.game):has(#controller) #sceneLabel{font-size:12px}
 #game:not(.game):has(#controller) #nextBtn{font-size:20px;min-height:56px}
 #game:not(.game):has(#controller) .pad-buttons button{width:44px;height:44px;font-size:25px}
 #game:not(.game):has(#controller) #controller{gap:12px;padding-bottom:4px}
 #game.game .action-rail{left:8px}
 #game.game .action-rail>button{font-size:16px;min-height:44px}
 #game.game .choices{left:8px;max-width:calc(100% - 120px)}
 #game.game #choiceList button{font-size:17px;min-height:44px}
 #game.game .utility button,#game.game .display-controls button{font-size:13px;min-height:44px}
 #game.game .controller{width:96px}
 #game.game .ab-controls button{width:44px;height:44px}
}