/* ============ SCORE SCROLLER (wheel look) ============
   Replace style.css's scoreScroller.css include with this version.
*/

.score-wheel{
  background:var(--pale-2);
  border-radius:14px;
  padding:4px 0;
  overflow:hidden;
}
.wheel-track{
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:ns-resize;
  touch-action:none;
  user-select:none;
  padding:2px 0;
}
.wheel-num{
  font-family:'Rajdhani',sans-serif;
  font-weight:700;
  text-align:center;
  width:100%;
  line-height:1;
}
.wheel-current{
  font-size:34px;
  color:var(--blue-deep);
  padding:8px 0;
  background:var(--white);
  border-radius:10px;
  box-shadow:inset 0 2px 6px rgba(6,46,140,0.08);
  min-height:1.2em;
}
.wheel-prev, .wheel-next{
  font-size:16px;
  color:var(--ink-soft);
  opacity:.45;
  padding:4px 0;
  cursor:pointer;
  transition:opacity .12s ease;
  min-height:1.2em;
}
.wheel-prev:active, .wheel-next:active{ opacity:.8; }
.wheel-prev.empty, .wheel-next.empty{ opacity:0; cursor:default; pointer-events:none; }

/* small visual affordance hinting it scrolls — thin fade edges */
.score-wheel::before,
.score-wheel::after{ content:''; display:block; height:2px; }