:root{color-scheme:dark;--panel:rgba(15,21,26,.9);--border:rgba(255,255,255,.17)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif}button{color:#fff;font:inherit;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:relative;width:100vw;height:100dvh;overflow:hidden;background-color:#70786f;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:48px 48px;touch-action:none}#stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #0005}#world{position:absolute;left:50%;top:50%;width:1px;height:1px;transform-origin:center;will-change:transform}#world span{position:absolute;top:145px;left:-58px;width:116px;padding:5px;border:1px dashed #ffffff66;border-radius:5px;text-align:center;color:#ffffff77;font-size:10px;letter-spacing:.2em}#car{position:absolute;z-index:5;left:50%;top:50%;translate:-50% -50%;filter:drop-shadow(0 10px 7px #0006)}#car img{position:relative;z-index:2;display:block;width:100%;height:100%;user-select:none}.wheel{position:absolute;z-index:4;top:12%;width:11%;height:17%;border-radius:2px;background:#111;transform-origin:center}.wl{left:-1.5%}.wr{right:-1.5%}.lamp{position:absolute;z-index:7;width:14%;height:5%;opacity:0;background:#ffad19;box-shadow:0 0 17px 6px #ff9800}.lamp.lit{opacity:1}.fl,.rl{left:0}.fr,.rr{right:0}.fl,.fr{top:0}.rl,.rr{bottom:0}#guides{display:none;position:absolute;z-index:3;left:50%;top:calc(50% + 88px);translate:-50% 0;width:520px;height:360px;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #000)}#guides path{fill:none;stroke:#83fa55;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 7}#guides line{stroke-width:4;stroke-linecap:round}#guides .green{stroke:#72f457}#guides .yellow{stroke:#ffd337}#guides .red{stroke:#ff3e37}.status,.gears,.signals,.steering,.pedals,.tools{position:absolute;z-index:10;border:1px solid var(--border);background:var(--panel);box-shadow:0 8px 30px #0004;backdrop-filter:blur(12px)}.status{top:16px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:14px;padding:9px 10px 9px 16px;border-radius:14px}.status div{min-width:120px}small{display:block;color:#9da9b0;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.status strong{font-size:18px;font-variant-numeric:tabular-nums}.status button,.tools button{height:42px;padding:0 13px;border:1px solid #465156;border-radius:9px;background:#20282c}.on{color:#7ee89b!important;border-color:#356c46!important}.active{color:#16130a!important;border-color:#f6c743!important;background:#f6c743!important}.gears{left:18px;top:50%;translate:0 -50%;display:grid;gap:8px;width:76px;padding:12px;border-radius:14px}.gears small{text-align:center}.gears button{height:47px;border:1px solid #465156;border-radius:9px;background:#20282c;font-weight:bold}.signals{left:18px;bottom:18px;display:flex;gap:7px;padding:8px;border-radius:13px}.signals button{height:46px;padding:0 12px;border:1px solid #465156;border-radius:8px;background:#21292d;font-size:12px}.signals .danger{background:#b72e2e;border-color:#da4343}.steering{left:50%;bottom:18px;translate:-50% 0;display:flex;align-items:center;gap:13px;padding:9px;border-radius:50px}.steering button{display:grid;place-items:center;width:68px;height:68px;border:1px solid #465156;border-radius:50%;background:#222b2f;font-size:25px}.steering>div{width:74px;height:74px;border:7px solid #111719;border-radius:50%;background:conic-gradient(#111719 0 5%,transparent 5% 31%,#111719 31% 36%,transparent 36% 64%,#111719 64% 69%,transparent 69%);box-shadow:inset 0 0 0 2px #596469;transition:transform .04s linear}.pedals{right:18px;bottom:18px;display:flex;align-items:end;gap:12px;padding:10px;border-radius:14px}.pedals button{border:1px solid #596469;background:repeating-linear-gradient(#313a3e 0 4px,#242c30 4px 8px);font-size:9px;letter-spacing:.1em}.pedals button:active{translate:0 3px}.brake{width:82px;height:66px;border-radius:7px}.gas{width:55px;height:103px;border-radius:20px 20px 9px 9px}.tools{top:18px;right:18px;display:flex;gap:7px;padding:8px;border-radius:13px}.tools button{font-size:11px}.hint{position:absolute;z-index:9;left:50%;top:82px;translate:-50%;padding:7px 12px;border-radius:20px;color:#ffffffaa;background:#0004;font-size:11px;white-space:nowrap}@media(max-width:760px){.status{top:8px;width:calc(100% - 16px);justify-content:space-between}.status div{min-width:0}.status strong{font-size:14px}.gears{left:8px;width:62px;padding:8px}.signals{left:8px;bottom:150px;display:grid}.signals button{width:72px;height:37px;padding:0;font-size:9px}.steering{bottom:8px}.steering button{width:58px;height:58px}.steering>div{width:62px;height:62px}.pedals{right:8px;bottom:8px}.brake{width:64px}.gas{width:44px;height:86px}.tools{top:76px;right:8px;flex-direction:column}.hint{display:none}#guides{width:390px}}