*{box-sizing:border-box}body{margin:0;background:#111b22;color:#f5f8f7;font:14px system-ui;overflow:hidden}button,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff25;background:#14212beb;color:inherit;padding:11px 16px;border-radius:8px}button:hover{background:#344a55}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #ade784;outline-offset:3px}button.primary{background:#b1ec83;color:#11220d;border:0;font-weight:750}button.primary:hover{background:#c9ffa0}[hidden]{display:none!important}#view{position:fixed;inset:0}#view canvas{width:100%;height:100%;display:block}header{position:absolute;top:18px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;align-items:center}header a{color:white;text-decoration:none;font-weight:850;letter-spacing:.12em;text-shadow:0 2px 5px #000}header a span{color:#d9e3e5;font-size:11px;font-weight:500}.toolbar{display:flex;gap:7px}#timing{position:absolute;top:85px;left:24px;display:flex;gap:1px;overflow:hidden;border-radius:9px;background:#16212bd9;backdrop-filter:blur(12px)}#timing>div{padding:12px 18px;min-width:145px}#timing span{display:block;color:#aebdc4;font-size:9px;letter-spacing:.14em;margin-bottom:5px}#timing strong{font-size:25px;font-variant-numeric:tabular-nums}#delta.ahead{color:#b1ec83}#delta.behind{color:#ff9c83}.reference-time strong{color:#71def1}#map{position:absolute;right:24px;top:85px;background:#15212bd4;border-radius:12px;padding:8px}#map canvas{width:170px;height:170px;display:block}#map>div{font-size:10px;color:#cbd4d7;text-align:center}i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 4px 0 8px}.you{background:#b1ec83}.ghost{background:#71def1}#banner{position:absolute;top:170px;left:50%;transform:translateX(-50%);font-size:13px;font-weight:650;text-align:center;background:#16212bc9;padding:8px 16px;border-radius:6px;max-width:70%;pointer-events:none}#banner:empty{display:none}#countdown{position:absolute;inset:33% 0 auto;text-align:center;font-size:110px;font-weight:800;text-shadow:0 3px 24px #12242b;font-variant-numeric:tabular-nums;pointer-events:none}#instruments{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;background:#14202be8;padding:16px 26px;border:1px solid #ffffff1c;border-radius:14px;min-width:410px}.speed strong{font-size:57px;line-height:1;font-variant-numeric:tabular-nums}.speed span{font-size:11px;margin-left:5px;color:#acbac2}.gear{display:flex;flex-direction:column;align-items:center}.gear small{font-size:8px;color:#acbac2;letter-spacing:.1em}.gear strong{font-size:36px;font-weight:550}.engine{width:230px}.engine>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#cfdbdf}.rpm-track{height:7px;background:#34444b;border-radius:4px;margin:9px 0 12px;overflow:hidden}#rpm-bar{height:100%;width:0;background:linear-gradient(90deg,#b1ec83,#f5df8a,#fa7970)}.pedals{display:grid;grid-template-columns:70px 1fr;gap:5px 7px;font-size:8px;color:#acbac2;align-items:center}.pedals meter{width:100%;height:7px}footer{position:absolute;bottom:16px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;text-shadow:0 1px 4px #000;color:#eef5f5}#overlay{position:fixed;inset:0;background:#08111680;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.dialog{width:570px;max-width:100%;padding:32px 38px;background:#12212ef5;border:1px solid #ffffff20;box-shadow:0 30px 120px #0007;border-radius:18px;max-height:94vh;overflow:auto}.eyebrow{font-size:10px;letter-spacing:.2em;color:#a9d47e}h1{font-size:42px;line-height:1.08;font-weight:700;letter-spacing:-.035em;margin:18px 0}#dialog-copy{color:#b9c9cf;line-height:1.6;font-size:14px}.target{border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;padding:18px 0;margin:23px 0;display:flex;flex-direction:column;gap:4px}.target>span{font-size:9px;letter-spacing:.17em;color:#a3b6bf}.target strong{font-size:32px;color:#71def1;font-variant-numeric:tabular-nums}.target small{font-size:11px;color:#a2b6c0}.settings{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.settings label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b9c9cf}select{background:#223541;color:white;border:1px solid #49606a;border-radius:5px;padding:8px;max-width:200px}.settings .sound-choice{flex-direction:row;align-items:center;padding:8px 0}.settings .assist-choice{min-width:170px}.settings .assist-choice output{color:#b1ec83;font-weight:650}.settings input[type=range]{width:100%;accent-color:#b1ec83}#assist-indicator{color:#f5df8a;font-weight:700;letter-spacing:.1em}.actions{display:flex;gap:9px;flex-wrap:wrap}.dialog details{margin-top:22px;color:#a6bbc3;font-size:11px;line-height:1.6}.dialog summary{cursor:pointer}#loading{font-size:10px;color:#90a6b0;margin:15px 0 0}#result{padding:16px;background:#ffffff08;border-radius:8px;font-variant-numeric:tabular-nums;font-size:20px}#touch-controls{display:none;position:absolute;bottom:165px;left:16px;right:16px;justify-content:space-between;pointer-events:none}#touch-controls>div{display:flex;gap:8px}#touch-controls button{pointer-events:auto;touch-action:none;user-select:none;min-width:58px;height:58px;background:#14212ba6}body.menu #touch-controls{display:none}@media(pointer:coarse){#touch-controls{display:flex}}@media(max-width:800px){header{left:12px;right:12px;top:12px}header a span{display:none}.toolbar button{padding:8px;font-size:10px}#timing{top:60px;left:12px}#timing>div{min-width:95px;padding:9px}#timing strong{font-size:18px}#timing span{font-size:7px}#map{right:12px;top:135px}#map canvas{width:100px;height:100px}#banner{top:125px;max-width:60%;left:12px;transform:none;font-size:11px}#instruments{bottom:45px;min-width:320px;padding:12px 15px;gap:16px}.engine{width:145px}.speed strong{font-size:43px}footer{left:12px;right:12px;font-size:9px}footer span:last-child{display:none}.dialog{padding:22px}h1{font-size:32px}.reference-time{display:none}}