/* mobile_depth.css — safe-area and keyboard-safe surfaces */
:root{--id-vh:1vh}
.app-shell,.main-content{min-height:calc(var(--id-vh) * 100);min-height:100dvh}
.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
.scene-sheet,.scene-sheet-backdrop,.gc-dialog,.gc-forward-dialog,.gc-profile-dialog,.alliance-modal,#command-center-overlay,#special-ops-overlay,#siege-overlay,#invention-overlay,#rewards-overlay,#strait-war-overlay,.ops-sheet,.sg-sheet,.inv-sheet,.rw-sheet,.sw-sheet{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.scene-sheet__body,.gc-panel,.gc-profile-form,.cc-body,.ops-grid,.sg-grid,.inv-body,.rw-body,.sw-body{padding-bottom:max(18px,env(safe-area-inset-bottom))}
.scene-sheet input,.scene-sheet select,.scene-sheet textarea,.gc-composer input,.gc-composer textarea,.ops-field input,.ops-field select,.sg-field input,.sg-field select,.inv-field input,.inv-field select,.jang-input-multiline{font-size:16px!important;min-height:44px}
button,.primary-button,.outline-button,.danger-button,.icon-button,.sc-tabs button,.alliance-tabs button,.jw-view-switch button{min-height:44px;touch-action:manipulation}
.scene-sheet__x,.sheet__close,.gc-dialog-close,.alliance-close{min-width:44px;min-height:44px}
.id-keyboard-open .bottom-nav{transform:translateY(110%);transition:transform .18s ease}.id-keyboard-open .special-ops-launcher,.id-keyboard-open .alliance-floating-launcher{opacity:0;pointer-events:none}
.id-input-focus .scene-sheet,.id-input-focus .gc-dialog,.id-input-focus .alliance-modal,.id-input-focus .ops-sheet{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}
@media(max-width:430px){.scene-sheet,.gc-dialog,.alliance-modal,.ops-sheet,.sg-sheet,.inv-sheet,.rw-sheet,.sw-sheet{border-radius:20px 20px 0 0!important}.scene-sheet__body,.cc-body{gap:12px}.sc-stepper button,.sc-quick button{min-width:44px;min-height:44px}.jg-search input{min-height:44px}}
@media(prefers-reduced-motion:reduce){.id-keyboard-open .bottom-nav{transition:none}}