/* My Stats tracker (assets/my-stats.js). --muck-* tokens only; green/red mean winning/losing. */
.mst{display:flex;flex-direction:column;gap:20px;color:var(--muck-text);font-family:var(--muck-font);transition:opacity .15s}
.mst.mst-loading{opacity:.55;pointer-events:none}
.mst-panel{border:1px solid var(--muck-line);border-radius:var(--muck-radius-lg);background:var(--muck-surface-1);padding:20px 22px 22px;min-width:0}
.mst-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.mst-head h3{margin:0;font:800 18px var(--muck-font);letter-spacing:-.2px}
.mst-note{color:var(--muck-text-3);font-size:12.5px;line-height:1.5}
.mst-partial{margin:-6px 2px 0}
.mst-empty{padding:28px 20px;border:1px dashed var(--muck-line-strong);border-radius:var(--muck-radius);color:var(--muck-text-2);text-align:center;font-size:14px}
.mst-pos{color:var(--muck-green)!important}
.mst-neg{color:var(--muck-red)!important}

/* filters */
.mst-filters{display:flex;flex-wrap:wrap;gap:10px}
.mst-seg{display:inline-flex;padding:3px;border:1px solid var(--muck-line);border-radius:9px;background:var(--muck-surface-1)}
.mst-seg button{height:34px;padding:0 14px;border:0;border-radius:6px;background:none;color:var(--muck-text-2);font:700 13px var(--muck-font);cursor:pointer;white-space:nowrap}
.mst-seg button:hover{color:var(--muck-text)}
.mst-seg button.on{background:var(--muck-surface-3);color:var(--muck-gold)}

/* overview */
.mst-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;overflow:hidden}
.mst-kpi{padding:22px 16px 20px;text-align:center;border-left:1px solid var(--muck-line)}
.mst-kpi:first-child{border-left:0}
.mst-kpi-v{font:800 28px/1.1 var(--muck-font);letter-spacing:-.6px;color:var(--muck-text);font-variant-numeric:tabular-nums}
.mst-kpi-l{margin-top:8px;color:var(--muck-text-3);font:700 11px var(--muck-font);letter-spacing:.1em;text-transform:uppercase}

