/* WIND GAME stake bar: one stake strip at the bottom of every W game (UI only). */
.sbar:not([data-quickui]){--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:not([data-quickui]) .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:not([data-quickui]) *{box-sizing:border-box}

.sbar:not([data-quickui]) button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}

.sbar:not([data-quickui]) button:disabled{cursor:not-allowed;opacity:.45}

.sbar:not([data-quickui]) .sbar-go:disabled{opacity:.55}

.sbar:not([data-quickui]) button:focus-visible,.sbar:not([data-quickui]) input:focus-visible{outline:2px solid var(--sb-cyan);outline-offset:2px}

.sbar:not([data-quickui]) .sbar-left{grid-area:left;display:grid;gap:8px;min-width:0}

.sbar:not([data-quickui]) .sbar-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0}

.sbar:not([data-quickui]) .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:not([data-quickui]) .sbar-step:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--wg-s1)}

.sbar:not([data-quickui]) .sbar-amount-cell{min-width:0}

.sbar:not([data-quickui]) .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:not([data-quickui]) .sbar-amount:disabled{opacity:1;cursor:default}

.sbar:not([data-quickui]) .sbar-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sb-muted)}

.sbar:not([data-quickui]) .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:not([data-quickui]) .sbar-amount:not(:disabled):not(.sbar-noedit) .sbar-value{text-decoration:underline dotted #f4ce7380;text-underline-offset:4px}

.sbar:not([data-quickui]) .sbar-edit{display:flex;gap:6px;min-width:0}

.sbar:not([data-quickui]) .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:not([data-quickui]) .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:not([data-quickui]) .sbar-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}

.sbar:not([data-quickui]) .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:not([data-quickui]) .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:not([data-quickui]) .sbar-chip-max{color:var(--sb-gold);border-color:#8a7136}

.sbar:not([data-quickui]) .sbar-play{grid-area:play;display:flex;gap:8px;min-width:0}

.sbar:not([data-quickui]) .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:not([data-quickui]) .sbar-go:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--wg-accent-lo)}

