/* Give pot progress its own lines instead of truncating a single long label. */
@layer studio {
 body.studio-3d #gameApp .score-card.score-card-wide,
 body.studio-3d #gameApp .landscape-status-item:has(#landscapeBoomScore) {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:9px 8px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
 }
 body.studio-3d #gameApp #boomScore,
 body.studio-3d #gameApp #landscapeBoomScore {
  display:block!important;
  white-space:pre-line!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  height:auto!important;
  max-height:none!important;
  font-size:clamp(13px,1.35vw,19px)!important;
  line-height:1.4!important;
  margin-top:4px!important;
 }
 body.studio-3d #gameApp #dailyGameLabel:not([hidden]) {
  display:block!important;flex:0 0 100%;color:#f0dda5!important;
  font:600 11px/1.4 Arial,sans-serif!important;white-space:normal!important;
 }
 body.studio-3d #gameApp .game-events:has(#dailyGameLabel:not([hidden])) {
  height:auto!important;min-height:40px!important;display:flex!important;flex-wrap:wrap!important;
  align-content:center!important;gap:2px 8px!important;
 }
 @media (min-height:601px) and (min-width:761px) {
  body.studio-3d #gameApp:not([hidden]):has(#dailyGameLabel:not([hidden])) {
   grid-template-rows:54px 24px minmax(0,1fr) 172px 44px!important;
  }
 }
 @media (max-width:760px) and (orientation:portrait) {
  body.studio-3d #gameApp:not([hidden]) {
   grid-template-rows:48px auto minmax(0,1fr) 142px auto!important;
  }
  body.studio-3d #gameApp .score-board {
   align-items:stretch!important;grid-template-rows:auto auto!important;
  }
  body.studio-3d #gameApp .score-board > .score-card {
   position:static!important;inset:auto!important;transform:none!important;translate:none!important;
   align-self:stretch!important;min-height:0!important;height:auto!important;
   margin:0!important;padding:4px 5px!important;grid-row:1!important;grid-column:auto!important;
  }
  body.studio-3d #gameApp .score-card-wide > span {display:none!important;}
  body.studio-3d #gameApp #boomScore {
   font-size:12px!important;line-height:1.4!important;margin:0!important;
  }
  body.studio-3d #gameApp .score-actions {grid-row:2!important;position:static!important;margin:0!important;}
  body.studio-3d #gameApp .game-events {min-height:26px!important;}
 }
}
