html,body{overscroll-behavior:none}button{-webkit-tap-highlight-color:transparent}
#touch-controls,#mobile-tools,#rotate-tip{display:none}
@media (pointer:coarse),(max-width:900px){
 body{touch-action:none;-webkit-user-select:none;user-select:none}canvas{height:100dvh}
 #help{display:none}#hud{left:max(12px,env(safe-area-inset-left));top:8px;font-size:12px;line-height:1.5;max-width:75vw}#message{top:90px;font-size:13px;padding:0 20px}
 #mute{top:max(8px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));padding:8px;font-size:12px;z-index:5}
 #overlay{z-index:10}.panel{padding:14px;max-height:94dvh;touch-action:pan-y}.panel h1{font-size:27px}.panel p{margin:8px 0;font-size:12px}.choices{margin:10px 0;gap:8px}.choices button{padding:6px;font-size:12px}.choices small{font-size:10px}.portrait{height:90px}#stage1,#stage2{padding:8px;font-size:12px}#start{padding:10px 25px}
 #touch-controls:not([hidden]){display:flex;position:fixed;inset:0;pointer-events:none;z-index:4;align-items:flex-end;justify-content:space-between;padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:12px}
 #touch-controls button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #b6e8ff70;background:#10283bd9;color:#effaff;box-shadow:0 3px 10px #0006;border-radius:16px;font-size:13px;padding:0;width:54px;height:50px;font-weight:700}
 #touch-controls button.held{background:#72def2;color:#082337;transform:scale(.94)}.touch-move{display:grid;grid-template-columns:repeat(3,54px);gap:5px}.touch-move .up{grid-column:2}.touch-actions{display:grid;grid-template-columns:repeat(4,54px);gap:5px}#touch-controls .fire{background:#e7764fe6;height:62px;grid-column:3 / 5;width:113px;font-size:18px}#touch-controls .jump{height:62px;grid-column:1 / 3;width:113px;background:#286882e8;font-size:17px}
 #mobile-tools:not([hidden]){display:flex;position:fixed;top:max(8px,env(safe-area-inset-top));right:max(85px,calc(env(safe-area-inset-right) + 85px));gap:6px;z-index:6}#mobile-tools button{padding:8px;font-size:12px;background:#193c50d9;color:white}
 #rotate-tip{position:fixed;left:0;right:0;top:40%;text-align:center;font-size:12px;color:#bcdfef;pointer-events:none;z-index:3}
}
@media (max-width:600px) and (orientation:portrait){#rotate-tip:not([hidden]){display:block}#touch-controls button{width:46px;height:48px;font-size:12px}.touch-move{grid-template-columns:repeat(3,46px);gap:3px}.touch-actions{grid-template-columns:repeat(3,46px);gap:3px}#touch-controls .jump{grid-column:1;width:46px;font-size:13px;height:55px}#touch-controls .fire{grid-column:2 / 4;width:95px;font-size:16px;height:55px}#message{top:100px}#hud{font-size:10px;max-width:95vw}.portrait{height:115px}}
@media (max-height:450px) and (orientation:landscape){.panel{max-width:570px;padding:10px}.panel h1{font-size:22px;margin:0}.portrait{height:60px}.choices{margin:6px 0}.panel p{font-size:11px;line-height:1.4}.choices small{line-height:1.3}#message{top:65px}#touch-controls button{height:42px}#touch-controls .fire,#touch-controls .jump{height:50px}}

.touch-move .up{grid-row:1;grid-column:2}.touch-move button:nth-child(2){grid-row:2;grid-column:1}.touch-move button:nth-child(3){grid-row:2;grid-column:2}.touch-move button:nth-child(4){grid-row:2;grid-column:3}

#mobile-tools:not([hidden]){display:flex;position:fixed;top:max(8px,env(safe-area-inset-top));right:max(85px,calc(env(safe-area-inset-right) + 85px));gap:6px;z-index:6}#mobile-tools button{padding:8px;font-size:12px;background:#193c50e8;color:white}#mobile-tools #exit-game{background:#793d38e8}

@media (min-width:901px) and (pointer:fine){#mobile-tools:not([hidden]){right:150px;top:20px}}