/* v7 2026-10-23 work copy: gauges ~2x v6 (12px / own 16px); beats family-specific 5px rules  — PC only (>=900px) */
@media (min-width:900px){
body.p200-frame :is(#practice-main,.online-active #online-main) :is(#practice-play,#online-play) :is(.stack-bar,.turn-time-bar),
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family] :is(#practice-play,#online-play) :is(.stack-bar,.turn-time-bar){height:12px!important;border-radius:999px!important;overflow:hidden!important;border:0!important;background:rgba(255,255,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),inset 0 1px 2px rgba(0,0,0,.45)!important}
body.p200-frame :is(#practice-main,.online-active #online-main) :is(#practice-play,#online-play) .hero :is(.stack-bar,.turn-time-bar),
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family] :is(#practice-play,#online-play) .hero :is(.stack-bar,.turn-time-bar){height:16px!important}
body.p200-frame :is(#practice-play,#online-play) :is(.stack-bar,.turn-time-bar) i{box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
body.p200-frame :is(#practice-play,#online-play) .stack-cluster{row-gap:4px!important;gap:4px!important;height:auto!important}
}
/* v7 all widths: v6 bars overflowed fixed grid rows (2px/5px) so time bar painted over stack bar -> stack looked empty. rows now auto */
body.p200-frame :is(#practice-main,.online-active #online-main) :is(#practice-play,#online-play) .stack-cluster,
body.p200-frame :is(#practice-main,.online-active #online-main)[data-frame-family] :is(#practice-play,#online-play) .hero .stack-cluster,
body.p200-frame #practice-play .hero .stack-cluster{grid-template-rows:auto auto auto!important;height:auto!important;row-gap:3px!important}
/* v7 mobile: game title overlapped blinds line / seat heading. title+limit on one line, blinds line just below */
@media (max-width:899px){
body.p200-frame :is(#practice-main,.online-active #online-main)>.current-game-banner{flex-direction:row!important;align-items:baseline!important;justify-content:flex-start!important;gap:6px!important;height:16px!important;transform:translateY(-6px);width:calc(100% - 16px)!important}
body.p200-frame :is(#practice-main,.online-active #online-main)>.current-game-banner h2{white-space:nowrap!important}
body.p200-frame :is(#practice-main,.online-active #online-main)>.current-game-banner .game-limit{font-size:9px!important;opacity:.8;white-space:nowrap}
body.p200-frame :is(#practice-play,.online-active #online-play)>.session-bar{line-height:11px!important;font-size:10px!important;transform:translateY(14px)}
}
