#heroPractice{max-width:min(560px,calc(100vw - var(--sal) - var(--sar) - var(--hud-space-6)));max-height:calc(100dvh - var(--sat) - var(--sab) - var(--hud-space-6));overflow:auto;}
#heroPracticeArt{width:80px;height:80px;margin:auto;}
#heroPractice > *{flex-shrink:0;}
#heroPractice header{display:flex;align-items:center;justify-content:space-between;gap:var(--hud-space-3);}
#heroPractice header h2{min-width:0;margin:0;}
#heroPracticeArt .heroPortrait{width:100%;height:100%;}
#heroPracticeSkills button{display:flex;align-items:center;gap:var(--hud-space-2);white-space:normal;text-align:left;min-height:var(--hud-target);}
#heroPracticeSkills .skillIcon{width:var(--hud-target);height:var(--hud-target);flex:none;}
/* A tip, not an action: plain text with no panel, so it never reads as a button. */
#coachResult{gap:var(--hud-space-1);padding:0 var(--hud-space-2);text-align:center;background:none;border:0;box-shadow:none;}
#coachResult .hud-label{color:var(--hud-text-muted);font-size:var(--hud-text-xs);}
#coachResult p{margin:0;color:var(--hud-text-muted);font-size:var(--hud-text-sm);}
#practiceControls{padding:var(--hud-space-2);border-top:var(--hud-border-hairline) solid var(--hud-border-subtle);}
#practiceControls[hidden]{display:none;}
#practiceStatus[data-complete="true"]{color:var(--hud-accent);}