.carpass-road{min-width:0}.carpass-road-controls{display:flex;gap:6px;flex:none}.carpass-road-controls .button{min-width:42px}.carpass-scroll-hint{margin-bottom:12px}.carpass-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:5px 0 18px;scrollbar-color:var(--muted) var(--soft);touch-action:pan-x pan-y}.carpass-step{position:relative;flex:0 0 154px;min-width:0;scroll-snap-align:start}.carpass-step.is-car{flex-basis:250px}.carpass-step-level{position:relative;height:42px;display:flex;align-items:center;color:var(--muted)}.carpass-step-level::before{content:'';position:absolute;left:0;right:-10px;top:20px;height:2px;background:var(--line)}.carpass-step.is-earned .carpass-step-level::before{background:var(--accent)}.carpass-step-level span{position:relative;z-index:1;display:grid;place-items:center;min-width:34px;height:34px;padding:0 5px;background:var(--surface);border:2px solid var(--line);border-radius:50%;font-weight:700;font-size:13px}.carpass-step.is-earned .carpass-step-level span,.carpass-step.is-next .carpass-step-level span{border-color:var(--accent);color:var(--accent-text)}.carpass-reward{height:300px;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:8px;border-bottom:3px solid transparent}.carpass-step.is-earned .carpass-reward{border-bottom-color:var(--accent)}.carpass-step.is-next .carpass-reward{background:var(--soft)}.carpass-step.is-car .carpass-reward{border-bottom-color:var(--accent)}.carpass-reward-icon{font-size:32px;line-height:1.2;margin-bottom:4px}.carpass-reward-items{display:grid;gap:5px;font-size:14px}.carpass-car-name{font-size:16px}.carpass-car-ability{font-size:12px;line-height:1.35;color:var(--muted)}.carpass-reward-status{margin-top:auto;color:var(--muted);font-size:12px}.carpass-step.is-earned .carpass-reward-status,.carpass-step.is-next .carpass-reward-status{color:var(--accent-text)}@media(max-width:650px){.carpass-step{flex-basis:140px}.carpass-step.is-car{flex-basis:230px}.carpass-reward{height:300px;padding:13px}.carpass-road-controls .button{min-width:38px}.carpass-scroll-hint{font-size:12px}}
.carpass-arrow-vertical{display:none}
@media(orientation:portrait){
 .carpass-arrow-horizontal{display:none}.carpass-arrow-vertical{display:inline}
 .carpass-track{flex-direction:column;gap:8px;max-height:min(65vh,720px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y proximity;padding:5px 0 14px}
 .carpass-step,.carpass-step.is-car{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;flex:0 0 auto}
 .carpass-step-level{height:100%;justify-content:center;align-items:flex-start;padding-top:12px}
 .carpass-step-level::before{left:50%;right:auto;top:0;bottom:-8px;width:2px;height:auto}
 .carpass-reward{height:auto;min-height:120px;padding:14px}
}

.carpass-car-prizes{display:flex;flex-wrap:wrap;gap:4px 9px;font-size:12px}
