.mb-ui{position:absolute;top:110px;right:28px;width:286px;max-height:calc(100dvh - 200px);z-index:6;pointer-events:auto;color:#f7f0d5}.mb-ui[hidden],.mb-ui [hidden]{display:none!important}.mb-panel{padding:15px;background:#20392ff5;margin-bottom:12px}.mb-panel header,.mb-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #68836a;padding-bottom:10px;margin-bottom:10px}.mb-panel h2{font-size:15px;margin:0}.mb-panel p{font-size:11px;line-height:1.9;margin:9px 0}.mb-minor{font-size:10px!important;line-height:1.8;color:#c0cdaa}.mb-ui button,.mb-card button{font:inherit;font-size:11px;line-height:1.6;color:#f7f0d5;background:#314f3f;border:2px solid #91aa83;border-radius:0;box-shadow:2px 2px 0 #162b25;padding:10px;cursor:pointer;min-height:42px}.mb-ui button:hover,.mb-card button:hover{background:#45654b}.mb-ui button:focus-visible,.mb-card button:focus-visible{outline:3px solid #e5cd83;outline-offset:2px}.mb-ui button:disabled{opacity:.65;cursor:default}.mb-actions{display:flex;gap:8px}.mb-actions button{flex:1}.mb-panel>button{width:100%;margin-top:8px}.mb-ticket{display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;text-align:left}.mb-ticket strong{font-size:17px}.mb-ticket small{font-size:10px;color:#c0cdaa}.mb-map canvas{width:100%;height:auto;display:block;image-rendering:pixelated}.mb-map ul{padding:0;list-style:none;font-size:10px;line-height:1.8;margin-bottom:0}.mb-map header button{padding:0;min-width:32px;min-height:32px}.mb-map{max-height:calc(100dvh - 260px);overflow:auto}.mb-card{inset:0;margin:auto;width:min(640px,calc(100vw - 40px));max-height:calc(100dvh - 56px);box-sizing:border-box;overflow:auto;padding:24px;background:#20392f;color:#f7f0d5;border-radius:0}.mb-card::backdrop{background:#122b238a}.mb-card h2{font-size:20px;letter-spacing:1px;margin:0}.mb-card header button{min-width:30px;min-height:30px;padding:3px}.mb-card p{font-size:11px;line-height:1.9}.mb-card>button{width:100%;margin:7px 0}.mb-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.mb-options button{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:68px;text-align:left}.mb-options small{font-size:9px;color:#c0cdaa;margin-top:8px}#campus-bus-markers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;z-index:1}
@media(max-width:700px){.mb-ui{top:90px;right:16px;width:230px;max-height:calc(100dvh - 220px)}.mb-panel{padding:10px}.mb-panel h2{font-size:12px}.mb-panel p{font-size:10px}.mb-ui button{font-size:10px;padding:8px}.mb-ticket strong{font-size:14px}.mb-card{width:calc(100vw - 32px);padding:15px;max-height:calc(100dvh - 36px)}.mb-card h2{font-size:16px}.mb-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mb-options button{min-height:56px}.mb-map{position:fixed;top:90px;left:16px;right:16px;max-height:calc(100dvh - 235px)}.mb-map canvas{max-height:220px;object-fit:contain}}
@media(max-height:520px){.mb-ui{top:72px;max-height:calc(100dvh - 105px);overflow:auto}.mb-card{max-height:calc(100dvh - 24px)}.mb-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-map{position:fixed;inset:72px 18px 30px auto;width:300px;max-height:none}.mb-map canvas{max-height:180px}}

.mb-compact{max-width:286px;background:#ebcc76!important;color:#302b1b!important;border:3px solid #fff0b1!important;box-shadow:4px 4px #503e24!important;padding:10px 14px;min-height:46px;font:600 12px/1.5 sans-serif;cursor:pointer;text-align:left}.mb-compact[hidden]{display:none!important}.mb-compact:focus-visible{outline:3px solid #fff6d1;outline-offset:3px}@media(max-width:600px){.mb-compact{max-width:174px;font-size:11px;padding:8px 10px}}