/* Keep level choice beside the score in the initial result view. */
.result-route-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#result-choose-level{flex:none;min-height:44px;padding:10px 12px;border:1px solid #ffe430;border-radius:4px;background:#29301a;color:#fff0a2;font:700 14px/1.2 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
#result-choose-level:hover{background:#3c4424}
#result-choose-level:focus-visible{outline:3px solid #fff;outline-offset:2px}
#result-choose-level[hidden]{display:none}
.rooftop-level-dialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;overflow:auto;border:1px solid #b39b45;border-radius:7px;background:#10180f;color:#f6f0da;box-shadow:0 20px 70px #000b}
.rooftop-level-dialog::backdrop{background:#050907d9}
.rooftop-level-dialog h2{margin:0;font:700 25px/1.2 Arial,sans-serif;color:#ffe430}
.rooftop-level-dialog>p{margin:9px 0 16px;color:#d4d9c6;font:14px/1.45 Arial,sans-serif}
.rooftop-level-dialog #route-picker{margin:0;order:initial}
.rooftop-level-dialog .route-card:focus-visible{outline-offset:-4px}
.rooftop-level-back{display:block;width:100%;min-height:44px;margin:16px 0 0;padding:11px 16px;border:1px solid #bda542;border-radius:4px;background:#ffe430;color:#17200f;font:700 14px/1.3 Arial,sans-serif}
.rooftop-level-back:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-height:600px) and (orientation:landscape){.result-route-actions{flex:0 1 150px;justify-content:center}.rooftop-level-dialog{padding:14px}.rooftop-level-dialog>p{margin:6px 0 12px}.rooftop-level-back{margin-top:12px}}