.practice-lab{width:min(1100px,96vw);height:min(850px,94dvh);max-height:94dvh;box-sizing:border-box;padding:22px;background:#09090b;color:#eee;border:10px solid transparent;border-image:var(--gothic-frame) 32 stretch;overflow:auto}.practice-lab[open]{display:flex;flex-direction:column;gap:10px}.practice-lab::backdrop{background:#000c}.practice-lab header{display:flex;justify-content:space-between;align-items:center;gap:12px}.practice-lab h2{font:26px Georgia;margin:5px 0}.practice-lab small,.lab-instruction,.lab-score{color:#bfc0c5;font-size:12px}.practice-lab p{margin:0}.lab-chart{flex:1;min-height:220px;background:#050506;border:1px solid #34343a;overflow:hidden}.lab-chart svg{width:100%;height:100%;min-height:220px;display:block;touch-action:none;user-select:none}.practice-lab button{background:var(--interface-button-soft,#211217);border:1px solid var(--interface-button,#a52d45);color:#fff;padding:11px 17px;cursor:pointer}.practice-lab button:disabled{opacity:.5;cursor:default}.lab-actions,.practice-lab footer{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.practice-lab [hidden]{display:none!important}.lab-feedback{min-height:32px;font-size:13px;line-height:1.5}.lab-feedback[data-correct=true]{color:#66d8a0}.lab-feedback[data-correct=false]{color:#f3bd85}.lab-note{text-align:center}.mission-prototype{padding:18px;display:flex;flex-direction:column;gap:12px}.mission-prototype .portal-action{margin-top:auto}.mission-prototype p{color:var(--muted);line-height:1.5}.mission-prototype .lab-card-symbol{font:30px monospace;color:var(--detail-light)}@media(max-width:600px){.practice-lab{width:98vw;height:96dvh;max-height:96dvh;padding:12px;border-width:6px}.practice-lab h2{font-size:22px}.practice-lab button{padding:12px 10px;flex:1}.lab-chart{min-height:230px}.lab-instruction{font-size:11px}.lab-note{font-size:10px}}

.lab-card-cover{display:block;width:100%;aspect-ratio:1.8;object-fit:contain;background:#090c0d;border:1px solid #303236;box-sizing:border-box}.mission-prototype{gap:12px}.mission-prototype h2{margin:0;font-size:23px}

.lab-ruler-control{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:11px;color:#bfc0c5}.lab-ruler-control input{width:130px;accent-color:var(--detail-light,#e0bd72)}.lab-ruler-control span:last-child{min-width:32px}.lab-actions button{min-height:43px}.lab-actions{gap:7px}@media(max-width:600px){.lab-actions button{flex:1 1 40%;font-size:11px}.lab-ruler-control{justify-content:center}}

.lab-actions .lab-advance-candle{background:#14615b;color:#f0fffc;border:2px solid #58c9b5;font-weight:750;min-width:200px;margin-left:12px;padding:13px 22px;box-shadow:inset 0 0 0 1px #092d2a}.lab-actions .lab-advance-candle:hover{background:#1a786d;border-color:#8ce8d2}.lab-actions .lab-advance-candle:focus-visible{outline:2px solid #c7fff0;outline-offset:3px}.lab-actions .lab-advance-candle:disabled{opacity:.45}@media(max-width:600px){.lab-actions .lab-advance-candle{flex:1 1 100%;width:100%;margin:5px 0 0;min-height:50px}}

/* Give the operation the screen; compact controls stay alongside it. */
.practice-lab[data-mode=management]{width:min(1380px,98vw);height:96dvh;max-height:96dvh;padding:14px;gap:6px}.practice-lab[data-mode=management] h2{margin:2px 0;font-size:24px}.practice-lab[data-mode=management] .lab-instruction{font-size:11px;line-height:1.4}.practice-lab[data-mode=management] .lab-actions{gap:5px;align-content:start}.practice-lab[data-mode=management] .lab-actions button{padding:9px 10px;min-height:38px;font-size:11px;margin:0}.practice-lab[data-mode=management] .lab-advance-candle{min-width:0}.practice-lab[data-mode=management] .lab-chart{min-height:350px}.practice-lab[data-mode=management] .lab-feedback{min-height:20px;font-size:12px;line-height:1.4}.practice-lab[data-mode=management] .lab-note{font-size:9px}.practice-lab[data-mode=management] footer button{padding:8px 12px}
@media(min-width:850px){.practice-lab[data-mode=management][open]{display:grid;grid-template-columns:minmax(0,1fr) 172px;grid-template-rows:auto auto auto minmax(350px,1fr) auto auto auto;column-gap:10px}.practice-lab[data-mode=management]>header{grid-column:1/-1;grid-row:1}.practice-lab[data-mode=management] .lab-instruction{grid-column:1/-1;grid-row:2}.practice-lab[data-mode=management] .lab-score{grid-column:1;grid-row:3}.practice-lab[data-mode=management] .lab-chart{grid-column:1;grid-row:4;height:100%;box-sizing:border-box}.practice-lab[data-mode=management] .lab-actions{grid-column:2;grid-row:4;display:flex;flex-direction:column}.practice-lab[data-mode=management] .lab-actions button{width:100%;flex:none}.practice-lab[data-mode=management] .lab-advance-candle{margin-top:8px!important;min-height:48px!important}.practice-lab[data-mode=management] .lab-ruler-control{grid-column:2;grid-row:3;gap:4px;font-size:10px;justify-content:flex-start}.practice-lab[data-mode=management] .lab-ruler-control input{width:65px;min-width:0}.practice-lab[data-mode=management] .lab-feedback{grid-column:1/-1;grid-row:5}.practice-lab[data-mode=management]>footer{grid-column:1/-1;grid-row:6}.practice-lab[data-mode=management] .lab-note{grid-column:1/-1;grid-row:7}}
@media(max-width:849px){.practice-lab[data-mode=management] .lab-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.practice-lab[data-mode=management] .lab-advance-candle{grid-column:1/-1;min-height:43px!important}.practice-lab[data-mode=management] .lab-chart{flex:1;min-height:290px}.practice-lab[data-mode=management] .lab-chart svg{min-height:290px}.practice-lab[data-mode=management] .lab-ruler-control{margin:0;gap:6px}.practice-lab[data-mode=management] .lab-ruler-control input{width:95px}}

.lab-management-review{border:1px solid #454a50;padding:12px;background:#101215;font-size:12px}.lab-management-review h3{margin:0 0 12px;font-size:15px}.lab-review-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.lab-review-metrics small,.lab-review-metrics strong{display:block}.lab-review-metrics small{font-size:10px}.lab-review-metrics strong{font-size:17px;margin-top:5px}.lab-review-rule{display:grid;grid-template-columns:16px 1fr auto;gap:8px;padding:9px 0;border-top:1px solid #292d32}.lab-review-rule strong{font-size:11px}.lab-review-rule[data-state=correct]{color:#72dbb1}.lab-review-rule[data-state=wrong]{color:#f299a7}.lab-review-rule[data-state=neutral]{color:#a4a9b1}.lab-management-review p{font-size:11px;margin:9px 0 0;line-height:1.5}@media(min-width:850px){.practice-lab[data-mode=management] .lab-management-review{grid-column:1/-1;grid-row:6}.practice-lab[data-mode=management]>footer{grid-row:7}.practice-lab[data-mode=management] .lab-note{grid-row:8}.practice-lab[data-mode=management]:has(.lab-management-review:not([hidden])){grid-template-rows:auto auto auto minmax(330px,1fr) auto auto auto auto;height:auto;max-height:96dvh;overflow:auto}}@media(max-width:600px){.lab-review-rule{grid-template-columns:16px 1fr}.lab-review-rule strong{grid-column:2}.lab-review-metrics strong{font-size:14px}}

.lab-guide-menu{position:fixed;z-index:2147483000;padding:5px;background:#14171b;border:1px solid #59616a;box-shadow:0 8px 26px #0009;max-width:280px}.lab-guide-menu[hidden]{display:none!important}.lab-guide-menu button{border:0;background:transparent;color:#e5e8eb;padding:11px 12px;font:12px Arial,sans-serif;text-align:left;cursor:pointer}.lab-guide-menu button:hover,.lab-guide-menu button:focus-visible{background:#292f36;outline:1px solid #8d98a5}

.practice-lab .lab-ruler-control{flex-wrap:wrap}.practice-lab .lab-reference-toggle{font-size:10px;padding:7px 9px;min-height:30px;border:1px solid #b99e50;background:#292416;color:#f2da89;white-space:nowrap}.practice-lab .lab-reference-toggle[aria-pressed=true]{background:#4c4018;border-color:#e6cc6d}@media(min-width:850px){.practice-lab[data-mode=management] .lab-ruler-control{grid-row:3 / 5;align-self:end;margin-bottom:8px;z-index:2;background:#09090b;padding:6px;box-sizing:border-box}.practice-lab[data-mode=management] .lab-reference-toggle{width:100%}}