:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff2d8;font-synthesis:none;--cream:#fff2d8;--gold:#e6be76;--muted:#c6b7a2;--line:#6e533b;--safe-top:max(18px, env(safe-area-inset-top));--safe-right:max(24px, env(safe-area-inset-right));--safe-bottom:max(12px, env(safe-area-inset-bottom));--safe-left:max(24px, env(safe-area-inset-left));background:#160f0c;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brake-app{width:100%;height:100vh;isolation:isolate;height:100dvh;position:relative;overflow:hidden}.game-layout,.scene,#game-canvas{width:100%;height:100%;position:absolute;inset:0}.game-layout{z-index:0}.scene{z-index:0;background:#352017}#game-canvas{outline:none;display:block}.topbar{z-index:5;top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.topbar a,.topbar button{pointer-events:auto}.wordmark{color:var(--cream);letter-spacing:.035em;text-shadow:0 2px 12px #1b100d;font-family:Songti SC,SimSun,Georgia,serif;font-size:clamp(22px,2.2vw,32px);line-height:1.2;text-decoration:none}.wordmark span{letter-spacing:.24em;color:#e0c9a4;margin-top:7px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:11px;font-weight:400;display:block}nav{align-items:center;gap:8px;display:flex}.icon-btn,.text-btn{min-height:44px;color:var(--cream);background:0 0;border:0;padding:10px 12px;font-size:12px}.topbar .icon-btn{text-shadow:0 2px 8px #160d08}.icon-btn:hover,.text-btn:hover{color:var(--gold)}.challenge{z-index:4;top:calc(var(--safe-top) + 69px);left:var(--safe-left);max-width:min(480px,100% - 48px);color:var(--cream);text-shadow:0 1px 6px #190c08;margin:0;font-size:11px;line-height:1.6;position:absolute}.intro{z-index:2;right:max(5vw, env(safe-area-inset-right));bottom:max(5vh, calc(env(safe-area-inset-bottom) + 24px));text-align:center;text-shadow:0 2px 8px #190b07;width:min(330px,35vw);position:absolute}.intro-copy{margin:0 0 12px;font-size:11px;line-height:1.7}.vehicle-quote{color:var(--gold);margin:0 0 12px;font-size:clamp(14px,1.4vw,18px);font-weight:600}.fish-speech{z-index:2;color:#382415;pointer-events:none;background:#fff0cf;border:2px solid #c8a06e;border-radius:16px 16px 16px 0;max-width:220px;margin:0;padding:12px 18px;font-size:clamp(14px,1.3vw,19px);font-weight:700;position:absolute;top:23%;left:14%}.fish-speech:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:#fff0cf;width:16px;height:14px;position:absolute;bottom:-13px;left:16px}.cleanup-caption{z-index:2;max-width:48%;color:var(--cream);pointer-events:none;background:#24160dcc;margin:0;padding:8px 12px;font-size:clamp(14px,2vw,23px);font-weight:600;position:absolute;top:20%;left:5%}.primary,.secondary{border-radius:6px;min-height:44px;padding:13px 20px;font-size:13px;font-weight:700}.primary{color:#241608;background:linear-gradient(#ffe1a5,#c9994f);border:1px solid #fff1c4;box-shadow:inset 0 1px #fff4d7,0 3px 12px #1b0d0840}.primary:hover{background:linear-gradient(#ffedc7,#ddb56c)}.primary:active{transform:translateY(1px)}#start-btn{letter-spacing:.08em;border-radius:14px;justify-content:center;align-items:center;gap:28px;width:100%;min-height:60px;font-size:20px;display:flex}#start-btn span{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:.7}.secondary{color:var(--cream);background:#30231b;border:1px solid #886744}.secondary:hover{background:#493426}.small-note{color:#e8d2b0;margin:10px 0 0;font-size:10px}.hud{z-index:3;pointer-events:none;position:absolute;inset:0}.metric-label{letter-spacing:.06em;margin-bottom:5px;font-size:11px;display:block}.timer-readout,.distance-readout{top:var(--safe-top);min-width:117px;color:var(--cream);background:#1b100cc4;border:1px solid #ac85577a;border-radius:9px;padding:9px 13px 10px;position:absolute}.timer-readout{left:var(--safe-left)}.distance-readout{top:calc(var(--safe-top) + 55px);right:var(--safe-right)}.timer-readout strong,.distance-readout strong{font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400;line-height:1}.unit{margin-left:4px;font-size:12px}.speed-readout{text-align:center;color:#fff8e8;text-shadow:0 1px 7px #110a06;flex-direction:column;justify-content:flex-end;align-items:center;width:148px;height:78px;display:flex;position:absolute;top:70%;left:46%;transform:translate(-50%,-50%)}.speed-readout strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:43px;font-weight:400;line-height:1}.speed-readout .unit{margin:3px 0 0;font-size:11px;display:block}.speed-arc{border:4px solid #f4d996;border-bottom:0;border-radius:90px 90px 0 0;width:136px;height:67px;position:absolute;top:0;left:6px;box-shadow:0 -1px 9px #c9994f80}.force-readout{top:30%;left:var(--safe-left);--gauge-height:clamp(135px, 34vh, 310px);position:absolute}.force-readout .metric-label{text-shadow:0 1px 6px #160d08;margin:0 0 12px;font-size:11px}.force-track{height:var(--gauge-height);width:18px;margin-left:3px;position:relative}#force-meter{appearance:none;width:var(--gauge-height);background:#24150bbd;border:1px solid #fff0bf;border-radius:12px;height:18px;margin:0;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-90deg)}#force-meter::-webkit-progress-bar{background:#24150bbd;border-radius:12px}#force-meter::-webkit-progress-value{background:linear-gradient(90deg,#bb7930,#ffe5a2);border-radius:12px}#force-meter::-moz-progress-bar{background:linear-gradient(90deg,#bb7930,#ffe5a2);border-radius:12px}.force-danger #force-meter::-webkit-progress-value{background:#f16049}.force-danger #force-meter::-moz-progress-bar{background:#f16049}.force-redline{white-space:nowrap;color:#ffad95;text-shadow:0 1px 5px #25100a;font-size:10px;font-weight:700;position:absolute;top:0;left:27px}.force-redline:before{content:"";background:#ff493c;width:31px;height:3px;position:absolute;top:6px;left:-34px;box-shadow:0 0 5px #ff493c80}.force-value{text-shadow:0 1px 6px #160d08;font-variant-numeric:tabular-nums;margin-top:7px;font-size:12px;display:block}.force-value strong{font-weight:400}.force-value .unit{margin-left:3px;font-size:10px}.pause-button{z-index:4;left:50%;top:var(--safe-top);width:44px;height:44px;color:var(--cream);background:#1b100c99;border:1px solid #c7a27080;border-radius:50%;font-size:24px;line-height:1;position:absolute;transform:translate(-50%)}.pause-button:hover{background:#483022d9}.countdown{z-index:3;text-align:center;pointer-events:none;text-shadow:0 3px 22px #381606;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.countdown strong{font-family:Georgia,serif;font-size:clamp(90px,16vh,160px);font-weight:400;line-height:1}.countdown p{letter-spacing:.1em;white-space:nowrap;font-size:12px}.panel{z-index:5;text-align:center;background:#1d130fed;border:1px solid #a780527d;border-radius:12px;width:min(380px,100% - 40px);padding:30px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 50px #0a0708a0}.eyebrow{color:var(--gold);letter-spacing:.15em;margin:0 0 10px;font-size:10px;font-weight:600}h2{letter-spacing:-.03em;margin:0 0 12px;font-size:34px;font-weight:500;line-height:1.2}.paused p:not(.eyebrow){color:var(--muted);margin:12px 0 24px;font-size:13px}.pedal-zone{z-index:3;right:max(6vw, env(safe-area-inset-right));bottom:max(5vh, calc(env(safe-area-inset-bottom) + 12px));text-align:center;width:clamp(140px,14vw,190px);position:absolute}.pedal-guide{width:150%;color:var(--cream);text-shadow:0 2px 7px #120906;font-size:11px;position:absolute;bottom:calc(100% + 14px);left:-25%}.brake-pad{aspect-ratio:1;color:#fff8ed;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 38% 25%,#f74731,#bb130b 75%);border:3px solid #ff9c75;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;transition:transform .1s,filter .1s;display:flex;box-shadow:inset 0 0 0 4px #ef341c,0 3px 20px #ff32194d}.brake-pad>span:not(.pad-icon){letter-spacing:.04em;font-size:clamp(19px,1.6vw,24px);font-weight:700}.pad-icon{font-size:38px;font-weight:700;line-height:.85}.brake-pad[aria-disabled=true]{filter:saturate(.5)brightness(.76)}.brake-pad.is-pressed{filter:brightness(1.16);transform:scale(.97);box-shadow:inset 0 0 0 4px #fa593d,0 0 24px #ff321999}.pedal-warning{color:#efdbc2;text-shadow:0 2px 7px #120906;margin:12px 0 0;font-size:10px;line-height:1.4}.brake-app:not([data-phase=menu]):not([data-phase=finished]) .wordmark,.brake-app:not([data-phase=menu]):not([data-phase=finished]) .challenge{display:none}.brake-app:not([data-phase=menu]):not([data-phase=finished]) nav{margin-left:auto}.brake-app:not([data-stage=driving]) .hud,.brake-app:not([data-phase=countdown]):not([data-phase=running]) .hud,.brake-app:not([data-stage=driving]) .pedal-zone,.brake-app:not([data-phase=running]) .pedal-zone,.story-paused .hud,.story-paused .pedal-zone{display:none}.result-panel{z-index:4;top:calc(var(--safe-top) + 76px);bottom:calc(var(--safe-bottom) + 24px);width:min(880px,100% - 48px);color:var(--cream);overscroll-behavior:contain;scrollbar-color:#9e754b #1c130f;background:#1c130ff5;border:1px solid #9e754b;border-radius:12px;grid-template-columns:1fr 1fr;align-content:start;gap:22px 32px;padding:28px 32px;display:grid;position:absolute;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 20px 80px #0b060bcc}.result-heading h2{font-size:32px}.result-heading>p:last-child{max-width:360px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.result-score{border-left:1px solid var(--line);padding-left:28px}.result-score .metric-label{color:var(--muted);font-size:10px}.result-score>strong{color:var(--gold);font-variant-numeric:tabular-nums;font-family:Georgia,serif;font-size:clamp(58px,6vw,80px);font-weight:400;line-height:1.05;display:block}.result-failure .result-score>strong{color:#f29978}.best-line{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.6;display:block}.result-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:15px;margin:0;padding:20px 0;display:grid}.result-metrics dt{color:var(--muted);margin-bottom:7px;font-size:10px}.result-metrics dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:18px}.share-fallback label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}textarea{color:var(--cream);background:#2b1d15;border:1px solid #8a6645;border-radius:4px;min-width:0;padding:12px}.result-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px;display:flex}.status{min-height:18px;color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0;font-size:11px;line-height:1.65}.result-panel>.status{grid-column:1/-1;margin-top:-12px}.share-fallback{border-top:1px solid var(--line);grid-column:1/-1;padding-top:20px}.share-fallback textarea{resize:vertical;width:100%;margin-bottom:10px;font-size:12px;display:block}.share-fallback p{color:var(--muted);font-size:11px}.result-preview{border-top:1px solid var(--line);grid-column:1/-1;margin:0;padding-top:18px}.result-preview figcaption{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.result-preview figcaption span{color:var(--muted);font-size:10px}.result-preview img{border-radius:3px;width:min(100%,432px);height:auto;margin-inline:auto;display:block}.back-to-top{z-index:7;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 8px);color:#1c130f;background:var(--gold);border:1px solid #fff0cb;border-radius:24px;min-height:44px;padding:10px 14px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 4px 20px #0b060b80}.back-to-top span{margin-right:4px;font-size:18px}.back-to-top:hover{background:#fff0cb}.result-panel{scroll-padding-bottom:70px}.result-panel:after{content:"";flex:0 0 60px;grid-column:1/-1;height:60px}@media (orientation:portrait){:root{--safe-top:max(14px, env(safe-area-inset-top));--safe-right:max(16px, env(safe-area-inset-right));--safe-left:max(16px, env(safe-area-inset-left))}.wordmark{font-size:clamp(22px,6vw,28px)}.wordmark span{letter-spacing:.17em;margin-top:6px;font-size:9px}nav{gap:0}.topbar .icon-btn{padding:10px 7px;font-size:11px}.intro{left:7%;right:auto;bottom:max(5vh, calc(env(safe-area-inset-bottom) + 26px));width:86%}.intro-copy{margin-bottom:10px;font-size:10px}#start-btn{height:8vh;min-height:60px;font-size:20px}.small-note{margin-top:9px;font-size:9px}.timer-readout,.distance-readout{min-width:101px;padding:8px 10px 9px}.timer-readout strong,.distance-readout strong{font-size:25px}.metric-label{font-size:10px}.speed-readout{width:126px;height:66px;top:61%;left:50%}.speed-readout strong{font-size:36px}.speed-readout .unit{font-size:9px}.speed-arc{border-width:3px;width:116px;height:57px;left:5px}.force-readout{--gauge-height:clamp(120px, 25vh, 240px);top:30%}.force-readout .metric-label{font-size:10px}.force-track{width:15px}#force-meter{height:15px}.force-redline{font-size:9px;left:22px}.force-redline:before{width:26px;left:-28px}.force-value{font-size:11px}.pedal-zone{left:auto;right:var(--safe-right);top:auto;bottom:calc(var(--safe-bottom) + 26px);width:88px}.brake-pad{aspect-ratio:1;border-width:2px;gap:4px;min-height:88px}.pad-icon{font-size:27px;line-height:.8}.brake-pad>span:not(.pad-icon){font-size:14px}.pedal-guide{pointer-events:none;width:112px;font-size:10px;bottom:calc(100% + 8px);left:-12px}.pedal-warning{width:112px;margin:5px 0 0 -12px;font-size:9px}.result-panel{top:calc(var(--safe-top) + 67px);bottom:calc(var(--safe-bottom) + 20px);flex-direction:column;gap:20px;width:calc(100% - 28px);padding:24px 20px;display:flex}.result-heading h2{font-size:29px}.result-score{border:0;padding:0}.result-score>strong{font-size:67px}.result-metrics{grid-template-columns:repeat(2,1fr);row-gap:20px}.result-metrics dd{font-size:17px}.result-actions{gap:8px}.result-actions .primary,.result-actions .secondary{white-space:nowrap;flex:1;padding:13px 12px}.result-actions .text-btn{width:100%}}@media (max-width:350px) and (orientation:portrait){.topbar{gap:6px}.wordmark{font-size:21px}.topbar .icon-btn{padding-inline:5px;font-size:10px}.intro-copy{font-size:9px}.speed-readout{height:59px}.speed-readout strong{font-size:31px}.speed-arc{width:105px;height:52px;left:10px}.result-panel{padding:22px 16px}}@media (orientation:landscape) and (max-height:600px){:root{--safe-top:max(10px, env(safe-area-inset-top));--safe-left:max(18px, env(safe-area-inset-left));--safe-right:max(18px, env(safe-area-inset-right))}.wordmark{font-size:22px}.wordmark span{margin-top:4px;font-size:9px}.challenge{top:calc(var(--safe-top) + 57px)}.intro{width:220px;right:max(4vw, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom))}.intro-copy{margin-bottom:6px;font-size:9px}#start-btn{min-height:48px;font-size:18px}.small-note{margin-top:5px;font-size:8px}.timer-readout,.distance-readout{min-width:104px;padding:7px 10px}.timer-readout strong,.distance-readout strong{font-size:23px}.distance-readout{top:calc(var(--safe-top) + 46px)}.metric-label{font-size:9px}.speed-readout{width:120px;height:54px}.speed-readout strong{font-size:30px}.speed-readout .unit{font-size:8px}.speed-arc{border-width:3px;width:102px;height:48px;left:9px}.force-readout{--gauge-height:32vh;top:30%}.force-readout .metric-label{margin-bottom:9px;font-size:9px}.force-track{width:13px}#force-meter{height:13px}.force-redline{font-size:8px;left:20px}.force-redline:before{width:24px;left:-26px}.force-value{font-size:10px}.pedal-zone{width:100px;right:max(6vw, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom))}.brake-pad{border-width:2px;gap:4px}.brake-pad>span:not(.pad-icon){font-size:15px}.pad-icon{font-size:27px}.pedal-guide{font-size:9px;bottom:calc(100% + 7px)}.pedal-warning{margin-top:6px;font-size:8px}.panel{padding:22px;top:50%}.paused h2{font-size:28px}.paused p:not(.eyebrow){margin:10px 0 18px}.countdown strong{font-size:82px}.countdown p{font-size:10px}.result-panel{top:calc(var(--safe-top) + 57px);bottom:calc(var(--safe-bottom) + 14px);padding:22px 26px}.result-heading h2{font-size:26px}.result-score>strong{font-size:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.result-failure .result-panel{flex-direction:column;gap:18px;width:38%;padding:24px;display:flex;left:auto;right:2%;transform:none}.result-failure .result-score{border:0;padding:0}.result-failure .result-score>strong{font-size:56px}.result-failure .result-metrics{grid-template-columns:repeat(2,1fr)}.result-failure .result-heading h2{font-size:clamp(22px,2.1vw,30px)}.result-failure .result-actions .primary,.result-failure .result-actions .secondary{white-space:nowrap;flex:1;padding-inline:12px}.result-failure .result-actions .text-btn{width:100%}@media (orientation:portrait){.fish-speech{max-width:210px;padding:10px 14px;font-size:15px;top:29%;left:6%}.cleanup-caption{white-space:nowrap;max-width:90%;font-size:16px;top:22%;left:50%;transform:translate(-50%)}.result-failure .result-panel{top:52%;bottom:calc(var(--safe-bottom) + 20px);border-radius:16px 16px 8px 8px;width:calc(100% - 20px);padding:20px 18px;transition:top .35s ease-out;left:50%;right:auto;transform:translate(-50%)}}.result-failure[data-stage=covered] .result-panel{z-index:6;width:100%;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:#1c130f;border:0;border-radius:0;gap:12px;inset:0;transform:none}.result-failure[data-stage=covered] .result-heading .eyebrow,.result-failure[data-stage=covered] #result-description{display:none}.result-failure[data-stage=covered] .result-heading h2{margin:0}.result-failure[data-stage=covered] .result-score,.result-failure[data-stage=covered] .result-metrics{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.result-failure[data-stage=covered] .result-preview{padding-top:10px}.result-failure[data-stage=covered] .result-preview img{width:auto;max-width:100%;max-height:max(120px,100dvh - 260px)}.brake-app[data-stage=covered]>.topbar{display:none}