/* graph */
.mst-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muck-text-2);font-size:12.5px;font-weight:600}
.mst-legend span,.mst-tip span{display:inline-flex;align-items:center;gap:6px}
.mst-legend i,.mst-tip i{width:14px;height:3px;border-radius:2px;background:currentColor}
.mst-l-total{color:var(--muck-green)}   /* PokerTracker colors (Shaun, 2026-10-06): won green, showdown blue, non-showdown red */
.mst-l-sd{color:var(--muck-blue)}
.mst-l-nsd{color:var(--muck-red)}
.mst-graph{position:relative;padding:0 0 26px 0}
.mst-graph svg{display:block;width:100%;height:300px;overflow:visible;touch-action:pan-y}
.mst-graph path{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.mst-graph path.mst-l-total{stroke-width:2.5}
.mst-grid{stroke:var(--muck-line);stroke-width:1;vector-effect:non-scaling-stroke}
.mst-grid.mst-zero{stroke:var(--muck-line-strong)}
.mst-cross{stroke:var(--muck-text-3);stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.mst-tip[hidden],.mst-cross.off{display:none}
.mst-axis-y{position:absolute;left:0;top:0;right:0;height:300px;pointer-events:none}
.mst-axis-y span{position:absolute;left:2px;transform:translateY(calc(-100% - 3px));color:var(--muck-text-3);font-size:11px;font-variant-numeric:tabular-nums}
.mst-axis-x{position:absolute;left:0;right:0;bottom:0;height:22px}
.mst-axis-x span{position:absolute;top:4px;transform:translateX(-50%);color:var(--muck-text-3);font-size:11px;font-variant-numeric:tabular-nums}
.mst-axis-x em{position:absolute;right:0;top:4px;color:var(--muck-text-3);font:italic 500 11px var(--muck-font)}
.mst-tip{position:absolute;top:6px;transform:translateX(-50%);display:flex;flex-direction:column;gap:4px;min-width:170px;padding:10px 12px;border:1px solid var(--muck-line-strong);border-radius:8px;background:var(--muck-surface-2);font-size:12px;pointer-events:none}
.mst-tip b{color:var(--muck-text);font-weight:800}
.mst-tip span{justify-content:flex-start}
.mst-tip em{margin-left:auto;font-style:normal;font-weight:700;color:var(--muck-text);font-variant-numeric:tabular-nums}

/* tabs + tables */
.mst-tabs{display:flex;gap:4px;flex-wrap:wrap}
.mst-tabs button{height:34px;padding:0 14px;border:1px solid transparent;border-radius:7px;background:none;color:var(--muck-text-2);font:700 13px var(--muck-font);cursor:pointer}
.mst-tabs button:hover{color:var(--muck-text)}
.mst-tabs button.on{border-color:var(--muck-line-strong);background:var(--muck-surface-3);color:var(--muck-gold)}
.mst-table{border:1px solid var(--muck-line);border-radius:var(--muck-radius);overflow:hidden}
.mst-subhead{margin:var(--muck-space-5,20px) 0 var(--muck-space-2,8px);color:var(--muck-text);font-size:14px;font-weight:700}   /* By position's Short Deck table */
.mst-tr{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(5,minmax(70px,1fr));align-items:center;gap:12px;min-height:46px;padding:0 16px;border-top:1px solid color-mix(in srgb,var(--muck-line) 70%,transparent);font-size:13.5px;font-variant-numeric:tabular-nums;color:var(--muck-text)}
.mst-t-session .mst-tr{grid-template-columns:minmax(150px,1.6fr) repeat(5,minmax(70px,1fr)) 80px}
.mst-tr>span:not(:first-child){text-align:right}
.mst-th{min-height:38px;border-top:0;background:var(--muck-surface-2);color:var(--muck-text-3);font:700 10.5px var(--muck-font);letter-spacing:.1em;text-transform:uppercase}
.mst-tr:not(.mst-th):hover{background:var(--muck-surface-2)}
.mst-first{display:flex;flex-direction:column;gap:2px;padding:6px 0}
.mst-name{font-weight:700}
.mst-sub{color:var(--muck-text-3);font-size:12px}
.mst-link{height:30px;padding:0 12px;border:1px solid var(--muck-line-strong);border-radius:7px;background:none;color:var(--muck-gold);font:700 12px var(--muck-font);cursor:pointer;white-space:nowrap}
.mst-link:hover{border-color:var(--muck-gold-muted);background:var(--muck-surface-3)}

/* starting hands */
.mst-grid-wrap{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:24px;align-items:start}
.mst-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:2px}
.mst-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;border:1px solid transparent;border-radius:4px;background:var(--muck-surface-2);color:var(--muck-text);cursor:pointer;font-family:var(--muck-font)}
.mst-cell b{font-size:11px;font-weight:800;letter-spacing:-.2px}
.mst-cell small{font-size:9px;color:color-mix(in srgb,var(--muck-text) 70%,transparent)}
.mst-cell.mst-up{background:color-mix(in srgb,var(--muck-green) calc(var(--a) * 100%),var(--muck-surface-2))}
.mst-cell.mst-down{background:color-mix(in srgb,var(--muck-red) calc(var(--a) * 100%),var(--muck-surface-2))}
.mst-cell.mst-none{background:var(--muck-surface-1);color:var(--muck-text-3);cursor:default}
.mst-cell.mst-none b{font-weight:600;opacity:.6}
.mst-cell:not(.mst-none):hover,.mst-cell.on{border-color:var(--muck-gold)}
.mst-drill{min-width:0}
.mst-drill h4,.mst-hud-group h4{margin:0 0 8px;color:var(--muck-gold-muted);font:800 11px var(--muck-font);letter-spacing:.14em;text-transform:uppercase}
.mst-drill-intro h4+.mst-mini{margin-top:0}
.mst-drill-intro h4:not(:first-child){margin-top:18px}
.mst-mini{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;width:100%;min-height:42px;margin-top:6px;padding:0 14px;border:1px solid var(--muck-line);border-radius:var(--muck-radius);background:none;color:var(--muck-text);font:600 13.5px var(--muck-font);text-align:left;cursor:pointer;font-variant-numeric:tabular-nums}
.mst-mini:hover{border-color:var(--muck-line-strong);background:var(--muck-surface-2)}
.mst-mini small{color:var(--muck-text-3);font-size:12px}
.mst-drill-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mst-drill-head>b{font:800 22px var(--muck-font)}
.mst-drill-head>span{color:var(--muck-text-2);font-size:13px}
.mst-drill-head em{font-style:normal;font-weight:700}
.mst-drill-head .mst-link{margin-left:auto}
.mst-hands{display:flex;flex-direction:column;max-height:430px;overflow:auto;border:1px solid var(--muck-line);border-radius:var(--muck-radius)}
.mst-hand{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:52px;padding:6px 14px;border-top:1px solid color-mix(in srgb,var(--muck-line) 70%,transparent)}
.mst-hand:first-child{border-top:0}
.mst-hand-meta{display:flex;flex-direction:column;gap:3px;min-width:0;color:var(--muck-text-3);font-size:12px}
.mst-board i{font-style:italic}
.mst-hand-net{font-weight:700;font-variant-numeric:tabular-nums}
.mst-cards{display:inline-flex;gap:3px}
.mst-c{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 4px;border-radius:4px;background:var(--muck-text);color:var(--muck-bg);font:800 12.5px var(--muck-font)}
.mst-board .mst-c{min-width:24px;height:20px;font-size:11px}
.mst-c.su-s{background:var(--muck-suit-s);color:var(--muck-text)}
.mst-c.su-h{background:var(--muck-suit-h);color:var(--muck-text)}
.mst-c.su-d{background:var(--muck-suit-d);color:var(--muck-text)}
.mst-c.su-c{background:var(--muck-suit-c);color:var(--muck-text)}
.mst-board{display:inline-flex;gap:2px}

