.rear-mirror{position:absolute;left:33%;top:22px;width:34%;border:2px solid #304d4e;border-radius:9px;overflow:hidden;background:#102b31;box-shadow:0 4px 14px #0004;text-shadow:none}.mirror-title{padding:5px 9px;font-size:9px;color:#d6eadb;display:flex;justify-content:space-between}.mirror-title span{color:#d5f58b}.rear-mirror canvas{width:100%;height:auto;display:block}#rear-status{min-height:23px;padding:5px 7px;font-size:9px;line-height:1.4;text-align:center;color:#edf4d8}.progress{top:180px}.turn-hint{top:211px}.track-map{position:absolute;bottom:134px;left:30px;width:154px;padding:10px;background:#102e36bf;border:1px solid #dae9cf33;border-radius:6px;text-shadow:none}.track-map canvas{display:block;width:100%;height:auto}.map-legend{font-size:9px;color:#d5f58b}.live-board{position:absolute;right:30px;top:140px;width:184px;padding:11px;background:#102e36c9;border:1px solid #dae9cf33;border-radius:6px;text-shadow:none}.live-board .eyebrow{letter-spacing:1px;font-size:9px;display:flex;justify-content:space-between}.live-board .eyebrow span{font-size:8px;color:#a3bbad}#live-ranks{list-style:none;margin:9px 0 0;padding:0;font-size:10px;font-variant-numeric:tabular-nums}#live-ranks li{display:flex;justify-content:space-between;gap:7px;padding:7px 5px;border-left:3px solid transparent;border-bottom:1px solid #e2efd217}#live-ranks .you{background:#d5f58b22;color:#d5f58b}#live-ranks li span:last-child{color:#c0d5c6;font-size:9px}.race-message{top:43%}
@media(max-width:1200px){.rear-mirror{top:16px}.progress{top:145px}.turn-hint{top:170px}.track-map{width:126px;bottom:112px;left:20px;padding:8px}.live-board{width:150px;right:20px;top:130px;padding:8px}#live-ranks li{padding:5px 3px;font-size:9px}}
@media(max-width:900px) and (orientation:landscape){.rear-mirror{left:30%;width:40%;top:10px}.rear-mirror canvas{height:62px}.mirror-title{font-size:7px;padding:3px 6px}#rear-status{font-size:7px;min-height:18px;padding:3px}.progress{top:115px}.turn-hint{top:137px;font-size:9px;padding:3px}.track-map{left:12px;bottom:90px;width:90px;padding:5px}.track-map .eyebrow,.map-legend{font-size:7px}.live-board{right:12px;top:105px;width:124px;padding:5px}.live-board .eyebrow{font-size:7px}.live-board .eyebrow span{font-size:6px}#live-ranks{margin-top:4px}#live-ranks li{font-size:8px;padding:4px 2px}#live-ranks li span:last-child{font-size:7px}.race-message{top:47%}}
@media(max-width:600px) and (orientation:portrait){.rear-mirror{top:125px;left:5%;width:90%}.rear-mirror canvas{aspect-ratio:5/1;height:auto}.mirror-title{font-size:8px;padding:3px 7px}#rear-status{font-size:8px;min-height:21px;padding:3px}.progress{top:240px;left:32%;right:32%}.turn-hint{top:263px;font-size:8px;padding:3px}.track-map{top:284px;bottom:auto;left:12px;width:86px;padding:5px}.track-map .eyebrow,.map-legend{font-size:7px}.live-board{top:290px;right:12px;width:128px;padding:5px}.live-board .eyebrow{font-size:7px}.live-board .eyebrow span{font-size:6px}#live-ranks{margin-top:4px}#live-ranks li{padding:3px 2px;font-size:8px}#live-ranks li span:last-child{font-size:7px}.race-message{top:48%;font-size:32px}.race-message.small{font-size:12px}}
.rear-mirror canvas{height:84px}#rear-status{height:32px;overflow:hidden}
@media(min-width:901px) and (max-width:1200px){.progress{top:165px}.turn-hint{top:190px}}
@media(max-width:900px) and (orientation:landscape){.rear-mirror canvas{height:48px}#rear-status{height:24px}}
@media(max-width:600px) and (orientation:portrait){.rear-mirror canvas{height:62px}#rear-status{height:26px}}
@media(max-width:600px) and (orientation:portrait){.rear-mirror{top:112px}.rear-mirror canvas{height:50px}.progress{top:220px}.turn-hint{top:244px}.track-map,.live-board{top:268px}.race-message{top:53%}}