@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--lime:#d5f976;--text:#f1f5ed;--muted:#a7b6b0;--red:#ff7666;--line:#b0c6be2e;--panel:#14221fe8;--display:'Barlow Condensed','Arial Narrow',sans-serif;--mono:'IBM Plex Mono',monospace;color-scheme:dark}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:#182a2d;color:var(--text);font:13px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;overflow:hidden}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}svg{width:19px;height:19px;stroke-width:1.7;flex-shrink:0}[hidden]{display:none!important}#game{position:relative;width:100%;height:100dvh;min-height:540px;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#game:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#14262499,transparent 26%,transparent 58%,#0d1718bd);z-index:1}.topbar{position:absolute;left:32px;right:32px;top:24px;display:flex;align-items:center;justify-content:space-between;z-index:3;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;background:var(--lime);color:#203022;width:36px;height:40px;transform:skew(-8deg);font:800 32px var(--display)}h1{margin:0;font:700 27px/1 var(--display);white-space:nowrap}h1 span{font:500 19px -apple-system,sans-serif;margin-left:7px}.subtitle{display:block;margin-top:5px;font:8px var(--mono);color:#ceded0}.top-tools{display:flex;align-items:center;gap:7px}.live-tag{font:9px var(--mono);margin-right:12px;color:#cddfc9;display:flex;align-items:center;gap:6px}.live-tag b,.pedal-heading b{width:5px;height:5px;background:var(--lime);display:inline-block;border-radius:50%}.icon-button{width:35px;height:35px;background:#152721a3;border:1px solid #a1beb532;border-radius:5px;display:grid;place-items:center;backdrop-filter:blur(8px)}.icon-button:hover{background:#334f43}.top-telemetry{position:absolute;top:98px;left:32px;z-index:2;display:flex;border-top:1px solid #b0c6be66;padding-top:14px;gap:29px}.top-telemetry>div{min-width:80px}.top-telemetry span{font-size:10px;color:#cfdbd0;display:block;margin-bottom:3px}.top-telemetry strong{font:500 27px/1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 1px 9px #183322}.top-telemetry small{font:11px var(--mono);margin-left:4px}.top-telemetry .phase strong{font:500 13px -apple-system,sans-serif;display:block;margin-top:7px}.track-label{position:absolute;top:103px;right:32px;z-index:2;font:9px var(--mono);color:#e2e8d6;display:flex;align-items:center;gap:8px}.square-dot{width:5px;height:5px;display:inline-block;background:var(--lime)}.speed-hud{position:absolute;bottom:115px;left:32px;z-index:2;width:270px}.speed-title{display:flex;align-items:center;gap:7px;font-size:10px;color:#d2decf}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%}.speed-value{display:flex;align-items:baseline;gap:10px}.speed-value strong{font:600 104px/1.1 var(--display);font-variant-numeric:tabular-nums;text-shadow:0 3px 12px #0005}.speed-value>span{font:11px var(--mono);color:#bccbc1}.speed-bar{height:3px;background:#b0c6be30;margin:8px 0 10px}#speed-fill{height:100%;width:0;background:var(--lime);display:block}.speed-meta{display:flex;align-items:center;justify-content:space-between;color:#c3d0c4;font-size:9px}.speed-meta b{margin-left:5px;font:500 12px var(--mono);color:var(--lime)}#brake-gate{color:#a7baaa}.drive-control{position:absolute;bottom:53px;left:32px;z-index:4;display:flex;align-items:center;gap:10px}.primary{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 24px;border-radius:4px;color:#23351c;background:var(--lime);font-size:12px;font-weight:600;min-width:175px}.primary:hover{background:#e8ffa4}.primary:disabled{background:#324439;color:#a0b4a4}.attempt-label{font:9px var(--mono);color:#a5b9ac;padding-left:8px}.attempt-label b{color:#e2e8d6;font-weight:400}.pedal-panel{position:absolute;right:32px;bottom:53px;width:310px;z-index:4;background:var(--panel);border:1px solid #b4d0b95c;box-shadow:0 10px 25px #07100e44;border-radius:6px;overflow:hidden;backdrop-filter:blur(10px);transition:width .15s}.pedal-heading{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 13px;border-bottom:1px solid var(--line);font-size:11px}.pedal-heading>span{display:flex;align-items:center;gap:7px}.pedal-heading small{font:8px var(--mono);color:#a2b697;margin-left:4px}.pedal-heading>div{display:flex;gap:5px}.mini-icon{width:25px;height:25px;background:transparent;display:grid;place-items:center;color:#b4c5b3;border-radius:3px}.mini-icon svg{width:14px;height:14px}.mini-icon:hover{background:#324937;color:var(--lime)}#pedal-viewport{height:210px;position:relative;background:transparent;pointer-events:none}.pedal-annotation{position:absolute;top:11px;left:13px;font:8px var(--mono);color:#b7c6ae}.pedal-annotation>span{font:8px -apple-system,sans-serif;color:#859a85}.pedal-state{position:absolute;bottom:12px;left:13px;display:flex;align-items:center;gap:6px;font-size:9px;color:#b9d0ab}.pedal-state .status-dot{width:5px;height:5px}.pedal-data{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid var(--line);padding:12px 13px 10px;gap:12px}.pedal-data>div>span{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.pedal-data strong{font:500 28px/1 var(--display);font-variant-numeric:tabular-nums}.pedal-data>div:first-child strong{color:var(--lime)}.pedal-data small{font:10px var(--mono);margin-left:2px;color:#a0b498}.force-meter{height:4px;background:repeating-linear-gradient(to right,#486244 0,#486244 5px,transparent 5px,transparent 8px);margin:1px 13px 0;position:relative}.force-meter>div{height:100%;width:0;background:var(--lime)}.force-meter>span{position:absolute;right:0;top:-3px;height:10px;width:2px;background:var(--red)}.meter-labels{display:flex;justify-content:space-between;padding:7px 13px 13px;font:8px var(--mono);color:#879b85}.threshold{font:8px -apple-system,sans-serif;color:#c19b85}.brake-button{height:46px;width:calc(100% - 26px);margin:0 13px 13px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--lime);color:#293e20;border-radius:4px;font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 3px 0 #69853c}.brake-button svg{width:17px;height:17px}.brake-button:hover{background:#e5ff9e}.brake-button:disabled{background:#33463b;color:#9bae9a;box-shadow:0 3px 0 #233229}.brake-button.pressing{transform:translateY(2px);background:#c2dc58;box-shadow:0 1px 0 #617832}.pedal-panel.expanded{width:440px}.pedal-panel.expanded #pedal-viewport{height:330px}footer{position:absolute;bottom:18px;left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#c0cebb;font-size:8px;gap:15px}#scene-error{position:absolute;inset:40% 20% auto;z-index:8;text-align:center;background:#18281eee;padding:24px;border:1px solid var(--red);border-radius:6px}.result-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;background:#12201df2;border:1px solid #9ab79a55;border-radius:6px;z-index:6;box-shadow:0 24px 80px #06120b5e;backdrop-filter:blur(10px)}.result-heading{padding:24px 25px 20px;border-bottom:1px solid var(--line)}.result-heading>span{font:9px var(--mono);color:var(--lime)}.result-heading h2{font-weight:500;font-size:27px;margin:8px 0 7px}.result-heading p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:19px 25px}.result-stats span{font-size:9px;color:var(--muted);display:block;margin-bottom:5px}.result-stats strong{font:500 22px var(--display)}.result-score{display:flex;align-items:center;gap:16px;padding:0 25px 23px}.result-score>span{font-size:10px;color:var(--muted)}.result-score>strong{font:600 36px var(--display);color:var(--lime)}#retry{margin-left:auto;display:flex;align-items:center;gap:7px;background:var(--lime);color:#1f3320;height:36px;padding:0 13px;border-radius:4px;font-size:10px}#retry svg{width:14px;height:14px}.failed #force,.failed #damage,.failed #integrity{color:var(--red)}.failed #meter-fill,.failed #pedal-dot{background:var(--red)}.failed .result-heading>span{color:var(--red)}.failed .pedal-panel{border-color:#d3766166}#loading{position:absolute;inset:0;background:#1c3031;z-index:9;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#dbe8cb}#loading span{width:7px;height:7px;background:var(--lime);border-radius:50%;animation:pulse 1s ease-in-out infinite}dialog{background:#182820;color:#e2eadb;border:1px solid #71927466;border-radius:6px;padding:25px;width:min(490px,calc(100% - 32px));font-size:12px;line-height:1.9;max-height:80dvh}dialog::backdrop{background:#06150aa1;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{font-size:19px;font-weight:500;margin:0}dialog a{color:var(--lime)}dialog p{margin:0 0 14px}dialog .safety{color:var(--red);margin:0}@keyframes pulse{50%{opacity:.2}}
.pedal-panel{background:transparent;backdrop-filter:none}.pedal-heading,.pedal-data,.meter-labels{background:#14221ff7}.force-meter{background-color:#14221f}.brake-button{outline:13px solid #14221ff7}.pedal-panel:after{content:'';position:absolute;bottom:0;height:12px;left:0;right:0;background:#14221ff7;z-index:-1}
@media(max-width:1000px){.topbar{left:22px;right:22px;top:19px}.top-telemetry{left:22px;gap:22px;top:90px}.track-label,.phase{display:none}.pedal-panel{right:22px;bottom:47px;width:272px}#pedal-viewport{height:180px}.speed-hud{left:22px;width:220px;bottom:110px}.drive-control{left:22px;bottom:47px}footer{left:22px;right:22px;bottom:15px}.attempt-label{display:none}}
@media(max-width:600px){#game{min-height:620px}.topbar{left:16px;right:16px;top:17px}.brand{gap:8px}.brand-mark{width:28px;height:31px;font-size:27px}h1{font-size:25px}h1 span{font-size:16px;margin-left:5px}.subtitle{font-size:7px}.top-tools{gap:4px}.icon-button{width:30px;height:30px}.icon-button svg{width:16px;height:16px}.live-tag{display:none}.top-telemetry{left:16px;right:16px;top:77px;gap:20px;justify-content:space-between;padding-top:12px}.top-telemetry>div{min-width:0}.top-telemetry span{font-size:8px}.top-telemetry strong{font-size:23px}.top-telemetry small{font-size:9px}.speed-hud{left:16px;bottom:91px;width:calc(100% - 245px);min-width:86px}.speed-value{gap:4px;flex-wrap:wrap}.speed-value strong{font-size:72px}.speed-value>span{font-size:8px}.speed-title{font-size:8px;gap:5px}.speed-meta{font-size:8px;flex-direction:column;align-items:flex-start;gap:8px}.speed-meta b{font-size:10px}#brake-gate{font-size:7px}.speed-bar{margin-top:9px}.drive-control{left:16px;bottom:39px;gap:7px}.primary{min-width:0;padding:0 11px;height:36px;font-size:10px;gap:5px}.primary svg{height:13px;width:13px}.drive-control>.icon-button{height:30px;width:30px}.pedal-panel{right:14px;bottom:39px;width:209px;max-width:calc(100% - 138px)}.pedal-heading{height:33px;padding:0 10px;font-size:9px}.pedal-heading small{display:none}.pedal-heading>span{gap:6px}#pedal-viewport{height:157px}.pedal-annotation{left:10px;top:10px;font-size:7px}.pedal-annotation>span{font-size:7px}.pedal-state{left:10px;bottom:10px;font-size:8px}.pedal-data{padding:10px;gap:8px}.pedal-data>div>span{font-size:8px}.pedal-data strong{font-size:23px}.pedal-data small{font-size:8px}.force-meter{margin-left:10px;margin-right:10px}.meter-labels{padding:7px 10px 10px;font-size:7px}.threshold{font-size:7px}.brake-button{margin:0 10px 11px;width:calc(100% - 20px);height:40px;padding:0 10px;font-size:10px}.brake-button svg{width:14px;height:14px}.pedal-panel.expanded{width:calc(100% - 28px);max-width:calc(100% - 28px);bottom:39px}.pedal-panel.expanded #pedal-viewport{height:260px}footer{left:16px;right:16px;bottom:12px;font-size:6px;gap:8px}.result-sheet{width:calc(100% - 32px);top:37%}.result-heading{padding:20px}.result-heading h2{font-size:23px}.result-stats{padding:15px 20px;gap:10px}.result-stats strong{font-size:20px}.result-score{padding:0 20px 20px;gap:12px}.result-score strong{font-size:30px}.result-score>span{font-size:9px}.result-score #retry{padding:0 9px;font-size:9px}.top-tools #camera{display:none}#scene-error{inset:30% 15px auto;padding:18px;font-size:11px}}
@media(max-height:600px) and (min-width:601px){.topbar{top:14px}.top-telemetry{top:76px;padding-top:10px}.pedal-panel{bottom:36px;width:250px}.pedal-heading{height:30px}#pedal-viewport{height:130px}.pedal-data{padding:8px 13px}.pedal-data strong{font-size:24px}.brake-button{height:38px;margin-bottom:10px}.meter-labels{padding-bottom:10px}.speed-hud{bottom:90px}.speed-value strong{font-size:80px}.drive-control{bottom:36px}footer{bottom:10px}.result-sheet{width:360px}.result-heading{padding:17px 20px}.result-heading h2{font-size:22px}.result-stats{padding:15px 20px}.result-score{padding:0 20px 16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}