.android-app{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
.android-app .android-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.android-app .android-share button{flex:1;min-height:48px}
.android-app button{touch-action:manipulation}
.android-app dialog{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:680px){.android-app .header{padding-left:12px;padding-right:12px}.android-app .connect-actions button{min-height:48px}.android-app .world-nav button{min-height:44px}}

.android-app footer button{padding:6px 12px;margin:0 8px}.android-app #androidLicenceText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}

/* Every destination stays visible at narrow phone widths. */
.android-app .header{gap:12px;height:auto;min-height:0;padding:14px 16px}
.android-app .header nav{order:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:none;overflow:visible;padding:0}
.android-app .header nav button{min-width:0;min-height:48px;padding:10px 4px;font-size:14px;white-space:normal;background:#241d31;border-color:#594565}
.android-app #androidMenuButton{margin-left:auto;min-height:48px;flex-shrink:0}
.android-app #androidMenu{width:min(520px,calc(100% - 24px));padding:22px}
.android-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.android-menu-grid button,.android-settings>button{min-height:48px}
.android-settings{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.android-settings .music-volume,.android-settings .rhythm,.android-settings .save-actions{width:100%;margin:0}
.android-settings .music-volume{display:flex;gap:12px;align-items:center}
.android-settings .music-volume input{flex:1;min-width:0}
.android-settings .save-actions{display:flex;flex-wrap:wrap;gap:10px}
.android-settings .save-actions button,.android-settings .save-actions label{padding:10px;border:1px solid var(--line);border-radius:10px;font-size:13px;min-height:44px}
.android-app .world-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.android-app .world-nav button{min-width:0;min-height:44px;padding:8px 3px;font-size:13px}
.android-app .world-nav #worldCoins{grid-column:1/-1}
@media(max-width:680px){.android-app .brand{font-size:12px}.android-app .brand small{letter-spacing:1px}.android-app .world-dialog{width:calc(100% - 20px);padding:16px}.android-app .dialog-head h2{font-size:28px}.android-app .layout{margin-top:16px}}

.android-app h1,.android-app h2,.android-app h3,.android-app h4,.android-app p,.android-app button,.android-app label,.android-app .fighter>span{overflow-wrap:anywhere}
.android-app .dialog-head>div,.android-app .dialog-head h2,.android-app .fighter,.android-app .resident,.android-app .shop-grid article,.android-app .bestiary-grid article,.android-app .activity-card,.android-app #v4Content>*,.android-app .world-layout>*{min-width:0;max-width:100%}
.android-app .dialog-head h2{flex:1}.android-app .dialog-head .close{flex-shrink:0}
.android-app .fighter>span{max-width:100%;text-align:center}
.android-app .identity,.android-app .connect-actions,.android-app .pack-actions{flex-wrap:wrap}
.android-app .care,.android-app .journal{min-width:0}
.android-app button{min-width:0;max-width:100%;white-space:normal}
.android-app .care-actions>button>span{min-width:0}
.android-app .activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.android-app .shop-grid,.android-app .bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.android-app .explore-pin{max-width:42%;white-space:normal}
.android-app .world-actions button,.android-app .world-sidebar button{max-width:100%;white-space:normal}
.android-app .battle-actions{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.android-app .save-status,.android-app .code-label{overflow-wrap:anywhere}
.android-app footer{flex-wrap:wrap;gap:12px;padding:20px 16px}
@media(max-width:380px){.android-app .dialog-head{gap:8px}.android-app .bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.android-app dialog{padding:18px}.android-app .brand{letter-spacing:.5px}.android-app .brand-mark{margin-right:4px}.android-app #androidMenuButton{padding:10px}}

.android-settings select{font-size:16px;min-height:48px;max-width:100%}