/* All-in or Fold study page (assets/aof-study.js): the stack-depth control in the toolbar. */
.aof-stack{display:flex;align-items:center;gap:8px;min-width:0}
.aof-stack-label{display:flex;align-items:baseline;gap:6px;margin:0;white-space:nowrap}
.aof-stack-label span{color:var(--muck-text-3);font:700 11px var(--muck-font);letter-spacing:.08em;text-transform:uppercase}
.aof-stack-label b{min-width:52px;color:var(--muck-gold);font:800 15px var(--muck-font);font-variant-numeric:tabular-nums}
.aof-step{width:30px;height:30px;padding:0;border:1px solid var(--muck-line-strong);border-radius:7px;background:var(--muck-surface-3);color:var(--muck-text);font:700 16px/1 var(--muck-font);cursor:pointer}
.aof-step:hover{border-color:var(--muck-gold-muted)}
.aof-stack input[type=range]{width:180px;accent-color:var(--muck-gold)}
@media(max-width:760px){
  .aof-stack{order:4;width:100%}
  .aof-stack input[type=range]{flex:1;width:auto}
  .aof-step{width:38px;height:38px}
}
#hu-badge:empty{display:none}

/* Short-stack preflop page (assets/short-study.js): stack depth links, and the hand-link note. */
.short-stack{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--muck-line-strong);border-radius:7px;background:var(--muck-bg)}
.short-stack .short-label{padding:0 8px 0 6px;color:var(--muck-text-3);font:700 11px var(--muck-font);letter-spacing:.08em;text-transform:uppercase}
.short-stack a{padding:8px 12px;border-radius:4px;color:var(--muck-text-2);font:700 13px var(--muck-font);text-decoration:none;white-space:nowrap}
.short-stack a:hover{color:var(--muck-text)}
.short-stack a[aria-current]{background:var(--muck-surface-3);color:var(--muck-gold)}
.short-note{margin:0;padding:10px 16px;border-top:1px solid var(--muck-line);color:var(--muck-text-2);font-size:13px}
.short-note[hidden]{display:none}
@media(max-width:760px){.short-stack{order:4}}

/* Study pages keep the same geometry when switching table size or stacks (Shaun, 2026-10-02: "things jump around
   a lot"): the seat strip above the chart reserves the height of the tallest one (heads-up, four actions). */
@media(min-width:761px){#hu-path{min-height:136px;box-sizing:border-box}}
.hu-toolbar>.aof-mode{margin-left:auto}
.hu-toolbar>.aof-stack{min-height:42px}
/* Game picker (Muck Poker | All-in or Fold), first in the study toolbar; same control as the stack switch. */
@media(max-width:760px){.game-pick{order:0}}