/* v1.5.93: course action beside map + true local HARUNA/TSUKUBA practice + deferred ranking probe for lighter startup. */
#onlineCoursePicker.side-launch .coursePreviewCard{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:10px;align-items:stretch}
#onlineCoursePicker.side-launch .coursePreviewTitle{grid-column:1/-1;margin-bottom:0}
#onlineCoursePicker.side-launch .coursePreviewCanvas{width:100%;height:220px;min-width:0;box-sizing:border-box}
#onlineCoursePicker.side-launch .coursePreviewDrivers{grid-column:1/-1;margin-top:0}
#onlineCoursePicker .coursePickerLaunchMode{min-width:0;box-sizing:border-box;padding:12px;border:1px solid rgba(80,220,255,.38);border-radius:9px;background:linear-gradient(160deg,#0d222a,#070b0d);color:#dff9ff;display:flex;flex-direction:column}
#onlineCoursePicker .coursePickerLaunchMode[hidden]{display:none!important}
#onlineCoursePicker .coursePickerLaunchHead{font:1000 18px/1.1 "Arial Black","Yu Gothic UI",sans-serif;letter-spacing:.07em;color:#7cecff}
#onlineCoursePicker .coursePickerLaunchHelp{margin:7px 0 10px;color:#9ab3ba;font:800 10px/1.35 "Yu Gothic UI",Meiryo,sans-serif}
#onlineCoursePicker .coursePickerLaunchState{min-height:44px;padding:8px;border:1px solid rgba(255,255,255,.10);border-radius:6px;background:rgba(0,0,0,.28);color:#cbdce0;font:900 9px/1.45 ui-monospace,Consolas,monospace;text-align:center}
#onlineCoursePicker.side-launch #onlineCourseConfirm{display:block;width:100%;min-width:0;min-height:50px;margin:auto 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.side-launch #onlineCourseConfirm.challenge{border-color:#ffe09a;background:linear-gradient(180deg,#ffd65b,#e89b17);color:#1a1000;box-shadow:0 0 22px rgba(255,189,46,.2)}
#onlineCoursePicker.side-launch #onlineCourseConfirm:disabled,#onlineCoursePicker.side-launch #onlineCourseConfirm.blocked{background:#050708;color:#485057;border-color:#171c1f;box-shadow:none}
#onlineCoursePicker .coursePickerBeginnerBtn,#onlineCoursePicker .coursePickerOfflineBtn{width:100%;min-height:42px;margin:7px 0 0;padding:8px;border-radius:6px;box-shadow:none;font:1000 10px/1.15 ui-monospace,Consolas,monospace;letter-spacing:.05em}
#onlineCoursePicker .coursePickerBeginnerBtn{border:1px solid rgba(255,216,90,.82);background:linear-gradient(180deg,#6c4b08,#2b1d02);color:#fff0a1;box-shadow:0 0 16px rgba(255,205,52,.13)}
#onlineCoursePicker .coursePickerBeginnerBtn:disabled{opacity:.42;filter:saturate(.55);cursor:not-allowed}
#onlineCoursePicker .coursePickerOfflineBtn{border:1px solid rgba(126,240,180,.55);background:#10271f;color:#a7ffd0}
#onlineCoursePicker .coursePickerBeginnerBtn[hidden],#onlineCoursePicker .coursePickerOfflineBtn[hidden]{display:none!important}
#onlineCoursePicker.side-launch .coursePickerActions{grid-template-columns:1fr}
#onlineCoursePicker.side-launch #onlineCourseCancel{width:100%}
.accountOfflinePractice{margin:12px 0 4px;padding:10px;border:1px solid rgba(126,240,180,.28);border-radius:8px;background:rgba(30,100,69,.08)}
.accountOfflineTitle{color:#baffd6;font:1000 11px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.06em;text-align:center}.accountOfflineTitle span{display:block;margin-top:4px;color:#7ba991;font-size:8px}
.accountOfflineButtons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.accountOfflineButtons button{min-height:42px;margin:0;border:1px solid rgba(126,240,180,.42);border-radius:6px;background:#10271f;color:#c9ffe2;font:1000 11px/1 ui-monospace,Consolas,monospace}
@media(max-width:720px){
 #onlineCoursePicker.side-launch .coursePreviewCard{grid-template-columns:minmax(0,1fr);gap:8px}
 #onlineCoursePicker.side-launch .coursePreviewCanvas{height:clamp(105px,19dvh,155px)}
 #onlineCoursePicker.side-launch .coursePreviewDrivers{grid-column:auto}
 #onlineCoursePicker .coursePickerLaunchMode{padding:9px}
 #onlineCoursePicker .coursePickerLaunchHead{font-size:15px}
 #onlineCoursePicker.side-launch #onlineCourseConfirm{min-height:46px}
}
@media(max-height:500px) and (orientation:landscape){
 #onlineCoursePicker.side-launch .coursePickerPanel{padding:9px;max-height:96dvh}
 #onlineCoursePicker.side-launch .coursePreviewCard{margin-top:7px;padding:7px;grid-template-columns:minmax(0,1fr) 210px;gap:7px}
 #onlineCoursePicker.side-launch .coursePreviewCanvas{height:186px}
 #onlineCoursePicker.side-launch .coursePickerLaunchMode{padding:7px}
 #onlineCoursePicker.side-launch .coursePickerLaunchHead{font-size:14px}
 #onlineCoursePicker.side-launch .coursePickerLaunchHelp{margin:4px 0;font-size:8px}
 #onlineCoursePicker.side-launch #onlineCourseConfirm{min-height:44px}
}