/* Solver changes are deliberately limited to the existing mobile breakpoint. */
@media(max-width:800px){
 #app{scroll-margin-top:12px}
 .workspace .panel .kicker,.workspace .panel>h2,.workspace .panel>p{display:none}
 .workspace .panel{padding:12px 16px}.workspace .faces{margin:0 0 10px}
 .workspace .orient{padding-top:10px}.workspace .orient h3{font-size:14px}.workspace .orient p{margin-top:5px}
 .workspace .surface{scroll-margin-top:12px}
 .solution{gap:14px}.solution>.panel{display:none}
 .solution>.surface{overflow:visible;scroll-margin-top:12px}
 .solution .surface-head{padding:12px 16px;border-radius:20px 20px 0 0;background:white}
 .solution .surface-head h2{font-size:16px}.solution .chip{font-size:11px}
 .mobile-instruction{padding:14px 16px 8px;background:white;min-height:194px}
 .mobile-checkpoint{font-size:13px;font-weight:600;color:#6548c5;margin:0 0 8px}
 #app [tabindex="-1"]:focus{outline:none}
 .mobile-instruction .move-big{display:none}.mobile-instruction h2{font-size:25px;margin:5px 0}
 .mobile-instruction .move-desc{font-size:16px;margin:5px 0;line-height:1.4}
 .mobile-instruction .help{margin:5px 0;font-size:12px}
 .mobile-instruction .kicker{font-size:11px}
 .solution .canvas{min-height:0;padding:8px 6px 12px}
 .solution .net{max-width:340px;padding:10px;gap:7px}
 .solution .netface{padding:4px;gap:2px}
 .solution .canvas-caption{margin-top:2px;font-size:11px}
 .solution .surface-bottom{padding:0 14px 16px}
 .solution .readout{font-size:12px;margin-top:10px}.solution .progress{margin:10px 0}
 .solution .actions{position:sticky;bottom:0;z-index:5;background:white;border-top:1px solid var(--line);padding:10px 0 max(10px,env(safe-area-inset-bottom));gap:8px}
 .solution .actions .btn{min-height:48px;padding:11px 10px;flex:1;font-size:13px}
 .mobile-help{padding:12px 14px;background:#faf9fe;border:1px solid var(--line);border-radius:10px;margin:12px 0}
 .mobile-help summary{font-size:14px;font-weight:600;color:#514077}
 .mobile-help .spacer{margin-top:10px}.mobile-help .lesson-panel{margin:12px 0 0;padding:12px}
 .mobile-help .move-list{margin-top:12px}
 .solution .end-actions{margin-top:12px;padding-top:10px}
}