.fine-level{background:#edf5fa;border-radius:8px;padding:12px;margin:12px 0;text-align:center}.fine-level h3{margin:0 0 12px}.fine-track{height:28px;position:relative;overflow:hidden;border:1px solid #769361;border-radius:18px;background:linear-gradient(90deg,#edf4d5 45%,#b9d6a0 45%,#b9d6a0 55%,#edf4d5 55%)}.fine-bubble{position:absolute;left:calc(50% - 12px);top:3px;width:24px;height:20px;border:2px solid #527336;border-radius:50%;background:#f5ffdc}.fine-directions{display:flex;justify-content:center;gap:5px}.fine-directions [aria-pressed=true]{background:#087fce;color:white}.fine-level output,.fine-level p{font-size:11px}
.practice-launch{background:#087fce!important;color:white!important;text-align:center!important;font-weight:700;margin-bottom:12px;padding:12px!important}.practice-launch:disabled{opacity:.5;cursor:default}
.practice-panel{font-size:13px;line-height:1.5}.practice-panel[hidden]{display:none}.practice-panel h2{font-size:22px}.practice-kicker{font-size:11px;letter-spacing:.8px;color:#30769f;font-weight:700}.practice-steps{list-style:none;padding:0;display:grid;gap:5px;font-size:11px}.practice-steps li{padding:6px;border-radius:5px;background:#edf3f7}.practice-steps [aria-current]{background:#087fce;color:white;font-weight:700}
.practice-panel button{padding:9px 10px;border:1px solid #adcadc;background:white;border-radius:6px;color:#173a61;cursor:pointer;margin:3px 0}.practice-panel .practice-primary,.practice-panel .mount-instrument{background:#087fce;color:white}.practice-actions{display:grid;gap:4px}.practice-range{display:grid;grid-template-columns:1fr auto;gap:4px;margin:10px 0;font-size:12px}.practice-range input{grid-column:1/-1;width:100%;accent-color:#087fce}.practice-range output{font-weight:700}
.practice-assist{width:100%;border-color:#087fce!important;color:#087fce!important;font-weight:700}.practice-feedback[data-kind=success]{color:#167448;font-weight:700}
.aim-panel{background:#eaf3f8;border-radius:8px;padding:10px;margin:12px 0;text-align:center}.aim-panel h3{margin:0 0 8px}.aim-scope{position:relative;width:180px;height:180px;margin:0 auto 6px;border:5px solid #162c3e;border-radius:50%;overflow:hidden;background:radial-gradient(circle at center,transparent 0 8px,#ffffffed 9px),linear-gradient(transparent 49.5%,#263e50 49.5% 50.5%,transparent 50.5%),linear-gradient(90deg,transparent 49.5%,#263e50 49.5% 50.5%,transparent 50.5%)}.aim-scope:before,.aim-scope:after{content:'';position:absolute;left:50%;top:50%;border:1px solid #557084;border-radius:50%;transform:translate(-50%,-50%)}.aim-scope:before{width:74px;height:74px}.aim-scope:after{width:130px;height:130px}.aim-prism{position:absolute;z-index:2;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;background:#ff9b32;border:3px solid #67401e;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.aim-panel output{font-size:11px;font-weight:700}
.practice-instruments{display:flex;justify-content:space-around;gap:8px;background:#edf5fa;padding:10px 4px;border-radius:8px}.practice-instruments figure{margin:0;text-align:center;font-size:12px}.practice-instruments output{display:block;font-size:10px;margin-top:5px}
.practice-dial{position:relative;width:100px;height:100px;border-radius:50%;border:2px solid #6d93a8;background:radial-gradient(circle,#c2edc4 0 5px,#fff 6px);margin-top:6px;overflow:hidden}.dial-cross{position:absolute;inset:0;background:linear-gradient(transparent 49%,#b7cbd5 49%,#b7cbd5 51%,transparent 51%),linear-gradient(90deg,transparent 49%,#b7cbd5 49%,#b7cbd5 51%,transparent 51%)}.center-dot,.bubble-dot{position:absolute;left:calc(50% - 4px);top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#e82445;box-shadow:0 0 0 1px white}.bubble-dot{background:#ddf2a9;box-shadow:0 0 0 2px #42692e}.bubble-dial{background:radial-gradient(circle,#d1ebbd 0 7px,#e9f3d3 8px)}
.practice-feedback{min-height:1em;font-size:12px;color:#167448}.practice-feedback[data-kind=error]{color:#ac402a}.practice-note,.practice-hint{display:block;color:#657d8e;font-size:11px;line-height:1.5;margin:10px 0}
.practicing .right > :not(.practice-panel){display:none}.practicing .mechanics,.practicing .study-controls,.practicing .left>h3:last-of-type,.practicing .part-filter,.practicing #parts{display:none}.practicing #xray,.practicing #explode,.practicing #isolate{display:none}.practicing .selection-badge{display:none}
@media(max-width:1000px){.practicing main{grid-template-columns:minmax(0,1fr) 290px}.practicing .left{display:none}.practicing .right{display:block;grid-column:auto}.practicing .stage{min-height:650px}}@media(max-width:650px){.practicing main{grid-template-columns:1fr}.practicing .stage{height:480px;min-height:0}.practicing .right{grid-column:1}.practice-instruments{justify-content:center;gap:40px}}
.measurement-book{background:#edf5fa;border:1px solid #adcadc;border-radius:8px;padding:12px;margin:12px 0}.measurement-book p{font-size:12px}.measurement-book dl{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px}.measurement-book dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.observation-controls{display:grid;gap:10px;margin:14px 0}.observation-controls label{display:grid;gap:4px;font-size:12px}.observation-controls input,.observation-controls select{width:100%;box-sizing:border-box;padding:9px;border:1px solid #adcadc;border-radius:6px;color:#173a61;background:white;font:inherit}.survey-count{font-weight:700;color:#087fce}.measurement-book details{border-top:1px solid #adcadc;padding:9px 0}.measurement-book summary{cursor:pointer;font-weight:700}.measurement-book h4{margin-bottom:6px}
.survey-sketch{margin:14px 0;padding:8px;border-radius:8px;background:#fff;border:1px solid #bed6e3}.survey-sketch svg{display:block;width:100%;height:auto;border:1px solid #dce9f0;border-radius:6px}.survey-sketch svg [role=button]:focus{outline:2px solid #e28724}.survey-sketch h3{margin:0 0 6px}.survey-sketch small{display:block;font-size:11px;color:#51697a}.sketch-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sketch-controls label{font-size:11px;min-width:0}.sketch-controls select{width:100%;padding:7px 2px;color:#173a61;background:white;border:1px solid #adcadc;border-radius:5px}.sketch-results{font-variant-numeric:tabular-nums;line-height:1.7}.measurement-book .selected-record{background:#fff3e5;border-left:3px solid #e28724;padding-left:7px}
