@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800&family=Inter:wght@500;600;700&display=swap";:root{color:#f2f7f8;background:#0c1520;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;--mode: #73caff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none}canvas{display:block;width:100%;height:100%}button{font:inherit}.game-ui{position:fixed;inset:0;z-index:4;pointer-events:none}.topbar{position:absolute;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(210,236,244,.16);background:linear-gradient(180deg,#060d13b8,#060d1314)}.brand-lockup{display:flex;align-items:baseline;gap:13px}.brand-mark{padding:5px 7px;border:2px solid #eef5f6;font:900 17px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.brand-title{font:800 20px/1 Barlow Condensed,sans-serif;letter-spacing:.15em}.route-chip,.sound-chip{color:#eaf5f8b8;font:700 10px/1 Inter,sans-serif;letter-spacing:.15em}.route-chip{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px}.route-chip b{margin-left:10px;color:#fff;font-variant-numeric:tabular-nums}.top-actions{display:flex;align-items:center;gap:6px;pointer-events:auto}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--mode);box-shadow:0 0 14px var(--mode)}.sound-chip{pointer-events:auto;border:0;padding:10px;color:#eaf5f8a8;background:transparent;cursor:pointer}.selfie-button.active{color:#091315;background:var(--mode)}kbd{min-width:21px;display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:1px solid rgba(231,244,247,.28);border-radius:4px;color:#f6fbfc;background:#070e1375;box-shadow:inset 0 -2px #00000042;font:700 9px/1 Inter,sans-serif}.telemetry{position:absolute;top:110px;left:30px;display:flex;align-items:stretch;gap:20px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.telemetry-label{display:block;margin-bottom:4px;color:#e6f2f58f;font:700 9px/1 Inter,sans-serif;letter-spacing:.18em}.speed-block strong{font:900 74px/.78 Barlow Condensed,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.unit{margin-left:8px;color:var(--mode);font:800 13px/1 Barlow Condensed,sans-serif;letter-spacing:.12em}.telemetry-rule{width:1px;background:#e2f0f438}.score-block{min-width:124px}.score-block strong{display:block;font:700 28px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums}.near-miss{display:inline-block;margin-top:9px;padding:5px 7px;color:#e5f1f59e;background:#060d128a;font:700 8px/1 Inter,sans-serif;letter-spacing:.15em;transition:.2s ease}.near-miss.hot{color:#0b1719;background:var(--mode);transform:scale(1.05)}.energy-panel{position:absolute;top:116px;right:30px;width:220px;padding:15px 17px;border:1px solid rgba(220,238,242,.16);background:#0811179e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.energy-heading,.mode-heading{display:flex;align-items:center;justify-content:space-between;color:#e7f3f6a8;font:700 9px/1 Inter,sans-serif;letter-spacing:.14em}.energy-heading strong{color:#fff;font-size:13px}.battery-track{height:7px;margin:12px 0 10px;overflow:hidden;background:#dbeef221}.battery-track i{display:block;width:100%;height:100%;transform-origin:left;background:var(--mode);box-shadow:0 0 12px color-mix(in srgb,var(--mode) 70%,transparent);transition:background .2s}.battery-track i.low{background:#ff5c5c}.energy-flow{display:flex;gap:7px;align-items:center;color:#e6f1f480;font:700 9px/1 Inter,sans-serif;letter-spacing:.11em}.energy-flow span{color:var(--mode);font-size:15px}.energy-flow.regen{color:#8cffbe}.energy-flow.regen span{animation:regenPulse .55s ease-in-out infinite alternate}@keyframes regenPulse{to{filter:drop-shadow(0 0 7px #8cffbe);transform:scale(1.22)}}.mode-panel{position:absolute;left:30px;bottom:46px;width:min(520px,calc(100vw - 60px))}.mode-heading{margin-bottom:10px}.mode-heading span:last-child{opacity:.65}.mode-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;pointer-events:auto}.mode-rail button{position:relative;overflow:hidden;min-height:58px;padding:10px 12px;border:1px solid rgba(225,240,244,.16);color:#e5f0f380;text-align:left;background:#0810169e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:.22s ease}.mode-rail button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--mode);transform:scaleX(0);transform-origin:left;transition:.25s ease}.mode-rail button:hover{color:#fff;background:#121d24c7}.mode-rail button.active{color:#fff;border-color:color-mix(in srgb,var(--mode) 55%,transparent);background:color-mix(in srgb,var(--mode) 13%,rgba(8,16,22,.78))}.mode-rail button.active:after{transform:scaleX(1)}.mode-rail b,.mode-rail small{display:block}.mode-rail b{font:800 17px/1 Barlow Condensed,sans-serif;letter-spacing:.08em}.mode-rail small{margin-top:5px;font:600 8px/1 Inter,sans-serif;letter-spacing:.08em;opacity:.62}.controls-hint{position:absolute;right:30px;bottom:48px;display:flex;gap:14px;color:#e2eff27a;font:700 8px/1 Inter,sans-serif;letter-spacing:.1em}.controls-hint span{display:flex;align-items:center;gap:4px}.mode-toast{position:absolute;top:24%;left:50%;padding:12px 34px 14px;border-top:1px solid var(--mode);border-bottom:1px solid var(--mode);text-align:center;background:linear-gradient(90deg,transparent,rgba(7,15,21,.76),transparent);opacity:0;transform:translate(-50%,14px) scale(.95);transition:.25s ease}.mode-toast.show{opacity:1;transform:translate(-50%) scale(1)}.mode-toast small,.mode-toast b{display:block}.mode-toast small{color:#e9f5f78c;font:700 8px/1 Inter,sans-serif;letter-spacing:.2em}.mode-toast b{margin-top:4px;color:var(--mode);font:900 28px/1 Barlow Condensed,sans-serif;letter-spacing:.14em}.warning{position:absolute;top:31%;left:50%;padding:7px 12px;color:#171107;background:#ffbe45;font:900 10px/1 Inter,sans-serif;letter-spacing:.16em;opacity:0;transform:translate(-50%,6px);transition:.18s}.warning.show{opacity:.92;transform:translate(-50%)}.karen-callout{position:absolute;top:29%;right:6%;max-width:min(340px,75vw);padding:14px 18px;border:2px solid #ff6f9f;color:#171017;background:#fff0cd;box-shadow:7px 7px #ff6f9f;opacity:0;transform:translate(16px,8px) rotate(1.5deg);transition:.18s ease}.karen-callout.show{opacity:1;transform:translate(0) rotate(-1.5deg)}.karen-callout small,.karen-callout b{display:block}.karen-callout small{margin-bottom:5px;color:#c92c65;font:900 9px/1 Inter,sans-serif;letter-spacing:.2em}.karen-callout b{font:900 25px/.95 Barlow Condensed,sans-serif;letter-spacing:.03em}.selfie-frame{position:absolute;inset:92px 22px 88px;border:2px solid rgba(255,255,255,.72);border-radius:22px;opacity:0;transform:scale(.985);transition:.22s ease;pointer-events:none;box-shadow:inset 0 0 80px #0000001f}.selfie-frame:before,.selfie-frame:after{content:"";position:absolute;width:70px;height:70px;border-color:var(--mode);border-style:solid}.selfie-frame:before{top:-2px;left:-2px;border-width:5px 0 0 5px;border-radius:22px 0 0}.selfie-frame:after{right:-2px;bottom:-2px;border-width:0 5px 5px 0;border-radius:0 0 22px}.selfie-frame.show{opacity:1;transform:scale(1)}.selfie-frame>span{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:7px;font:800 9px/1 Inter,sans-serif;letter-spacing:.16em}.selfie-frame>span i{width:8px;height:8px;border-radius:50%;background:#ff4242;box-shadow:0 0 10px #ff4242;animation:selfieRec .7s step-end infinite}.selfie-frame>b{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font:900 16px/1 Barlow Condensed,sans-serif;letter-spacing:.16em;white-space:nowrap}.selfie-frame>b em{margin-left:8px;color:var(--mode);font-style:normal}.selfie-frame>small{position:absolute;top:16px;right:18px;color:#ffffffad;font:800 8px/1 Inter,sans-serif;letter-spacing:.15em}@keyframes selfieRec{50%{opacity:.18}}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 68% 45%,rgba(40,82,102,.08),transparent 35%),linear-gradient(90deg,#050a0feb,#050a0f5c);opacity:0;visibility:hidden;transition:opacity .42s ease,visibility .42s}.screen.show{opacity:1;visibility:visible}.screen-card{width:min(540px,92vw);transform:translateY(14px);transition:.5s cubic-bezier(.2,.8,.2,1)}.screen.show .screen-card{transform:translateY(0)}.screen-kicker{color:var(--mode);font:800 10px/1 Inter,sans-serif;letter-spacing:.28em}.brand-link{display:inline-block;pointer-events:auto;text-decoration:none;transition:.18s ease}.brand-link:hover,.brand-link:focus-visible{color:#fff;text-shadow:0 0 14px var(--mode);outline:none}.screen h1{margin:16px 0 14px;font:900 clamp(76px,10vw,124px)/.68 "Barlow Condensed",sans-serif;letter-spacing:-.035em}.screen h1 em{color:transparent;-webkit-text-stroke:2px #f3f7f7;font-style:italic}.screen p{max-width:475px;color:#e1eef1ad;font-size:14px;line-height:1.7}.feature-row{display:flex;gap:26px;margin:28px 0;color:#e6f2f585;font:700 9px/1 Inter,sans-serif;letter-spacing:.12em}.feature-row b{margin-right:5px;color:#fff;font:800 18px/1 Barlow Condensed,sans-serif}.primary-button{pointer-events:auto;width:min(340px,100%);display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border:0;color:#0a1318;background:var(--mode);font:800 11px/1 Inter,sans-serif;letter-spacing:.18em;cursor:pointer;transition:.2s ease}.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 14px 35px color-mix(in srgb,var(--mode) 22%,transparent)}.primary-button span{font-size:19px}.start-note{display:block;margin-top:12px;color:#e2eff25e;font-size:9px;letter-spacing:.08em}.screen-card.compact h2{margin:16px 0 24px;font:900 70px/.9 Barlow Condensed,sans-serif}.result-grid{display:grid;grid-template-columns:1fr 1fr;width:min(340px,100%);margin-bottom:22px;border:1px solid rgba(229,242,245,.16)}.result-grid span{padding:16px}.result-grid span+span{border-left:1px solid rgba(229,242,245,.16)}.result-grid small,.result-grid b{display:block}.result-grid small{color:#e5f2f57a;font:700 8px/1 Inter,sans-serif;letter-spacing:.15em}.result-grid b{margin-top:7px;font:800 24px/1 Barlow Condensed,sans-serif}.crash-actions{width:min(340px,100%);display:grid;gap:10px}.real-ride-link{pointer-events:auto;display:block;padding:14px 16px;border:1px solid color-mix(in srgb,var(--mode) 65%,transparent);color:#f5fbfc;background:#070f15c2;text-decoration:none;transition:.18s ease}.real-ride-link small,.real-ride-link b{display:block}.real-ride-link small{color:#e6f2f594;font:700 8px/1 Inter,sans-serif;letter-spacing:.14em}.real-ride-link b{display:flex;justify-content:space-between;margin-top:7px;color:var(--mode);font:900 18px/1 Barlow Condensed,sans-serif;letter-spacing:.1em}.real-ride-link:hover,.real-ride-link:focus-visible{border-color:var(--mode);background:color-mix(in srgb,var(--mode) 14%,rgba(7,15,21,.9));transform:translateY(-1px);outline:none}.mobile-ride-pad{display:none}@media(max-width:800px){.topbar{height:62px;padding:0 16px}.route-chip,.top-actions .sound-chip:first-child{display:none}.selfie-frame{inset:72px 12px 105px}.brand-title{font-size:16px}.telemetry{top:82px;left:16px}.speed-block strong{font-size:58px}.energy-panel{top:82px;right:16px;width:168px}.mode-panel,.controls-hint{display:none}.karen-callout{top:27%;right:18px}.mobile-ride-pad{position:absolute;inset:62px 0 0;z-index:2;display:block;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-control-copy{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));width:min(410px,calc(100vw - 32px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(226,242,245,.25);border-radius:999px;color:#ecf7f9a3;background:#060e14b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%);transition:.16s ease}.mobile-control-copy span{font:700 7px/1.2 Inter,sans-serif;letter-spacing:.09em}.mobile-control-copy span:last-child{text-align:right}.mobile-control-copy b{padding:8px 10px;border-radius:999px;color:#071217;background:var(--mode);font:900 11px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;white-space:nowrap}.mobile-ride-pad.pressed .mobile-control-copy{border-color:var(--mode);transform:translate(-50%) scale(.97);box-shadow:0 0 28px color-mix(in srgb,var(--mode) 25%,transparent)}.topbar{z-index:4}.screen{background:#050a0fd1}}@media(max-height:650px){.mode-panel{bottom:18px}.controls-hint{bottom:20px}.screen h1{font-size:68px}.feature-row{margin:18px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}