.sp-board{color:#fff;text-align:center;background:linear-gradient(135deg,#1864ab,#0b7285 55%,#087f5b);border-radius:28px;align-content:center;gap:26px;width:100%;min-height:280px;padding:28px 24px;display:grid}.sp-ends{justify-content:space-between;gap:16px;font-size:clamp(1.1rem,4.4vw,1.9rem);display:flex}.sp-ends strong{overflow-wrap:anywhere;max-width:45%}.sp-scale{background:linear-gradient(90deg,#74c0fc,#fff 50%,#ffa8a8);border-radius:999px;height:44px;position:relative;box-shadow:inset 0 0 0 3px #fff9}.sp-band{pointer-events:none;border-radius:6px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.sp-band[data-points="2"]{opacity:.75;background:#ffd43b}.sp-band[data-points="3"]{opacity:.85;background:#fd7e14}.sp-band[data-points="4"]{background:#e03131}.sp-needle{background:#1f2a44;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-10px;bottom:-10px;box-shadow:0 0 0 3px #fff}.sp-slider{accent-color:#ffd43b;width:100%;height:36px}.sp-slider:focus-visible{outline-offset:4px;outline:3px solid #ffd43b}.sp-total{font-variant-numeric:tabular-nums;margin:0 0 12px;font-weight:700}.sp-board[data-phase=result] .sp-needle{transition:left .3s ease-out}@media (prefers-reduced-motion:reduce){.sp-board[data-phase=result] .sp-needle{transition:none}}