/* Desktop bottom LCD v4 - STABLE typography.
   Important: no JS refitting. Font sizes never change while moving a puzzle.
   Desktop only. Mobile is untouched. */

@media (min-width:821px){
  body.pz-game-page .pz-retro-panel--bottom .pz-retro-bottom-lcd{
    overflow:hidden!important;
  }

  body.pz-game-page .pz-retro-panel--bottom .pz-retro-bottom-lcd .pz-retro-stat-mirror{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:1.5% 3.5%!important;

    display:grid!important;
    grid-template-rows:42% 58%!important;
    align-items:center!important;
    justify-items:center!important;
    align-content:center!important;
    gap:0!important;

    overflow:hidden!important;
    text-align:center!important;
  }

  /* Caption - one fixed responsive size for the whole game.
     It may wrap naturally onto two lines, but never leaves the LCD. */
  body.pz-game-page .pz-retro-panel--bottom .pz-retro-stat-mirror__label{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0 2%!important;

    color:#343930!important;
    font-family:Manrope,Arial,sans-serif!important;
    font-size:clamp(9px,1vw,13.5px)!important;
    font-weight:1000!important;
    line-height:.86!important;
    letter-spacing:-.025em!important;
    text-transform:uppercase!important;

    text-align:center!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-wrap:balance!important;

    overflow:hidden!important;
    text-overflow:clip!important;
    align-self:end!important;
  }

  body.pz-game-page .pz-retro-panel--bottom .pz-retro-stat-mirror__label br{
    display:block!important;
  }

  /* Result/value - fixed size, large and stable.
     8-character timers still fit inside the narrowest LCD. */
  body.pz-game-page .pz-retro-panel--bottom .pz-retro-stat-mirror__value{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0 1%!important;

    color:#10130f!important;
    font-family:"Courier New",ui-monospace,monospace!important;
    font-size:clamp(18px,2vw,29px)!important;
    font-weight:1000!important;
    line-height:.88!important;
    letter-spacing:-.055em!important;
    font-variant-numeric:tabular-nums!important;

    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    align-self:start!important;
  }

  /* The first LCD is slightly wider in some housings, but all typography
     intentionally stays identical so the row looks mechanically consistent. */
  body.pz-game-page .pz-retro-panel--bottom .pz-retro-bottom-lcd *{
    min-width:0!important;
  }
}