/* Additional modes share the original Trails interface. */
.track-list{grid-template-columns:repeat(5,1fr)}body[data-game=drift] .track-list{grid-template-columns:repeat(3,1fr)}
.title-copy>.title-drift{margin-top:11px}.title-drift.primary{background:#d9ed99}.title-garage{margin-top:11px}
nav{gap:3px}.nav{padding-left:17px;padding-right:17px}
.shop-filters{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}
.shop-filters button{font:inherit;font-size:12px;border:1px solid #ffffff22;border-radius:6px;background:#21384090;color:#b9c9c7;padding:7px 9px}
.shop-filters button.active{background:#d9ed991c;color:var(--lime);border-color:#d9ed9955}
.shop-item .part-icon{color:var(--swatch)}.shop-item .part-gains{font-size:12px}.shop-item button{font-size:12px;min-width:64px}
.car-row{grid-template-columns:106px 1fr auto;gap:10px}.car-row canvas{width:106px;height:75px;display:block}.car-row .part-gains{white-space:normal;font-size:11px;line-height:1.45}.car-row.selected h3{color:var(--lime)}
#cars .garage-heading p{max-width:330px;font-size:14px;line-height:1.6}
#driftHUD{position:absolute;top:141px;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 10px #132b3455;min-width:190px}
#driftStatus{font-size:10px;letter-spacing:2px;color:var(--lime)}#driftHUD>div:not(.angle-bar){display:flex;align-items:baseline;justify-content:center;gap:13px}#driftChain{font:500 45px 'Outfit',sans-serif;font-variant-numeric:tabular-nums}#driftCombo{font:500 24px 'Outfit',sans-serif;color:var(--lime)}#driftAngle{font-size:12px;color:#e1ebe6}.angle-bar{width:90px;height:3px;background:#ffffff26;margin:8px auto}.angle-bar i{display:block;height:100%;background:var(--lime)}#driftHUD small{font-size:10px;letter-spacing:1px;color:#d4e2dd}#driftHUD small b{margin-left:7px;color:#fff;font-weight:500}
.touch-controls{touch-action:none}#handbrakeTouch{font-size:11px}
@media(max-width:1000px){nav .nav{padding:9px 12px}.nav{gap:6px}}
@media(max-width:800px){.track-list,body[data-game=drift] .track-list{display:flex}.nav{padding:7px 12px!important}.title-copy{top:20%}.title-copy>.title-drift{margin-top:10px}.shop-item .part-gains{font-size:11px}.car-row{grid-template-columns:90px 1fr auto}.car-row canvas{width:90px;height:65px}#driftHUD{top:108px}#driftChain{font-size:36px}#driftStatus{font-size:9px}.touch-controls>div{gap:7px}body[data-game=drift] .touch-controls button{width:52px;height:60px}}
@media(max-height:550px){.title-copy{top:9%}.title-copy h1{font-size:59px;margin:13px 0}.title-copy p{margin-bottom:12px}.title-copy>.primary{padding:10px 16px}.title-copy>.title-drift{margin-top:7px}.title-garage{padding:8px;margin-top:7px}#driftHUD{top:97px}#driftChain{font-size:30px}#driftHUD small{display:none}.touch-controls{left:22%;right:22%}body[data-game=drift] .touch-controls button{width:46px;height:47px}}

@media(max-width:400px){nav{left:12px;right:12px;justify-content:center}nav .nav{padding:7px 9px!important;gap:5px}.nav span{margin-left:0}body[data-game=drift] #partsCount{display:none}}
@media(max-height:400px){.title-copy{top:6%}.title-copy h1{font-size:50px;margin:10px 0}.title-copy p{font-size:14px;margin-bottom:9px}.title-copy>.primary{padding:8px 16px}.title-garage{padding:6px}.title-bottom{font-size:9px}}