/* 画布和按键分层：手机控制区独立于场景，避免遮住地面和角色。 */
.game-navigation{display:none;position:fixed;top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));gap:8px;z-index:110}.playing .game-navigation{display:flex}.game-navigation button{min-height:42px;padding:8px 12px;border:1px solid #aecbdc;border-radius:8px;background:#17324ded;color:white;font-size:14px;touch-action:manipulation}.playing .game-landscape{top:60px}.playing .hud{right:200px;flex-wrap:wrap;gap:8px}
html,body{overscroll-behavior:none}body.playing{overflow:hidden;touch-action:none}
.game-wrap{height:auto;aspect-ratio:1100/540}#game{position:absolute;inset:0}.game-wrap canvas{width:auto;height:auto}.hud{z-index:3}.touch-controls{z-index:10;touch-action:none}.touch-controls button{position:relative;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.touch-controls button.pressed{background:#699db9cc;transform:scale(.95)}.rotate-tip{display:none}.message{z-index:100}
.landscape-button{display:none!important;background:#3d7468;box-shadow:0 5px #28564e}.game-landscape{display:none;position:absolute;z-index:20;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:42px;height:42px;border:1px solid #ffffff88;border-radius:8px;background:#17324dcc;color:white;font-size:21px;touch-action:manipulation}
@media(max-width:950px),(pointer:coarse){
 .landscape-button,.game-landscape{display:block!important}
 body.playing .topbar{display:none}body.playing .game-wrap{position:fixed;inset:0;margin:0;width:100%;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#102337}
 body.playing #game{top:env(safe-area-inset-top,0px);bottom:94px;left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px)}
 .touch-controls{display:block;top:auto;height:94px;bottom:0;background:#102337;border-top:1px solid #42617a}
 .touch-left{left:max(20px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));gap:18px}
 .touch-jump{position:fixed!important;right:max(24px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));left:auto!important;z-index:12}
 .touch-left{position:fixed!important;right:auto!important;z-index:12}
 .touch-controls button{width:66px;height:66px;opacity:.85}.hud{top:max(8px,env(safe-area-inset-top));font-size:13px;gap:16px}
 .card{max-width:90vw;padding:20px}.card h2{font-size:25px}
}
@media(max-width:950px) and (orientation:portrait){body.playing .rotate-tip{display:flex;flex-direction:column;gap:7px;position:absolute;top:48%;width:100%;text-align:center;color:#ffe29a;pointer-events:none;z-index:4}.rotate-tip small{color:#e7f0f4}.hud{padding-right:45px}.touch-controls button{width:72px;height:72px}}