/* WIND GAME stake bar: one stake strip at the bottom of every W game (UI only). */
.sbar{--sb-bg:var(--wg-s2);--sb-bg2:var(--wg-s3);--sb-line:var(--wg-accent-lo);--sb-text:var(--wg-text-tint);--sb-muted:var(--wg-text-tint);--sb-cyan:var(--wg-accent-hi);--sb-gold:#f4ce73;--sb-lime:var(--wg-accent-hi);
  container-type:inline-size;box-sizing:border-box;display:block;
  width:100%;grid-column:1/-1;margin:10px 0;padding:10px;border-radius:16px;border:1px solid var(--sb-line);
  background:linear-gradient(180deg,var(--sb-bg2),var(--sb-bg));color:var(--sb-text);
  box-shadow:0 10px 26px #0006,inset 0 1px 0 #ffffff14;font:inherit;font-size:14px;line-height:1.2;text-align:left;-webkit-tap-highlight-color:transparent}
.sbar-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"left" "play" "err";gap:8px}
.sbar[hidden],.sbar [hidden]{display:none!important}
.sbar *{box-sizing:border-box}
.sbar button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.sbar button:disabled{cursor:not-allowed;opacity:.45}
.sbar .sbar-go:disabled{opacity:.55}
.sbar button:focus-visible,.sbar input:focus-visible{outline:2px solid var(--sb-cyan);outline-offset:2px}
.sbar-left{grid-area:left;display:grid;gap:8px;min-width:0}
.sbar-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0}
.sbar-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-size:26px;font-weight:800;line-height:1;display:grid;place-items:center;padding:0;box-shadow:0 3px 0 var(--wg-s1),0 0 0 1px #0007}
.sbar-step:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--wg-s1)}
.sbar-amount-cell{min-width:0}
.sbar-amount{width:100%;min-height:44px;padding:3px 8px;border-radius:12px;border:1px solid var(--sb-line);background:var(--wg-s1);color:var(--sb-text);display:grid;justify-items:center;gap:1px}
.sbar-amount:disabled{opacity:1;cursor:default}
.sbar-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sb-muted)}
.sbar-value{font-size:19px;font-weight:900;color:var(--sb-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-variant-numeric:tabular-nums}
.sbar-amount:not(:disabled):not(.sbar-noedit) .sbar-value{text-decoration:underline dotted #f4ce7380;text-underline-offset:4px}
.sbar-edit{display:flex;gap:6px;min-width:0}
.sbar-edit input{flex:1 1 auto;min-width:0;width:100%;height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--sb-cyan);background:var(--wg-s1);color:#fff;font:inherit;font-size:18px;font-weight:800;text-align:center}
.sbar-ok{flex:0 0 auto;height:44px;padding:0 12px;border-radius:12px;border:0;background:var(--sb-cyan);color:var(--wg-s2);font-weight:900}
.sbar-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.sbar-chip{min-height:36px;padding:0 4px;border-radius:999px;border:1px solid var(--sb-line);background:var(--wg-s3);color:var(--sb-text);font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.sbar-chip[aria-pressed="true"]{border-color:var(--sb-cyan);background:var(--wg-s4);color:#fff;box-shadow:inset 0 0 0 1px var(--sb-cyan)}
.sbar-chip-max{color:var(--sb-gold);border-color:#8a7136}
.sbar-play{grid-area:play;display:flex;gap:8px;min-width:0}
.sbar-go{flex:1 1 0;min-width:0;min-height:52px;padding:6px 12px;border-radius:14px;border:0;background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent-lo));color:#fff;font-weight:900;font-size:16px;line-height:1.15;box-shadow:0 4px 0 var(--wg-accent-lo),0 8px 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent);overflow-wrap:anywhere}
.sbar-go:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--wg-accent-lo)}
.sbar-go-2{background:linear-gradient(180deg,#ffe39a,#f0b53d);color:#2a1b02;box-shadow:0 4px 0 #9a6d17}
.sbar-err{grid-area:err;margin:0;font-size:12px;line-height:1.3;color:#ffb3b3}
.sbar-err.sbar-note{color:var(--sb-muted)}
@container (min-width:560px){
  .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(170px,260px);grid-template-areas:"left play" "err err";align-items:center}
  .sbar-left{grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);align-items:center}
  .sbar-play{flex-direction:column}
}
/* Existing stake controls are driven by the bar, so they are hidden while it is shown. */
body.sbar-on .sbar-src{display:none!important}
/* Phones: fixed above the site's bottom bar and the safe area. */
@media (max-width:720px){
  .sbar.sbar-fixed{position:fixed;z-index:70;left:0;right:0;bottom:var(--sbar-off,0px);margin:0;width:auto;border-radius:16px 16px 0 0;border-width:1px 0 0;
    padding:8px max(10px,env(safe-area-inset-left)) calc(8px + var(--sbar-safe,0px)) max(10px,env(safe-area-inset-right));
    box-shadow:0 -10px 26px #0008}
  .sbar.sbar-fixed .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(96px,38%);grid-template-areas:"left play" "err err";gap:6px 8px;align-items:stretch}
  .sbar.sbar-fixed .sbar-left{gap:6px}
  .sbar.sbar-fixed .sbar-err.sbar-note{display:none}
  .sbar.sbar-fixed .sbar-main{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}
  .sbar.sbar-fixed .sbar-step{width:40px;height:40px;font-size:22px}
  .sbar.sbar-fixed .sbar-amount{min-height:40px}
  .sbar.sbar-fixed .sbar-value{font-size:17px}
  .sbar.sbar-fixed .sbar-chip{min-height:32px;font-size:13px}
  .sbar.sbar-fixed .sbar-play{flex-direction:column;gap:6px}
  .sbar.sbar-fixed .sbar-go{min-height:44px;font-size:15px}
  html body.sbar-mobile{padding-bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 12px)!important}
  html body.sbar-mobile.sbar-on .wg-help-fab{bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 10px)!important}
}
@media (max-width:359px){
  .sbar.sbar-fixed .sbar-grid{grid-template-columns:minmax(0,1fr) 92px}
  .sbar.sbar-fixed .sbar-chip{font-size:12px}
  .sbar.sbar-fixed .sbar-go{font-size:14px;padding:4px 6px}
}
@media (prefers-reduced-motion:reduce){.sbar button:active{transform:none!important}}
/* HOUSE EDGE F3 (2026-10-21): stake presets 1..100K, hidden out-of-range chips, scroll on phones */
.sbar-quick{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.sbar-quick .sbar-chip{flex:1 0 46px}
.sbar-chip[hidden]{display:none}
@media (max-width:720px){
  .sbar.sbar-fixed .sbar-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sbar.sbar-fixed .sbar-quick .sbar-chip{flex:0 0 auto;min-width:44px;padding:0 9px}
}