/* 4/6-max beta page (nmax-study.js); the GTO view styles come from hu-gtow.css */
.nmax-beta{font-size:10px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f2d48a!important;border:1px solid #6b5a2e;border-radius:4px;padding:3px 7px}
.look-gtow .hu-seat.waiting{min-width:64px;display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:800;color:#5c6169}
.look-gtow .hu-seat.waiting span{font-weight:600}
.nmax-about{font-size:12px;color:#7c838d;line-height:1.6;margin-top:14px;max-width:820px}
.nmax-about summary{cursor:pointer}
.look-gtow .hu-content #hu-empty{min-height:0;padding:24px 4px}
.nmax-solved-flops{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.nmax-flop-chip{display:flex;gap:2px;padding:3px!important;background:#1d2024!important;border:1px solid var(--g-line,#2c3036)!important;border-radius:5px}
.nmax-flop-chip .hu-playing-card{width:22px;height:28px;font-size:14px}

/* Flop dropdown + card-picker dialog (2026-10-02). Desktop/tablet: menu under the flop box, centred modal.
   Phones: both are bottom sheets and the picker turns suits into columns for full-size touch targets. */
.look-gtow .hu-change-flop[aria-haspopup=menu]{white-space:nowrap}
.nmax-choose{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 0 4px}
.nmax-choose-btn{padding:10px 18px;border:1px solid var(--muck-line-strong);border-radius:7px;background:var(--muck-surface-3);color:var(--muck-text);font:700 13px var(--muck-font);cursor:pointer}
.nmax-choose-btn:hover{border-color:var(--muck-gold-muted)}
.nmax-choose-link{padding:0;border:0;background:none;color:var(--muck-gold-muted);font:600 13px var(--muck-font);cursor:pointer}
.nmax-choose-link:hover{color:var(--muck-gold)}

.nmax-menu{position:absolute;z-index:60;display:grid;gap:2px;min-width:190px;padding:6px;border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius);background:var(--muck-surface-2);box-shadow:0 14px 40px #000a}
.nmax-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:6px 8px;border:0;border-radius:6px;background:none;color:var(--muck-text-2);font:600 12px var(--muck-font);text-align:left;cursor:pointer}
.nmax-menu-item:hover,.nmax-menu-item:focus-visible{background:var(--muck-surface-3);outline:0}
.nmax-menu-item[aria-checked=true]{background:var(--muck-surface-3);box-shadow:inset 0 0 0 1px var(--muck-gold-muted)}
.nmax-menu-item small{color:var(--muck-gold-muted);font-size:10px;font-weight:700}
.nmax-menu-cards{display:flex;gap:2px}
.nmax-menu-cards .hu-playing-card{width:22px;height:28px;font-size:14px}
.nmax-menu-any{margin-top:4px;padding-top:9px;border-top:1px solid var(--muck-line);border-radius:0 0 6px 6px;color:var(--muck-gold)}

.nmax-dlg{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius-lg);background:var(--muck-surface-1);color:var(--muck-text);box-shadow:0 30px 80px #000c}
.nmax-dlg::backdrop{background:#000000a6}
.nmax-dlg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 0}
.nmax-dlg-head h3{margin:0;font:800 15px var(--muck-font)}
.nmax-dlg-x{width:32px;height:32px;padding:0;border:0;border-radius:7px;background:var(--muck-surface-3);color:var(--muck-text-2);font-size:20px;line-height:1;cursor:pointer}
.nmax-dlg-x:hover{color:var(--muck-text)}
.nmax-dlg-body{padding:14px 18px 18px;overflow:auto}
.nmax-dlg .gtow-picker{max-width:none;margin:0!important;padding:0;background:none;border:0}
.nmax-menu--sheet{position:static;min-width:0;padding:0;border:0;background:none;box-shadow:none}
.nmax-menu--sheet .nmax-menu-item{padding:10px 8px}
.nmax-menu--sheet .nmax-menu-cards .hu-playing-card{width:28px;height:36px;font-size:17px}

@media(max-width:760px){
  .nmax-dlg{width:100%;max-width:100%;max-height:88vh;margin:auto 0 0;border-radius:16px 16px 0 0;border-bottom:0;animation:nmax-up .2s ease-out}
  .nmax-dlg-body{padding:12px 14px calc(18px + env(safe-area-inset-bottom))}
  .nmax-dlg .gtow-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(13,auto);grid-auto-flow:column;gap:4px}
  .nmax-dlg .gtow-picker-grid .gtow-pcard{aspect-ratio:auto;height:40px;font-size:20px}
  .nmax-dlg .gtow-picker-foot{position:sticky;bottom:0;padding-top:10px;background:var(--muck-surface-1)}
  .nmax-dlg .gtow-picker-confirm{width:100%;padding:12px}
}
@keyframes nmax-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
/* Flop box: "Solved flops ▾" is the prominent choice, "Any flop" the quiet one */
.nmax-flop-btns{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-top:6px}
.look-gtow .hu-board-tile .nmax-flop-btns .hu-change-flop{margin:0!important;width:100%}
.look-gtow .hu-board-tile .nmax-solved-btn,.nmax-beta-bar .nmax-solved-btn{background:var(--muck-gold-cta)!important;color:var(--muck-gold-ink)!important;border:0!important;font-weight:800!important}
.nmax-beta-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border:1px solid var(--muck-line);border-radius:var(--muck-radius);background:var(--muck-surface-2);color:var(--muck-text-2);font-size:12px}
.nmax-beta-bar .nmax-solved-btn{padding:7px 12px;border-radius:7px;font-size:12px;cursor:pointer}
.nmax-dlg-solved{margin:0 0 14px}
.nmax-dlg-label{margin:0 0 8px;color:var(--muck-text-3);font:700 11px var(--muck-font);letter-spacing:.04em}
.nmax-dlg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.nmax-dlg-chips .nmax-flop-chip{cursor:pointer}
.nmax-dlg-chips .nmax-flop-chip:hover{border-color:var(--muck-gold-muted)!important}
/* No data / not trained (2026-10-07): a hand in this line's range that the chart has no strategy for is hatched,
   never left blank or coloured as if it were advice. */
.look-gtow #hu-grid button.nmax-nodata,.look-gtow .hu-postflop-matrix button.nmax-nodata{background:repeating-linear-gradient(135deg,var(--muck-line-strong) 0 4px,var(--muck-surface-1) 4px 8px)!important;color:var(--muck-text-3)!important}
.nmax-unsolved{margin:4px 0 14px;max-width:780px}
.nmax-unsolved h3{margin:0 0 6px;font:800 15px var(--muck-font);color:var(--muck-text)}
.nmax-unsolved p{margin:0;font-size:13px;line-height:1.6}
.nmax-range-label{margin:0 0 8px;color:var(--muck-text-3);font:700 11px var(--muck-font);letter-spacing:.04em}
/* Nearest solved flop (2026-10-07): a line solved on a subset of flops shows the closest solved flop of the same texture,
   on that flop's own board, and says so above the chart with a way back to the player's flop. */
.nmax-near{display:grid;gap:6px;justify-items:start;margin:4px 0 14px;padding:12px 14px;max-width:780px;border:1px solid var(--muck-line-strong);border-left:3px solid var(--muck-gold-muted);border-radius:var(--muck-radius);background:var(--muck-surface-1)}
.nmax-near p{margin:0;font-size:13px;line-height:1.6}
.nmax-near-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--muck-text)}
.nmax-near-head b{margin-right:4px;font:800 14px var(--muck-font)}
.nmax-near-head .hu-playing-card{width:22px;height:28px;font-size:14px}