/* Keep the full map qualifications available beside, rather than over, the ride. */
.mapped-world-info{position:fixed;z-index:6;top:120px;left:24px;width:max-content;max-width:min(360px,calc(100vw - 48px));background:#172a30ed;color:#e5f1ee;border:1px solid #92b5ae55;border-radius:7px;box-shadow:0 3px 15px #0002;pointer-events:auto}
.mapped-world-info[hidden]{display:none}
.mapped-world-info details{margin:0;padding:0;border:0;background:none}
.mapped-world-info summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:12px 14px;font-size:13px;font-weight:600;line-height:20px;color:#e5f1ee}
.mapped-world-info summary:focus-visible,.mapped-world-info a:focus-visible{outline:2px solid #b6e9e6;outline-offset:2px}
.mapped-world-info .mapped-world-description{margin:0;padding:0 14px 12px;max-height:30vh;overflow:auto;font-size:12px;line-height:1.55;color:#cfdfda}
.mapped-world-info .mapped-world-credit{margin:0;padding:0 14px 10px;font-size:11px;line-height:17px}
.mapped-world-info .mapped-world-credit a{color:#c4e6df;text-decoration:underline;text-underline-offset:2px}
@media(max-width:640px){.mapped-world-info{top:130px;left:16px;max-width:calc(100vw - 32px)}}
@media(max-height:520px){.mapped-world-info{top:90px;left:16px;max-width:min(330px,calc(100vw - 32px))}.mapped-world-info .mapped-world-description{max-height:20vh}}

/* Keep source context in the same flow as voice controls so neither can cover the other. */
.ride-top>.mapped-world-info{position:relative;top:auto;left:auto;flex:0 1 360px;max-width:100%;box-sizing:border-box;align-self:flex-start}
#mappedWorldStatus{font-size:13px;line-height:1.55}