/* Offscreen/transparent panels must not retain keyboard stops. */
.sheet:not(.show),#guideModal:not(.show),#offlineModal:not(.show),.global-dl-bar:not(.show),.adhkar-screen:not(.show),.adhkar-subscreen:not(.show){visibility:hidden;}
.sheet.show,#guideModal.show,#offlineModal.show,.global-dl-bar.show,.adhkar-screen.show,.adhkar-subscreen.show{visibility:visible;}
input[type="range"]:focus-visible{outline:2px solid var(--color-focus,var(--gold-deep));outline-offset:3px;}
/* Keep the same controls available when text/viewport scaling leaves less room. */
.hero-actions-row,.player-controls-row,.player-tools-compact{flex-wrap:wrap;}
.seek-bar{min-width:0;width:0;}
.almaher-nav-item span{max-width:100%;overflow-wrap:anywhere;}
#playerFull{container-type:inline-size;}
@container (max-width:240px){
  #wirdCard #playerFull .player-controls-row,
  #wirdCard #playerFull .player-tools-compact{display:flex!important;flex-wrap:wrap;}
  #wirdCard #playerFull .player-tools-compact .tool{flex:1 1 80px!important;min-width:0;white-space:normal;}
}