/* v1.3.20: AI controls on the actual SELECT COURSE / HIGH SPEED map only. */
#onlineCoursePicker .coursePickerAiMode[hidden]{display:none!important}
#onlineCoursePicker.practice-ai .coursePreviewCard{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:10px;align-items:stretch}
#onlineCoursePicker.practice-ai .coursePreviewTitle{grid-column:1/-1;margin-bottom:0}
#onlineCoursePicker.practice-ai .coursePreviewCanvas{width:100%;height:220px;min-width:0;box-sizing:border-box}
#onlineCoursePicker.practice-ai .coursePreviewDrivers{display:none}
#onlineCoursePicker .coursePickerAiMode{min-width:0;box-sizing:border-box;padding:12px;border:1px solid rgba(244,184,43,.55);border-radius:9px;background:linear-gradient(160deg,#211b0c,#090c0e);color:#f4e5bc}
#onlineCoursePicker .coursePickerAiHead{font:1000 18px/1.1 "Arial Black","Yu Gothic UI",sans-serif;letter-spacing:.07em;color:#ffda67}
#onlineCoursePicker .coursePickerAiHead span{display:block;margin-top:5px;font:900 9px/1.2 ui-monospace,Consolas,monospace;color:#c8b98b}
#onlineCoursePicker .coursePickerAiHelp{margin:9px 0;font:800 10px/1.35 "Yu Gothic UI",Meiryo,sans-serif;color:#d6cbb3}
#onlineCoursePicker .coursePickerAiButtons{display:grid;grid-template-columns:1fr;gap:6px}
#onlineCoursePicker .coursePickerAiButtons button{display:block;width:100%;min-width:0;min-height:43px;margin:0;padding:7px 5px!important;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:#172027;color:#e5edf0;box-shadow:none;font:1000 13px/1 "Arial Black",sans-serif;letter-spacing:.07em;touch-action:manipulation}
#onlineCoursePicker .coursePickerAiButtons button.active{background:#f4b82b;color:#211500;border-color:#fff0a2;box-shadow:0 0 14px rgba(244,184,43,.22)}
#onlineCoursePicker .coursePickerAiCurrent{margin-top:9px;font:900 9px/1.4 ui-monospace,Consolas,monospace;color:#ffe6a0;text-align:center}
@media(max-width:720px){
 #onlineCoursePicker.practice-ai .coursePreviewCard{grid-template-columns:minmax(0,1fr);gap:8px}
 #onlineCoursePicker.practice-ai .coursePreviewCanvas{height:clamp(105px,19dvh,155px)}
 #onlineCoursePicker .coursePickerAiMode{padding:9px}
 #onlineCoursePicker .coursePickerAiHead{font-size:15px}
 #onlineCoursePicker .coursePickerAiHead span{display:inline;margin-left:8px;font-size:8px}
 #onlineCoursePicker .coursePickerAiHelp{margin:5px 0 7px}
 #onlineCoursePicker .coursePickerAiButtons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #onlineCoursePicker .coursePickerAiButtons button{min-height:45px}
 #onlineCoursePicker .coursePickerAiCurrent{margin-top:6px}
}
@media(max-height:500px) and (orientation:landscape){
 #onlineCoursePicker.practice-ai .coursePickerPanel{padding:9px;max-height:96dvh}
 #onlineCoursePicker.practice-ai .coursePickerHead strong{font-size:20px}
 #onlineCoursePicker.practice-ai .coursePickerHead span{margin-top:2px}
 #onlineCoursePicker.practice-ai .coursePreviewCard{margin-top:7px;padding:7px;grid-template-columns:minmax(0,1fr) 210px;gap:7px}
 #onlineCoursePicker.practice-ai .coursePreviewCanvas{height:186px}
 #onlineCoursePicker.practice-ai .coursePickerAiMode{padding:7px}
 #onlineCoursePicker.practice-ai .coursePickerAiHead{font-size:14px}
 #onlineCoursePicker.practice-ai .coursePickerAiHelp{margin:4px 0;font-size:8px}
 #onlineCoursePicker.practice-ai .coursePickerAiButtons{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 #onlineCoursePicker.practice-ai .coursePickerAiButtons button{min-height:44px;font-size:9px;padding:4px 1px!important}
 #onlineCoursePicker.practice-ai .coursePickerAiCurrent{margin-top:5px;font-size:8px}
 #onlineCoursePicker.practice-ai #onlineCourseConfirm{min-height:44px}
}
#onlineCoursePicker.practice-ai #onlineCourseConfirm{display:block;width:100%;min-width:0;min-height:48px;margin:10px 0 0;padding:10px 5px!important;border:1px solid rgba(255,164,156,.95);border-radius:6px;background:linear-gradient(180deg,#ff5d52,#d91f17);color:#fff;box-shadow:0 0 18px rgba(255,58,48,.22);font:1000 12px/1.2 "Arial Black",sans-serif;letter-spacing:.04em;touch-action:manipulation}
#onlineCoursePicker.practice-ai #onlineCourseConfirm:disabled,#onlineCoursePicker.practice-ai #onlineCourseConfirm.blocked{background:#050708;color:#485057;border-color:#171c1f;box-shadow:none}
#onlineCoursePicker.practice-ai .coursePickerActions{grid-template-columns:1fr}
#onlineCoursePicker.practice-ai #onlineCourseCancel{width:100%}