body.taxi-challenge{background:#17131e;color:#f9f2fa;background-image:radial-gradient(ellipse at 70% 35%,#71395136,transparent 60%)}.taxi-challenge .header{padding-top:17px;padding-bottom:10px}.taxi-challenge .header .logo{filter:brightness(0) invert(1)}.taxi-challenge .sound{background:#ffffff09;border-color:#64536d;color:#dfcce6}.taxi-challenge .header-label{color:#bc9ec9}.taxi-challenge .intro{padding:16px 20px 23px}.taxi-challenge .intro h1{font-size:clamp(37px,5vw,63px);margin:13px 0;letter-spacing:-1.8px}.taxi-challenge .intro>p{font-size:18px;margin:13px 0;color:#cab2d3}.taxi-challenge .intro .ride-instruction{font-size:12px;min-height:21px;color:#b5a0bf;margin:13px auto 0}.ride-controls{display:flex;gap:15px;align-items:center;justify-content:center}.taxi-clock{font-variant-numeric:tabular-nums;direction:ltr;font-size:27px;font-weight:600;letter-spacing:1px;color:#f3c5e8}.ride-controls .primary{min-height:45px;padding:10px 22px}.ride-controls .primary:disabled{opacity:.5}.taxi-challenge[data-ride=expired] .taxi-clock{color:#f6839e}.taxi-challenge[data-ride=running] .taxi-clock{color:#77d2d0}.taxi-challenge .stage{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto 220px;gap:18px 40px;max-width:1000px;align-items:center}.taxi-challenge .wall{grid-column:1;grid-row:1}.taxi-challenge .remote-wrap{grid-column:2;grid-row:1/3;width:220px;align-self:center}.taxi-city{position:relative;grid-column:1;grid-row:2;min-width:0;height:100%;border:1px solid #71577955;border-radius:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#49314b,#1b1824 70%);isolation:isolate}.taxi-city canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.city-fallback{position:absolute;inset:0;perspective:500px}.has-taxi-webgl .city-fallback{display:none}.buildings{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 28px,#28202e 28px 74px,transparent 74px 91px),repeating-linear-gradient(0deg,#dfa6d322 0 3px,transparent 3px 18px);opacity:.8;clip-path:polygon(0 0,13% 0,13% 30%,25% 30%,25% 0,43% 0,43% 20%,61% 20%,61% 0,83% 0,83% 33%,100% 33%,100% 100%,0 100%)}.city-road{position:absolute;inset:45% -25% -40%;background:repeating-linear-gradient(0deg,transparent 0 35px,#e5b4d41c 35px 38px,transparent 38px 65px),linear-gradient(90deg,#1e1824 0 42%,#a85f7b55 43% 44%,#1e1824 45% 58%,#ba859255 59% 60%,#1e1824 61%);transform:rotateX(55deg)}.taxi-silhouette{position:absolute;width:62%;height:75%;object-fit:contain;right:0;bottom:0;filter:drop-shadow(0 15px 30px #d66bb325)}[data-ride=running] .city-road{animation:street-drive 1s linear infinite}.ride-ticket{position:absolute;left:17px;top:18px;display:flex;flex-direction:column;gap:8px;z-index:2;max-width:50%;pointer-events:none}.ride-ticket>span{font-size:9px;color:#b2a0be}.ride-ticket strong{font-size:20px;line-height:1.15;color:#f7e1f3}.ride-ticket small{font-size:9px;color:#cdb2d6;line-height:1.6}.route-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#8e68882b;z-index:3}.route-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#63ced1,#cd5a9e);transition:width .15s linear}.taxi-challenge .wall-top,.taxi-challenge .wall-bottom,.taxi-challenge .tv-info,.taxi-challenge .channel-source{color:#b6a2c3}.taxi-challenge .tv-info b{color:#edd7f1}.taxi-challenge .official-link{color:#bea4cd}.taxi-challenge .tv-case{box-shadow:0 14px 35px #0005,inset 0 0 0 1px #ffffff40}.taxi-challenge .tv[aria-pressed=true] .tv-case{box-shadow:0 0 0 3px #c563ad,0 0 40px #ba52ac44}.taxi-challenge .message{color:#d4a1ca}.taxi-challenge .results .results-body{color:#34283b}.taxi-challenge .results>p,.taxi-challenge .results .method{color:#bd9dc9!important}.taxi-challenge footer{border-color:#63516d66;color:#ac90b9}.taxi-challenge footer a{color:#d9bcdf}.taxi-challenge .brand-line>span{color:#ae88bb}.taxi-challenge .brand-line{padding-top:28px}.taxi-challenge [inert]{opacity:.74}.taxi-challenge .wall-bottom .link-button{color:#ccabd2}.taxi-challenge .tv-info span{font-size:9px}.taxi-challenge .remote{color:#514056}
@keyframes street-drive{to{background-position:0 65px,0 0}}
@media(max-width:760px){.taxi-challenge .header{padding:12px 16px 8px}.taxi-challenge .intro{padding:8px 15px 15px}.taxi-challenge .intro h1{font-size:34px;letter-spacing:-1px;margin:9px 0}.taxi-challenge .eyebrow{font-size:9px;letter-spacing:1.3px}.taxi-challenge .intro>p{font-size:14px;margin:9px 0}.taxi-challenge .intro .ride-instruction{font-size:10px;line-height:1.7;margin-top:9px;max-width:320px}.ride-controls{gap:12px}.ride-controls .primary{min-height:42px;font-size:11px;padding:10px 16px}.taxi-clock{font-size:25px}.taxi-challenge .stage{grid-template-columns:minmax(0,1fr) 136px;grid-template-rows:auto 390px;gap:13px 12px;padding:0 16px}.taxi-challenge .wall{grid-column:1/-1;grid-row:1}.taxi-challenge .wall-top{margin-bottom:8px}.taxi-challenge .screens{gap:8px 11px}.taxi-challenge .channel-source{min-height:27px;padding-bottom:0}.taxi-challenge .tv-info b{font-size:12px}.taxi-challenge .wall-bottom .link-button{font-size:9px;min-height:33px}.taxi-challenge .wall-bottom{font-size:7px;gap:3px}.taxi-challenge .remote-wrap{grid-column:2;grid-row:2;width:136px;padding-bottom:9px;align-self:start;margin:0;max-width:100%}.taxi-challenge .remote{padding:19px 10px 13px;border-radius:25px;transform:perspective(900px) rotateY(var(--remote-tilt,0deg)) rotate(2deg)}.taxi-challenge .remote-brand{font-size:10px;gap:3px}.taxi-challenge .remote-brand img{width:13px;height:15px}.taxi-challenge .remote-brand span{font-size:4px;letter-spacing:.4px}.taxi-challenge .signal-led{top:8px;width:4px;height:4px}.taxi-challenge .lcd{margin:12px 0 10px;padding:7px 3px 9px;border-radius:9px}.taxi-challenge .lcd small{font-size:6px}.taxi-challenge .lcd strong{font-size:26px}.taxi-challenge .lcd>span{font-size:8px}.taxi-challenge .remote-hint{font-size:8px;margin:10px 0}.taxi-challenge .remote-keys{gap:8px}.taxi-challenge .remote-keys button{min-height:47px;padding:8px 3px 6px;gap:4px;border-radius:11px}.taxi-challenge .key-engraving{width:34px;height:20px}.taxi-challenge .key-channel{font-size:6px}.taxi-challenge .key-lock-light{top:4px;right:5px;width:3px;height:3px}.taxi-challenge .remote-line{margin:16px 7px}.taxi-challenge .remote .power{width:47px;height:47px}.taxi-challenge .power-label{font-size:8px;margin-top:10px}.taxi-challenge .remote-note{font-size:7px;margin:8px 0;line-height:1.6}.taxi-challenge .remote-grip{margin-top:12px}.taxi-challenge .taxi-city{grid-row:2;grid-column:1;height:365px;border-radius:19px}.ride-ticket{top:17px;left:13px;right:10px;max-width:none;gap:9px}.ride-ticket strong{font-size:25px}.ride-ticket>span,.ride-ticket small{font-size:8px}.taxi-silhouette{width:115%;height:48%;right:-6%;bottom:16%}.city-road{inset:40% -80% -25%}.taxi-challenge .message{font-size:10px;margin:14px auto}.taxi-challenge .results{margin-top:25px}}
@media(prefers-reduced-motion:reduce){[data-ride=running] .city-road{animation:none}.route-progress i{transition:none}}
@media(max-width:760px){.taxi-challenge .intro{padding-top:4px;padding-bottom:11px}.taxi-challenge .intro .eyebrow{display:none}.taxi-challenge .intro h1{font-size:27px;margin:5px 0 8px}.taxi-challenge .intro>p{font-size:12px;margin:7px 0}.taxi-challenge .intro .ride-instruction{font-size:9px;margin-top:7px;min-height:16px}.taxi-challenge .stage{grid-template-rows:auto auto;gap:11px 12px}.taxi-challenge .wall-bottom{display:none}.taxi-challenge .channel-source .stream-status{flex-basis:auto}.taxi-challenge .channel-source{flex-wrap:nowrap;font-size:7px;min-height:25px;gap:3px}.taxi-challenge .channel-source .official-link{min-height:25px;white-space:nowrap}.taxi-challenge .tv-info{padding:5px 2px 0}.taxi-challenge .tv-info b{font-size:11px}.taxi-challenge .wall-top{font-size:9px;margin-bottom:7px}.taxi-challenge .wall-top small{font-size:7px}.taxi-challenge .remote-hint,.taxi-challenge .remote-note,.taxi-challenge .remote-grip{display:none}.taxi-challenge .remote-keys button{min-height:48px}.taxi-challenge .taxi-city{height:100%;min-height:330px}.taxi-challenge .remote-wrap{padding-bottom:11px}.taxi-challenge .remote .remote-line{margin:14px 7px}.taxi-challenge .remote .power-label{margin-top:11px;margin-bottom:5px}.taxi-challenge .ride-ticket strong{font-size:23px}}