/* The text controls and live tape are the keyboard/Flat equivalent of the physical machine. */
.turing-live{padding:10px 12px;background:#121e34;border:1px solid #42506a;border-radius:6px;margin:0 0 12px}
#turing-experiment .tape-readout{margin:0 0 8px;flex-wrap:wrap}
#turing-experiment .tape-value{margin-left:3px;white-space:normal;flex:1;min-width:80px;line-height:1.4}
.turing-prediction{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 10px;margin-bottom:10px}
.turing-prediction label{font-size:12px;line-height:1.5;display:grid;gap:4px;min-width:0}
.turing-prediction input{width:100%;min-width:0;background:#19273e;border:1px solid #74839b;border-radius:4px;color:#edf2ff;padding:7px 9px;font:15px monospace;min-height:38px}
.turing-prediction small{grid-column:1/-1;font-size:10px;line-height:1.45;color:#b8c5dc}
#turing-experiment button{background:#233854;border:1px solid #6d86aa;padding:7px 10px;min-height:38px;border-radius:4px;font-size:12px;color:#ecf2ff}
#turing-experiment button:disabled{cursor:default;opacity:.5}
#turing-experiment button:focus-visible,#turing-experiment input:focus-visible,#turing-experiment select:focus-visible,#turing-experiment textarea:focus-visible,#turing-result:focus-visible{outline:2px solid #b6d2ff;outline-offset:3px}
#turing-commit{grid-column:1/-1;background:#2455a1!important}
.turing-playback,.turing-followup{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}
#turing-playback-status{font-size:10px;line-height:1.4;align-self:center;color:#b6c8e4;flex:1;min-width:105px}
#turing-result{font-size:13px;line-height:1.5;margin:10px 0 8px;min-height:0}
#turing-result[data-correct=false]{border-left:2px solid #e2ad76;padding-left:8px}
.turing-trace,.turing-record{font-size:11px;line-height:1.5;margin:8px 0;color:#c6d4e7}
.turing-trace summary,.turing-record summary{min-height:28px;padding:5px 0}
.turing-trace ol,.turing-record ol{padding-left:22px;margin:5px 0 0;max-height:160px;overflow:auto}
.turing-trace li,.turing-record li{padding:3px 0}
.turing-trace li.is-inspected{background:#29425c;outline:1px solid #a7d9eb;padding:5px;margin:3px 2px}
#turing-experiment .bit.trace-cell{outline:2px solid #f4ca91;outline-offset:3px}
#turing-experiment [data-turing-part][aria-pressed=true]{background:#365576;border-color:#c0dce8}
.turing-inspection-link{border-left:2px solid #f4ca91;padding-left:9px;font-size:11px;line-height:1.5;color:#e2ecf7}
body[data-view=flat] #turing-experiment .experiment-question{margin-top:8px}
body[data-view=flat] #turing-experiment .bit{width:42px;height:44px;font-size:25px}
body[data-view=flat] #turing-experiment .tape-value{font-size:12px}
@media(max-width:700px){
 .turing-live{position:sticky;top:66px;z-index:3;box-shadow:0 5px 10px #0b1326}
 body[data-room=turing][data-inspecting=true] #scene{position:relative;top:auto}
 #turing-experiment .turing-live .rule-note{font-size:10px}
 #turing-experiment .tape-readout{gap:5px}
 #turing-experiment .bit{width:35px!important;height:36px!important;font-size:23px!important}
 #turing-experiment .tape-value{font-size:11px!important}
 .turing-prediction{gap:7px 9px}
 #turing-result{font-size:12px}
}

/* Evidence check stays beside the same committed tape in 3D and Flat. */
.turing-evidence-progress{font-size:11px;line-height:1.45;color:#b8dcd7;border-left:2px solid #7bbeb1;padding-left:8px;margin:7px 0 12px}
.turing-explanation{margin:12px 0;padding:12px;background:#132b31;border:1px solid #5b9294;border-radius:6px;display:grid;gap:9px;min-width:0}
.turing-explanation[hidden]{display:none}
.turing-explanation h4{font-size:14px;line-height:1.4;margin:0;color:#e4faf2}
.turing-explanation>p{font-size:11px;line-height:1.5;margin:0;color:#c9ddd9}
.turing-explanation label{display:grid;gap:4px;font-size:11px;line-height:1.45;min-width:0}
.turing-explanation select,.turing-explanation textarea{font:inherit;background:#12202e;border:1px solid #809ba6;border-radius:4px;color:#edf7fa;padding:9px 7px;width:100%;max-width:100%;min-width:0;min-height:42px}
.turing-explanation textarea{resize:vertical;font:12px/1.45 sans-serif}
.turing-explanation select{font:12px/1.45 sans-serif}
.turing-explanation small{display:block;font-size:10px;line-height:1.5;color:#bacfd0;margin:5px 0}
.turing-own-words summary{font-size:11px;line-height:1.5;min-height:32px;padding:7px 0;cursor:pointer}
.turing-own-words label+label{margin-top:7px}
#turing-check-explanation{background:#234b4a;border-color:#8ebcb2;text-align:left}
.turing-explanation .turing-explanation-feedback{font-size:12px;line-height:1.55}
.turing-explanation-feedback[data-correct=false]{border-left:2px solid #e2ad76;padding-left:8px}
.turing-explanation-feedback[data-correct=true]{border-left:2px solid #8bd4ac;padding-left:8px}
.turing-legacy-evidence{font-size:11px;line-height:1.5;color:#c2d3e1}
#turing-attempts ol{max-height:none;overflow:visible;margin-top:4px;border-left:1px solid #63798f;padding-left:15px}
@media(max-width:700px){
 #turing-experiment button{min-height:44px}
 .turing-prediction label{font-size:11px}
 .turing-prediction input{padding:7px;min-height:44px}
 .turing-explanation{padding:10px}
 .turing-explanation select,.turing-explanation textarea{font-size:16px;min-height:44px}
}

.turing-recovery{padding:10px 12px;margin:8px 0 12px;border:1px solid #d9b37d;border-radius:6px;background:#302a25;color:#f7e7cd;font-size:12px;line-height:1.5}
.turing-recovery[hidden]{display:none}
.turing-recovery p{margin:0 0 9px}