/* Make It Normal modal (assets/normal-pass.js). Tokens only (assets/tokens.css); gold is the one accent. */
.np-overlay{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,6,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.np-overlay.hidden{display:none}
body.np-open{overflow:hidden}
.np-dialog{position:relative;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);width:min(800px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--muck-line-strong);border-radius:var(--muck-radius-lg,16px);background:var(--muck-surface-1);color:var(--muck-text);font-family:var(--muck-font);box-shadow:0 24px 80px rgba(0,0,0,.55)}
.np-art{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:var(--muck-surface-2);border-right:1px solid var(--muck-line)}
.np-body{display:flex;flex-direction:column;gap:12px;padding:28px 26px 24px}
.np-x{position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:var(--muck-text);cursor:pointer}
.np-x:hover{background:rgba(0,0,0,.7)}
.np-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muck-gold)}
.np-eyebrow .material-symbols-rounded{font-size:17px}
.np-title{margin:0;font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.np-sub{margin:0;color:var(--muck-text-2);font-size:14px;line-height:1.55}
.np-list{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px;padding:0;list-style:none}
.np-list li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--muck-text)}
.np-list .material-symbols-rounded{flex:none;font-size:18px;color:var(--muck-gold);top:1px}
.np-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.np-actions:has(> :only-child) {grid-template-columns:1fr}
.np-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:8px 12px;border:1px solid var(--muck-line-strong);border-radius:10px;background:var(--muck-surface-2);color:var(--muck-text);font:800 18px var(--muck-font);cursor:pointer;transition:border-color .15s,background .15s,filter .15s}
.np-btn small{font-size:11.5px;font-weight:600;color:var(--muck-text-2)}
.np-btn:hover:not(:disabled){border-color:var(--muck-gold-muted);background:var(--muck-surface-3)}
.np-btn--gold{border-color:transparent;background:var(--muck-gold-cta);color:var(--muck-gold-ink)}
.np-btn--gold small{color:var(--muck-gold-ink);opacity:.75}
.np-btn--gold:hover:not(:disabled){background:var(--muck-gold-cta);filter:brightness(1.06)}
.np-btn:disabled{opacity:.6;cursor:wait}
.np-btn:focus-visible,.np-x:focus-visible{outline:2px solid var(--muck-gold);outline-offset:3px}
.np-fine{margin:0;font-size:12px;line-height:1.5;color:var(--muck-text-3)}
.np-fine:empty{display:none}
.np-fine a{color:var(--muck-text-2)}
.np-error{margin:0;font-size:13px;color:var(--muck-red)}
@media(max-width:640px){
  .np-dialog{display:block}
  .np-art{height:280px;min-height:0;object-position:center;border-right:0;border-bottom:1px solid var(--muck-line)}
  .np-body{padding:20px 18px 18px;gap:10px}
  .np-title{font-size:22px}
  .np-actions{grid-template-columns:1fr}
}
/* Locked Hold'em rows and options (index.php): a lock on Join, still clickable (opens the pass). */
.lby-join.is-locked,.lv2-variant-btn.is-locked{opacity:.92}
.lby-join.is-locked .material-symbols-rounded{font-size:15px;margin-right:4px;top:-1px}
.lby-th{color:var(--muck-gold)}
#s2-panel .store-normal{width:100%;text-align:left;font:inherit;cursor:pointer}
#s2-panel .store-normal img{object-position:50% 40%}
.rls-link{padding:0;border:0;background:none;color:var(--muck-gold);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.np-btn--row{flex-direction:row;gap:8px}
.np-notice{margin:0;padding:14px 16px;border:1px solid var(--muck-line-strong);border-radius:8px;background:var(--muck-surface-2);color:var(--muck-text-2);font-size:14px;line-height:1.5}.np-notice[hidden]{display:none}
.np-club .np-dialog{grid-template-columns:1fr;width:min(760px,100%);border-color:var(--muck-gold-muted)}
.np-club .np-art{height:auto;aspect-ratio:3/1;border-right:0;border-bottom:1px solid var(--muck-line)}
.np-club .np-body{padding:26px 30px}.np-club .np-title{font-size:32px;max-width:560px}.np-club .np-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.np-club .np-list li{padding:12px;border:1px solid var(--muck-line);border-radius:8px;background:var(--muck-surface-2)}
@media(max-width:640px){.np-club .np-body{padding:20px}.np-club .np-title{font-size:26px}.np-club .np-list{grid-template-columns:1fr}}
/* Free games (assets/game-pass.js trialBlock): "Free game 1 of 3", a pip per free game */
.np-trial{display:flex;align-items:center;gap:10px;margin:2px 0 0;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--muck-gold) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--muck-gold) 7%,transparent);font-size:13px;line-height:1.4;color:var(--muck-text-2)}
.np-trial b{color:var(--muck-gold);font-weight:800}
.np-trial.is-spent{border-color:var(--muck-line);background:none;color:var(--muck-text-3)}
.np-trial-pips{display:inline-flex;gap:5px;flex:none}
.np-trial-pips i{width:10px;height:10px;border-radius:50%;border:2px solid var(--muck-gold);box-sizing:border-box}
.np-trial-pips i.used{background:var(--muck-text-3);border-color:var(--muck-text-3)}
.np-trial-pips i.next{background:var(--muck-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--muck-gold) 25%,transparent)}
.np-trial.is-spent .np-trial-pips i{background:var(--muck-text-3);border-color:var(--muck-text-3)}
.np-btn--trial{grid-column:1/-1}
/* "Normally $5 a month" tout under the free button (game-pass.js): a price struck through, not something to click */
.np-tout{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid var(--muck-line);border-radius:10px;background:var(--muck-surface-2);font-size:13px;line-height:1.4;color:var(--muck-text-2)}
.np-tout b{color:var(--muck-text);font-weight:700}
.np-tout-was{flex:none;font-size:20px;font-weight:800;color:var(--muck-text-3);text-decoration:line-through;text-decoration-color:var(--muck-gold);text-decoration-thickness:2px}
.np-tout-was small{margin-left:2px;font-size:11.5px;font-weight:600}
/* Free with The Muck Club spans the row like the trial button above it (Shaun, 2026-10-08: "should be full width") */
.np-actions > .np-btn--row{grid-column:1/-1}

/* Phones: the one-line description and three perks at most (Shaun, 2026-10-15: "make those a bit less wordy on mobile");
   game-pass.js puts both descriptions in .np-sub */
.np-sub .np-short{display:none}
@media(max-width:640px){
  .np-sub .np-long{display:none}
  .np-sub .np-short{display:inline}
  .np-list li:nth-child(n+4){display:none}
}
