/* File: /public/games/splash/splash_ios.css */
/* Version: v1.4 */
/* Last edited: 2026-04-06 11:05 */
/* Purpose:
   Splash iOS behavior layer
   - iPhone/Safari behavior only
   - no layout fighting with main CSS
   - prevents unwanted text highlighting on UI
   - keeps inputs selectable
*/

html.splash-ios-ready,
body.splash-ios{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior:none;
  touch-action:manipulation;
}

body.splash-ios{
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
}

/* non-input UI should not highlight/select */
body.splash-ios .topbar,
body.splash-ios .stage-wrap,
body.splash-ios .stage-card,
body.splash-ios .stage-toolbar,
body.splash-ios .dock,
body.splash-ios .dock-btn,
body.splash-ios .stage-pill,
body.splash-ios .top-save-btn,
body.splash-ios .pill,
body.splash-ios .x-btn,
body.splash-ios .sheet-handle,
body.splash-ios .sheet-head,
body.splash-ios .sheet-tabs,
body.splash-ios .sheet-tab,
body.splash-ios .stage-text,
body.splash-ios .stage-image,
body.splash-ios .splash-stage,
body.splash-ios .stage-hint{
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}

body.splash-ios .stage-text,
body.splash-ios .stage-image{
  touch-action:none;
}

body.splash-ios .sheet-body{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

/* inputs still work normally */
body.splash-ios input,
body.splash-ios textarea,
body.splash-ios select{
  -webkit-user-select:text;
  user-select:text;
  -webkit-touch-callout:default;
}

body.splash-ios.ios-keyboard-open .sheet{
  transition:none;
}

@media (max-width:430px){
  body.splash-ios .dock-btn em{
    padding-bottom:2px;
  }
}