/* Shared by both themes; no canvas opacity changes (pose display stays visible). */
#training-feedback-layer { z-index: 4; }
#training-feedback-hud { position: absolute; z-index: 5; top: calc(env(safe-area-inset-top, 0px) + 112px); left: 12px; display: flex; gap: 12px; padding: 9px 12px; color: #fff; border: 1px solid #ffffff26; border-radius: 12px; background: #102721d9; pointer-events: none; font-variant-numeric: tabular-nums; }
#training-feedback-hud[hidden], #training-feedback-result[hidden] { display: none; }
#training-feedback-hud span { display: grid; gap: 2px; }
#training-feedback-hud small { font-size: 9px; letter-spacing: .06em; opacity: .7; }
#training-feedback-hud b { font-size: 17px; line-height: 1.2; }
#training-feedback-multiplier { align-self: center; color: #f4da82; }
.feedback-setting { display: grid; gap: 12px; }
.feedback-setting label { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-weight: 600; }
.feedback-setting input { width: 100%; accent-color: #ba442e; min-height: 44px; }
.feedback-setting p { margin: 0; font-size: 13px; line-height: 1.6; color: inherit; opacity: .7; }
.feedback-setting a { display: inline-flex; min-height: 44px; align-items: center; color: inherit; font-weight: 600; text-underline-offset: 4px; }
#training-feedback-result { position: relative; overflow: hidden; width: 100%; box-sizing: border-box; padding: 20px; border: 1px solid #768d8238; border-radius: 20px; margin-block: 20px; }
#training-feedback-result-title { margin: 0; font-size: 16px; }
#training-feedback-result-hint { position: relative; z-index: 5; margin-top: 12px; font-size: 12px; line-height: 1.6; opacity: .7; }
/* Legacy full-screen flash/shake and combo badge are replaced by the Director. */
#screen-training.feedback-controlled #bell-flash,
#screen-training.feedback-controlled #combo-flash,
#screen-training.feedback-controlled #round-banner { display: none !important; }
#screen-training.feedback-controlled.shake-soft,
#screen-training.feedback-controlled.shake-hard { animation: none !important; }
#screen-training.feedback-still .pc-item,
#screen-training.feedback-still #timer-display,
#screen-training.feedback-still #coach-corner { animation: none !important; }
@media (max-height: 500px) and (min-width: 600px) { #training-feedback-hud { top: calc(env(safe-area-inset-top, 0px) + 16px); left: 12px; } }

.feedback-result-readable { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

#training-feedback-result-stage { position: relative; height: 200px; margin-top: 16px; }
#training-feedback-result-stage .feedback-result { inset: 0; }