.sbar:not([data-quickui]) .sbar-go-2{background:linear-gradient(180deg,#ffe39a,#f0b53d);color:#2a1b02;box-shadow:0 4px 0 #9a6d17}

.sbar:not([data-quickui]) .sbar-err{grid-area:err;margin:0;font-size:12px;line-height:1.3;color:#ffb3b3}

.sbar:not([data-quickui]) .sbar-err.sbar-note{color:var(--sb-muted)}
@container (min-width:560px){
  
.sbar:not([data-quickui]) .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(170px,260px);grid-template-areas:"left play" "err err";align-items:center}
  
.sbar:not([data-quickui]) .sbar-left{grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);align-items:center}
  
.sbar:not([data-quickui]) .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:not([data-quickui]).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:not([data-quickui]).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:not([data-quickui]).sbar-fixed .sbar-left{gap:6px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-err.sbar-note{display:none}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-main{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-step{width:40px;height:40px;font-size:22px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-amount{min-height:40px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-value{font-size:17px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-chip{min-height:32px;font-size:13px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-play{flex-direction:column;gap:6px}
  
.sbar:not([data-quickui]).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:not([data-quickui]).sbar-fixed .sbar-grid{grid-template-columns:minmax(0,1fr) 92px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-chip{font-size:12px}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-go{font-size:14px;padding:4px 6px}
}
@media (prefers-reduced-motion:reduce){
.sbar:not([data-quickui]) button:active{transform:none!important}}
/* HOUSE EDGE F3 (2026-10-21): stake presets 1..100K, hidden out-of-range chips, scroll on phones */
.sbar:not([data-quickui]) .sbar-quick{display:flex;flex-wrap:wrap;gap:6px;min-width:0}

.sbar:not([data-quickui]) .sbar-quick .sbar-chip{flex:1 0 46px}

.sbar:not([data-quickui]) .sbar-chip[hidden]{display:none}
@media (max-width:720px){
  
.sbar:not([data-quickui]).sbar-fixed .sbar-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  
.sbar:not([data-quickui]).sbar-fixed .sbar-quick .sbar-chip{flex:0 0 auto;min-width:44px;padding:0 9px}
}

/* QuickUI green skin. The six native adapters use this branch; other pages retain the fallback above.
   No controller from the archive is loaded, and every amount/action remains the native game's value. */
.sbar[data-quickui=green]{--gs-bar-bottom:var(--sbar-off,0px);container-type:inline-size;box-sizing:border-box;display:block;width:100%;grid-column:1/-1;margin:10px 0;padding:12px;border:1px solid #3b543a;border-radius:22px;background:#101d17;color:#f6fff1;box-shadow:0 8px 24px #0006;font:400 14px/1.3 var(--wg-font-ui,Arimo,Arial,sans-serif);-webkit-tap-highlight-color:transparent}
.sbar[data-quickui=green] *{box-sizing:border-box}
.sbar[data-quickui=green] button{font:inherit;cursor:pointer;touch-action:manipulation;user-select:none}
.sbar[data-quickui=green] button:disabled{cursor:not-allowed;opacity:.45}
.sbar[data-quickui=green] button:focus-visible,.sbar[data-quickui=green] input:focus-visible{outline:2px solid #b4f341;outline-offset:2px}
.sbar[data-quickui=green] .sbar-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'left' 'play' 'err';gap:10px}
.sbar[data-quickui=green] .sbar-left{grid-area:left;display:grid;gap:8px;min-width:0}
.sbar[data-quickui=green] .sbar-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:7px;padding:4px;border-radius:16px;background:#07110b;min-width:0}
.sbar[data-quickui=green] .sbar-step{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;font-size:0;background:url('/assets/quickui27/green/btn_minus.png') center/contain no-repeat;color:transparent;box-shadow:none}
.sbar[data-quickui=green] .sbar-step:last-child{background-image:url('/assets/quickui27/green/btn_plus.png')}
.sbar[data-quickui=green] .sbar-step:active:not(:disabled){transform:scale(.96)}
.sbar[data-quickui=green] .sbar-amount-cell{min-width:0}
.sbar[data-quickui=green] .sbar-amount{display:grid;justify-items:center;gap:1px;width:100%;min-height:48px;padding:3px 6px;border:0;border-radius:10px;background:none;color:#fff}
.sbar[data-quickui=green] .sbar-amount:disabled{opacity:1;cursor:default}
.sbar[data-quickui=green] .sbar-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b5c5b8}
.sbar[data-quickui=green] .sbar-value{font-size:20px;line-height:1.15;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-variant-numeric:tabular-nums}
.sbar[data-quickui=green] .sbar-amount:not(:disabled):not(.sbar-noedit) .sbar-value{text-decoration:underline dotted #b9dc8760;text-underline-offset:4px}
.sbar[data-quickui=green] .sbar-edit{display:flex;gap:4px;min-width:0}
.sbar[data-quickui=green] .sbar-edit input{flex:1;min-width:0;width:100%;height:44px;padding:0 6px;border:1px solid #9bd642;border-radius:10px;background:#07110b;color:#fff;font:700 17px var(--wg-font-ui,Arimo,Arial,sans-serif);text-align:center}
.sbar[data-quickui=green] .sbar-ok{height:44px;padding:0 8px;border:0;border-radius:10px;background:#a4e535;color:#142100;font-weight:800}
.sbar[data-quickui=green] .sbar-quick{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.sbar[data-quickui=green] .sbar-chip{flex:1 0 54px;min-height:44px;padding:0 6px;border:1px solid #ffffff24;border-radius:11px;background:#202e25;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.sbar[data-quickui=green] .sbar-chip[aria-pressed=true]{border-color:#b2ed49;background:#385626;color:#d7ff92}
.sbar[data-quickui=green] .sbar-chip-max{color:#b5f23c}
.sbar[data-quickui=green] .sbar-play{grid-area:play;display:flex;gap:8px;min-width:0}
.sbar[data-quickui=green] .sbar-go{flex:1;min-width:0;min-height:72px;padding:12px;border:0;border-radius:18px;background:url('/assets/quickui27/green/btn_play_blank.png') center/100% 100% no-repeat;color:#fff;box-shadow:none;font-size:18px;line-height:1.2;font-weight:800;text-shadow:0 1px 2px #28400c;overflow-wrap:anywhere}
.sbar[data-quickui=green] .sbar-go-2{background-image:url('/assets/quickui27/green/btn_cashout_blank.png');color:#fff;text-shadow:0 1px 2px #6b4207}
.sbar[data-quickui=green] .sbar-go[data-action=sg-cancel]{background:#26372c;border:1px solid #ffffff26;border-radius:12px;font-size:14px;text-shadow:none}
.sbar[data-quickui=green] .sbar-go:active:not(:disabled){transform:translateY(2px)}
.sbar[data-quickui=green] .sbar-err{grid-area:err;margin:0;color:#ffb3b3;font-size:12px;line-height:1.3}
.sbar[data-quickui=green] .sbar-err.sbar-note{color:#b4c9b8}
@container (min-width:560px){
 .sbar[data-quickui=green] .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(220px,1fr);grid-template-areas:'left play' 'err err';align-items:stretch}
 .sbar[data-quickui=green] .sbar-play{flex-direction:column}
 .sbar[data-quickui=green] .sbar-go{min-height:94px;font-size:24px}
}
@media (max-width:820px){
 .sbar[data-quickui=green].sbar-fixed{position:fixed;z-index:70;left:0;right:0;bottom:var(--sbar-off,0px);width:auto;margin:0;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + var(--sbar-safe,0px)) max(10px,env(safe-area-inset-right));border-width:1px 0 0;border-radius:18px 18px 0 0;box-shadow:0 -8px 24px #0008}
 .sbar[data-quickui=green].sbar-fixed .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(100px,38%);grid-template-areas:'left play' 'err err';gap:6px 8px;align-items:stretch}
 .sbar[data-quickui=green].sbar-fixed .sbar-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .sbar[data-quickui=green].sbar-fixed .sbar-chip{flex:0 0 auto;min-width:44px;padding:0 9px}
 .sbar[data-quickui=green].sbar-fixed .sbar-main{gap:2px;padding:2px}
 .sbar[data-quickui=green].sbar-fixed .sbar-play{flex-direction:column;gap:6px}
 .sbar[data-quickui=green].sbar-fixed .sbar-go{min-height:54px;font-size:15px;padding:8px}
 .sbar[data-quickui=green].sbar-fixed .sbar-err.sbar-note{display:none}
 body[data-quickui=green].sbar-mobile{padding-bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 12px)}
 body[data-quickui=green].sbar-mobile.sbar-on .wg-help-fab{bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 10px)}
}
@media (prefers-reduced-motion:reduce){.sbar[data-quickui=green] button:active{transform:none}}
