#ride-hub[hidden]{display:none!important}#ride-hub{position:fixed;inset:0;z-index:9000;overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 85% 8%,#204943 0,transparent 48%),#0c191e;color:#f1f4ea;font-family:Arial,Helvetica,sans-serif}#ride-hub button{font:inherit}#ride-hub button:focus-visible,#ride-hub a:focus-visible{outline:3px solid #f8cc7b;outline-offset:5px}.hub-shell{max-width:1340px;margin:auto;padding:28px 48px 40px}.hub-top{display:flex;align-items:center;justify-content:space-between}.hub-top>a{font-size:14px;font-weight:800;letter-spacing:3px;text-decoration:none}.hub-top>a span{font-size:11px;letter-spacing:.5px;color:#a6c0b7;margin-left:24px}.hub-close{width:42px;height:42px;border-radius:50%;background:#ffffff0c;border:1px solid #a1c5b93b;font-size:28px!important}.hub-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:410px;gap:24px}.hub-kicker{display:block;color:#a0d9c6;letter-spacing:3px;font-size:11px;margin-top:25px}#ride-hub h1{font-size:clamp(42px,5.2vw,74px);line-height:1.02;letter-spacing:-3.5px;margin:20px 0}#ride-hub h1 em{color:#a0dfbd}#ride-hub p{color:#abc0bb;max-width:540px;font-size:15px;line-height:1.65}.hub-play{display:inline-flex;gap:48px;justify-content:space-between;background:#b3ebbb;color:#10291f;padding:19px 24px;border-radius:16px;margin:14px 8px 10px 0;font-weight:800!important;transition:transform .18s,box-shadow .18s}.hub-play:hover{transform:translateY(-3px);box-shadow:0 12px 36px #9af6af20}.hub-setup{display:block;background:none;padding:10px 0;color:#c0d3ca;font-size:12px!important}.hub-visual{position:relative;min-height:330px;display:grid;place-items:center;isolation:isolate}.hub-visual img{width:105%;height:330px;object-fit:contain;filter:drop-shadow(0 20px 30px #0006);z-index:1}.hub-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #a8d5b82b;border-radius:50%;background:radial-gradient(circle,#a0d4b918,transparent 70%)}.hub-orbit:after{content:'';position:absolute;inset:28px;border:1px dashed #a8d5b82b;border-radius:50%}.hub-coordinate{position:absolute;top:15px;right:0;font:10px monospace;color:#98b3a5;letter-spacing:2px}.hub-coordinate b{display:block;color:#e9efdf;text-align:right;font-size:24px;margin-top:10px}.hub-pill{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:30px;border:1px solid #ffffff29;background:#152c24;padding:11px 17px;font-size:11px;z-index:2}.hub-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #b2d2bd25;margin:16px 0 30px;padding:21px 0;gap:12px}.hub-stats>div{padding-left:22px;border-left:1px solid #b2d2bd25}.hub-stats>div:first-child{padding:0;border:0}.hub-stats strong{font-size:27px;display:block;letter-spacing:-1px}.hub-stats span{font-size:11px;color:#92afa3;display:block;margin-top:5px}.hub-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.hub-section-title{display:flex;gap:10px;justify-content:space-between;align-items:center}.hub-section-title h2{font-size:21px;letter-spacing:-.7px;margin:8px 0 18px}.hub-section-title>span{font:10px monospace;color:#7d9a8d;letter-spacing:2px}.hub-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hub-modes button{position:relative;min-height:145px;text-align:left;border:1px solid #a9d0b72b;border-radius:18px;background:linear-gradient(135deg,#2441397a,#162923);padding:20px;color:#ebf3e6;transition:background .2s,transform .2s}.hub-modes button:hover{background:#2c4c3e;transform:translateY(-3px)}.hub-modes b{color:#a9d6b8;font:11px monospace}.hub-modes strong{display:block;font-size:18px;margin:14px 0 8px}.hub-modes span{display:block;font-size:11px;color:#a9bbb0;line-height:1.45;max-width:90%}.hub-modes i{position:absolute;right:17px;top:18px;color:#a9d6b8;font-style:normal}.hub-daily>small{color:#8ca79a;font-size:10px;display:block;margin:-4px 0 12px}.hub-goals article{position:relative;border-top:1px solid #b2d2bd25;padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center}.hub-goals article>div{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px}.hub-goals strong{font-size:13px}.hub-goals small{font-size:10px;color:#9fb5a8}.hub-goals progress{width:100%;height:5px;border:0;accent-color:#b5e6ac;border-radius:5px;grid-row:2;grid-column:1/-1;background:#ffffff12}.hub-goals progress::-webkit-progress-bar{background:#ffffff12;border-radius:5px}.hub-goals progress::-webkit-progress-value{background:#b5e6ac;border-radius:5px}.hub-goals button{font-size:11px!important;background:#b2e9bd;color:#15291c;border-radius:8px;padding:7px 12px}.hub-goals button:disabled{background:#ffffff0a;color:#8fa393;cursor:default}.hub-passport{margin-top:32px;border-top:1px solid #b2d2bd25;padding-top:20px}.hub-passport p{font-size:12px!important;max-width:none!important;margin:0 0 15px}.hub-stamps{display:flex;gap:8px;flex-wrap:wrap}.hub-stamps span{font-size:11px;color:#8c9f93;border:1px solid #ffffff15;border-radius:30px;padding:10px 13px}.hub-stamps span.visited{border-color:#b5e6ac66;color:#c6ecc0;background:#b5e6ac0b}.hub-bottom{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #b2d2bd25;padding-top:24px;margin-top:30px;font-size:11px;color:#819b8b}.hub-bottom a{white-space:nowrap;color:#bddeb9}#ride-hub-open{border-radius:22px!important;border:1px solid #aad3b863!important;color:#d8ebcd!important;background:#1c332b!important}body:not(.playing) #intro,body:not(.playing) #fleet{border-radius:24px}body.playing .career-hud{backdrop-filter:blur(8px)}.mission-card{border-radius:18px!important}.mission-card button{border-radius:10px!important}.phone-tabs button{border-radius:10px!important}
@media(max-width:760px){.hub-shell{padding:18px 20px 28px}.hub-top>a{font-size:11px;letter-spacing:2px}.hub-top>a span{display:none}.hub-hero{grid-template-columns:1fr;gap:0;min-height:0}#ride-hub h1{font-size:46px;letter-spacing:-2.5px;margin:18px 0 12px}.hub-kicker{font-size:9px}.hub-hero p{font-size:13px!important;margin-bottom:8px}.hub-play{width:100%;padding:18px 20px;margin-top:12px}.hub-setup{width:100%;text-align:center}.hub-visual{min-height:190px;height:190px;overflow:hidden}.hub-visual img{height:210px;width:90%}.hub-orbit{width:70%;top:5px}.hub-coordinate{top:10px;font-size:8px}.hub-coordinate b{font-size:18px}.hub-pill{bottom:4px;font-size:9px;padding:8px 12px}.hub-stats{margin:10px 0 18px;padding:17px 0}.hub-stats strong{font-size:21px}.hub-stats>div{padding-left:10px}.hub-stats span{font-size:9px}.hub-layout{grid-template-columns:1fr;gap:24px}.hub-modes button{min-height:130px;padding:16px}.hub-modes strong{font-size:16px}.hub-section-title h2{font-size:20px}.hub-passport{margin-top:24px}.hub-bottom{flex-direction:column;line-height:1.5}.hub-close{width:36px;height:36px}#ride-hub-open{font-size:10px!important;padding:10px!important}}
@media(prefers-reduced-motion:reduce){#ride-hub *{transition:none!important;animation:none!important}}
/* Menu motion stays on compositor-friendly transforms and respects reduced motion. */
.hub-shell{animation:hub-arrive .5s ease-out both}.hub-hero>div:first-child{animation:hub-arrive .65s ease-out both}.hub-visual{perspective:900px}.hub-visual>img{transform:rotateY(var(--hub-x,0deg)) rotateX(var(--hub-y,0deg));transition:transform .22s ease-out,filter .25s;animation:hub-float 7s ease-in-out infinite}.hub-orbit{animation:hub-breathe 6s ease-in-out infinite}.hub-radar{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#b3eab50d 35deg,transparent 60deg);animation:hub-sweep 24s linear infinite;pointer-events:none}.hub-coordinate{animation:hub-arrive .8s ease-out both}.hub-pill:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#b2f4b7;margin-right:7px;box-shadow:0 0 10px #b2f4b7}.hub-models{position:absolute;z-index:3;left:12px;top:18px;display:flex;gap:6px}.hub-models button{position:relative;background:#14291fe0;border:1px solid #a3c6ad45;border-radius:30px;padding:9px 15px;font:11px Arial!important;overflow:hidden}.hub-models button[aria-pressed=true]{background:#b5e5b9;color:#122c1e;border-color:#b5e5b9}.hub-models button:hover{border-color:#b5e5b9}.hub-modes button{overflow:hidden;animation:hub-arrive .5s ease-out both}.hub-modes button:nth-child(2){animation-delay:.06s}.hub-modes button:nth-child(3){animation-delay:.12s}.hub-modes button:nth-child(4){animation-delay:.18s}.hub-modes button i:not(.hub-tap-wave){transition:transform .2s}.hub-modes button:hover i:not(.hub-tap-wave),.hub-modes button:focus-visible i:not(.hub-tap-wave){transform:translateX(4px)}.hub-modes button.previewed{border-color:#b0deb082;background:linear-gradient(135deg,#345a4377,#162923)}.hub-mode-note{font-size:11px!important;min-height:42px;max-width:none!important;padding:10px 0;border-bottom:1px solid #b2d2bd25}.hub-stamps button{position:relative;border-radius:30px;padding:10px 13px;font-size:11px!important;color:#a2b6a8;border:1px solid #ffffff22;background:transparent;transition:transform .18s,border-color .18s,background .18s;overflow:hidden}.hub-stamps button.visited{border-color:#b5e6ac66;color:#c6ecc0;background:#b5e6ac0b}.hub-stamps button:hover{transform:translateY(-2px);border-color:#b5e6ac;background:#b5e6ac10}.hub-play,.hub-close,.hub-goals button{position:relative;overflow:hidden}.hub-play span{transition:transform .2s}.hub-play:hover span{transform:translate(3px,-3px)}.hub-play:active,.hub-modes button:active,.hub-models button:active{transform:scale(.97)}.hub-tap-wave{position:absolute!important;width:12px;height:12px;border-radius:50%;background:#b9efc23d;transform:translate(-50%,-50%);animation:hub-wave .5s ease-out both;pointer-events:none}.hub-play .hub-tap-wave{background:#fff7}@keyframes hub-wave{to{transform:translate(-50%,-50%) scale(35);opacity:0}}@keyframes hub-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}@keyframes hub-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes hub-sweep{to{rotate:360deg}}@keyframes hub-breathe{0%,100%{scale:1;opacity:.65}50%{scale:1.025;opacity:1}}
@media(max-width:760px),(pointer:coarse){.hub-visual>img,.hub-orbit,.hub-radar{animation:none}.hub-visual>img{transform:none}.hub-models{top:5px;left:0}.hub-models button{padding:7px 12px}.hub-mode-note{min-height:48px}.hub-visual img{width:84%}}
@media(prefers-reduced-motion:reduce){#ride-hub *,#ride-hub *:before,#ride-hub *:after{animation:none!important;transition:none!important;translate:none!important;rotate:none!important;scale:none!important}.hub-visual>img{transform:none!important}}

.hub-top .hub-install{margin-left:auto;margin-right:18px;color:#8ce4d8;font-size:11px;letter-spacing:0;white-space:nowrap}@media(max-width:600px){.hub-top .hub-install{font-size:9px;margin-right:10px}}