:root{color-scheme:light;font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;color:#232b30;background:#f4f6f7}*{box-sizing:border-box;letter-spacing:0}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #008eae;outline-offset:3px}#live{height:100svh;min-height:520px;display:flex;flex-direction:column;padding:0 24px}header{display:flex;align-items:center;gap:24px;min-height:82px;border-bottom:1px solid #dce1e4}header h1{font-size:30px;margin:0}#connection{flex:1;color:#487167;font-size:14px}header>a:last-child{font-size:14px}#cars{display:flex;gap:10px;min-height:64px;align-items:center;flex-wrap:wrap;padding:8px 0}#cars button{display:flex;gap:10px;align-items:center;border:1px solid #c4cdd2;border-radius:6px;background:transparent;padding:8px 12px;max-width:100%;font-size:15px}#cars button[aria-pressed=true]{border-color:#247a68;background:#e1eeea}#cars img{width:28px;height:28px;object-fit:contain}#cars small{color:#63717b}.live-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;flex:1;min-height:0}.map-wrap{position:relative;min-width:0;min-height:0}#live-map{width:100%;height:100%;display:block;touch-action:manipulation}#empty{position:absolute;inset:38% 5% auto;text-align:center;padding:20px;background:#f4f6f7e8;font-size:20px;pointer-events:none}.map-label{position:absolute;bottom:12px;left:12px;font-size:12px;font-weight:700;color:#7e8d95}aside{border-left:1px solid #dce1e4;padding:16px 0 12px 24px;align-self:center}aside h2{font-size:22px;line-height:1.25;margin:0;overflow-wrap:anywhere}#car-status{font-size:14px;min-height:36px;color:#68767e}.instruments{display:grid;grid-template-columns:1fr 55px 48px;gap:12px;align-items:end}.instruments span{font-size:12px;display:block;text-align:center;margin-top:8px}.wheel img{width:100%;aspect-ratio:1;object-fit:contain;opacity:.35}.pedal canvas{width:100%;height:105px;display:block}.pedal output{font-size:16px;font-weight:700;display:block;text-align:center;margin-top:8px}.live-note{font-size:12px;color:#66757d;line-height:1.5;margin-top:24px}footer{min-height:42px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#66757d;border-top:1px solid #dce1e4}.login{width:min(420px,100%);margin:64px auto}.login h2{font-size:24px}.login label{display:grid;gap:12px}.login input{min-width:0;padding:14px;border:1px solid #b8c4ca;border-radius:4px}.login button{margin-top:20px;padding:12px 24px;border:0;border-radius:4px;background:#c52d3c;color:white}.login p{color:#b62b37}[hidden]{display:none!important}@media(max-width:760px){#live{padding:0 12px;min-height:600px}header{min-height:66px;gap:12px;flex-wrap:wrap}header img{width:98px;height:34px}header h1{font-size:26px}header>a:last-child{display:none}#connection{font-size:12px}#cars{gap:6px;min-height:56px}#cars button{padding:5px 8px;font-size:12px;gap:6px}#cars img{width:22px;height:22px}#cars small{display:none}.live-stage{grid-template-columns:1fr;grid-template-rows:minmax(240px,1fr) 176px;gap:0}aside{border-left:0;border-top:1px solid #dce1e4;padding:10px 0;align-self:stretch;position:relative}aside h2{font-size:18px;max-width:50%}#car-status{max-width:48%;font-size:12px}.instruments{position:absolute;right:6px;top:10px;width:47%;max-width:240px;grid-template-columns:1fr 37px 31px;gap:8px}.pedal canvas{height:84px}.live-note{max-width:45%;font-size:10px;margin-top:14px}footer{font-size:11px;gap:8px}}