:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#102f32;color:#fff3dc}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}body{min-height:100dvh;background:radial-gradient(circle at 18% 14%,rgba(255,196,78,.18),transparent 28rem),radial-gradient(circle at 84% 24%,rgba(76,180,170,.18),transparent 26rem),linear-gradient(135deg,#154f4d,#2f5d45 48%,#102f32);touch-action:none}.shell{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}#game{display:block;width:100%;height:100%;filter:saturate(1.18) contrast(1.1)}.shell:before,.shell:after{position:absolute;left:0;z-index:1;width:100%;content:"";pointer-events:none}.shell:before{top:0;height:52%;background:linear-gradient(to bottom,rgba(255,230,180,.09),rgba(68,150,145,.05) 52%,transparent),radial-gradient(ellipse at 50% 18%,rgba(255,194,78,.11),transparent 48%);-webkit-backdrop-filter:blur(6px) saturate(1.12);backdrop-filter:blur(6px) saturate(1.12);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.95) 0%,rgba(0,0,0,.88) 38%,rgba(0,0,0,.28) 76%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.95) 0%,rgba(0,0,0,.88) 38%,rgba(0,0,0,.28) 76%,transparent 100%)}.shell:after{bottom:0;height:28%;background:radial-gradient(ellipse at 50% 100%,rgba(12,32,34,.2),transparent 64%);-webkit-backdrop-filter:blur(4px) saturate(1.1);backdrop-filter:blur(4px) saturate(1.1);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.44) 42%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.44) 42%,transparent 100%)}.loading-screen{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#021f27f5,#083438eb),repeating-linear-gradient(90deg,rgba(255,247,223,.035) 0,rgba(255,247,223,.035) 1px,transparent 1px,transparent 42px),repeating-linear-gradient(0deg,rgba(255,247,223,.026) 0,rgba(255,247,223,.026) 1px,transparent 1px,transparent 42px);color:#fff3dc;transition:opacity .18s ease,visibility .18s ease}.loading-screen.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-panel{display:grid;width:min(430px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid rgba(255,236,146,.28);border-radius:8px;background:linear-gradient(180deg,#012731f5,#072b2ef0),#021f27eb;box-shadow:0 22px 70px #00000047,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px) saturate(1.14);backdrop-filter:blur(14px) saturate(1.14)}.brand-logo{display:block;object-fit:contain}.loading-logo{width:min(300px,82%);height:auto;margin:-4px auto 12px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}.loading-panel h1{margin:0 0 18px;color:#fff7df;font-size:32px;line-height:1;letter-spacing:0;text-align:center}.loading-screen.is-splash .loading-panel h1:empty{display:none}.loading-screen:not(.is-splash) .loading-panel h1{max-width:30ch;margin:-4px auto 22px;color:#c7f1ea;font-size:14px;font-weight:750;line-height:1.45}#loadingStatus{min-height:28px;margin:16px 0 0;color:#c7f1ea;font-size:13px;font-weight:750;line-height:1.45;text-align:center}#loadingStatus:empty{display:none}.splash-content{display:grid;gap:16px;justify-items:center}.splash-copy{max-width:30ch;margin:-4px 0 0;color:#c7f1ea;font-size:14px;font-weight:750;line-height:1.45;text-align:center}.splash-attribution{display:grid;justify-items:center;gap:5px;min-height:0;margin:10px 0 0;color:#fff3dcb8;font-size:11px;font-weight:700;line-height:1.35;text-align:center}.splash-attribution-row{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 8px}.splash-model-credits{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 5px;max-width:42ch;margin-top:1px;color:#fff3dc75;font-size:10px;font-weight:650;line-height:1.3}.splash-model-credits-label{color:inherit}.splash-model-links{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 5px}.splash-model-links a{color:#ffc44ead}.splash-model-license{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 5px}.splash-model-license a{color:#ffc44ead}.splash-attribution a{color:#ffc44e;text-decoration:none;white-space:nowrap}.splash-attribution a:hover{color:#fff7df}.splash-start-button{min-width:min(260px,100%);min-height:56px;border:1px solid rgba(255,236,146,.36);border-radius:8px;background:linear-gradient(135deg,#ffc44e,#ff8358);color:#102f32;box-shadow:0 14px 34px #ff835842,inset 0 1px #ffffff4d;cursor:pointer;font:900 15px/1 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.splash-start-button:hover{filter:brightness(1.06)}.splash-start-button:focus-visible,.location-search-input:focus-visible{outline:2px solid #fff7df;outline-offset:3px}.loading-screen:not(.is-splash) .splash-content{display:none}.loading-screen.is-splash .location-picker,.loading-screen.is-splash .loading-meter,.loading-screen.is-splash #loadingStatus{display:none}.location-picker{display:grid;gap:8px;margin:0 0 14px}.location-picker .location-section-label{margin:8px 0 -1px}.location-actions,.location-menu{display:grid;gap:8px}.location-menu[hidden],.location-search-panel[hidden]{display:none}.location-button{width:100%;min-height:52px;border:1px solid rgba(255,236,146,.32);border-radius:8px;background:#08181ac7;color:#fff3dc;box-shadow:0 10px 24px #0000002e,inset 0 1px #ffffff14;font:800 14px/1 Inter,ui-sans-serif,system-ui,sans-serif}.location-button{padding:0 18px;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.location-button:hover{border-color:#ffc44e80;background:#0d2625eb}.location-button:focus-visible{outline:0;border-color:#ffc44ee6;background:linear-gradient(90deg,#ffc44e33,#ff83580f),#0c2525f0;color:#fff7df;box-shadow:0 16px 32px #00000038,0 0 0 2px #ffc44e2e,inset 4px 0 #ffc44e,inset 0 1px #ffffff1f}.location-button-choice{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-color:#ffc44e94;background:linear-gradient(180deg,#ffc44e29,#ff835814),#08181ad1;color:#fff7df;box-shadow:0 12px 26px #ff835829,inset 0 1px #ffffff1f;text-align:center}.location-button-choice:hover{filter:brightness(1.06)}.location-button-choice:focus-visible{background:linear-gradient(90deg,#ffc44e47,#ff83581f),#0d2625f5}.location-button-icon{width:21px;height:21px;flex:0 0 auto;color:#ffc44e}.location-button-secondary{display:inline-flex;width:fit-content;min-height:36px;align-items:center;gap:8px;border-color:transparent;background:transparent;box-shadow:none;color:#ffc44e;padding:0;text-align:left}.location-button-secondary:before{content:"←";font-size:16px;line-height:1}.location-button-secondary:hover{color:#fff7df}.location-search-panel{display:grid;gap:8px}.location-search-field{position:relative;display:grid}.location-search-input{width:100%;min-height:52px;border:1px solid rgba(255,196,78,.56);border-radius:8px;background:#fff3dc1f;color:#fff7df;padding:0 52px 0 16px;box-shadow:inset 0 2px 7px #00000038,inset 0 0 0 1px #ffffff0f;font:700 16px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;text-align:left}.location-search-clear{position:absolute;top:50%;right:8px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:999px;background:#fff3dc1a;color:#fff3dcd6;cursor:pointer;font:900 24px/1 Inter,ui-sans-serif,system-ui,sans-serif;transform:translateY(-50%)}.location-search-clear[hidden]{display:none}.location-search-clear:hover{background:#ffc44e2e;color:#fff7df}.location-search-clear:focus-visible{outline:2px solid #fff7df;outline-offset:2px}.location-search-input::placeholder{color:#fff3dc94}.location-search-status{color:#fff3dcb8;font-size:11px;font-weight:750;line-height:1.3}.location-search-results{display:grid;max-height:min(300px,34dvh);gap:8px;overflow-y:auto;padding-right:2px}.location-search-result{display:grid;height:auto;min-height:82px;align-items:center;column-gap:14px;padding:14px 18px;line-height:normal;text-transform:none}.location-search-result.has-country-flag{grid-template-columns:50px minmax(0,1fr)}.location-search-result-label{display:grid;min-width:0;gap:5px}.location-search-result-flag{font-size:40px;line-height:1;text-align:center}.location-search-result-primary,.location-search-result-context{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.location-search-result-primary{-webkit-line-clamp:1;color:#fff7df;font-size:18px;font-weight:900;line-height:1.08}.location-search-result-context{-webkit-line-clamp:2;color:#fff3dcbd;font-size:14px;font-weight:750;line-height:1.22}.location-button:disabled{cursor:wait;opacity:.72}.loading-screen.is-loading .location-picker{display:none}.loading-screen:not(.is-loading) .loading-meter{display:none}.pause-menu{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(180deg,#08191c14,#08191c80),#071b1d47;-webkit-backdrop-filter:blur(7px) saturate(1.1);backdrop-filter:blur(7px) saturate(1.1);color:#fff3dc}.pause-menu-panel{display:grid;width:min(380px,100%);gap:18px;padding:24px;border:1px solid rgba(255,236,146,.36);border-radius:8px;background:linear-gradient(180deg,#0d312df5,#081c1ff5),#081c1feb;box-shadow:0 24px 80px #00000052,inset 0 1px #ffffff1a}.pause-menu-header{display:grid;gap:6px}.pause-menu-header span{color:#ffc44e;font-size:11px;font-weight:900;line-height:1;text-transform:uppercase}.pause-menu-header strong{color:#fff7df;font-size:clamp(34px,7vw,56px);font-weight:950;line-height:.96}.pause-menu-actions{display:grid;gap:10px}.pause-menu-button{min-height:56px;padding:0 16px;border:1px solid rgba(255,236,146,.3);border-radius:8px;background:#08181ad1;color:#fff3dc;box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff14;cursor:pointer;font:900 14px/1 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;touch-action:manipulation}.pause-menu-button-primary{background:linear-gradient(135deg,#ffc44e,#ff8358);color:#102f32;box-shadow:0 14px 34px #ff835842,inset 0 1px #ffffff4d}.pause-menu-button:hover{filter:brightness(1.06)}.pause-menu-button:focus-visible{outline:2px solid #fff7df;outline-offset:3px}.shift-results{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(180deg,#08191c2e,#08191c94),#071b1d5c;-webkit-backdrop-filter:blur(7px) saturate(1.1);backdrop-filter:blur(7px) saturate(1.1);color:#fff3dc}.shift-results-panel{display:grid;width:min(560px,100%);gap:18px;padding:24px;border:1px solid rgba(255,236,146,.36);border-radius:8px;background:linear-gradient(180deg,#0d312df5,#081c1ff5),#081c1feb;box-shadow:0 24px 80px #00000052,inset 0 1px #ffffff1a}.shift-results-header{display:grid;gap:6px}.shift-results-header span,.shift-results-stats span{color:#ffc44e;font-size:11px;font-weight:900;line-height:1;text-transform:uppercase}.shift-results-header strong{color:#fff7df;font-size:clamp(30px,6vw,52px);font-weight:950;line-height:.96}.shift-results-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shift-results-stats div{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid rgba(255,236,146,.24);border-radius:6px;background:#08181aad}.shift-results-stats strong{overflow:hidden;color:#fff7df;font-size:clamp(20px,5vw,34px);font-weight:950;line-height:1;text-overflow:ellipsis;white-space:nowrap}#shiftResultsSummary{margin:0;color:#c7f1ea;font-size:15px;font-weight:780;line-height:1.4}.shift-results-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shift-results-button{min-height:56px;padding:0 16px;border:1px solid rgba(255,236,146,.3);border-radius:8px;background:#08181ad1;color:#fff3dc;box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff14;cursor:pointer;font:900 14px/1 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;touch-action:manipulation}.shift-results-button-primary{background:linear-gradient(135deg,#ffc44e,#ff8358);color:#102f32;box-shadow:0 14px 34px #ff835842,inset 0 1px #ffffff4d}.shift-results-button:hover{filter:brightness(1.06)}.shift-results-button:focus-visible{outline:2px solid #fff7df;outline-offset:3px}.loading-meter{position:relative;height:8px;overflow:hidden;border:1px solid rgba(255,236,146,.24);background:#08181ab8}.loading-meter span{position:absolute;top:0;bottom:0;left:-42%;width:42%;background:linear-gradient(90deg,#ffc44e,#ff8358);animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(0)}to{transform:translate(340%)}}.hud{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));z-index:2;display:flex;justify-content:space-between;gap:24px;pointer-events:none}.start-countdown{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.start-countdown span{font-size:clamp(72px,18vw,160px);font-weight:900;line-height:1;color:#fff7df;text-shadow:0 4px 0 rgba(12,32,34,.85),0 18px 40px rgba(0,0,0,.35);animation:startCountdownStep .5s cubic-bezier(.2,.9,.3,1.3)}.start-countdown.is-go span{color:#ffc44e;animation:startCountdownGo .6s ease-out forwards}@keyframes startCountdownStep{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes startCountdownGo{0%{transform:scale(.6);opacity:0}35%{transform:scale(1.08);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1.02);opacity:0}}.hud-top{top:max(20px,env(safe-area-inset-top));align-items:flex-start}.hud-bottom{bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(280px,1fr) minmax(380px,auto);align-items:end}.eyebrow{margin:0 0 5px;color:#ffc44e;font-size:11px;font-weight:800;text-transform:uppercase}h1{margin:0;font-size:clamp(22px,4vw,42px);line-height:.95;letter-spacing:0;color:#fff7df;text-shadow:0 3px 0 rgba(12,32,34,.8),0 10px 26px rgba(0,0,0,.28)}.hud-brand{min-width:190px}.hud-logo-button{display:block;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;touch-action:manipulation}.hud-logo-button:focus-visible{outline:2px solid #fff7df;outline-offset:5px}.hud-logo{width:clamp(132px,13vw,188px);filter:drop-shadow(0 10px 22px rgba(0,0,0,.38))}.hud-grid,.drive-readouts,.controls,.diagnostics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hud-grid{display:grid;grid-template-columns:repeat(3,minmax(84px,auto));max-width:min(360px,calc(100vw - 260px));align-items:stretch}.hud-grid>div,.drive-readouts>div,.controls span,.diagnostics>span{min-height:38px;padding:8px 10px;border:1px solid rgba(255,236,146,.26);border-radius:6px;background:#122a2dc7;box-shadow:0 8px 28px #00000029,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-grid>div{display:grid;align-content:center;min-width:0}.hud-grid span,.drive-readouts span{display:block;color:#ffc44e;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.hud-grid strong,.drive-readouts strong{display:block;max-width:190px;overflow:hidden;color:#fff3dc;font-size:14px;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.hud-bottom-left{display:grid;align-self:end;gap:10px;justify-items:start;min-width:0}.drive-readouts{justify-content:flex-start;max-width:min(660px,48vw)}.drive-readouts>.hud-street{min-width:min(320px,32vw)}.drive-readouts>.hud-speed{min-width:110px}.controls{justify-content:flex-start;max-width:min(660px,48vw);transition:opacity .6s ease,transform .6s ease,visibility .6s ease}.controls.is-faded{visibility:hidden;opacity:0;transform:translateY(6px)}.diagnostics{display:grid;justify-items:end;gap:10px;max-width:min(560px,46vw)}.controls span,.diagnostics>span{display:inline-flex;align-items:center;gap:7px;color:#fff0c8;font-size:12px;font-weight:750;line-height:1.15}.diagnostics>span{color:#c7f1ea}.debug-panel-item span{color:#ffc44e;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase}.debug-panel-item strong{color:#fff3dc;font-size:14px;font-weight:800;line-height:1.15}.controls kbd{display:inline-grid;min-width:26px;min-height:24px;place-items:center;padding:3px 7px;border:1px solid rgba(255,236,146,.42);border-radius:5px;background:#fff3dc1f;color:#ffe89b;font:inherit;font-size:11px;font-weight:900;line-height:1;box-shadow:inset 0 -1px #0003}.fare-card{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;width:min(520px,46vw);min-height:92px;padding:12px;border:1px solid rgba(255,236,146,.32);border-radius:8px;background:#0d272ad1;box-shadow:0 12px 34px #00000038,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}.fare-card[data-fare-state=active]{border-color:#26dbc6b8}.fare-card[data-fare-state=offer]{border-color:#ffc44e9e}.fare-passenger{--passenger-row-offset: 134.1px;position:relative;display:grid;place-items:center;width:66px;height:70px;overflow:hidden;border:1px solid rgba(255,247,223,.32);border-radius:8px;background:linear-gradient(160deg,#ffc44ee6,#ff8358f0),#ffc44e;background-repeat:no-repeat;box-shadow:inset 0 -18px 18px #0f31342e}.fare-passenger[data-passenger-name]{background-image:url(/assets/passengers/mapcab-passengers.jpg);background-position-y:0;background-size:500% auto}.fare-passenger[data-passenger-state=mystery]{border-color:#ffc44eb8;background-image:url(/assets/passengers/mystery-passenger.png);background-position:70% 16%;background-size:156%;box-shadow:inset 0 0 0 1px #fff7df1f,inset 0 -12px 18px #0003,0 0 18px #ffc44e24}.fare-passenger[data-passenger-state=mystery] #farePassengerInitials{opacity:0}.fare-passenger[data-passenger-name=Scott],.fare-passenger[data-passenger-name=Tiffany]{background-position-x:0}.fare-passenger[data-passenger-name=Justin],.fare-passenger[data-passenger-name=Jessica]{background-position-x:25%}.fare-passenger[data-passenger-name=Ryan],.fare-passenger[data-passenger-name=Nicole]{background-position-x:50%}.fare-passenger[data-passenger-name=Kevin],.fare-passenger[data-passenger-name=Sarah]{background-position-x:75%}.fare-passenger[data-passenger-name=David],.fare-passenger[data-passenger-name=Courtney]{background-position-x:100%}.fare-passenger[data-passenger-name=Tiffany],.fare-passenger[data-passenger-name=Jessica],.fare-passenger[data-passenger-name=Nicole],.fare-passenger[data-passenger-name=Sarah],.fare-passenger[data-passenger-name=Courtney]{background-position-y:calc(-1 * var(--passenger-row-offset))}.fare-passenger[data-passenger-name] #farePassengerInitials{opacity:0}#farePassengerInitials{z-index:1;color:#173235eb;font-size:18px;font-weight:900;line-height:1;transition:opacity .12s ease}.fare-copy{display:grid;min-width:0;align-content:center;gap:4px}.fare-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}#farePassengerName,#targetDistanceLabel{overflow:hidden;color:#ffc44e;font-size:12px;font-weight:850;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}#targetDistanceLabel{flex:0 0 auto;color:#fff3dc}#objectiveLabel{display:block;overflow:hidden;color:#fff7df;font-size:18px;font-weight:900;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}#fareNotice{display:block;position:absolute;right:14px;bottom:-18px;left:112px;z-index:3;overflow:visible;width:max-content;max-width:calc(100% - 126px);padding:8px 15px 9px;border:4px solid #101010;border-radius:24px 22px 25px 21px;background:#fffdf4;color:#111;font-family:Comic Sans MS,Comic Sans,Trebuchet MS,ui-rounded,cursive;font-size:15px;font-weight:900;line-height:1.08;pointer-events:none;text-overflow:ellipsis;white-space:normal;box-shadow:0 5px #00000047,0 13px 22px #00000038;transform:rotate(-.35deg)}#fareNotice:before{position:absolute;top:-17px;left:-38px;width:46px;height:37px;background:#101010;clip-path:polygon(0 6%,100% 55%,100% 90%);content:""}#fareNotice:after{position:absolute;top:-9px;left:-27px;width:35px;height:25px;background:#fffdf4;clip-path:polygon(0 5%,100% 54%,100% 87%);content:""}#fareNotice:empty{display:none}#fareInfoNotice{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;margin-top:8px;padding:5px 9px 6px;border:2px solid rgba(255,196,78,.86);border-radius:7px;background:#061e20eb;color:#fff7df;font-size:13px;font-weight:900;line-height:1.05;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff0f,0 6px 14px #0003}#fareInfoNotice:empty{display:none}.touch-controls{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));left:max(18px,env(safe-area-inset-left));z-index:3;display:none;align-items:end;justify-content:end;gap:12px;isolation:isolate;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-gear-button:focus-visible{outline:2px solid rgba(255,196,78,.92);outline-offset:4px}.touch-gear-button{position:relative;z-index:1;display:inline-grid;place-items:center;min-width:34px;height:30px;margin-left:8px;padding:0 10px;border:1px solid rgba(255,247,223,.42);border-radius:7px;background:#122a2db8;color:#fff3dc;font:900 15px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;box-shadow:0 10px 24px #00000040,inset 0 1px #ffffff29;pointer-events:auto;touch-action:manipulation;-webkit-backdrop-filter:blur(12px) saturate(1.18);backdrop-filter:blur(12px) saturate(1.18);transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.touch-gear-button:before{position:absolute;inset:-10px;content:""}.touch-gear-button.is-driving{border-color:#72d69ac7;background:#277052b8;color:#fff}.touch-gear-button.is-reverse{border-color:#ffc44ec7;background:#8e4e2ac7}.touch-gear-button.is-auto-reverse{border-color:#ffe890e6;box-shadow:0 10px 24px #00000040,0 0 0 3px #ffc44e2e,inset 0 1px #ffffff29}.touch-gear-button:active{transform:translateY(1px)}.touch-brake-indicator{--touch-brake: 0;position:relative;z-index:1;min-width:0;margin-left:8px;padding:5px 8px;border:1px solid rgba(255,196,78,calc(.34 + var(--touch-brake) * .5));border-radius:6px;background:rgba(141,49,36,calc(.18 + var(--touch-brake) * .5));color:rgba(255,247,223,calc(.4 + var(--touch-brake) * .6));font:900 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-align:center;text-transform:uppercase;box-shadow:0 6px 16px rgba(0,0,0,calc(.1 + var(--touch-brake) * .12)),inset 0 1px #ffffff1f;opacity:0;pointer-events:none;transform:translateY(calc(10px - var(--touch-brake) * 10px));transition:opacity .12s ease,transform .12s ease}.touch-brake-indicator.is-visible{opacity:1}.touch-brake-indicator.is-drifting{border-color:#72d69ad1;background:#1e685fb8;color:#fff}@media(max-width:760px){.hud{left:10px;right:10px;gap:10px}.hud-top,.hud-bottom{display:flex;flex-direction:column}.hud-top{z-index:4;flex-direction:row;align-items:flex-start}.hud-grid,.drive-readouts,.controls,.diagnostics{display:flex;justify-content:flex-start;max-width:100%}.hud-top .hud-grid{margin-left:auto;justify-content:flex-end}.hud-grid>div,.drive-readouts>div,.controls span,.diagnostics>span{min-height:34px;padding:7px 8px}.controls{display:none}.diagnostics>.debug-panel-item,.fare-card[data-fare-state=inactive]{display:none}.drive-readouts>.hud-street,.drive-readouts>.hud-speed{position:fixed;z-index:4;bottom:calc(198px + env(safe-area-inset-bottom));min-height:0;padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 2px 8px rgba(7,27,29,.9),0 1px 2px rgba(7,27,29,.96)}.drive-readouts>.hud-street{left:max(18px,env(safe-area-inset-left));bottom:calc(120px + env(safe-area-inset-bottom));max-width:min(58vw,280px)}.drive-readouts>.hud-speed{left:max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:auto auto;align-items:center;text-align:left}.drive-readouts>.hud-street span,.drive-readouts>.hud-speed span{display:none}.drive-readouts>.hud-street strong,.drive-readouts>.hud-speed strong{max-width:100%;color:#fffbe9;font-size:clamp(15px,3.8vw,20px);line-height:1.05}.drive-readouts>.hud-speed strong{color:#ffe88f}.hud-bottom{top:calc(104px + env(safe-area-inset-top));bottom:auto;align-items:flex-start;max-width:min(76vw,320px)}.fare-card{grid-template-columns:48px minmax(0,1fr);width:min(72vw,308px);min-height:70px;padding:8px}.fare-passenger{--passenger-row-offset: 97.5px;width:48px;height:52px}#farePassengerInitials{font-size:9px}#objectiveLabel{font-size:13px}#farePassengerName,#targetDistanceLabel,#fareNotice,#fareInfoNotice{font-size:10px}#fareNotice{right:-6px;bottom:-16px;left:52px;max-width:calc(100% - 46px);padding:7px 10px 8px;border-width:3px;border-radius:17px 15px 18px 14px;font-size:12px;line-height:1.1;box-shadow:0 3px #00000038,0 8px 14px #00000038}#fareNotice:before{top:-11px;left:-25px;width:30px;height:27px}#fareNotice:after{top:-5px;left:-18px;width:23px;height:18px}#fareInfoNotice{margin-top:5px;padding:4px 7px 5px;border-radius:6px;font-size:10px}}@media(hover:none),(pointer:coarse){.touch-controls{display:flex}}@media(max-width:460px){.loading-screen{padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}.shift-results,.pause-menu{align-items:end}.pause-menu-panel,.shift-results-panel{gap:14px;padding:18px}.shift-results-stats,.shift-results-actions{grid-template-columns:1fr}.shift-results-stats div{grid-template-columns:minmax(64px,auto) minmax(0,1fr);align-items:center}.shift-results-stats strong{text-align:right}.loading-panel{max-height:calc(100dvh - 36px);padding:20px}.loading-logo{width:min(270px,82%);margin-bottom:8px}.hud-logo{width:118px}.loading-panel h1{margin-bottom:16px;font-size:30px}.touch-controls{right:auto;bottom:calc(48px + env(safe-area-inset-bottom));left:calc(max(18px,env(safe-area-inset-left)) + 146px);justify-content:start;gap:8px}.touch-gear-button{height:28px;margin-left:8px;vertical-align:2px}.touch-brake-indicator{grid-column:1 / -1;justify-self:start;margin-top:5px;margin-left:0;padding:5px 8px}.drive-readouts>.hud-street,.drive-readouts>.hud-speed{bottom:calc(26px + env(safe-area-inset-bottom))}.drive-readouts>.hud-street{bottom:calc(106px + env(safe-area-inset-bottom))}.drive-readouts>.hud-speed{bottom:calc(26px + env(safe-area-inset-bottom))}}
