/* A single listening desk. The amber index marks delimit the recessed mint track. */
.dict-workspace {grid-template-columns:minmax(0,1fr);width:min(100%,790px);margin:22px auto 34px;gap:14px}
.dict-practice-head {padding:12px clamp(15px,3vw,25px)}
.dict-practice-body {padding:clamp(14px,2.5vw,24px)}
#dictInstruction {max-width:65ch;margin:0 0 12px;line-height:1.45}
.dict-deck {background:#eef1e4;border:1px solid #7f9684;border-radius:11px;box-shadow:0 2px #8c9a85;padding:8px}
.scope-screen {
  position:relative;isolation:isolate;overflow:hidden;height:clamp(76px,9vw,108px);
  background:#163b36;border:2px solid #233e35;border-radius:6px;box-shadow:inset 0 2px 6px #0c221e;
}
.scope-grid {position:absolute;inset:0;opacity:.65;
  background:linear-gradient(to bottom,transparent 49.5%,#64877a 49.5% 50.5%,transparent 50.5%),
    radial-gradient(circle at 1px 1px,#638173 1px,transparent 1.2px) 0 0 / 12px 12px;
}
.scope-screen svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.scope-context .scope-peak{fill:#86a99b}.scope-context .scope-core{fill:#bdd0b9}
.scope-target .scope-peak{fill:#8be1b7}.scope-target .scope-core{fill:#d4f1c9}
.scope-bed{fill:#6ebe95;fill-opacity:.15;stroke:#7cb296;stroke-width:1;vector-effect:non-scaling-stroke}
.scope-brace{stroke:#a3d6a9;stroke-width:2;vector-effect:non-scaling-stroke;fill:none}
.scope-cue{fill:#ffd582}.scope-pin{stroke:#f4c16f;stroke-width:3;vector-effect:non-scaling-stroke}
.scope-screen[data-phase=opening] [data-band=opening] .scope-pin,.scope-screen[data-phase=closing] [data-band=closing] .scope-pin{stroke:#fff4b7;stroke-width:6}
.scope-screen[data-phase=target] .scope-bed{fill-opacity:.30;stroke:#c9eabd}
.scope-needle{position:absolute;inset-block:3px 2px;width:2px;transform:translateX(-50%);background:#fff9d7;box-shadow:0 0 0 1px #203f3580}
.scope-needle::before{content:"";position:absolute;top:-2px;left:50%;transform:translateX(-50%);border-top:6px solid #fff7d2;border-inline:4px solid transparent}
.dict-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:8px 1px 1px;min-height:48px}
.dict-controls #dictStatus{margin:0;font-size:.89rem;color:#395546;line-height:1.35;flex:1 1 12em}
.dict-controls #dictStatus:empty{display:none}
.dict-controls #listen:disabled,.dict-controls #repeat:disabled {opacity:.85}
#listen[data-playing=true] .dict-play-icon::before{width:13px;height:12px;margin:0;background:currentColor;clip-path:polygon(0 35%,16% 35%,16% 70%,0 70%,0 35%,33% 35%,33% 8%,51% 8%,51% 94%,33% 94%,33% 35%,68% 35%,68% 23%,85% 23%,85% 83%,68% 83%,68% 35%)}
.dict-controls #repeat {border-radius:18px 7px 7px 18px;background:#fff9e8}
.dict-controls #repeat::before {content:"↻";display:inline-block;vertical-align:middle;margin-inline-end:7px;font:bold 1.2rem/1 Georgia,serif}
.dict-practice .dict-slots-editor{margin-top:18px}.dict-sendbar{justify-content:flex-end}
@media(max-width:500px){.dict-workspace{margin-top:14px}.dict-deck{padding:6px}.dict-controls{gap:6px}.dict-controls #dictStatus{flex-basis:100%}}
@media(forced-colors:active){.scope-screen,.scope-screen svg{forced-color-adjust:none}}