.classification-controls { display:flex; gap:6px; margin-top:10px; }
.classification-btn { flex:1; border:1px solid var(--border-light); background:var(--bg-subtle); color:var(--text-secondary); border-radius:var(--radius-sm); padding:7px; font:600 .76rem var(--font-sans); cursor:pointer; }
.classification-btn.active { background:var(--selection-bg); border-color:var(--selection-border); color:var(--text-primary); box-shadow:inset 0 0 0 1px var(--selection-border); }
.classification-score { text-align:center; font:700 2rem var(--font-serif); color:var(--accent-primary); }
.n1-result-item { align-items:flex-start; flex-wrap:wrap; }
.n1-result-heading { display:flex; align-items:center; gap:8px; flex:1 1 75%; }
.actual-classification { flex:0 0 auto; border:1px solid; border-radius:4px; padding:2px 6px; font:700 .68rem var(--font-mono); letter-spacing:.04em; }
.actual-classification.is-neighbor { color:var(--accent-green); background:var(--status-correct-bg); border-color:var(--status-correct-border); }
.actual-classification.is-outside { color:var(--status-neutral-text); background:var(--status-neutral-bg); border-color:var(--status-neutral-border); }
.player-grade { flex:1 0 100%; font-size:.78rem; font-weight:700; }
.grade-correct { color:var(--accent-green); }
.grade-wrong { color:var(--status-wrong-border); }