:root{color:#f1dfc0;font-synthesis:none;background:#1a100d;font-family:Arial Narrow,Roboto Condensed,Impact,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#1a100d}canvas{width:100%;height:100%;display:block}.topline{z-index:8;letter-spacing:.22em;text-shadow:0 1px 8px #150b08;grid-template-columns:1fr minmax(180px,28vw) 1fr;align-items:center;gap:24px;font-size:11px;display:grid;position:fixed;top:28px;left:34px;right:34px}.route-name{align-items:center;gap:10px;display:flex}.route-name b{color:#c94a32}.route-name small{letter-spacing:.17em;color:#ffebca75;border-left:1px solid #ffebca3d;margin-left:8px;padding-left:16px;font-size:7px}.route-name small span{color:#f1d4a8}.route-dot{background:#e55637;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #e55637}.camera-mode{text-align:right;color:#ffeccfa6}.sound-toggle{z-index:9;color:#ffeccf9e;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font:700 7px inherit;display:flex;position:fixed;top:53px;right:34px}.sound-toggle kbd{min-width:20px;padding:3px 5px;font-size:7px}.sound-toggle i{background:#dc5136;border-radius:2px;width:18px;height:3px;box-shadow:0 0 9px #dc513680}.sound-toggle.muted{color:#ffeccf4d}.sound-toggle.muted i{box-shadow:none;background:#59463c}.progress-shell{background:#ffffff29;height:2px;overflow:hidden}.progress-shell i{transform-origin:0;background:linear-gradient(90deg,#e75637,#efc78d);width:100%;height:100%;transition:transform .25s;display:block;transform:scaleX(0)}.start-overlay{z-index:10;background:linear-gradient(90deg,#0e0806c7 0%,#0e080659 43%,#0e080600 70%);align-items:center;padding:9vh 8vw;transition:opacity .65s,visibility .65s;display:flex;position:fixed;inset:0}.start-overlay:before{content:"";background:#e25336;width:3px;height:38%;position:absolute;top:16%;left:0}.start-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-copy{width:min(590px,60vw)}.eyebrow{letter-spacing:.38em;color:#ddc59e;margin-bottom:12px;font-size:10px}h1{letter-spacing:-.045em;color:#f3e4c8;text-shadow:0 8px 30px #0f07046b;margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(76px,11vw,164px);font-style:italic;line-height:.8}h1 span{color:#0000;-webkit-text-stroke:2px #c94a32}.subtitle{letter-spacing:.32em;color:#ffebcaad;margin:22px 0 34px 6px;font-size:12px}#start-button{color:#fff3df;cursor:pointer;letter-spacing:.2em;clip-path:polygon(0 0,94% 0,100% 28%,100% 100%,0 100%);background:#d94a30;border:0;justify-content:space-between;align-items:center;width:310px;height:58px;padding:0 18px 0 22px;font:700 12px inherit;display:flex;box-shadow:0 12px 34px #6d201252}#start-button:hover{background:#ee5c3e;transform:translateY(-1px)}#start-button b{border:1px solid #ffffff80;padding:7px 8px;font-size:9px}.controls-grid{gap:24px;margin-top:32px;display:flex}.controls-grid div{grid-template-columns:repeat(2,auto);align-items:center;gap:4px;display:grid}kbd{color:#f1dfc0;text-align:center;min-width:24px;box-shadow:none;background:#120a0861;border:1px solid #f7e2bf54;padding:5px 7px;font:700 9px inherit}.controls-grid strong{letter-spacing:.12em;color:#f9e6c68c;grid-column:1/-1;margin-top:4px;font-size:7px}.start-index{text-align:right;position:absolute;bottom:10vh;right:6vw}.start-index small,.start-index em{letter-spacing:.26em;color:#f6deb87a;font-size:8px;font-style:normal;line-height:1.7;display:block}.start-index strong{color:#f4d9af29;font:italic 88px/1 Impact;display:block}.telemetry{z-index:8;filter:drop-shadow(0 3px 10px #12080580);opacity:0;align-items:flex-end;gap:20px;transition:opacity .7s;display:flex;position:fixed;bottom:33px;right:36px}.driving .telemetry{opacity:1}.speed{grid-template-columns:auto auto;align-items:end;column-gap:7px;display:grid}.speed strong{letter-spacing:.02em;color:#f3e2c6;font:italic 58px/.8 Impact,sans-serif}.speed span{letter-spacing:.14em;color:#d5b88e;padding-bottom:2px;font-size:8px}.gear{border-left:1px solid #f5debb47;place-items:center;width:45px;height:48px;display:grid}.gear small,.traction small{letter-spacing:.16em;color:#bc9f77;font-size:7px}.gear strong{color:#e85236;font:25px/1 Impact}.traction{grid-template-columns:auto auto;align-items:center;gap:5px;padding-bottom:3px;display:grid}.traction i{background:#e35337;border-radius:4px;width:22px;height:5px;box-shadow:0 0 10px #e3533773}.traction b{letter-spacing:.2em;color:#e9c89b;grid-column:1/-1;font-size:6px}.reset-hint{z-index:8;letter-spacing:.17em;color:#f5e1c28f;opacity:0;font-size:8px;transition:opacity .7s;position:fixed;bottom:36px;left:34px}.driving .reset-hint{opacity:1}.reset-hint kbd{margin-right:8px}.finish-card{z-index:12;text-align:center;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#160c09e0;border-top:3px solid #dc4e32;width:min(440px,82vw);padding:36px;transition:all .35s;position:fixed;top:50%;left:50%;transform:translate(-50%,-42%)scale(.94)}.finish-card.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.finish-card small{letter-spacing:.35em;color:#db9b6d;font-size:9px;display:block}.finish-card strong{margin:10px 0 25px;font:italic 42px Impact;display:block}.finish-card em{color:#c39f76;letter-spacing:.25em;margin:-14px 0 26px;font:8px inherit;display:block}.finish-card button{color:#f2debd;letter-spacing:.2em;cursor:pointer;background:0 0;border:1px solid #d9b788;padding:12px 20px;font:700 9px inherit}.loading{z-index:20;background:#170d0a;place-content:center;gap:14px;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}.loading.hidden{opacity:0;visibility:hidden}.loading span{background:#ffffff1f;width:140px;height:2px;overflow:hidden}.loading span:after{content:"";background:#df5135;width:45%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}.loading small{letter-spacing:.3em;color:#bfa27e;font-size:8px}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(330%)}}.cinema-bars span{z-index:7;pointer-events:none;background:#080504;height:0;transition:height .6s;position:fixed;left:0;right:0}.cinema-bars span:first-child{top:0}.cinema-bars span:last-child{bottom:0}@media (width<=720px){.topline{grid-template-columns:1fr 90px;left:18px;right:18px}.route-name small{display:none}.sound-toggle{top:51px;right:18px}.progress-shell{display:none}.start-overlay{padding:10vh 7vw}.start-copy{width:100%}h1{font-size:21vw}.controls-grid{flex-wrap:wrap;gap:15px}.start-index{display:none}.telemetry{bottom:22px;right:18px}.speed strong{font-size:43px}.traction{display:none}.reset-hint{bottom:25px;left:18px}}