/* V208 — Kariyer Köprüsü mobile suggestion selection and bottom-nav removal. */
@media (max-width:820px), (orientation:landscape) and (pointer:coarse) and (max-height:600px){
  :root{
    --wos-mobile-nav-h:0px!important;
    --wos-mobile-safe-bottom:env(safe-area-inset-bottom,0px);
  }

  /* The four-button mobile footer is intentionally removed for Kariyer Köprüsü.
     It duplicated the already simple screen and created an unnecessary scroll area. */
  .mobile-app-nav-v154,
  .mobile-app-scroll-spacer-v154{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.wos-mobile-app-v154{
    padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
  }
  #root .app-shell.is-match-started .main-grid{
    padding-bottom:max(18px,env(safe-area-inset-bottom,0px))!important;
  }

  /* While the player input owns the keyboard, the live arena is already a fixed
     visual-viewport scene. Lock document overscroll so Safari cannot preserve a
     stale page offset behind that scene. */
  body.kk-match-active.wos-keyboard-open,
  body.kk-match-active.wos-player-answer-active{
    overflow-y:hidden!important;
    overscroll-behavior-y:none!important;
  }

  /* Keep the result panel mounted after a card tap. The selected name is still
     written into the input, but the page height no longer drops by three rows. */
  #root .app-shell.is-match-started .player-suggestions{
    overflow-anchor:none!important;
  }
  #root .app-shell.is-match-started .player-suggestions button.is-selected{
    outline:2px solid rgba(18,125,78,.72)!important;
    outline-offset:-2px!important;
    background:rgba(220,246,232,.98)!important;
  }
  #root .app-shell.is-match-started .player-suggestions button{
    -webkit-user-select:none!important;
    user-select:none!important;
  }
}