.career-card{margin-top:22px;padding:23px 25px;border:1px solid #5c4940;border-radius:11px;background:linear-gradient(120deg,#27211e,#141c27 70%)}
.career-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.career-card-heading .text-button{font-size:12px;min-height:40px;white-space:nowrap}
.career-card h2{font:500 29px Oswald;margin:5px 0 10px}.career-card p{font-size:14px;color:#c5cfdb;line-height:1.65;margin:8px 0}
.career-card-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;font-size:13px;color:#cad5e1}.career-card-meta b{color:#ffb48c;white-space:nowrap}
.career-meter{height:6px;border-radius:5px;background:#34404d;overflow:hidden}.career-meter span{display:block;height:100%;background:#ff895f;border-radius:5px}
.career-tip{display:flex;gap:8px;align-items:flex-start!important;font-size:13px!important;color:#9eb6cb!important;line-height:1.65!important}
.career-tip svg{flex-shrink:0;width:16px;height:18px;margin-top:2px}
.career-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px}.career-card-actions>span{font-size:12px;color:#acb9c9;white-space:nowrap}.career-card .primary{min-height:48px;gap:14px}
.career-graduate{display:flex;align-items:center;gap:20px}.career-graduate>svg{width:42px;height:42px;color:#ffb57f;flex-shrink:0}.career-graduate .secondary{margin-left:auto}
.career-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:26px;border:1px solid #425368;border-radius:12px;background:radial-gradient(ellipse at 0 0,#263a4a,transparent 70%),#121923}
.career-overview>div>svg{display:block;width:32px;height:32px;color:#9bdeed;margin-bottom:16px}.career-overview h2{font:500 32px/1.25 Oswald;margin:12px 0}.career-overview p{font-size:14px;line-height:1.75;color:#bacadb;max-width:550px;margin-bottom:0}
.career-overview .eyebrow{color:#a9c2d6}.career-overview .career-meter{grid-column:1/-1}
.career-overview-stats{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:right}.career-overview-stats strong{font:500 56px/1 Oswald;color:#a2e7f5}.career-overview-stats small{font-size:24px;color:#7f98ac}.career-overview-stats span{font-size:13px;color:#c6d0dd}.career-overview-stats b{font-size:14px;color:#ffbc99}
.career-overview.graduated{border-color:#b78549;background:radial-gradient(ellipse at 0 0,#3d3021,transparent 80%),#14191e}
.career-list{display:grid;gap:13px;margin-top:23px}
.career-quest{display:flex;gap:20px;border:1px solid #303d4c;border-radius:10px;padding:24px;background:#121821}
.quest-number{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:1px solid #596577;background:#1d2632;color:#b6c4d6;flex-shrink:0;font:500 22px Oswald}
.quest-body{flex:1;min-width:0}.quest-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.quest-state{font-size:10px;letter-spacing:1.2px;color:#afbbc9}.quest-reward{font-size:12px;color:#c8d2df}
.career-quest h2{font-size:19px;margin:13px 0 8px;line-height:1.35}.career-quest p{font-size:14px;line-height:1.65;color:#b4c3d4;margin:8px 0}
.quest-progress{font-size:13px;color:#d6e0ea;margin:15px 0}.quest-unlock{display:block;font-size:12px;color:#9baabe;margin-top:13px}.career-quest .primary{margin-top:9px;min-height:48px}
.career-quest.active{border-color:#df8a67;background:linear-gradient(110deg,#24201e,#161e29 65%)}.active .quest-number{border-color:#e99169;color:#ffb087;background:#3a2a23}.active .quest-state,.active .quest-reward{color:#ffb48f}
.career-quest.complete .quest-number{color:#9ce6c7;border-color:#477a6b;background:#182d28}.complete .quest-state{color:#9de3c6}.career-quest.locked{background:#10151c}.locked .quest-number{border-style:dashed}
.career-race-note{display:flex;gap:9px;margin:8px 0 4px;padding:12px;border:1px solid #63513b;border-radius:7px;background:#28231b;color:#e2d3bd;text-align:left}
.career-race-note>svg{width:18px;height:18px;flex-shrink:0;color:#ffb884}.career-race-note strong{font-size:12px;color:#ffc499}.career-race-note p{font-size:12px;line-height:1.5;margin:5px 0 0}.career-race-note small{display:block;font-size:11px;color:#d1c6b7;margin-top:6px}
.result .career-result-reward{color:#ffbc94;font-size:14px}.career-target{outline:2px solid #e99772;outline-offset:3px}
.hero{background:linear-gradient(90deg,#10141b99,#10141b11),url('/assets/garage-bay.webp') center/cover;isolation:isolate}
.hero:after{z-index:0;background:linear-gradient(90deg,#10141bf5 2%,#10141ba6 32%,transparent 69%),linear-gradient(0deg,#10141b8c,transparent 45%)}
.hero:before{content:'';position:absolute;left:39%;right:5%;bottom:53px;height:20px;background:#0009;filter:blur(8px);border-radius:50%;z-index:1}
.hero-image{width:64%;right:3%;top:auto;bottom:65px;height:auto;max-height:58%;object-fit:contain;z-index:2;filter:drop-shadow(0 6px 3px #0006)}
.hero-copy{z-index:3;width:42%;padding:28px}.hero-copy h2{font-size:clamp(38px,4vw,58px)}.hero-copy p{color:#cfdae6}
.hero-number{color:#adbbc519;z-index:1}.hero-bottom{z-index:3;color:#b8c7d4}.owned-row img{object-fit:contain;background:none;border-radius:0;filter:drop-shadow(0 3px 2px #0007)}
.car-card>img{object-fit:contain;padding:14px;min-width:0}.tuning-header img{object-fit:contain;filter:drop-shadow(0 4px 3px #0006)}
#navigation{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:5px;padding-right:5px}.nav-button{min-width:0;min-height:58px;padding:8px 2px;font-size:11px}.nav-button span{white-space:nowrap}

 .career-card{padding:17px 15px}.career-card-heading{align-items:flex-start;gap:8px}.career-card-heading .eyebrow{font-size:9px;line-height:1.6;max-width:145px}.career-card-heading .text-button{min-height:32px;font-size:11px;padding-top:0}
 .career-card h2{font-size:27px}.career-card p{font-size:13px}.career-card-meta{font-size:12px;align-items:flex-start;gap:10px}.career-card-meta>span{max-width:65%}
 .career-card-actions{flex-direction:column;align-items:stretch;gap:12px}.career-card-actions>span{text-align:center}.career-card .primary{width:100%;padding:13px 10px;font-size:13px}
 .career-graduate{flex-wrap:wrap;gap:12px}.career-graduate>div{flex:1;min-width:190px}.career-graduate .secondary{width:100%}
 .career-overview{grid-template-columns:1fr;padding:20px;gap:20px}.career-overview h2{font-size:29px}.career-overview p{font-size:13px}
 .career-overview-stats{text-align:left;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 20px}.career-overview-stats strong{grid-row:1/3;font-size:49px}.career-overview-stats span{font-size:12px}.career-overview-stats b{font-size:12px}
 .career-quest{padding:18px 13px;gap:11px}.quest-number{width:32px;height:32px;font-size:18px}.quest-heading{gap:7px}.quest-state{font-size:9px}.quest-reward{font-size:11px}
 .career-quest h2{font-size:17px}.career-quest p{font-size:13px}.career-quest .primary{width:100%;font-size:12px;padding:12px 8px;gap:8px}
 .hero{min-height:430px;background-position:60% center}.hero:after{background:linear-gradient(180deg,#10141bd9 0%,#10141b22 48%,#10141ba6 100%)}
 .hero-copy{width:100%;padding:24px}.hero-copy h2{font-size:46px}.hero-image{width:94%;right:3%;top:auto;bottom:112px;height:auto;max-height:145px}
 .hero:before{left:8%;right:8%;bottom:102px;height:16px}.hero-copy .car-class{z-index:4}.hero-bottom{bottom:84px}

@media(max-width:350px){.nav-button{font-size:10px}.career-overview{padding:17px}.career-quest{gap:9px;padding:16px 10px}.quest-number{width:28px;height:28px}.career-tip{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.career-meter span{transition:none}.career-target{scroll-behavior:auto}}