/* WIND GAME stake ladder: −/+ and quick chips inside a page's own stake form (stake bar style). */
.sl-main,.sl-quick{--sl-line:var(--wg-accent-lo);--sl-text:var(--wg-text-tint);--sl-cyan:var(--wg-accent-hi);--sl-gold:#f4ce73;box-sizing:border-box;min-width:0;-webkit-tap-highlight-color:transparent}
.sl-main *,.sl-quick *{box-sizing:border-box}
.sl-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;width:100%}
.sl-main>.sl-shell{min-width:0}
.sl-step{width:44px;height:44px;border-radius:50%;border:2px solid var(--wg-pale-2);background:radial-gradient(circle at 35% 30%,var(--wg-accent-deep),var(--wg-s3));color:#fff;
  font:800 26px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;place-items:center;padding:0;margin:0;
  box-shadow:0 3px 0 var(--wg-s1),0 0 0 1px #0007;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.sl-step:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--wg-s1)}
.sl-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}
.sl-chip{min-height:36px;padding:0 4px;margin:0;border-radius:999px;border:1px solid var(--sl-line);background:var(--wg-s3);color:var(--sl-text);
  font:800 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.sl-chip[aria-pressed="true"]{border-color:var(--sl-cyan);background:var(--wg-s4);color:#fff;box-shadow:inset 0 0 0 1px var(--sl-cyan)}
.sl-chip-max{color:var(--sl-gold);border-color:#8a7136}
.sl-step:disabled,.sl-chip:disabled{cursor:not-allowed;opacity:.45}
.sl-step:focus-visible,.sl-chip:focus-visible{outline:2px solid var(--sl-cyan);outline-offset:2px}
/* Quick buttons the chips replace (tournament fee pills) are hidden while the ladder is shown. */
html.sl-on .sl-src{display:none!important}

/* Kirka: the custom stake panel at the lower left (desktop) / inside the W HUD (phones). */
html.sl-on #angock-stake-field{width:min(340px,calc(100vw - 24px))}
#angock-stake-field .sl-main{flex:1;grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}
#angock-stake-field .sl-step{width:38px;height:38px;font-size:22px}
#angock-stake-field .sl-quick{margin-top:7px}
#angock-stake-field .sl-chip{min-height:32px;font-size:13px}
@media (max-width:600px){
  html.sl-on #angock-stake-field{width:auto}
  #angock-stake-field .sl-quick{margin:6px 0 0}
}
@media (max-width:359px){
  #angock-stake-field label{min-width:0!important}
  #angock-stake-field .sl-chip{font-size:12px}
}

/* Tournaments hub: entry fee field. */
.sl-tourn.sl-quick{margin-top:2px}
@media (prefers-reduced-motion:reduce){.sl-step:active{transform:none!important}}
/* HOUSE EDGE F3 (2026-10-21): stake presets 1..100K */
.sl-quick{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.sl-quick .sl-chip{flex:1 0 46px}
.sl-chip[hidden]{display:none}