.score-badge{font-variant-numeric:tabular-nums;align-items:baseline;gap:1px;line-height:1.1;display:inline-flex}.score-badge .score-value{font-weight:700}.score-badge .score-scale{opacity:.6;font-size:.72em;font-weight:600}.score-badge.empty{opacity:.7;font-size:.85em;font-weight:500}.score-input{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.score-input-row{gap:4px;display:flex}.score-step{color:#a8a29e;font-variant-numeric:tabular-nums;cursor:pointer;background:#1c1917;border:1px solid #44403c;border-radius:8px;width:34px;height:34px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}.score-step:hover{color:#fbbf24;border-color:#f59e0b}.score-step.filled{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b73}.score-step.selected{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c);border-color:#f59e0b;box-shadow:0 2px 8px #ea580c59}.score-step:focus-visible{outline-offset:2px;outline:2px solid #fbbf24}.score-input-value{color:#fbbf24;font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:15px;display:inline-flex}.score-input-label{color:#a8a29e;font-size:13px;font-weight:500}@media (max-width:560px){.score-input-row{flex-wrap:wrap;max-width:200px}.score-step{width:34px;height:34px}.score-input-row{grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;width:100%;display:grid}.score-step{width:auto;height:44px;font-size:15px}}