/* HUD */
.mst-hud{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mst-hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--muck-line) 70%,transparent)}
.mst-hud-row>span{display:flex;flex-direction:column;gap:2px}
.mst-hud-row b{font-size:14px;font-weight:700}
.mst-hud-row small{color:var(--muck-text-3);font-size:12px}
.mst-hud-row em{font:800 18px var(--muck-font);font-style:normal;color:var(--muck-text);font-variant-numeric:tabular-nums}

@media (max-width:1100px){.mst-grid-wrap{grid-template-columns:1fr}.mst-grid{max-width:560px}}
@media (max-width:760px){
  .mst{gap:14px}
  .mst-panel{padding:16px 14px 18px}
  .mst-filters{gap:8px}
  .mst-seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .mst-seg button{padding:0 11px;font-size:12.5px}
  .mst-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mst-kpi{border-left:0;border-top:1px solid var(--muck-line);padding:16px 10px}
  .mst-kpi:nth-child(-n+2){border-top:0}
  .mst-kpi:nth-child(even){border-left:1px solid var(--muck-line)}
  .mst-kpi:last-child{grid-column:1 / -1;border-left:0}
  .mst-kpi-v{font-size:24px}
  .mst-graph svg{height:220px}
  .mst-axis-y{height:220px}
  .mst-axis-y span{font-size:10px}
  .mst-axis-x em{display:none}
  .mst-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -4px}
  .mst-tabs button{padding:0 10px;flex:0 0 auto}
  .mst-tr,.mst-t-session .mst-tr{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:8px;padding:0 12px;font-size:13px}
  .mst-tr>span:nth-child(5),.mst-tr>span:nth-child(6){display:none}
  .mst-t-session .mst-tr{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr)) auto}
  .mst-t-session .mst-tr>span:nth-child(4){display:none}
  .mst-hud{grid-template-columns:1fr;gap:16px}
  .mst-cell b{font-size:9px}
  .mst-cell small{display:none}
  .mst-hand{grid-template-columns:auto minmax(0,1fr) auto;row-gap:6px}
  .mst-hand .mst-link{grid-column:1 / -1;justify-self:start}
}

/* Replays opened from My Stats / Hand Reviews still get "Analyze in Muck GTO" (the rest of that row stays hidden). */
.history-modal--from-profile #hh-report-row:has(#btn-hh-gto:not([hidden])){display:block!important}
.history-modal--from-profile #hh-report-row>:not(#btn-hh-gto){display:none!important}

