.coach{background:#191827;border-color:#79648e;border-left-color:#cdb7ef}
.guide-nav,.guess-nav{display:flex;justify-content:space-between;gap:8px;margin:12px 0}
.coach button,.coach-top button{min-height:44px}
#guideShow,#guideAll{margin:5px 5px 0 0;font-size:12px}
#guideEquation{font-size:13px;margin:12px 0 0;overflow-wrap:anywhere}
.coach .attention-tip{font-size:12px!important}
.controls{scroll-padding:18px}
.controls section{margin-bottom:16px}
body[data-coaching-step] .target-key,body[data-coaching-step] #launchNote{display:none}
body[data-coaching-step="0"] #ordersSection,body[data-coaching-step="0"] #workspace,body[data-coaching-step="0"] #targetStats{display:none}
body[data-coaching-step="1"] #launchInputs,body[data-coaching-step="2"] #launchInputs{display:none}
body[data-coaching-step="1"] #orderFields>.check,body[data-coaching-step="2"] #orderFields>.check{display:none}
body[data-coaching-step="1"] #workspace,body[data-coaching-step="2"] #workspace,body[data-coaching-step="3"] #workspace{display:none}
body[data-coaching-step="0"] #hints,body[data-coaching-step="1"] #hints,body[data-coaching-step="2"] #hints{display:none}
body[data-coaching-step="0"] #predictionDetails,body[data-coaching-step="1"] #predictionDetails,body[data-coaching-step="2"] #predictionDetails,body[data-coaching-step="3"] #predictionDetails{display:none}
body[data-coaching-step] #reportSection:not(.has-report){display:none}
/* One G.U.E.S.S. section at a time at every width, with descriptive tabs. */
.work-dialog{width:min(680px,calc(100% - 24px))}
.guess-tabs{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}.guess-tabs button{flex:1;min-height:44px}.guess-tabs [aria-pressed=true]{border-color:#d0b9ff;background:#393047;color:#f5ecff}
.guess-grid{display:block}.guess-grid section{display:none;border:0}
.work-dialog[data-step="0"] [data-guess-box="0"],.work-dialog[data-step="1"] [data-guess-box="1"],.work-dialog[data-step="2"] [data-guess-box="2"],.work-dialog[data-step="3"] [data-guess-box="3"],.work-dialog[data-step="4"] [data-guess-box="4"]{display:block}
.transport [data-visual-guide],.transport #replayGuide{font-size:11px}

.guide-tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.guide-tools button{font-size:12px;flex:1}.canvas-wrap{min-height:82px}

/* The scrollable work area and its navigation are independent. */
.controls{display:flex;flex-direction:column;overflow:hidden;padding:12px 10px 8px}
.orders-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scroll-padding:12px;padding:8px 10px}
.guide-nav-dock{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:9px 8px 0;border-top:1px solid #665476;background:#121a29;position:relative;z-index:2}
.guide-nav-dock #guideCount{font-size:10px;margin:0;width:100%;color:#d0b9ff}.guide-nav-dock #guideNavLabel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.guide-nav-dock button{flex:1;min-width:44px;min-height:44px;font-size:12px;padding:6px}
.guide-tools{margin-bottom:9px}.guide-tools button{font-size:11px}.coach{padding:10px}.coach-top{margin-bottom:5px}.coach h2{font-size:16px}.coach p{font-size:12px}
.coach .guide-nav:empty{display:none}#guideTask{margin-top:12px}#guideTask .target-card{margin:0}#guideTask .section-title,#guideTask #waveBrief,#guideTask .target-key,#guideTask #focusTarget,#guideTask .target-card>details{display:none}
#guideTask .readouts{font-size:12px}#guideTask .fields input{font-size:20px}#guideTask #predictionDetails{margin:5px 0}#guideTask #workspace{margin:0}
#guideTask #launchPoint,#guideTask #targetStats{display:block}#guideTask .target-card #targetStats{display:none}
#guideEquation{margin-top:8px}#guideAll{font-size:11px;min-height:44px}#guideActionStatus{color:#b8dfcb;margin-top:10px}
body.number-pad-open .guide-nav-dock,.number-pad-open .guide-nav-dock{visibility:hidden}.number-pad-open .orders-scroll{overflow:hidden}
.diagram-legend{font-size:11px;line-height:1.5;padding:8px 10px;margin:0 0 10px;border:1px solid #68577f;background:#191b2b}.diagram-legend span{display:block}
#cameraHint{display:none}
@media(max-width:640px) and (orientation:portrait) and (min-height:720px){main{grid-template-rows:minmax(330px,48%) minmax(0,1fr)}}
@media(max-height:540px){.controls{padding:5px}.orders-scroll{padding:5px 7px}.guide-nav-dock{padding:5px 3px 0}.guide-nav-dock #guideCount{display:none}.coach{padding:8px}}

.field-camera{flex-wrap:nowrap}.field-camera #zoomTarget{font-size:11px;padding:6px;white-space:nowrap}.guide-nav-dock #guideShow{margin:0}.coach #guideAll{margin-top:6px}