/* V184 — readable mobile timer in both keyboard states, with clear header spacing. */
.sh-mobile-timer-v184{display:none}

@media (max-width:820px), (pointer:coarse){
  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) .sh-shell{
    padding-top:calc(74px + env(safe-area-inset-top))!important;
  }

  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) .sh-nav{
    transform:none!important;
  }

  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) .sh-card-head{
    top:calc(63px + env(safe-area-inset-top))!important;
    min-height:48px!important;
    padding:4px 7px!important;
    gap:7px!important;
  }

  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) .sh-card-head .turn{
    min-width:0!important;
    min-height:42px!important;
    gap:6px!important;
  }

  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) #timer{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    min-width:58px!important;
    width:auto!important;
    height:42px!important;
    margin:0!important;
    padding:0 9px!important;
    border:3px solid #173c5e!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fff4c7,#e8c861)!important;
    box-shadow:0 0 0 3px rgba(221,181,67,.28)!important;
    color:#17375f!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-size:clamp(20px,5.6vw,25px)!important;
    font-weight:950!important;
    font-variant-numeric:tabular-nums!important;
    font-feature-settings:"tnum" 1!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) #timer[style*="--bad"]{
    color:#a61f31!important;
  }

  body.sh-v111-playing.wos-mobile-keyboard-open.sh-word-input-active .sh-word-row,
  body.sh-v111-playing.wos-keyboard-open.sh-word-input-active .sh-word-row{
    position:relative!important;
    padding-top:39px!important;
    overflow:visible!important;
  }

  body.sh-v111-playing.wos-mobile-keyboard-open.sh-word-input-active .sh-mobile-timer-v184,
  body.sh-v111-playing.wos-keyboard-open.sh-word-input-active .sh-mobile-timer-v184{
    position:absolute!important;
    top:6px!important;
    right:7px!important;
    z-index:4!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:72px!important;
    height:28px!important;
    padding:0 9px!important;
    border:2px solid #173c5e!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#fff5c9,#e7c65e)!important;
    box-shadow:0 3px 10px rgba(24,56,86,.17)!important;
    color:#17375f!important;
    font:900 13px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
  }

  body.sh-v111-playing.wos-mobile-keyboard-open.sh-word-input-active .sh-mobile-timer-v184 b,
  body.sh-v111-playing.wos-keyboard-open.sh-word-input-active .sh-mobile-timer-v184 b{
    min-width:22px!important;
    color:inherit!important;
    font-size:15px!important;
    line-height:1!important;
    text-align:center!important;
  }

  body.sh-v111-playing.wos-mobile-keyboard-open.sh-word-input-active .sh-mobile-timer-v184.is-urgent,
  body.sh-v111-playing.wos-keyboard-open.sh-word-input-active .sh-mobile-timer-v184.is-urgent{
    border-color:#9f2434!important;
    background:linear-gradient(180deg,#ffe5e8,#f3a7ae)!important;
    color:#8f1828!important;
  }

  body.sh-v111-playing.wos-mobile-keyboard-open.sh-word-input-active .sh-card-head #timer,
  body.sh-v111-playing.wos-keyboard-open.sh-word-input-active .sh-card-head #timer{
    visibility:hidden!important;
  }
}

@media (max-width:370px){
  body.sh-v111-playing:not(.wos-keyboard-open):not(.wos-mobile-keyboard-open) #timer{
    min-width:54px!important;
    height:39px!important;
    padding:0 7px!important;
    font-size:20px!important;
  }
}