.practice-score { --score-perfect:#176d60; margin:0 0 18px; padding:18px; background:var(--card); border:1px solid var(--border); border-radius:14px; }
.practice-score-header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.practice-score-header h3 { margin:0 0 4px; font-size:1.05rem; }
.practice-score-header p { margin:0; font-size:.78rem; color:var(--ink-soft); }
.practice-score-actions { display:flex; gap:8px; flex-shrink:0; }
.practice-score-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 0; }
.practice-score-stats>div { padding:12px; border-radius:10px; background:var(--panel-soft); min-width:0; }
.practice-score-stats span,.practice-score-stats small { display:block; color:var(--ink-soft); font-size:.72rem; }
.practice-score-stats strong { display:block; font-size:1.45rem; margin:3px 0; font-weight:800; }
.practice-score-feedback strong { font-size:1.2rem; }
.practice-score [data-judgment=perfect] { color:var(--score-perfect); }.practice-score [data-judgment=great] { color:var(--accent); }.practice-score [data-judgment=good] { color:var(--reassigned); }.practice-score [data-judgment=miss],.practice-score [data-judgment=stray] { color:var(--danger); }
.practice-score-rules { margin:14px 0 0; color:var(--ink-soft); font-size:.75rem; }
.practice-score-rules summary { cursor:pointer; }
.practice-score-rules p { margin:10px 0; }.practice-score-rules label { display:flex; align-items:center; gap:12px; width:fit-content; }.practice-score-rules input { width:90px; margin:0; padding:6px; }
.practice-score-results { margin:16px 0 0; padding:16px; border:1px solid var(--accent); border-radius:10px; }
.practice-score-results h4 { margin:0 0 6px; font-size:1.1rem; }.practice-score-results p { font-size:.85rem; margin:0 0 12px; }
.practice-score-counts { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:.8rem; font-weight:700; }
:root[data-theme=dark] .practice-score { --score-perfect:#63c8b7; }
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .practice-score { --score-perfect:#63c8b7; }}
@media(max-width:1100px){.practice-score-header { flex-wrap:wrap; }.practice-score-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }}
@media(max-width:800px){.practice-score { padding:13px; }.practice-score-header { flex-wrap:wrap; gap:12px; }.practice-score-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.practice-score-actions { flex-wrap:wrap; }.practice-score-stats strong { font-size:1.25rem; }}