html,body{overscroll-behavior:none}
#scene{touch-action:none}
#game{height:100dvh}
/* Menus retain pinch zoom; combat taps never trigger native zoom or selection. */
.touch-layout #game{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.touch-playing #game{touch-action:none}
#touch-controls{position:absolute;inset:0;pointer-events:none;z-index:15;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;--main-size:80px;--main-gap:12px;--aux-size:44px;--aux-gap:28px}
#touch-stick{position:absolute;width:126px;height:126px;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));border:1px solid #cbdce14a;border-radius:50%;background:radial-gradient(circle,#1023386b,#10233822);pointer-events:auto;touch-action:none}
#touch-stick::before,#touch-stick::after{content:'';position:absolute;background:#cbdce122;pointer-events:none}
#touch-stick::before{left:50%;top:12%;height:76%;width:1px}
#touch-stick::after{top:50%;left:12%;width:76%;height:1px}
#touch-knob{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border:1px solid #d4e1e5a0;background:#b6cbd44a;border-radius:50%;pointer-events:none;box-shadow:0 2px 8px #0003}
.touch-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:var(--aux-gap);pointer-events:none;touch-action:none}
.touch-main-actions{display:grid;grid-template-columns:repeat(2,var(--main-size));gap:var(--main-gap);pointer-events:none;touch-action:none}
.touch-secondary-actions{display:flex;gap:16px;padding-right:8px;pointer-events:none;touch-action:none}
.touch-actions button{display:grid;place-items:center;flex-shrink:0;width:var(--main-size);height:var(--main-size);margin:0;padding:0;border:1px solid #cbdce180;border-radius:50%;background:#0b1b2ed6;color:#edf3f6;font-size:15px;font-weight:700;line-height:1;box-shadow:inset 0 1px 0 #ffffff14,0 3px 8px #0003;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
.touch-secondary-actions button{width:var(--aux-size);height:var(--aux-size);font-size:11px;font-weight:500;background:#0b1b2ea6;border-color:#b3c7d65c;color:#cfdae3}
.touch-actions .touch-primary{background:#9f342be8;border-color:#ff8f7ac7}
.touch-actions .touch-power{background:#63532ae8;border-color:#e5c06dc7}
.touch-actions .touch-jump{background:#204861de;border-color:#83c9ed99}
.touch-actions .touch-dodge{background:#314755de;border-color:#a7c9dd99}
.touch-actions button.pressed{background:#d7e1e7f0;color:#0b1827;box-shadow:inset 0 0 0 3px #ffffff50,0 0 16px #dae9f62b;border-color:#fff}
.touch-orientation{display:none;position:absolute;left:50%;top:25%;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:#dce6ed;background:#0b1827ba;padding:6px 10px;border-radius:4px}
.touch-layout .bottom-hud{bottom:164px;left:max(20px,env(safe-area-inset-left))}
.touch-layout .team-card{width:43px}
.touch-layout .team-card img{width:28px;height:28px}
.touch-layout .group-label,.touch-layout .radar-panel{display:none}
.touch-layout .ko{bottom:auto;top:70px;right:max(20px,env(safe-area-inset-right))}
.touch-layout .ko strong{font-size:20px}
.touch-layout #combo{left:170px;bottom:35px}
.touch-layout .modal-card{overflow-y:auto}
.touch-layout #skip-scene{min-height:44px}
@media(orientation:portrait){
  .touch-layout .touch-orientation{display:block}
  .touch-layout .title-credits{bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(max-height:500px){
  #touch-controls{--main-size:72px;--main-gap:12px;--aux-gap:24px}
  #touch-stick{width:108px;height:108px;bottom:max(14px,env(safe-area-inset-bottom))}
  .touch-actions{bottom:max(14px,env(safe-area-inset-bottom))}
  .touch-layout .bottom-hud{bottom:135px}
  .touch-layout .ko{top:54px}
  .touch-layout #combo{bottom:24px;left:145px}
  .touch-layout .mission{display:none}
  .touch-layout .player-panel{left:max(15px,env(safe-area-inset-left));top:10px}
  .touch-layout #hero-icon.helmet{width:39px;height:39px}
  .touch-layout .player-details{width:136px}
  .touch-layout #boss-panel{top:67px;width:42%}
  .touch-layout .right-hud{top:12px;right:max(16px,env(safe-area-inset-right))}
}
@media(max-width:400px) and (orientation:portrait){
  #touch-controls{--main-size:70px}
  #touch-stick{width:108px;height:108px;left:12px}
  .touch-actions{right:12px}
  .touch-layout #combo{left:142px;bottom:185px}
}
@media(max-height:330px){#touch-controls{--main-size:64px;--main-gap:10px;--aux-gap:18px}}