/* Locked: the Muck Tracker teaser (a Rewards unlock). */
.mst-teaser{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center;padding:28px 30px}
.mst-teaser-eyebrow{margin:0 0 10px;color:var(--muck-gold);font:800 11px var(--muck-font);letter-spacing:.18em}
.mst-teaser h3{margin:0 0 12px;font:800 30px/1.1 var(--muck-font);letter-spacing:-.6px}
.mst-teaser h3 em{font-style:normal;color:var(--muck-text-2)}
.mst-teaser-lead{margin:0 0 20px;color:var(--muck-text-2);font-size:15px;line-height:1.6}
.mst-teaser-lead b{color:var(--muck-text)}
.mst-perks{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.mst-perks li{display:flex;gap:12px;align-items:flex-start}
.mst-perks .material-symbols-rounded{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--muck-surface-3);color:var(--muck-gold);font-size:19px}
.mst-perks div{display:flex;flex-direction:column;gap:2px}
.mst-perks b{font-size:14px}
.mst-perks small{color:var(--muck-text-3);font-size:12.5px;line-height:1.45}
.mst-teaser-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mst-teaser-cta small{color:var(--muck-text-3);font-size:12.5px}
.mst-unlock{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:7px;background:var(--muck-gold-cta);color:var(--muck-gold-ink);font:800 14px var(--muck-font);cursor:pointer}
.mst-unlock:hover{filter:brightness(1.05)}
.mst-teaser-peek{position:relative;padding:20px;border:1px solid var(--muck-line);border-radius:var(--muck-radius);background:var(--muck-bg);overflow:hidden}
.mst-teaser-peek>:not(.mst-peek-lock){filter:blur(5px);opacity:.75}
.mst-peek-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;text-align:center}
.mst-peek-kpis b{display:block;font:800 20px var(--muck-font);color:var(--muck-green)}
.mst-peek-kpis span{color:var(--muck-text-3);font:700 10px var(--muck-font);letter-spacing:.1em;text-transform:uppercase}
.mst-teaser-peek svg{display:block;width:100%;height:150px}
.mst-teaser-peek path{fill:none;stroke:currentColor;stroke-width:3}
.mst-peek-lock{position:absolute;inset:0;display:grid;place-items:center}
.mst-peek-lock .material-symbols-rounded{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--muck-bg) 80%,transparent);border:1px solid var(--muck-line-strong);color:var(--muck-gold);font-size:30px}
@media(max-width:900px){.mst-teaser{grid-template-columns:1fr;padding:20px 16px}.mst-teaser h3{font-size:24px}.mst-teaser-peek{order:-1}}
/* "All your hands": the tracker's way into My Hands (assets/my-stats.js openMyHands). */
.mst-myhands{display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:36px;padding:0 14px;border:1px solid color-mix(in srgb,var(--muck-gold) 45%,transparent);border-radius:9px;background:none;color:var(--muck-gold);font:700 13px var(--muck-font);cursor:pointer;white-space:nowrap}
.mst-myhands:hover{background:color-mix(in srgb,var(--muck-gold) 12%,transparent);border-color:var(--muck-gold)}
.mst-myhands .material-symbols-rounded{font-size:17px}
html[data-tracker=locked] .mst-myhands{display:none}
/* Players you've met (my-stats.js playersPanel): the list on the left, the one you pick on the right */
.mst-met-top{margin-bottom:14px}
.mst-met-wrap{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
.mst-met-list{display:flex;flex-direction:column;max-height:520px;overflow-y:auto;border:1px solid var(--muck-line);border-radius:var(--muck-radius);scrollbar-width:thin}
.mst-met-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;border:0;border-top:1px solid var(--muck-line);background:none;color:var(--muck-text);font:inherit;text-align:left;cursor:pointer}
.mst-met-row:first-child{border-top:0}
.mst-met-row:hover{background:var(--muck-surface-2)}
.mst-met-row.on{background:var(--muck-surface-3);box-shadow:inset 3px 0 0 var(--muck-gold)}
.mst-met-row:focus-visible{outline:2px solid var(--muck-gold);outline-offset:-2px}
.mst-met-av{display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:var(--muck-surface-3);color:var(--muck-text-2);font-weight:800}
.mst-met-av img{width:100%;height:100%;object-fit:cover}
.mst-met-av--lg{width:56px;height:56px;font-size:20px}
.mst-met-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.mst-met-who b{overflow:hidden;font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
.mst-met-who small,.mst-met-n small{color:var(--muck-text-3);font-size:12px}
.mst-met-n{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.mst-met-n b{font-size:14px;font-variant-numeric:tabular-nums}
.mst-met-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.mst-met-head b{display:block;font:800 20px var(--muck-font)}
.mst-met-head span{color:var(--muck-text-2);font-size:13px}
.mst-met-card>h4{display:flex;align-items:baseline;gap:10px;margin:18px 0 10px}
.mst-met-card>h4 span{color:var(--muck-text-3);font-weight:700;letter-spacing:0;text-transform:none}
.mst-met-hud{gap:20px}
.mst-met-note{margin:0 0 6px;padding:12px 14px;border:1px solid var(--muck-line);border-left:3px solid var(--muck-gold-muted);border-radius:var(--muck-radius);background:var(--muck-surface-2);color:var(--muck-text);font-size:14px;line-height:1.5}
.mst-met-note small{display:block;margin-bottom:4px;color:var(--muck-text-3);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mst-met-note.ring-red{border-left-color:var(--muck-red)}.mst-met-note.ring-orange{border-left-color:#f08c3a}.mst-met-note.ring-yellow{border-left-color:var(--muck-gold)}
.mst-met-note.ring-green{border-left-color:var(--muck-green)}.mst-met-note.ring-blue{border-left-color:var(--muck-blue)}.mst-met-note.ring-indigo{border-left-color:#6366f1}.mst-met-note.ring-violet{border-left-color:#a855f7}
.mst-met-locked{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:start;margin-top:14px;padding:14px;border:1px solid var(--muck-line);border-radius:var(--muck-radius);color:var(--muck-text-2);font-size:14px}
.mst-met-locked p{margin:0;line-height:1.5}
.mst-met-locked .material-symbols-rounded{color:var(--muck-gold-muted)}
.mst-met-locked .mst-link{grid-column:2;justify-self:start}
@media(max-width:900px){.mst-met-wrap{grid-template-columns:1fr}.mst-met-list{max-height:360px}.mst-met-hud{grid-template-columns:1fr}}