/* Local modal above the calculator stage, with its own scrollable explanation. */
.score-usage-help-layer {position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));isolation:isolate;}
.score-usage-help-layer[hidden] {display:none!important;}
.score-usage-help-shade {position:absolute;inset:0;background:#0007;z-index:-1;}
.score-usage-help-layer .score-usage-help-panel {width:min(680px,100%);max-height:calc(100dvh - max(32px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 32px));min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;margin:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 18px 60px #0003;animation:score-usage-help-enter var(--calc-chrome-duration,850ms) var(--calc-chrome-easing,cubic-bezier(.76,0,.24,1));}
.score-usage-help-header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);}
.score-usage-help-header h2 {margin:0;font:700 19px/1.3 var(--font-body);letter-spacing:0;}
.progression-dialog .score-usage-help-header button {min-height:34px;padding:6px 10px;white-space:nowrap;font-size:12px;}
.score-usage-help-body {min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;font:400 13px/1.7 var(--font-body);}
.score-usage-help-body .score-usage-help-reference {font-weight:600;color:var(--ink);font-size:14px;}
.score-usage-help-body section {margin:16px 0 0!important;}
.score-usage-help-body h3 {margin:0 0 5px;font:600 14px/1.5 var(--font-body);}
.score-usage-help-body p {margin:0;color:var(--muted);}
.score-usage-help-body p+p {margin-top:8px;}
.score-usage-help-footer {padding:12px 18px;border-top:1px solid var(--line);}
.progression-dialog .score-usage-help-footer button {width:100%;min-height:42px;background:var(--active);color:var(--on-active);border-color:var(--active);}
.progression-dialog .score-usage-help-footer button:hover {background:var(--paper);color:var(--ink);}
.score-usage-help-layer :is(button,[tabindex]):focus-visible {outline:2px solid var(--ink);outline-offset:-3px;}
@keyframes score-usage-help-enter {from {opacity:0;transform:translateY(16px);}to {opacity:1;transform:translateY(0);}}
@media(max-width:480px) {.score-usage-help-header {padding:12px 14px;gap:8px;}.score-usage-help-header h2 {font-size:17px;}.score-usage-help-body {padding:14px;}.score-usage-help-footer {padding:10px 14px;}}
@media(orientation:landscape) and (max-height:420px) {.score-usage-help-layer {padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));}.score-usage-help-layer .score-usage-help-panel {max-height:calc(100dvh - 16px);}.score-usage-help-header {padding:8px 14px;}.score-usage-help-footer {padding:6px 14px;}.progression-dialog .score-usage-help-footer button {min-height:34px;}}
@media(prefers-reduced-motion:reduce) {.score-usage-help-layer .score-usage-help-panel {animation:none;}}