/* swr.css 2026-10-20 Stake Wheel play-area redesign (Roulettist study S1-S4): exact balance + Demo/SCDO switch top-left,
   history strip, fairness badge, chips 10/20/100/Other + Repeat above one accent SPIN button, result card, calm low-points card,
   coach marks. Presentation only. Rollback: /root/backups/wheel-redesign-20261020/rollback.sh */
:root{--swr-ac:#f59e0b;--swr-ac2:#fbbf24;--swr-bd:#334155;--swr-bg:#0f172a;--swr-tx:#e2e8f0;--swr-mu:#94a3b8}
.swr-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* header */
.swr-head{display:flex!important;flex-direction:column;gap:6px;padding-top:8px;padding-bottom:6px}
.swr-row1{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.swr-title{min-width:0}.swr-title h1{line-height:1.15}
.swr-row2{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap}
.swr-bal{min-width:0}
.swr-bal-l{font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--swr-mu)}
.swr-bal-n{font:900 30px/1.1 system-ui,-apple-system,sans-serif;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.swr-unit{font-size:16px;font-weight:800;color:#cbd5e1}
.swr-ctl{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.swr-seg{display:inline-flex;border:1px solid #475569;border-radius:999px;padding:2px;background:#0b1220}
.swr-seg button{border:0;background:transparent;color:#cbd5e1;font:800 13px/1 system-ui,sans-serif;padding:7px 12px!important;border-radius:999px;cursor:pointer;white-space:nowrap}
.swr-seg button.on{background:#e2e8f0;color:#0b0f19}
.swr-ctl select,.swr-ctl>button{border-color:#475569!important;color:#e2e8f0!important}
/* notes */
.swr-note{border:1px solid #475569;background:#0d1322;border-radius:12px;padding:6px 10px;font-size:12px;color:#cbd5e1}
.swr-note b{color:#e2e8f0}
/* history strip */
.swr-hist{display:flex;flex-direction:column;gap:4px}
.swr-hist-l{font:700 11px/1.2 system-ui,sans-serif;color:var(--swr-mu);text-decoration:none;letter-spacing:.04em;text-transform:uppercase}
.swr-pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.swr-pills::-webkit-scrollbar{display:none}
.swr-pill{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:3px;padding:3px 9px;border-radius:999px;font:800 12px/1.3 system-ui,sans-serif;text-decoration:none;border:1px solid;font-variant-numeric:tabular-nums}
.swr-pill i{font-style:normal;font-weight:600;opacity:.75}
.swr-pill.up{color:#86efac;border-color:#166534;background:#052e16}
.swr-pill.dn{color:#fca5a5;border-color:#7f1d1d;background:#2a0b0b}
.swr-pill.eq{color:#cbd5e1;border-color:#475569;background:#111827}
.swr-pill.new{animation:swr-in .45s ease-out}
.swr-none{font-size:12px;color:#64748b}
@keyframes swr-in{from{transform:translateX(-14px);opacity:0}to{transform:none;opacity:1}}
/* wheel hub stake */
[data-swl=wheelcol]{position:relative}
.swr-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:rgba(8,11,17,.92);border:2px solid #475569;color:#fff;text-align:center;line-height:1.05}
.swr-hub small{font:700 9px/1.1 system-ui,sans-serif;color:var(--swr-mu);text-transform:uppercase;letter-spacing:.05em}
.swr-hub b{font:900 20px/1.1 system-ui,sans-serif}
/* fairness badge */
.swr-fair{align-self:center;margin:0 auto;border:1px solid #155e75;background:#06202a;color:#a5f3fc;border-radius:999px;padding:5px 12px;font:700 12px/1.2 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
/* result card */
.swr-card{position:relative;border:1px solid #475569;background:#0d1322;border-radius:16px;padding:12px 14px;text-align:center;animation:swr-up .35s ease-out}
.swr-card.up{border-color:#15803d}
.swr-card-h{font:700 11px/1.2 system-ui,sans-serif;color:var(--swr-mu);text-transform:uppercase;letter-spacing:.06em}
.swr-card-net{font:900 30px/1.15 system-ui,sans-serif;color:#e2e8f0;font-variant-numeric:tabular-nums;margin:2px 0 6px}
.swr-card.up .swr-card-net{color:#4ade80}
.swr-dl{display:grid;grid-template-columns:1fr auto;gap:2px 16px;max-width:300px;margin:0 auto;font-size:13px;text-align:left}
.swr-dl dt{color:var(--swr-mu)}.swr-dl dd{margin:0;text-align:right;font-weight:800;color:#e2e8f0;font-variant-numeric:tabular-nums}
.swr-card.up .swr-dl dd.n{color:#4ade80}
.swr-card-a{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;margin-top:8px}
.swr-link{background:none;border:0;padding:2px 0;color:#7dd3fc;font:700 13px/1.3 system-ui,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
@keyframes swr-up{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
/* low points */
.swr-low{border:1px solid #475569;background:#0d1322;border-radius:14px;padding:10px 12px;font-size:13px;color:#cbd5e1}
.swr-low b{color:#fff}.swr-low p{margin:4px 0 8px}
.swr-low-a{display:flex;gap:8px;flex-wrap:wrap}
.swr-low-a button,.swr-don{border:1px solid #64748b;background:#111827;color:#e2e8f0;border-radius:10px;padding:8px 12px;font:800 13px/1.2 system-ui,sans-serif;cursor:pointer}
.swr-don{width:100%;padding:10px 12px}
/* stake picker + CTA (sticky on phones via swl.css [data-swl=actions]) */
.swr-act{gap:8px!important}
.swr-pick{display:flex;align-items:center;gap:8px;justify-content:center}
.swr-chips{display:flex;gap:8px;align-items:center}
.swr-chip{min-width:52px;height:46px;padding:0 12px;border-radius:999px!important;border:2px solid #475569;background:#111827;color:#e2e8f0;font:900 16px/1 system-ui,sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s;font-variant-numeric:tabular-nums}
.swr-chip.on{background:#f8fafc;color:#0b0f19;border-color:#f8fafc;transform:translateY(-3px) scale(1.12);box-shadow:0 6px 14px rgba(0,0,0,.5)}
.swr-oth{font-size:13px;min-width:64px}
.swr-chip:disabled,.swr-rep:disabled{opacity:.45;cursor:default}
.swr-rep{border:0;background:none;color:#cbd5e1;font:700 12px/1.2 system-ui,sans-serif;padding:4px 2px!important;cursor:pointer;white-space:nowrap;max-width:92px;text-align:left}
.swr-hint{text-align:center;font-size:12px;color:var(--swr-mu);min-height:16px}
.swr-hint.bad{color:#fda4af;font-weight:700}
.swr-cta{width:100%;padding:16px 12px!important;border:0;border-radius:14px;background:linear-gradient(180deg,var(--swr-ac2),var(--swr-ac));color:#0b0f19;font:900 18px/1.2 system-ui,-apple-system,sans-serif!important;letter-spacing:.03em;box-shadow:0 4px 0 #b45309,0 0 22px rgba(245,158,11,.35);cursor:pointer}
.swr-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #b45309}
.swr-cta:disabled{background:#1f2937;color:#94a3b8;box-shadow:none;cursor:not-allowed}
.swr-pulse{animation:swr-p 1.4s ease-in-out infinite}
@keyframes swr-p{0%,100%{box-shadow:0 4px 0 #b45309,0 0 0 0 rgba(245,158,11,.55)}50%{box-shadow:0 4px 0 #b45309,0 0 0 10px rgba(245,158,11,0)}}
@media (prefers-reduced-motion:reduce){.swr-pulse,.swr-card,.swr-pill.new{animation:none}}
/* Other sheet */
.swr-sheet{border:1px solid #475569;background:#0b1220;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.swr-sheet-h{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:13px}
.swr-x{border:0;background:none;color:#cbd5e1;font-size:16px;cursor:pointer;padding:2px 6px!important}
.swr-in{width:100%;height:48px;border-radius:12px;border:1px solid #475569;background:#0f172a;color:#fff;text-align:center;font:900 24px/1 system-ui,sans-serif}
.swr-steps{display:flex;gap:6px;justify-content:space-between}
.swr-steps button{flex:1;height:36px;border-radius:10px;border:1px solid #475569;background:#111827;color:#e2e8f0;font:800 14px/1 system-ui,sans-serif}
.swr-use{height:42px;border-radius:12px;border:1px solid #e2e8f0;background:#e2e8f0;color:#0b0f19;font:900 15px/1 system-ui,sans-serif;cursor:pointer}
.swr-use:disabled{opacity:.45}
.swr-csbox .cs-box{justify-content:center;margin-top:0}
/* custom-stake.js paints its own CTA label overlay; the redesign label already carries the stake */
html.swl button.swr-cta.cs-cta{color:#0b0f19!important}
html.swl button.swr-cta.cs-cta>*{visibility:visible!important}
html.swl button.swr-cta.cs-cta::after{content:none!important}
/* coach marks */
.swr-coach{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #7dd3fc;background:#082f49;color:#e0f2fe;border-radius:12px;padding:7px 10px;font:700 13px/1.3 system-ui,sans-serif}
.swr-coach button{border:0;background:none;color:#7dd3fc;text-decoration:underline;font:700 12px/1 system-ui,sans-serif;cursor:pointer;flex:0 0 auto}
.swr-card .swr-coach{margin-top:8px;text-align:left}
.swr-micro{text-align:center;font-size:11px;color:#64748b;margin:0}
/* ordering inside the play column (overrides swl.css orders) */
html.swl [data-swl=sec]>[data-swl=bal],html.swl [data-swl=sec]>[data-swl=au]{order:1}
html.swl [data-swl=sec]>[data-swl=note]{order:2}
html.swl.swl [data-swl=sec]>[data-swr=hist][data-swr]{order:3}
html.swl [data-swl=sec] [data-swl=wheelcol]{order:4}
html.swl.swl [data-swl=sec]>[data-swr=fair][data-swr]{order:5}
html.swl.swl [data-swl=sec]>[data-swr=card][data-swr]{order:6}
html.swl.swl [data-swl=sec]>[data-swr=low][data-swr]{order:7}
html.swl [data-swl=sec]>#swl5-pill{order:8}
html.swl [data-swl=sec]>[data-swl=actions]{order:9}
html.swl.swl [data-swl=sec]>[data-swr=micro][data-swr]{order:10}
html.swl [data-swl=sec]>[data-swl=terms]{order:11}
html.swl [data-swl=sec]>#swl-cards{order:12}
html.swl [data-swl=sec]>[data-swl=withdraw]{order:13}
html.swl [data-swl=sec] [data-swl=catcol]{order:14}
html.swl [data-swl=sec]>[data-swl=other]{order:15}
html.swl [data-swl=sec]>[data-swl=actions].grid.swr-act,html.swl [data-swl=sec]>[data-swl=actions].grid.swr-act.swl-hascat{grid-template-columns:1fr!important}
html.swl .swr-act>#ct-btn{display:none!important}
html.swl [data-swl=actions] .swr-cta{padding-top:14px!important;padding-bottom:14px!important;font-size:17px!important}
html.swl [data-swl=header].swr-head{flex-wrap:nowrap}
@media (max-width:639px){
  .swr-bal-n{font-size:26px}
  .swr-seg button{padding:6px 9px!important;font-size:12px}
  html.swl [data-swl=header] .swr-ctl select{max-width:64px}
  .swr-chip{min-width:46px;height:42px;font-size:15px;padding:0 8px}
  .swr-oth{min-width:56px}
  .swr-rep{max-width:70px;font-size:11px}
  .swr-hub{width:60px;height:60px}.swr-hub b{font-size:17px}
}
/* v1.1: beat swl.css :has(>#ct-btn) (id specificity) so the sticky bar is one column: chips, hint, SPIN */
html.swl [data-swl=sec]>#sw-stake.grid.swr-act{grid-template-columns:1fr!important}
.swr-hub{z-index:35}
html.swl #swo-chip{padding:2px 12px!important;margin:2px auto 6px!important;border:0!important;background:none!important;box-shadow:none!important;justify-content:center;font-size:12px!important}
html.swl #swo-chip #swo-open{padding:5px 12px!important;font-size:12px!important}
.swr-rep b{font-weight:800}
@media (max-width:639px){.swr-rep-t{display:none}.swr-rep{max-width:none;font-size:13px}}
@media (max-width:1023px){html.swl #rp-gear{bottom:calc(178px + env(safe-area-inset-bottom))!important}}

/* 2026-10-20 stakerow fix: repeat-last on its own centered line below the chips; chips wrap cleanly (rollback /root/backups/wheel-stakerow-20261020/rollback.sh) */
.swr-pick{flex-wrap:wrap;row-gap:4px}
.swr-chips{flex-wrap:wrap;justify-content:center;row-gap:10px;max-width:100%;padding-top:4px}
.swr-pick>.swr-rep{order:2;flex:0 0 100%;max-width:none!important;text-align:center;font-size:12px!important;color:var(--swr-mu,#94a3b8);opacity:.9;white-space:normal}
.swr-pick>.swr-rep .swr-rep-t{display:inline!important}
.swr-pick>.swr-rep:not(:disabled):hover{color:#e2e8f0;text-decoration:underline}
@media (max-width:1023px){html.swl #rp-gear{bottom:calc(222px + env(safe-area-inset-bottom))!important}}
@media (max-width:639px){html.swl #rp-gear{bottom:calc(272px + env(safe-area-inset-bottom))!important}}