@font-face{font-family:system-ui;src:local('Segoe UI')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#182e2c;color:#f3f2e9;font-family:'Segoe UI','Microsoft YaHei',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #a6e8cb;outline-offset:4px}button:disabled{cursor:wait}button{touch-action:manipulation}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}#game{width:100%;height:100%;position:relative;outline:0}#world,#world canvas,.vignette,#impact{position:absolute;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(8,22,24,.45),transparent 24%,transparent 60%,rgba(8,22,24,.68))}#impact{pointer-events:none;opacity:0;background:radial-gradient(ellipse,transparent 35%,#eb5735a0);transition:opacity .15s}.topbar{position:absolute;left:36px;right:36px;top:28px;display:flex;align-items:center;justify-content:space-between;z-index:4}.brand{text-decoration:none;color:#fff;display:flex;gap:13px;align-items:center}.brand svg{width:38px;height:38px;fill:none;stroke:#ece8d9;stroke-width:2}.brand>span{font-size:27px;font-weight:700;letter-spacing:3px;line-height:1}.brand-sub{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:8px}.brand-sub i{font-style:normal;opacity:.5;margin:0 3px}.track-tag{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:1px;color:#f7f2e9ba}.track-tag b{font-weight:600;color:#fff}.live-dot{width:5px;height:5px;background:#bce8d2;border-radius:50%}.sep{opacity:.4;margin:0 8px}nav{display:flex;gap:8px}nav button{background:#20333165;color:#f4f0e5;border:1px solid #ffffff24;border-radius:5px;padding:10px 13px;font-size:12px;backdrop-filter:blur(14px)}nav button span{margin-left:5px}.fiction-label{position:absolute;left:38px;top:97px;font-size:10px;letter-spacing:1px;border:1px solid #ffffff26;background:#112c2b48;border-radius:3px;padding:5px 9px;color:#eee7d5cf}#route{position:absolute;top:103px;left:50%;transform:translateX(-50%);width:280px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px;opacity:.85}.route-line{height:2px;flex:1;background:#ffffff3b;position:relative}.route-line:before,.route-line:after{content:'';position:absolute;top:-3px;height:8px;width:1px;background:#e0e8de}.route-line:after{right:0}#route-car{position:absolute;left:2%;top:-4px;width:10px;height:10px;border-radius:50%;background:#bde6d4;border:2px solid #254d43;transform:translateX(-50%)}.route-marker{position:absolute;width:1px;height:6px;top:-2px;left:50%;background:#ffffff40}.panel{background:linear-gradient(135deg,#faf8ecf2,#eeeedeeb);color:#213a32;border:1px solid #fff6;box-shadow:0 24px 80px #071e2025;border-radius:7px;backdrop-filter:blur(18px)}.intro{position:absolute;width:375px;left:38px;top:50%;transform:translateY(-45%);padding:28px 28px 20px;z-index:5}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center;color:#4e6b5c}.pill{font-size:9px;letter-spacing:0;padding:4px 7px;border:1px solid #b5c6b8;border-radius:3px}h1{margin:25px 0 18px;font-size:42px;letter-spacing:-2px;line-height:1.3;font-weight:600}h1 span{color:#387b63}.intro-copy{font-size:12px;line-height:1.9;color:#6d7c70;margin:0 0 20px}.rule-row{display:flex;border-top:1px solid #73857530;border-bottom:1px solid #73857530;padding:15px 0;margin-bottom:21px}.rule-row>div{flex:1;display:flex;flex-direction:column;gap:6px}.rule-row>div+div{border-left:1px solid #73857530;padding-left:20px}.rule-row span:not(.rule-num){font-size:10px;color:#728073}.rule-num{font-size:28px;line-height:1.1;letter-spacing:-1px;font-weight:400}.danger-text{color:#bc694e}.primary{background:#245a49;color:#fff8e9;padding:14px 18px;border-radius:4px;display:flex;width:100%;justify-content:space-between;font-size:13px;letter-spacing:1px;box-shadow:0 5px 16px #234c4225}.primary>span:last-child{font-size:17px}.quick-label{font-size:9px;color:#8b9789;text-align:center;margin:15px 0 11px}.quick-row{display:flex;gap:10px}.quick-row button{background:#dfe4d840;color:#344b3e;border:1px solid #c8d2c3;border-radius:4px;padding:10px 12px;text-align:left;flex:1;font-size:18px}.quick-row button small{font-size:9px;margin-left:3px;color:#778272}.quick-row button>span{display:block;font-size:10px;color:#6b7c6d;margin-top:5px}.intro-foot{display:flex;justify-content:space-between;font-size:8px;color:#859181;margin-top:20px}#hint{position:absolute;left:50%;top:160px;transform:translateX(-50%);padding:9px 15px;border:1px solid #ffffff35;background:#193e357a;backdrop-filter:blur(10px);border-radius:4px;font-size:11px;white-space:nowrap}.hint-icon{font-size:15px;color:#c9e5bd;margin-right:10px}#alert{position:absolute;left:50%;top:210px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:#822f22cf;border:1px solid #ffb08e70;padding:13px 20px;border-radius:5px;backdrop-filter:blur(12px);box-shadow:0 8px 50px #57181135;animation:alertin .3s ease-out;white-space:nowrap}#alert>span{border:1px solid #efb68c;border-radius:50%;font-size:20px;width:30px;height:30px;text-align:center;color:#ffd2b0}#alert b{font-size:15px;font-weight:600;letter-spacing:1px}#alert p{font-size:10px;margin:5px 0 0;opacity:.75}@keyframes alertin{from{opacity:0;margin-top:-10px}to{opacity:1;margin-top:0}}.telemetry{position:absolute;left:38px;bottom:90px;width:275px;padding:18px 20px;background:#19372db5;color:#f5f0df;border-color:#dce9d821;box-shadow:none}.telemetry-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}#brake-status{font-size:9px;letter-spacing:0;display:flex;align-items:center;gap:5px}.ok{color:#b8dabe}.ok i{width:4px;height:4px;border-radius:50%;background:currentColor}.broken{color:#ffba9b}.pedal-row{display:flex;align-items:center;gap:15px;margin:7px 0 15px}.pedal{width:76px;height:85px;flex-shrink:0;stroke:#b8cdb7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:#1a3b2e}.pedal circle{fill:#d5d6b7;stroke-width:2}.pedal .bracket{stroke-width:3}.pedal .crack{opacity:0;stroke:#ff9977;stroke-width:3;fill:none}.pedal.is-broken .crack{opacity:1}.pedal-arm{transform-origin:48px 32px;transition:transform .12s ease}.pedal.is-pressed .pedal-arm{transform:rotate(-12deg)}.pedal.is-broken .pedal-arm{transform:translate(14px,15px) rotate(35deg);stroke:#e59076;transition:transform .45s cubic-bezier(.24,.86,.42,1.3)}.pedal-row>div{display:flex;flex-direction:column;gap:4px;flex:1}.pedal-row span{font-size:9px;color:#d9e4ccaa}.pedal-row strong{font-size:27px;font-weight:400;font-variant-numeric:tabular-nums}.pedal-row small{font-size:11px;opacity:.6}.pedal-row .muted{font-size:8px;opacity:.65}.telemetry-values{border-top:1px solid #dce9d828;padding-top:12px;display:flex;justify-content:space-between}.telemetry-values>div{display:flex;flex-direction:column;gap:6px}.telemetry-values span{font-size:8px;color:#d9e4cc88}.telemetry-values b{font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}.telemetry-values small{font-size:8px;opacity:.6}#event-log{font-size:8px;color:#d9e4cc88;margin-top:12px;line-height:1.5}.intro-active .telemetry{display:none}#speedometer{position:absolute;right:38px;bottom:100px;width:245px;text-align:center}.gauge{width:245px;height:200px;overflow:visible}.gauge path{fill:none;stroke-width:2.5;stroke-linecap:round}#gauge-base{stroke:#ffffff30}#gauge-fill{stroke:#d5e4c7;stroke-dasharray:480;stroke-dashoffset:480;stroke-width:4}.gauge .threshold-tick{stroke:#f5bc88;stroke-width:2}.gauge text{fill:#efead4ad;font:9px sans-serif}.speed-readout{position:absolute;top:44px;width:100%;display:flex;align-items:center;flex-direction:column}.gear{display:flex;gap:7px;font-size:9px;align-items:center;letter-spacing:1px;color:#f8f0df8a}#gear{background:#e7ede2;color:#214739;border-radius:2px;font-size:11px;font-weight:700;width:18px;height:18px;padding-top:1px}.speed-readout strong{font-family:'Arial Narrow','Segoe UI',sans-serif;font-size:76px;font-weight:300;letter-spacing:-5px;line-height:1.15;font-variant-numeric:tabular-nums;text-shadow:0 2px 30px #12291b70}.speed-unit{font-size:9px;letter-spacing:3px;color:#eff0dcc0}.input-bars{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;margin-top:-6px;color:#edebdba0}.input-bars>div{width:55px;background:#ffffff25;height:3px}.input-bars i{display:block;height:100%;width:0;background:#c0ddbc}.input-bars #brake-bar{background:#e9b18b}#speed-state{font-size:8px;letter-spacing:1px;color:#f2edd387;margin-top:17px}.bottom-bar{position:absolute;left:38px;right:38px;bottom:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#e5e8d38a}.bottom-bar>span i{font-style:normal;margin:0 8px}.bottom-bar div{display:flex;gap:20px}.bottom-bar button{background:transparent;color:#e5e8d3aa;font-size:10px}.bottom-bar kbd{font-size:8px;border:1px solid #e5e8d330;padding:3px 4px;border-radius:3px;margin-left:7px}.result,.modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;padding:30px;z-index:8}h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:20px 0 12px}.result p,.modal p{font-size:12px;line-height:1.8;color:#667567}.result-grid{display:flex;justify-content:space-between;border-top:1px solid #cbd6c7;border-bottom:1px solid #cbd6c7;padding:18px 0;margin:24px 0}.result-grid>div{display:flex;flex-direction:column;gap:9px}.result-grid span{font-size:10px;color:#788777}.result-grid b{font-size:28px;font-weight:400;font-variant-numeric:tabular-nums}.result-grid small{font-size:11px;color:#8a9784}.secondary{background:transparent;color:#6b7d6a;font-size:11px;display:block;margin:15px auto 0}.guide{width:530px;max-width:92vw;max-height:85vh;padding:32px;overflow:auto;border:1px solid #fff5}.guide::backdrop{background:#0c241b99;backdrop-filter:blur(7px)}.guide h2{margin:16px 0 20px}.guide p{font-size:11px;line-height:1.9;color:#637463}.guide h3{font-size:13px;margin:25px 0 8px;font-weight:600}.guide-controls{padding:12px 15px;background:#b6c4b025;border:1px solid #bdc9b9;border-radius:4px}.guide-controls p{margin:6px 0;font-size:10px}.guide kbd{padding:2px 5px;border:1px solid #c0cbbb;border-radius:3px;font-size:9px}.source-links{display:flex;gap:20px;font-size:10px;margin-top:22px}.source-links a{color:#2a604d;text-decoration:none}.close{position:absolute;right:18px;top:12px;color:#597260;background:none;font-size:24px}#loading{position:absolute;inset:0;z-index:20;background:#e8eadd;color:#3c6651;display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:column;font-size:12px;transition:opacity .5s}.loading-logo{font-size:44px;letter-spacing:10px;font-weight:300}#error{position:absolute;inset:0;background:#172f2a;z-index:25;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}#error p{font-size:13px;color:#c0d4bc}#error button{background:#b8d2ad;color:#254331;padding:12px 25px;border-radius:5px;margin-top:20px}.touch-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:92px;display:flex;gap:26px;z-index:6;user-select:none;-webkit-user-select:none}.touch-controls>div{display:flex;gap:8px;align-items:end}.touch-controls button{width:43px;height:43px;border:1px solid #ffffff35;border-radius:5px;color:#f9f1df;background:#243e3580;backdrop-filter:blur(14px);touch-action:none;font-size:18px}.touch-controls .touch-gas,.touch-controls .touch-brake{width:62px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;gap:8px}.touch-controls button span{font-size:7px;opacity:.6}.touch-controls .touch-gas{border-color:#bde2b770;background:#3e6a4f90}.touch-controls .touch-brake{border-color:#ecc5aa50;background:#82664c70}.touch-controls button.held{background:#bbd9aeb5;color:#24402d}.touch-controls .touch-brake.held{background:#cb7856b5;color:#fff}.intro-active .touch-controls{display:none}body.danger #gauge-fill{stroke:#e9ab87}body.danger #speed-state{color:#ffc19a}body.failed #speedometer .speed-readout{color:#ffc9ae}body.failed .telemetry{border-color:#cf886a50}body.ended .touch-controls{display:none}body.paused .touch-controls{pointer-events:none;opacity:.2}@media(min-width:1500px){.intro{left:55px;width:410px;padding:34px}.topbar{left:55px;right:55px}.fiction-label{left:55px}.telemetry{left:55px;bottom:110px}#speedometer{right:55px;bottom:125px}.bottom-bar{left:55px;right:55px;bottom:32px}.touch-controls{bottom:115px}h1{font-size:47px}}@media(max-height:700px) and (min-width:800px){.intro{padding:22px;width:350px;top:52%}h1{font-size:34px;margin:18px 0 12px}.intro-copy{font-size:11px;margin-bottom:12px}.rule-row{padding:10px 0;margin-bottom:15px}.intro-foot{margin-top:14px}.telemetry{bottom:72px}.touch-controls{bottom:72px}#speedometer{bottom:80px}#hint{top:140px}#alert{top:180px}}@media(max-width:900px){.track-tag{display:none}.topbar{left:22px;right:22px}.fiction-label{left:24px}#route{top:106px;left:auto;right:24px;transform:none;width:200px}.intro{left:24px;width:335px;padding:23px}.telemetry{left:24px;width:235px;padding:14px}#speedometer{right:18px;width:200px}.gauge{width:200px;height:165px}.speed-readout{top:32px}.speed-readout strong{font-size:63px}.input-bars>div{width:38px}.bottom-bar{left:24px;right:24px}.touch-controls{gap:16px}h1{font-size:38px}.intro-foot{font-size:7px}}@media(max-width:600px){.topbar{top:20px;left:18px;right:18px}.brand>span{font-size:22px}.brand-sub{font-size:7px;letter-spacing:1px}.brand svg{width:29px}.brand{gap:9px}nav{gap:5px}nav button{padding:8px 10px;font-size:14px}nav button span{display:none}.fiction-label{top:82px;left:20px;font-size:8px;padding:4px 7px}#route{top:117px;left:20px;right:20px;width:auto;transform:none;font-size:7px}.intro{left:18px;top:45%;transform:translateY(-40%);width:min(335px,calc(100% - 36px));padding:22px;background:#f6f5e9ed}.intro h1{font-size:34px;margin:18px 0 12px}.intro-copy{font-size:11px;margin-bottom:14px}.rule-row{padding:12px 0;margin-bottom:16px}.intro-foot{margin-top:15px}.quick-label{margin:12px 0 8px}.telemetry{left:18px;bottom:160px;width:170px;padding:12px}.pedal{width:48px;height:60px}.pedal-row{gap:8px;margin:5px 0 8px}.pedal-row strong{font-size:22px}.pedal-row span{font-size:7px}.telemetry-head{font-size:9px}.telemetry-values{padding-top:9px;gap:8px}.telemetry-values span{font-size:7px}.telemetry-values b{font-size:10px}#event-log{font-size:7px;margin-top:8px}#speedometer{right:12px;bottom:163px;width:170px}.gauge{width:170px;height:140px}.speed-readout{top:28px}.speed-readout strong{font-size:55px}.gear{font-size:7px}#gear{width:15px;height:15px;font-size:9px}.speed-unit{font-size:7px}.input-bars{font-size:7px;gap:5px}.input-bars>div{width:28px}#speed-state{font-size:7px;margin-top:10px}.touch-controls{left:18px;right:18px;transform:none;bottom:65px;justify-content:space-between;gap:0}.touch-controls button{width:48px;height:48px}.touch-controls .touch-gas,.touch-controls .touch-brake{width:67px;height:70px}.bottom-bar{left:18px;right:18px;bottom:21px;font-size:7px}.bottom-bar div{gap:10px}.bottom-bar kbd{display:none}.bottom-bar button{font-size:9px}#hint{top:151px;font-size:9px;padding:8px 11px;max-width:90vw}#alert{top:192px;padding:11px 13px;gap:8px}#alert b{font-size:12px}#alert p{font-size:8px}.result,.modal{width:calc(100% - 36px);max-width:370px;padding:26px}.guide{padding:26px}.intro-active #speedometer{opacity:.45;bottom:60px;transform:scale(.7);transform-origin:bottom right}.intro-active .bottom-bar{bottom:22px}.intro-active #restart,.intro-active #pause{visibility:hidden}}@media(max-height:560px){.intro{top:52%;padding:16px;width:300px}.intro h1{font-size:27px;margin:12px 0}.intro-copy{display:none}.rule-row{padding:8px 0;margin-bottom:12px}.rule-num{font-size:23px}.primary{padding:10px 14px}.quick-label{margin:10px 0 7px}.quick-row button{padding:8px;font-size:16px}.intro-foot{margin-top:10px}.topbar{top:15px}.fiction-label{top:67px}#route{top:83px}#hint{top:105px}#alert{top:150px}.telemetry{bottom:66px}#speedometer{bottom:68px}.touch-controls{bottom:60px}.telemetry-head{font-size:9px}.pedal{height:58px}.pedal-row{margin:4px 0}.bottom-bar{bottom:15px}.result,.modal{top:55%;padding:20px}.result h2{margin:12px 0}.result-grid{margin:12px 0;padding:12px 0}.intro-active #speedometer{bottom:60px}}
#hazard{position:absolute;left:50%;top:288px;transform:translateX(-50%);font-size:10px;letter-spacing:.4px;color:#ffe0a5;background:#443c218f;border:1px solid #dcc48050;border-radius:4px;padding:8px 14px;backdrop-filter:blur(10px);white-space:nowrap}.crashing .touch-controls{display:none}.crashing #alert{background:#722b1bce;top:148px}.crashing #hint{display:none}@media(max-width:600px){#hazard{top:265px;font-size:8px;padding:7px 10px}}@media(max-height:560px){#hazard{top:226px;font-size:8px}.crashing #alert{top:110px}}

/* Crisp SVG mechanism inset; it shares the game clock and adds no WebGL pass. */
#brake-inset{position:absolute;top:166px;left:32px;width:300px;padding:13px 15px 11px;z-index:7;color:#e1e8dd;background:linear-gradient(150deg,rgba(27,51,55,.98),rgba(17,33,38,.98));border:1px solid #9eb7ad66;border-radius:16px;box-shadow:0 12px 40px #071f2440;overflow:hidden;contain:layout paint}
#brake-inset[hidden]{display:none}
.cutaway-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cutaway-head>div{display:flex;align-items:center;gap:7px}.cutaway-head b{font-size:14px;letter-spacing:.06em}.cutaway-head small{font-size:10px;color:#e0bb87;border:1px solid #e0bb8755;border-radius:4px;padding:2px 4px}
.cutaway-live{width:6px;height:6px;border-radius:50%;background:#f3ae62;box-shadow:0 0 8px #f3ae6270}.cutaway-head button{background:transparent;border:0;color:#c4d6cd;font-size:22px;width:28px;height:28px;line-height:1;padding:0;cursor:pointer}
.cutaway-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#9aafa9}.cutaway-meta b{color:#f1c085;font-variant-numeric:tabular-nums;font-weight:500}
#brake-inset svg{display:block;width:100%;height:auto;margin:5px 0 0}#cutaway-crack,#cutaway-sparks{opacity:0}
.cutaway-load{height:2px;background:#b9cfbf1a;border-radius:2px;overflow:hidden;margin:3px 0 9px}.cutaway-load i{display:block;height:100%;background:#f1b36d;width:0}
#cutaway-status{font-size:12px;margin:0 0 9px;min-height:17px;color:#e9d9bc;letter-spacing:.025em}
.cutaway-stages{display:flex;gap:14px;align-items:center;font-size:10px;color:#7e9993}.cutaway-stages span:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:4px;vertical-align:middle}.cutaway-stages .current{color:#edbc80}.cutaway-stages button{font:inherit;margin-left:auto;color:#cad7cc;border:0;background:transparent;padding:4px;cursor:pointer}.cutaway-note{display:block;margin-top:5px;font-size:9px;color:#708b83}
.brake-inset-open #hint,.brake-inset-open #alert{visibility:hidden}.brake-inset-open #hazard{top:166px;left:50%;transform:translateX(-50%)}
#fps-meter{font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:10px;white-space:nowrap}
.mobile-rendering .telemetry,.mobile-rendering #hint,.mobile-rendering #alert,.mobile-rendering #hazard,.mobile-rendering #speedometer,.mobile-rendering .topbar button{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:600px){#brake-inset{top:151px;left:16px;width:270px;padding:10px 13px 9px;border-radius:13px}.cutaway-head b{font-size:13px}#brake-inset svg{margin-top:2px}.cutaway-meta{font-size:9px}.cutaway-note{margin-top:3px}.brake-inset-open #hazard{top:425px;font-size:10px;white-space:nowrap}#fps-meter{font-size:9px;margin-left:6px}}
@media(max-height:520px) and (min-width:601px){#brake-inset{top:111px;left:18px;width:235px;padding:9px 12px}.cutaway-meta{margin-top:2px;font-size:9px}#brake-inset svg{max-height:112px}.cutaway-note{display:none}#cutaway-status{font-size:10px;margin-bottom:3px}.cutaway-stages{gap:8px}.brake-inset-open #hazard{top:118px;left:62%}}

/* Permanent obstacle challenge and score HUD. */
#scoreboard{position:absolute;top:157px;right:32px;width:192px;padding:15px 17px;z-index:6;background:rgba(31,64,53,.9);color:#e6ead8;border:1px solid #b5c8aa38;box-shadow:0 10px 30px #1035291c;border-radius:14px;backdrop-filter:none;font-variant-numeric:tabular-nums}
.score-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#b7c7af}.score-head span:last-child{color:#dae3ca}#score-value{display:block;font-size:38px;font-weight:500;line-height:1.2;letter-spacing:.04em;margin:4px 0}#score-multiplier{font-size:10px;color:#c5d8bf}.score-record{font-size:9px;margin-top:8px;color:#a3b89e}.score-record b{font-weight:500;color:#d6deca;margin-left:5px}.failed #score-multiplier{color:#f0ba78}
.intro-active #scoreboard{display:none}#score-toast{position:absolute;z-index:8;top:300px;left:50%;transform:translateX(-50%);padding:11px 17px;border:1px solid #95c8a865;border-radius:9px;background:#214f40ed;color:#e8efd7;font-size:13px;white-space:nowrap;box-shadow:0 8px 24px #143f3022}
.result-score{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:14px 0 16px;padding:12px 0;border-top:1px solid #7b967638;border-bottom:1px solid #7b967638}.result-score>span{font-size:11px;color:#648066}.result-score strong{font-size:36px;line-height:1.1;font-weight:500;color:#255d43}.result-score small{flex-basis:100%;font-size:10px;color:#69816a}
@media(max-width:600px){#scoreboard{top:151px;left:16px;right:auto;width:132px;padding:10px 12px;border-radius:10px}.score-head{font-size:9px;gap:3px}#score-value{font-size:29px;margin:3px 0}#score-multiplier{font-size:9px}.score-record{font-size:8px;margin-top:5px}#hint{top:158px;right:16px;left:auto;transform:none;width:calc(100vw - 176px);padding:10px;font-size:10px;white-space:normal}#hazard{top:277px;font-size:10px;white-space:nowrap}#alert,.crashing #alert{top:263px}.failed #hazard{top:332px}.brake-inset-open #brake-inset{width:min(270px,calc(100vw - 122px))}.brake-inset-open #scoreboard{left:auto;right:16px;width:80px;padding:9px 8px}.brake-inset-open .score-head{font-size:9px}.brake-inset-open #score-progress,.brake-inset-open .score-record{display:none}.brake-inset-open #score-value{font-size:23px}.brake-inset-open #score-multiplier{font-size:8px;line-height:1.5}#score-toast{top:311px;font-size:11px;padding:9px 12px}.brake-inset-open #score-toast{top:458px}.result-score{margin:10px 0;padding:10px 0}.result-score strong{font-size:31px}}
@media(max-height:520px) and (min-width:601px){#scoreboard{top:109px;right:22px;width:140px;padding:9px 12px}#score-value{font-size:28px;margin:2px 0}.score-record{margin-top:4px}#hazard{top:142px;left:55%;font-size:10px}#hint{top:104px;left:55%;font-size:10px}#score-toast{top:222px;left:60%;font-size:11px}#alert,.crashing #alert{top:119px;left:52%}.result-score{margin:5px 0;padding:6px 0}.result-score strong{font-size:24px}}

/* The mechanism animation lives inside the existing lower-left brake panel. */
#telemetry #brake-inset{position:static;top:auto;left:auto;right:auto;transform:none;width:auto;max-height:none;padding:0;margin:7px 0 0;background:none;border:0;box-shadow:none;border-radius:0;z-index:auto;color:inherit}
.brake-inset-open #telemetry>.pedal-row,.brake-inset-open #telemetry>.telemetry-values{display:none}
.brake-inset-open #hint,.brake-inset-open #alert{visibility:visible}
.brake-inset-open #hazard{top:288px;left:50%;transform:translateX(-50%)}
#telemetry .cutaway-head b{font-size:12px}#telemetry .cutaway-head small{font-size:9px}#telemetry .cutaway-meta{font-size:9px}#telemetry #cutaway-status{font-size:11px}#telemetry .cutaway-note{display:none}#telemetry .cutaway-stages{font-size:9px;gap:10px}#telemetry .cutaway-head button{width:24px;height:24px;font-size:20px}
@media(max-width:600px){#telemetry .cutaway-head b{font-size:10px}#telemetry .cutaway-head small{font-size:8px;padding:1px 3px}#telemetry .cutaway-head>div{gap:4px}#telemetry .cutaway-meta{display:none}#telemetry .cutaway-stages{font-size:8px;gap:5px}#telemetry .cutaway-stages span:before{margin-right:2px}#telemetry .cutaway-stages button{padding:3px 0}#telemetry #cutaway-status{font-size:9px;line-height:1.45;margin:0 0 5px;min-height:26px}#telemetry .cutaway-load{margin:3px 0 6px}.brake-inset-open #scoreboard{top:151px;left:16px;right:auto;width:132px;padding:10px 12px}.brake-inset-open .score-head{font-size:9px}.brake-inset-open #score-progress,.brake-inset-open .score-record{display:block}.brake-inset-open #score-value{font-size:29px}.brake-inset-open #score-multiplier{font-size:9px;line-height:normal}.brake-inset-open #hazard{top:332px}.brake-inset-open #score-toast{top:311px}}
@media(max-height:520px) and (min-width:601px){.brake-inset-open #telemetry{display:block;width:195px;padding:10px 12px;bottom:59px}.brake-inset-open #telemetry #event-log{display:none}#telemetry #brake-inset svg{max-height:89px}#telemetry .cutaway-meta{display:none}#telemetry .cutaway-head b{font-size:10px}#telemetry .cutaway-stages{font-size:8px;gap:7px}#telemetry #cutaway-status{font-size:9px;margin-bottom:3px;min-height:14px}.brake-inset-open #hazard{top:174px;left:55%;font-size:10px}}
.result{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
@media(max-height:520px){.result{top:50%;padding:16px 20px}.result h2{font-size:26px;margin:8px 0}.result p{line-height:1.5;margin:8px 0}.result-grid{margin:9px 0;padding:9px 0}.result-grid>div{gap:5px}.result-grid b{font-size:22px}.result-score{padding:5px 0;margin:5px 0;gap:5px 10px}.result-score small{font-size:9px}.result .secondary{margin-top:10px}}
.score-timing{display:flex;align-items:baseline;justify-content:space-between;gap:7px;margin-top:7px;font-size:10px;color:#c4d5bb}.score-timing b{font-weight:500;font-variant-numeric:tabular-nums;color:#f0ebd5}#finish-pace{font-size:9px;color:#d9c78b;margin-top:5px}
.crash-meme-open #telemetry>.pedal-row,.crash-meme-open #telemetry>.telemetry-values,.crash-meme-open #telemetry>#event-log{display:none}#crash-meme{margin-top:10px;overflow:hidden}.meme-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#d5ba81}.meme-head b{font-size:11px;font-weight:500;color:#ede0b7}#crash-meme svg{display:block;width:100%;height:auto;overflow:visible}#meme-status{font-size:17px;letter-spacing:1px;color:#f6e0ae;margin:2px 0 5px;font-weight:500}#crash-meme small{font-size:8px;color:#c5cbaaaa}
@media(max-width:600px){.score-timing{font-size:9px;margin-top:5px}#finish-pace{font-size:8px;margin-top:4px}#alert,.crashing #alert{top:293px}#hazard,.failed #hazard,.brake-inset-open #hazard{top:363px}#score-toast,.brake-inset-open #score-toast{top:398px}.meme-head{font-size:8px}.meme-head b{font-size:9px}#meme-status{font-size:12px;letter-spacing:0;line-height:1.5;min-height:36px}#crash-meme small{font-size:7px}.crash-meme-open #telemetry{bottom:160px}}
@media(max-height:520px) and (min-width:601px){.score-timing{font-size:9px;margin-top:4px}#finish-pace{font-size:8px;margin-top:3px}.crash-meme-open #telemetry{display:block;bottom:59px;width:195px;padding:10px 12px}#crash-meme{margin-top:5px}#crash-meme svg{max-height:102px}#meme-status{font-size:12px;margin:0 0 3px}#crash-meme small{display:none}}
