/* Shared SokoGames bottom control bar — sleek single CTA + inline auto-bet.
   Capped + centered so the button never stretches edge-to-edge on desktop. */
.sbar{width:100%;max-width:1040px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;
  padding:12px 16px calc(15px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(12,14,30,.5),rgba(5,6,15,.93));
  font-family:"Segoe UI",system-ui,sans-serif}
.scol{flex:1 1 330px;display:flex;flex-direction:column;gap:10px}
.srow{display:flex;gap:10px}
.sstep{flex:1;display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:13px;overflow:hidden}
.sstep>button{width:44px;align-self:stretch;border:none;background:transparent;color:#cfe0ff;font-size:22px;font-weight:700;cursor:pointer}
.sstep .m{flex:1;text-align:center;padding:7px 0}
.sstep .m span{font-size:9px;letter-spacing:.12em;color:#8aa0c8;text-transform:uppercase;display:block}
.sstep .m b{font-size:17px;font-weight:800;color:#fff}
.spill{padding:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:13px;font-weight:800;color:#fff}
.spill small{font-size:9px;color:#8aa0c8;letter-spacing:.08em}
.scta{width:100%;height:54px;border:none;border-radius:15px;cursor:pointer;position:relative;overflow:hidden;
  font-weight:800;font-size:17px;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:10px;
  color:#04210f;background:linear-gradient(180deg,#7dffc0,#1fce78);
  box-shadow:0 12px 26px -8px rgba(31,206,120,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.scta .big{font-weight:900;font-style:italic}
.scta .sub{font-weight:700;font-size:13px;opacity:.78}
.scta::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:ssh 2.6s infinite}
@keyframes ssh{0%{left:-40%}55%,100%{left:120%}}
.sauto{flex:1 1 300px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:11px 13px;display:flex;flex-direction:column;gap:9px;color:#fff}
.sah{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px}
.sah .sw{font-size:11px;font-weight:800;letter-spacing:.06em;padding:3px 10px;border-radius:999px;background:#1fce78;color:#04210f}
.saf{flex:1;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 9px}
.saf span{display:block;font-size:9px;letter-spacing:.08em;color:#8aa0c8;text-transform:uppercase}
.saf b{font-size:15px;font-weight:800;color:#fff}
.saf.tp b{color:#ffd23f}
.sastat{font-size:12px;font-weight:700;color:#5dffb0;font-variant-numeric:tabular-nums}