.wb-sm-controller {
  --sm-gold:#ffd66b;
  --sm-ink:#111827;
  --sm-panel:#17213b;
  --sm-panel2:#0f172b;
  display:grid;
  gap:14px;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}
.wb-sm-eyebrow {
  font-size:13px;
  letter-spacing:.18em;
  font-weight:900;
  color:var(--sm-gold);
}
.wb-sm-scoreline {
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:16px;
  background:linear-gradient(145deg,#222f52,#121a31);
  border:1px solid #47557b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.2);
}
.wb-sm-label { display:block; font-size:11px; letter-spacing:.13em; color:#9fb0d3; font-weight:800; }
.wb-sm-counter,.wb-sm-time { display:block; margin-top:3px; font-size:30px; line-height:1.05; color:#fff; }
.wb-sm-time-wrap { min-width:76px; text-align:right; }
.wb-sm-status { margin:0; min-height:24px; text-align:center; color:#dbe5ff; font-weight:700; }
.wb-sm-pad { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.wb-sm-move {
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  border:2px solid #6576a7;
  border-radius:20px;
  background:linear-gradient(180deg,#344571,#202c50);
  color:white;
  font-size:18px;
  font-weight:900;
  letter-spacing:.025em;
  box-shadow:0 9px 0 #11192e,0 14px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.13);
  transition:transform .08s ease,box-shadow .08s ease,filter .08s ease;
  touch-action:none;
}
.wb-sm-move:not(:disabled):active,.wb-sm-move.is-held {
  transform:translateY(7px) scale(.99);
  box-shadow:0 2px 0 #11192e,0 6px 14px rgba(0,0,0,.24),inset 0 2px 12px rgba(0,0,0,.22);
  filter:brightness(1.16);
}
.wb-sm-move:disabled { opacity:.45; box-shadow:none; }
.wb-sm-arrow { font-size:34px; line-height:1; color:var(--sm-gold); text-shadow:0 2px 8px rgba(255,214,107,.25); }
.wb-sm-tip {
  text-align:center;
  padding:10px 12px;
  border-radius:999px;
  background:#10182c;
  color:#9fb0d3;
  border:1px solid #2e3a60;
  font-size:14px;
  font-weight:700;
}
@media(max-width:480px){
  .wb-sm-pad{gap:8px}
  .wb-sm-move{min-height:104px;font-size:15px;padding:10px}
  .wb-sm-arrow{font-size:28px}
}