/* V57 premium dynamic hero counters + matching compact three-column panels. */
@media (min-width:1024px) {
  body main section[data-purpose="hero-overview"]{
    height:382px!important;min-height:382px!important;max-height:382px!important;
    align-items:stretch!important;
  }
  body main section[data-purpose="hero-overview"]>div{
    height:382px!important;min-height:382px!important;max-height:382px!important;
  }
  body main #auth-panel{padding:10px 14px!important;gap:4px!important;overflow:hidden!important}
  body main #auth-panel .hky-v48-social{margin-top:5px!important}
  body main #auth-panel .hky-v48-social>button{height:37px!important;min-height:37px!important;max-height:37px!important}
  body main #auth-panel .hky-v48-social{height:37px!important;min-height:37px!important;max-height:37px!important}
  body main #auth-panel #hky-v40-register-pane{max-height:340px!important}
  body main #leaderboard-panel{padding:12px 14px!important}
  body main #leaderboard-panel .space-y-2\.5{gap:4px!important}
  body main [data-purpose="hero-highlight"]{padding:15px 17px!important}
  body main [data-purpose="hero-highlight"] h1{font-size:29px!important;line-height:1.08!important}
  body main [data-purpose="hero-highlight"] .wood-rack{transform:scale(.60)!important}
}
.hky-v57-hero-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;min-width:0!important}
.hky-v57-hero-bottom>.flex.-space-x-2{flex:none!important}
.hky-v57-stats{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0;flex-wrap:nowrap}
.hky-v57-stat{min-width:113px;padding:6px 9px;display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:7px;align-items:center;border:1px solid rgba(255,234,190,.32);border-radius:11px;background:rgba(10,32,26,.66);box-shadow:0 5px 15px rgba(0,0,0,.12);backdrop-filter:blur(8px)}
.hky-v57-stat img{width:17px;height:17px;object-fit:contain;grid-row:span 2}
.hky-v57-stat .hky-v57-label{font-size:9px;line-height:1.12;color:#f9ddb0;font-weight:750;white-space:nowrap}
.hky-v57-stat .hky-v57-value{font-size:16px;line-height:1.25;font-weight:850;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.hky-v57-stat.hky-v57-stat-online .hky-v57-value{color:#a6f2c4}
@media(max-width:1023px) {
  body main section[data-purpose="hero-overview"]{height:auto!important;max-height:none!important}
  body main [data-purpose="hero-highlight"]{min-height:290px!important;max-height:330px!important;height:330px!important;padding:14px!important;gap:2px!important}
  body main [data-purpose="hero-highlight"] h1{font-size:clamp(26px,3.8vw,34px)!important;line-height:1.07!important}
  body main [data-purpose="hero-highlight"] .my-4{margin:2px 0!important;height:64px!important;min-height:64px!important;align-items:center}
  body main [data-purpose="hero-highlight"] .wood-rack{transform:scale(.61)!important}
  #auth-panel,#leaderboard-panel{max-height:none!important}
}
@media(max-width:600px) {
  body main [data-purpose="hero-highlight"]{height:310px!important;min-height:310px!important;max-height:310px!important}
  body main [data-purpose="hero-highlight"] h1{font-size:27px!important}
  .hky-v57-hero-bottom{gap:5px!important}
  .hky-v57-hero-bottom>.flex.-space-x-2{display:none!important}
  .hky-v57-stats{width:100%;justify-content:center;gap:7px}
  .hky-v57-stat{min-width:0;flex:1;max-width:175px;padding:6px 7px}
  .hky-v57-stat .hky-v57-value{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.hky-v57-stat{backdrop-filter:none}}