/* Only the touch battle changes. Desktop keyboard play retains its layout. */
body[data-native-input="true"] .battle-screen{inset:auto 0 auto;top:var(--native-viewport-top,0px);height:var(--native-viewport-height,100dvh);overflow:hidden;place-items:start center}
body[data-native-input="true"] .arena{--native-height:var(--native-viewport-height,100dvh);--pad-height:70px;width:min(100vw,680px);height:var(--native-height);aspect-ratio:auto;--sprite-room:clamp(28px,calc(var(--native-height) - 300px),180px);--sprite-width-room:19cqw}
body.battle-lab.lab-folded[data-native-input="true"] .arena{width:min(100vw,680px)}
body[data-native-input="true"] .arena[data-story=""]{--cliff-floor:calc(var(--native-height) - 198px);--sprite-room:clamp(28px,calc(var(--cliff-floor) - 96px),180px);--sprite-width-room:19cqw;--cliff-height:56.25cqw;--cliff-offset:32.0625cqw}
body[data-native-input="true"] .arena[data-story=""] .arena-scene{top:calc(var(--cliff-floor) - var(--cliff-offset));bottom:auto;left:0;right:0;height:var(--cliff-height)}
body[data-native-input="true"] .arena:not([data-story=""]) .arena-scene{top:80px;bottom:190px;left:0;right:0}
body[data-native-input="true"] .arena:not([data-story=""]) .fighter{top:85%}
body[data-native-input="true"] .rune-panel{left:50%;width:calc(100% - 24px);height:78px;bottom:80px;padding:8px 14px}
body[data-native-input="true"] .word-guide{font-size:clamp(20px,6cqw,28px);min-height:29px;line-height:1.25}
body[data-native-input="true"] .combo-dock{left:12px;right:12px;bottom:161px;padding:0 8px;height:30px}
body[data-native-input="true"] .combo-count strong{font-size:23px}
body[data-native-input="true"] .combo-label{font-size:9px}
body[data-native-input="true"] .battle-callout{top:calc((var(--native-height) - 70px) / 2);left:50%;max-width:90%;font-size:19px}
.native-kana-pad{position:absolute;bottom:8px;left:12px;right:12px;height:60px;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;border:0;background:none;padding:0;box-shadow:none}
.native-kana-pad[hidden]{display:none!important}
.native-kana-field{min-width:0;display:block}
.native-kana-field input{display:block;width:100%;min-width:0;height:46px;box-sizing:border-box;border:1px solid #84765c;border-radius:3px;background:#07151deb;color:#f0e4c9;font:18px/1.3 "Yu Gothic UI",Meiryo,sans-serif;padding:8px 12px;outline:none;user-select:text;-webkit-user-select:text;touch-action:auto;text-transform:none}
.native-kana-field input:focus{border-color:#e6cd92;box-shadow:0 0 0 1px #d4ba7755,inset 0 1px 6px #0006}
.native-kana-field input::placeholder{color:#adac9e;font-size:15px}
.native-input-note{display:block;height:14px;margin:2px 0 0;color:#d9bb8c;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden}
.native-kana-pad #flick-skill{height:46px;min-height:46px;min-width:78px;padding:6px 12px;font-size:15px;touch-action:manipulation}
.native-kana-pad[data-status="miss"] input,.native-kana-pad[data-status="kana-only"] input{border-color:#bb7667}
.native-kana-pad[data-blocked="true"] input{color:#a7afa9}
body[data-native-input="true"] .arena .cutin{right:0;--cut-top:82px;--cut-height:clamp(50px,calc(var(--native-height) - 264px),180px);--cut-gap:16px}
body[data-native-input="true"] .arena.clashing .cutin{--cut-top:82px;--cut-height:clamp(42px,calc((var(--native-height) - 264px) / 2),140px)}
body[data-native-input="true"] .arena.clashing .cutin:not(.rival){--cut-top:calc(82px + var(--cut-height) + var(--cut-gap))}
body[data-native-input="true"] .duel{left:12px;right:12px;top:90px}
body[data-native-input="true"] .duel-call b{font-size:16px}
body[data-native-input="true"] .opponent-input{display:none}
body[data-native-input="true"] .arena .cutin-character-name{display:none}
@media(max-height:430px){body[data-native-input="true"] .arena .cutin-name span{font-size:14px}body[data-native-input="true"] .plate{padding:4px}body[data-native-input="true"] .hp-bar{height:7px}body[data-native-input="true"] .clock{width:44px}body[data-native-input="true"] .arena-icon{height:30px;min-width:30px}}