/* Song practice owns the full width; settings open in the existing dialog. */
body[data-page=practice][data-mode=practice] #sitePractice { height:auto; min-height:0; }
#sitePractice>#siteMode-practice { display:block; overflow:visible; flex:none; }
#siteMode-practice>.site-inspector { display:none; }
#sitePractice #siteMode-practice>.site-work-main { display:block; overflow:visible; padding:10px; }
#siteMode-practice .site-tool-row { justify-content:flex-end; gap:6px; margin:0 0 8px; }
#siteMode-practice .site-tool-row h2 { display:none; }
#siteMode-practice .site-tool-row button { padding:6px 10px; font-size:.75rem; }
#siteMode-practice .site-mobile-settings { display:inline-flex; align-self:center; margin:0; }
#sitePractice #sitePracticeCanvas { flex:none; height:auto; min-height:0; display:block; overflow:hidden; }
#sitePracticeCanvas .rain-canvas { display:block; width:100%; height:auto; max-height:none; }
#siteMode-practice .practice-score { position:sticky; top:8px; z-index:2; display:flex; flex-wrap:wrap; align-items:center; gap:4px 18px; margin:0 0 8px; padding:8px 12px; border-radius:10px; }
#siteMode-practice .practice-score-header { display:contents; }
#siteMode-practice .practice-score-header>div:first-child { order:3; flex:1 1 100%; min-width:0; }
#siteMode-practice .practice-score-header h3 { display:none; }
#siteMode-practice .practice-score-header p { font-size:.7rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#siteMode-practice .practice-score-actions { order:2; }
#siteMode-practice .practice-score-actions button { padding:6px 10px; font-size:.75rem; }
#siteMode-practice .practice-score-stats { order:1; display:flex; flex:1 1 400px; justify-content:space-between; gap:14px; margin:0; }
#siteMode-practice .practice-score-stats>div { padding:0; background:none; border-radius:0; }
#siteMode-practice .practice-score-stats span { font-size:.65rem; }
#siteMode-practice .practice-score-stats strong { font-size:1.05rem; margin:0; line-height:1.35; }
#siteMode-practice .practice-score-stats small { display:none; }
#siteMode-practice .practice-score-results { order:4; flex:1 1 100%; margin-top:6px; }
@media(max-width:800px){
  #siteMode-practice .site-tool-row { justify-content:flex-start; }
  #siteMode-practice .practice-score-stats { flex-basis:100%; gap:8px; }
  #siteMode-practice .practice-score-stats span { font-size:.6rem; }
  #siteMode-practice .practice-score-stats strong { font-size:.95rem; }
}