.scale-view{color:#fff}.scale-card{margin:1rem 0;padding:clamp(1rem,4vw,2rem);border:1px solid #ffffff2b;border-radius:1.5rem;background:linear-gradient(145deg,#211132,#102b3a);text-align:center}.scale-card h2{margin:.2rem auto 1.5rem;color:#fff;font-size:clamp(1.6rem,5vw,3rem)}.scale-labels{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem}.scale-labels strong:first-child{color:#ff4e8a}.scale-labels strong:last-child{color:#20ccd6}.scale-track{position:relative;height:5rem;margin:0 .65rem 1rem}.scale-colors{position:absolute;inset:1rem 0;border-radius:999px;background:linear-gradient(90deg,#ff4e8a 0%,#8539df 48%,#20ccd6 100%);box-shadow:inset 0 0 0 3px #fff3}.scale-marker{position:absolute;top:.2rem;width:1.25rem;height:4.6rem;border-radius:999px;transform:translateX(-50%);box-shadow:0 0 0 3px #101018,0 0 0 6px #fff}.scale-marker.target{z-index:3;background:#adff00}.scale-marker.guess{top:1.15rem;width:.85rem;height:2.7rem;background:#fff;box-shadow:0 0 0 2px #101018}.scale-marker small{position:absolute;top:100%;left:50%;padding-top:.25rem;color:#fff;font-size:.7rem;white-space:nowrap;transform:translateX(-50%)}#scaleSlider{width:100%;accent-color:#adff00}#scaleValue{display:block;margin:.25rem 0 .8rem;color:#adff00;font-size:1.5rem;font-weight:900}.scale-view .player-row{color:#171020}.scale-view .player-row.is-best{border:2px solid #adff00;background:#f5ffe3}.scale-view .waiting{color:#d8cce5}@media(max-width:600px){.scale-card{padding:1rem}.scale-track{height:4.5rem}.scale-marker small{display:none}}