.controls{justify-content:center;gap:28px;max-width:420px}.controls #pass,.controls #sprint{width:150px;height:82px;flex:1;max-width:170px}.controls #sprint{background:#ffcf43;color:#3d1559;border-color:#b7821c}.controls small{font-size:12px}.controls .ready{outline:3px solid #fff1b5;box-shadow:0 0 22px #ffcf4380}.labels #carrier,.labels #wing{background:#100f21;color:#ffd061;border:1px solid #dfa92c}.labels #wing{font-size:9px}.labels [hidden]{display:none}#cue{min-height:20px}@media(max-height:650px){.controls #pass,.controls #sprint{height:67px}}

.pass-timing{width:min(280px,80vw);margin:0 auto 10px;padding:7px 12px;background:#100f25e8;border:2px solid #ffffff66;border-radius:12px;text-align:center;font-size:12px;font-weight:900}.pass-timing[hidden]{display:none}.timing-track{position:relative;height:8px;margin-top:6px;overflow:hidden;background:#ffffff30;border-radius:6px}.perfect-zone{position:absolute;right:0;top:0;bottom:0;width:18.3%;background:#ffcf4370;border-left:2px solid #ffcf43}#timing-fill{height:100%;background:#fffaf0}.pass-timing.perfect{color:#ffcf43;border-color:#ffcf43;box-shadow:0 0 16px #ffcf4370}.perfect #timing-fill{background:#ffcf43}@media(orientation:landscape) and (max-height:600px){.pass-timing{position:absolute;right:20px;bottom:100px;width:210px}}