/* Website table: preserve the painted felt, not a second phone-shaped panel. */
#gameScreen#gameScreen,
#board#board,
#tableSurface#tableSurface{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#board#board::before,#board#board::after,
#tableSurface#tableSurface::before,#tableSurface#tableSurface::after{
  content:none!important;
  display:none!important;
}
#dealerShadow{display:none!important}

/* Original artist-supplied PNGs: star, gold arrows, pocketwatch. */
#hud#hud .stat:not(.deck):not(.xpStat)::before{
  display:block!important;
  content:""!important;
  width:56px!important;
  height:46px!important;
  flex:none!important;
  background:transparent var(--statIcon,none) center/contain no-repeat!important;
  border:0!important;
  box-shadow:none!important;
}
#hud#hud .stat:has(#scoreVal){--statIcon:url('Assets/stat-score.png')}
#hud#hud .stat:has(#movesVal){--statIcon:url('Assets/stat-moves.png')}
#hud#hud .stat:has(#timeVal){--statIcon:url('Assets/stat-time.png')}

@media(min-width:900px){
  #gameScreen#gameScreen{
    width:min(1120px,calc(100vw - 128px))!important;
    max-width:none!important;
    padding:8px 12px calc(var(--safe-bottom,0px) + 60px)!important;
    gap:12px!important;
  }
  #gameScreen #gameTop,#gameScreen #board{
    width:100%!important;
    max-width:none!important;
  }
  #gameScreen #gameTop{height:132px!important;min-height:132px!important}
  #gameScreen #board{flex:1 1 auto!important;min-height:280px!important;height:auto!important;overflow:hidden!important}
  #gameScreen #dock#dock{
    width:min(600px,100%)!important;
    max-width:600px!important;
    flex:0 0 auto!important;
    margin:0 auto!important;
    padding:0!important;
  }
  #gooferTitle#gooferTitle{left:50%!important;top:18px!important;font-size:40px!important;line-height:1.15!important}
  #hud#hud{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(min-width:900px) and (max-height:650px){
  #gameScreen#gameScreen{gap:8px!important;padding-top:4px!important}
  #gameScreen #gameTop{height:104px!important;min-height:104px!important}
  #gameScreen #board{min-height:220px!important}
  #gooferTitle#gooferTitle{top:10px!important;font-size:30px!important}
  #hud#hud .stat:not(.deck):not(.xpStat)::before{height:34px!important;width:44px!important}
  #gameScreen #dock#dock .actionBtn{height:66px!important}
}
@media(min-width:900px) and (max-height:480px){
  #gameScreen#gameScreen{overflow-y:auto!important}
}