.controls button:not(:disabled):hover{border-color:var(--accent);background:#dfbd7d22;color:var(--accent);box-shadow:0 0 10px #dfbd7d14}.controls button:not(:disabled):active{transform:scale(.85);background:var(--accent);color:#10222c}.controls button[data-step="-1"]:not(:disabled):hover{border-color:#80c5c4;background:#80c5c41a;color:#b5e6e3}.pointFeedback{position:absolute;right:14px;bottom:46px;z-index:4;display:block;padding:5px 9px;border-radius:5px;font:700 11px/1.4 'DM Sans',sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:0 5px 18px #0006;white-space:nowrap}.pointAdded{background:#dfbd7d;color:#142630;border:1px solid #f1d69e}.pointRemoved{background:#80c5c4;color:#112730;border:1px solid #b5e6e3}.rank{transform-origin:right center}.feedbackStatus{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}@media(prefers-reduced-motion:reduce){.controls button:not(:disabled):active{transform:none}}