/* V145 — full-width mode tabs, clean header tools and stable mobile history viewport. */
.sh-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  gap:8px!important;
}
.sh-tabs .tab{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  white-space:nowrap!important;
}
/* v60 supplied a generic information glyph before every header button. Keep
   only the intended icon inside each button. */
.sh-nav-actions .sh-nav-tool::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  background:none!important;
}
@media (max-width:760px), (pointer:coarse){
  body.sh-v111-playing .sh-game-card{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 54px)!important;
    min-height:calc(100dvh - 54px)!important;
    max-height:calc(100dvh - 54px)!important;
    padding:5px 6px calc(78px + env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
  }
  body.sh-v111-playing .sh-card-head,
  body.sh-v111-playing .sh-word-row,
  body.sh-v111-playing .scoreline,
  body.sh-v111-playing #feedback,
  body.sh-v111-playing #wordAppealButton,
  body.sh-v111-playing #finalBoard{
    flex:0 0 auto!important;
  }
  body.sh-v111-playing .sh-card-head,
  body.sh-v111-playing .sh-word-row{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }
  body.sh-v111-playing .scoreline{
    max-height:92px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.sh-v111-playing #feedback{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    overflow:auto!important;
    overflow-anchor:none!important;
  }
  body.sh-v111-playing #eventFeed{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    align-content:flex-start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    overflow-anchor:none!important;
    margin:4px 0 0!important;
    padding:4px 3px 8px!important;
    gap:7px!important;
    scrollbar-gutter:stable!important;
  }
  body.sh-v111-playing #eventFeed .event{
    flex:0 0 auto!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 11px!important;
  }
  body.sh-v111-playing #eventFeed .event>div{
    min-width:0!important;
  }
  body.sh-v111-playing #eventFeed .event strong,
  body.sh-v111-playing #eventFeed .event span{
    overflow-wrap:anywhere!important;
  }
  body.sh-v111-playing #eventFeed .event>b{
    flex:0 0 66px!important;
    text-align:right!important;
    white-space:normal!important;
  }
  body.wos-keyboard-open.sh-v111-playing #eventFeed{
    max-height:none!important;
  }
  body.wos-keyboard-open.sh-v111-playing #feedback{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
}