*{box-sizing:border-box}body{color:#edf4f4;background:#0b151d;margin:0;font:16px/1.6 system-ui,sans-serif}header,main{max-width:1280px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:.2em;color:#6ee0c0;font-size:.75rem}h1{margin:10px 0;font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.2}.tag,.note{color:#b6c6cb;font-size:.75rem}.tag{white-space:nowrap;border:1px solid #35464d;border-radius:24px;padding:6px 12px}main{padding-top:0}.viewport{background:#233746;border:1px solid #35464d;border-radius:16px;height:60vh;min-height:260px;position:relative;overflow:hidden}.viewport:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 58%,#0c081452 100%);position:absolute;inset:0}canvas{outline-offset:-5px;width:100%;height:100%;display:block}.speed{pointer-events:none;background:#0b151de8;border-radius:12px;padding:10px 22px;position:absolute;bottom:20px;right:24px}.speed output{font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.speed span{color:#b6c6cb;margin-left:8px}.panel{padding:12px 0}#status{color:#6ee0c0}.actions{flex-wrap:wrap;gap:12px;display:flex}button{font:inherit;color:#edf4f4;cursor:pointer;background:#263a45;border:1px solid #667b84;border-radius:8px;padding:10px 20px;font-weight:650}#drive{color:#0b151d;background:#6ee0c0;border-color:#6ee0c0}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #ffc764}#help{color:#c5d2d8;max-width:850px}body[data-error=true] #status{color:#ffb6a8}@media (width<=600px){header,main{padding:16px}header{flex-direction:column;align-items:flex-start;gap:6px}.viewport{height:48vh}.speed{bottom:12px;right:12px}.speed output{font-size:2rem}.tag{white-space:normal}}.touch-controls{z-index:2;pointer-events:none;justify-content:space-between;gap:10px;display:none;position:absolute;inset:auto 10px 12px}.touch-controls>div{align-items:flex-end;gap:8px;display:flex}.touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#182d40e8;min-width:52px;min-height:56px;padding:8px;font-size:14px}.touch-controls button:active{background:#42746b}@media (pointer:coarse),(width<=900px){.touch-controls{display:flex}.speed{padding:8px 12px;top:12px;bottom:auto;right:12px}.viewport{height:68svh;min-height:330px}.touch-controls>div:last-child{flex-wrap:wrap;justify-content:flex-end;max-width:60%}.touch-controls button{padding:8px 10px}}@media (height<=500px) and (orientation:landscape){header{display:none}main{padding:0}.viewport{border-radius:0;height:100svh;min-height:0}.panel{padding:8px 16px}}.speed{z-index:1;filter:drop-shadow(0 0 5px #000);background:radial-gradient(circle,#111b20ed 45%,#070b10f5 72%);border:2px solid #a7b9ad;border-radius:50%;width:210px;height:210px;padding:0}.speed svg{width:100%;height:100%;overflow:visible}.gauge-ring{fill:none;stroke:#d8e9db;stroke-width:2px;stroke-dasharray:400 134;transform-origin:50%;transform:rotate(140deg)}.redline{fill:none;stroke:#e85538;stroke-width:7px}.ticks path{fill:none;stroke:#d9e4d4;stroke-width:3px}.speed text{fill:#e6eddb;font:12px monospace}.speed .rpm-label{fill:#a9b5a3;font-size:9px}#rpm-needle{transform-origin:100px 100px;fill:#ffa550;filter:drop-shadow(0 0 2px #ff7623)}.gauge-readout{justify-content:center;align-items:baseline;gap:5px;width:76%;display:flex;position:absolute;top:61%;left:12%}.speed .gauge-readout span{margin:0;font-size:11px}.speed output{color:#f8f5df;font-size:38px}.speed #gear{color:#ffd49b;border:1px solid #8eaa9c;padding:0 5px;font-size:20px}.speed[data-redline=true]{border-color:#ef654c}@media (pointer:coarse),(width<=900px){.speed{width:146px;height:146px;padding:0;top:auto;bottom:144px;right:10px}.speed output{font-size:27px}.speed #gear{font-size:16px}.speed .gauge-readout span{font-size:9px}}@media (height<=500px) and (orientation:landscape){.speed{width:130px;height:130px;bottom:80px;right:10px}}