

/* v1.3.20: UI only. No changes to driving physics, courses or rival parameters. */
.trainingRivalLabel{font-size:12px!important;color:#ffe080!important;letter-spacing:.09em!important}
.trainingRivalHelp{margin:0 0 12px;color:#cbd4d7;font:800 10px/1.45 "Yu Gothic UI",Meiryo,sans-serif}
#trainingSetupOverlay{overflow:auto;overscroll-behavior:contain}
#trainingSetupOverlay .trainingSetupPanel{position:relative}
#trainingSetupOverlay .trainingRivalCard .rivalLevel button{touch-action:manipulation;min-height:53px}
#trainingSetupStart{touch-action:manipulation;min-height:44px}
#trainingSetupClose{touch-action:manipulation;min-height:34px}
@media(max-width:720px){
 #trainingSetupOverlay{padding:8px}
 #trainingSetupOverlay .trainingSetupPanel{width:100%;max-height:calc(100dvh - 16px);padding:12px;overflow-y:auto}
 #trainingSetupOverlay .trainingSetupHead{padding-bottom:8px}
 #trainingSetupOverlay .trainingSetupBody{margin-top:10px}
 #trainingSetupOverlay .trainingRivalHelp{margin-bottom:8px}
 #trainingSetupOverlay .trainingRivalCard .rivalLevel button{min-height:48px;padding:8px 3px!important}
 #trainingSetupOverlay .trainingMapCard canvas{max-height:24dvh;object-fit:contain}
}
@media(max-height:500px) and (orientation:landscape){
 #trainingSetupOverlay .trainingSetupPanel{max-height:calc(100dvh - 12px);padding:10px}
 #trainingSetupOverlay .trainingSetupTitle{font-size:30px}
 #trainingSetupOverlay .trainingSetupBody{margin-top:8px;gap:10px;grid-template-columns:minmax(0,1.5fr) minmax(220px,.72fr)}
 #trainingSetupOverlay .trainingMapCard,#trainingSetupOverlay .trainingRivalCard{padding:8px}
 #trainingSetupOverlay .trainingRivalCard .rivalLevel{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}
 #trainingSetupOverlay .trainingRivalCard .rivalLevel button{text-align:center!important;min-height:44px;padding:6px 2px!important}
 #trainingSetupOverlay .trainingRivalCard .rivalLevel button b{font-size:12px}
 #trainingSetupOverlay .trainingRivalCard .rivalLevel button span{font-size:6px}
 #trainingSetupOverlay .trainingRivalHelp{margin-bottom:5px}
 #trainingSetupOverlay #trainingMapCanvas{max-height:51dvh;object-fit:contain}
 #trainingSetupOverlay #trainingRivalCurrent{margin:6px 0}
 #trainingSetupOverlay #trainingSetupStart{min-height:38px;padding:8px!important;font-size:12px!important}
}

