:root{--lime:#ddf994;--ink:#f1f6ef;--muted:#bdc8bd;--line:#e0f3df24;--panel:#162420bd}*{box-sizing:border-box}body{margin:0;background:#14221e;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover{filter:brightness(1.18)}#game{width:100vw;height:100dvh;min-height:400px;position:relative;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#101d2040,transparent 26%,transparent 70%,#09141088)}header{position:absolute;top:30px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:40px;height:35px;fill:none;stroke:var(--lime);stroke-width:2}.brand strong{font-size:21px;letter-spacing:4px;display:flex;align-items:center;gap:17px;white-space:nowrap}.brand strong span{font-size:11px;letter-spacing:2px;font-weight:500;border-left:1px solid #ffffff55;padding-left:16px}.brand small{display:block;font-size:12px;letter-spacing:3px;color:#d2decf;margin-top:6px}.expedition{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:1px;white-space:nowrap}.expedition i{height:12px;width:1px;background:#ffffff50;margin:0 8px}.live-dot{height:5px;width:5px;background:var(--lime);border-radius:50%}.top-actions{display:flex;gap:9px}.top-actions button{border:1px solid #edf5e844;background:#14272144;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:19px}.top-actions svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.6}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 14px 50px #00120d18}.route-panel{position:absolute;top:127px;left:36px;width:252px;padding:21px 22px 16px;border-radius:4px}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between;color:var(--lime);font-weight:600}.route-panel .eyebrow span:last-child{color:var(--muted);letter-spacing:1px}.route-panel h2{font-size:21px;font-weight:500;margin:15px 0 8px;letter-spacing:1px}.route-panel p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}#checkpoints{list-style:none;padding:0;margin:0}#checkpoints li{display:flex;align-items:center;gap:13px;height:53px;position:relative;opacity:.55}#checkpoints li>span{font-size:11px;font-weight:600;display:grid;place-items:center;border:1px solid #a7c19f66;border-radius:50%;height:24px;width:24px;z-index:1;background:#23332c}#checkpoints li:not(:last-child):after{content:"";position:absolute;top:38px;left:11px;height:18px;border-left:1px dashed #a7c19f55}#checkpoints li div{font-size:14px}#checkpoints small{font-size:8px;letter-spacing:1.5px;display:block;margin-top:4px;color:var(--muted)}#checkpoints li b{margin-left:auto;font-weight:400;color:var(--lime)}#checkpoints .current{opacity:1}#checkpoints .current>span{color:#192319;background:var(--lime);border-color:var(--lime)}#checkpoints .done{opacity:.8}#checkpoints .done>span{color:var(--lime);border-color:var(--lime)}.route-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:15px;font-size:11px;color:var(--muted)}.route-footer b{font-weight:400;color:var(--ink);margin-left:8px}.map-panel{position:absolute;right:36px;top:127px;width:212px;padding:15px;border-radius:4px}.map-panel .eyebrow{color:#d5ded0;font-size:10px}.map-panel canvas{width:180px;height:165px;display:block}.map-key{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);align-items:center}.map-key i{display:inline-block;width:14px;height:2px;background:var(--lime);margin:0 5px 3px 0}.telemetry{position:absolute;bottom:86px;right:36px;width:270px;padding:19px 21px 12px;border-radius:4px}.vehicle-title{display:flex;justify-content:space-between;align-items:center}.vehicle-title strong{font-size:20px;letter-spacing:3px}.vehicle-title span{font-size:10px;letter-spacing:2px;border:1px solid #d2e7c955;padding:3px 7px;color:var(--lime)}.speed-row{display:flex;align-items:center;gap:18px;height:105px}.speed-row>span{font-size:16px;border:1px solid #d2e7c933;min-width:26px;padding:6px 4px;text-align:center;border-radius:3px;color:var(--lime)}.speed-row>div:nth-child(2){display:flex;align-items:baseline;gap:8px}.speed-row strong{font-size:65px;font-weight:250;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-3px}.speed-row small{font-size:11px;color:var(--muted)}.rpm-bars{display:flex;flex-direction:column;gap:4px;margin-left:auto;transform:skew(-12deg);width:13px}.rpm-bars i{height:5px;background:#a8c09529}.rpm-bars i.on{background:var(--lime)}.stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid var(--line);padding:12px 0}.stats small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.stats b{font-size:14px;font-weight:400}.stats>div:not(:first-child){border-left:1px solid var(--line);padding-left:15px}.mode-control{border-top:1px solid var(--line);padding-top:10px}.mode-control button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:2px 0;font-size:12px;color:var(--lime)}.mode-control button>span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.mode-icon{font-size:19px}.lower-left{position:absolute;left:36px;bottom:96px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.terrain-tag{font-size:11px;color:var(--lime);letter-spacing:1px;margin-bottom:2px}.text-button{font-size:12px;background:#1a292b77;border:1px solid #d6e5cf22;padding:8px 11px;border-radius:3px}.text-button kbd{margin-left:12px;font-size:10px}.controls-hint{position:absolute;bottom:71px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;color:#f1f5e7;font-size:11px;white-space:nowrap}.controls-hint>span{display:flex;align-items:center;gap:5px}.controls-hint em{height:13px;width:1px;background:#d6e5cf44}.controls-hint svg{width:14px;height:19px;fill:none;stroke:currentColor;stroke-width:1.1;margin-right:4px}kbd{font:inherit;font-size:10px;border:1px solid #dcead466;padding:2px 4px;border-radius:2px;min-width:17px;text-align:center}footer{position:absolute;bottom:20px;left:36px;right:36px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#d5e0cdaa;letter-spacing:1px}#toast{position:absolute;top:120px;left:50%;transform:translate(-50%,-10px);background:#1b2a25ec;border:1px solid #ddf99466;color:var(--lime);border-radius:4px;padding:13px 25px;font-size:14px;max-width:60%;text-align:center;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}.start-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#14221eca 0%,#16231d55 42%,transparent 70%);z-index:4;display:flex;align-items:center;pointer-events:none}.start-card{margin:0 0 40px 7%;width:430px;pointer-events:auto}.start-card .eyebrow{justify-content:flex-start;gap:24px;font-size:10px}.start-card .eyebrow span{color:#d7e4d0;letter-spacing:1px}.start-card h1{font-size:64px;letter-spacing:7px;font-weight:600;margin:28px 0 23px}.start-card h1 span{display:block;font-size:18px;font-weight:300;letter-spacing:4px;margin-top:12px}.start-card p{font-size:14px;line-height:2;color:#dbe7d4;margin:0 0 32px}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 22px;background:var(--lime);border:0;color:#1b2b1d;font-size:16px;font-weight:600;border-radius:3px;letter-spacing:2px}.start-card .primary{width:280px}.primary span{font-size:24px;font-weight:400}.start-instructions{display:flex;gap:22px;font-size:11px;color:#d5decf;margin-top:19px;align-items:center}.start-instructions kbd{margin-right:5px}.scene-caption{position:absolute;bottom:110px;right:8%;text-align:right}.scene-caption>span{font-size:10px;letter-spacing:2px;color:#e6f0dc}.scene-caption strong{display:block;font-size:34px;letter-spacing:8px;font-weight:300;margin:10px 0}.scene-caption small{font-size:10px;letter-spacing:4px}.start-overlay~.modal{z-index:8}body.intro .route-panel,body.intro .telemetry,body.intro .map-panel,body.intro .lower-left,body.intro .controls-hint,body.intro .touch-controls{display:none}.modal{position:absolute;inset:0;background:#101e1a88;display:grid;place-items:center;z-index:8;backdrop-filter:blur(5px)}[hidden]{display:none!important}.modal-card{width:min(440px,90vw);padding:32px;border-radius:6px;background:#172a23f2;max-height:88vh;overflow:auto}.modal-card h2{font-size:30px;font-weight:500;margin:20px 0}.modal-card p{color:#c6d6c0;font-size:14px;line-height:1.9}.modal-card dl{display:grid;grid-template-columns:130px 1fr;font-size:14px;line-height:2}.modal-card dt{color:var(--lime)}.modal-card dd{margin:0;color:#cfdbca}.secondary{width:100%;padding:12px;background:none;border:1px solid #d6e5cf44;border-radius:3px;margin-top:12px;font-size:14px}.touch-controls{display:none}#loading{position:absolute;inset:0;background:#18271f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;z-index:10}#loading strong{font-weight:500;letter-spacing:3px}#loading span{font-size:13px;color:var(--muted)}.loader-mark{color:var(--lime);font-size:58px;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.3}}@media(max-width:1100px){.brand strong span{display:none}.expedition{font-size:10px}.route-panel{left:22px;width:224px;padding:16px}.map-panel{right:22px;width:182px}.map-panel canvas{width:150px;height:137px}.telemetry{right:22px;width:236px}.controls-hint{gap:10px;bottom:55px}.lower-left{left:22px}.start-card{margin-left:6%;width:390px}.start-card h1{font-size:54px}footer{left:22px;right:22px}header{left:22px;right:22px}.speed-row strong{font-size:58px}.speed-row{gap:12px}.stats>div:not(:first-child){padding-left:10px}}@media(max-width:750px){header{top:18px;left:18px;right:18px}.brand strong{font-size:17px;letter-spacing:2px}.brand small{font-size:9px}.brand svg{width:31px}.expedition{display:none}.top-actions{gap:7px}.top-actions button{width:32px;height:32px}.route-panel{top:90px;left:14px;width:166px;padding:12px}.route-panel h2{font-size:16px;margin:9px 0}.route-panel p{display:none}#checkpoints li{height:39px;gap:8px}#checkpoints li div{font-size:12px}#checkpoints small{display:none}#checkpoints li>span{width:21px;height:21px;font-size:9px}#checkpoints li:not(:last-child):after{top:30px;left:10px;height:14px}.route-footer{font-size:9px;margin-top:7px;padding-top:10px}.map-panel{right:14px;top:90px;width:140px;padding:10px}.map-panel canvas{width:118px;height:108px}.map-key{font-size:8px}.eyebrow{font-size:9px}.telemetry{bottom:155px;right:14px;width:168px;padding:12px}.vehicle-title strong{font-size:16px}.speed-row{height:68px;gap:8px}.speed-row strong{font-size:45px}.speed-row small{font-size:9px}.speed-row>span{font-size:12px;min-width:21px}.rpm-bars{display:none}.stats{padding:8px 0}.stats small{font-size:9px}.stats b{font-size:11px}.stats>div:not(:first-child){padding-left:7px}.mode-control{padding-top:7px}.mode-control button{font-size:11px}.lower-left{bottom:163px;left:14px;gap:8px}.text-button{font-size:10px;padding:8px}.terrain-tag{font-size:9px;letter-spacing:0}.controls-hint{display:none}.touch-controls{position:absolute;bottom:58px;left:14px;right:14px;display:flex;justify-content:space-between;gap:15px}.touch-controls>div{display:flex;gap:9px;align-items:flex-end}.touch-controls button{width:48px;height:51px;background:#192f27bb;border:1px solid #e0f0d877;border-radius:6px;font-size:19px;user-select:none;touch-action:none}.touch-controls button[data-key="Space"]{font-size:11px}.touch-controls .accelerate{height:69px;background:#ddf994d9;color:#22301d;border-color:var(--lime)}footer{font-size:8px;bottom:15px;left:14px;right:14px}footer span:first-child,footer span:last-child{display:none}footer span{width:100%;text-align:center}.start-card{margin:70px 0 0 7%;width:85%}.start-card h1{font-size:47px;letter-spacing:5px}.start-card h1 span{font-size:14px;letter-spacing:2px}.start-card p{font-size:13px}.start-card .primary{width:250px}.scene-caption{display:none}.start-card .eyebrow{gap:12px;font-size:9px}.start-overlay{background:linear-gradient(90deg,#14221ec9,transparent)}#toast{top:78px;max-width:88%;width:max-content;font-size:12px;padding:10px 14px}}@media(max-height:620px) and (min-width:751px){.route-panel{top:104px}.route-panel p{display:none}#checkpoints li{height:39px}#checkpoints li:not(:last-child):after{height:6px;top:33px}.map-panel{top:104px}.telemetry{bottom:65px}.lower-left{bottom:65px}.start-card{margin-bottom:0}.start-card h1{font-size:48px;margin:18px 0}.start-card p{margin-bottom:20px}.controls-hint{bottom:40px}}@media(pointer:coarse) and (min-width:751px){.touch-controls{display:flex;position:absolute;bottom:70px;left:34%;gap:40px}.touch-controls button{width:48px;height:48px;margin:3px;background:#213a30b0;border:1px solid #ffffff88;border-radius:5px}.controls-hint{display:none}}
/* Technical trail controls */
.route-panel{top:116px;width:252px;padding:17px 20px 13px}.route-panel p{margin-bottom:10px}#checkpoints li{height:41px}#checkpoints li:not(:last-child):after{top:32px;height:10px}#checkpoints small{font-size:9px}.route-footer{margin-top:11px;padding-top:11px}.telemetry{bottom:88px}.speed-row{height:84px}.speed-row strong{font-size:58px}.drivetrain{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;border-top:1px solid var(--line);padding:12px 0}.drivetrain button{position:relative;min-height:60px;border:1px solid #c8d6c13d;background:#15241dbb;border-radius:4px;text-align:left;padding:9px 7px}.drivetrain b{display:block;font-size:17px;font-weight:550;line-height:1.1}.drivetrain small{display:block;font-size:10px;margin-top:7px;color:var(--muted)}.drivetrain kbd{position:absolute;top:7px;right:5px;font-size:8px;padding:1px 2px;min-width:12px;border-color:#c7d7ba3d}.drivetrain button.engaged{background:#daeeb122;border-color:#daf391;color:var(--lime)}.drivetrain button.engaged small{color:var(--lime)}.suspension-panel{position:absolute;left:36px;bottom:196px;width:252px;padding:15px 17px 10px;border-radius:4px}.suspension-panel .eyebrow{font-size:10px;letter-spacing:1px}.wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:12px 0}.wheel-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#d7e5ce}.wheel-status i{width:9px;height:23px;border:1px solid #d5edb470;border-radius:3px;position:relative;background:#111d16;overflow:hidden}.wheel-status i:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--travel,50%);min-height:3px;background:#cce898}.wheel-status small{font-size:9px;color:var(--lime)}.wheel-status.airborne small{color:#ffc282}.wheel-status.airborne i{border-color:#f6b779}.wheel-status.airborne i:after{background:#f2a96a}.suspension-summary{border-top:1px solid var(--line);padding-top:9px;display:flex;justify-content:space-between;font-size:10px;color:#cbd9c0}.suspension-panel p{font-size:10px;line-height:1.5;color:var(--lime);margin:10px 0 1px;min-height:15px}body.intro .suspension-panel{display:none}.lower-left{gap:9px;bottom:91px}.terrain-tag{max-width:320px;line-height:1.6}.controls-hint{font-size:10px;bottom:65px;gap:11px}
@media(max-width:1100px){.route-panel{left:22px;width:224px}.suspension-panel{left:22px;width:224px}.drivetrain small{font-size:9px}.drivetrain b{font-size:15px}.drivetrain kbd{display:none}.controls-hint{bottom:44px}}
@media(max-height:790px) and (min-width:751px){.route-panel{top:101px;padding:12px 16px}.route-panel h2{margin:10px 0 7px;font-size:18px}.route-panel p{font-size:11px;line-height:1.6;margin-bottom:7px}#checkpoints li{height:33px}#checkpoints li:not(:last-child):after{top:29px;height:5px}#checkpoints li>span{width:20px;height:20px;font-size:9px}#checkpoints small{display:none}.route-footer{margin-top:7px;padding-top:7px}.suspension-panel{bottom:172px;padding:11px 15px}.wheel-grid{gap:5px 13px;margin:9px 0}.wheel-status i{height:17px}.suspension-panel p{margin-top:7px}.telemetry{bottom:71px}.speed-row{height:69px}.stats{padding:8px 0}.lower-left{bottom:65px}.lower-left .terrain-tag{font-size:10px}.map-panel{top:101px}}
@media(max-width:750px){.route-panel{top:81px;left:12px;width:164px;padding:11px}.route-panel h2{font-size:14px;margin:9px 0}#checkpoints li{height:32px}.route-footer{font-size:8px}.map-panel{top:81px;right:12px;width:137px}.suspension-panel{left:12px;bottom:201px;width:145px;padding:10px}.suspension-panel .eyebrow{font-size:8px}.wheel-grid{gap:6px 8px;margin:9px 0}.wheel-status{font-size:9px;gap:3px}.wheel-status i{width:7px;height:18px}.wheel-status small{font-size:8px}.suspension-summary{font-size:8px;gap:4px}.suspension-summary span:last-child{max-width:68px;text-align:right}.suspension-panel p{font-size:9px}.telemetry{width:178px;right:12px;bottom:154px;padding:10px}.speed-row{height:62px}.speed-row strong{font-size:41px}.drivetrain{padding:8px 0;gap:4px}.drivetrain button{min-height:56px;padding:7px 5px}.drivetrain b{font-size:14px}.drivetrain small{font-size:8px;line-height:1.3}.lower-left{left:12px;bottom:152px;gap:5px;flex-direction:row;flex-wrap:wrap;width:150px}.lower-left .terrain-tag{display:none}.text-button{font-size:9px;padding:6px}.text-button kbd{font-size:8px;margin-left:4px}.controls-hint{display:none}.start-card p{font-size:13px}.start-card .eyebrow{gap:7px;font-size:8px}footer span{font-size:7px}}
@media(max-height:650px) and (min-width:751px){.suspension-panel{left:270px;bottom:91px;width:200px}.route-panel{width:225px}.terrain-tag{font-size:9px;max-width:215px}.map-panel{width:159px}.map-panel canvas{width:127px;height:115px}.telemetry{width:240px}.controls-hint{bottom:43px}}
@media(min-width:751px) and (min-height:791px){.route-panel p{min-height:42px;margin-bottom:8px}.route-panel h2{font-size:19px;margin-top:12px}#checkpoints li{height:37px}.suspension-panel{bottom:196px}}