::-webkit-scrollbar{height:8px;max-width:8px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.App{line-height:1.3}body{margin:0;font-size:1rem;overflow-x:hidden}.map-container{position:absolute;top:0;bottom:0;width:100%}.placard-list{display:flex;overflow-x:scroll;padding:0 5px 5px;gap:10px;background:none;position:absolute;width:100%;bottom:30px;height:125px}.placard{flex:0 0 300px;background:#2980b9;border-radius:8px;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;color:#f5f7fa;box-shadow:0 4px 8px rgba(0,0,0,.1)}.home{background:#2c3e50}.popup{position:fixed;top:10px;left:10px;width:35%;height:70vh;background:#2980b9;border-radius:8px;color:#f5f7fa;overflow-y:auto;padding:20px;font-size:1.2rem}.popup-content{position:relative}.popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:1.7rem}.close-btn{background:none;border:none;font-size:1.7rem;cursor:pointer;color:#fff;fill:#fff}.popup-content .popup-photos{display:flex;flex-direction:column;gap:15px;margin-top:10px;margin-bottom:20px;align-items:flex-start}.popup-photo{width:auto;height:200px;border-radius:8px;cursor:pointer}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:300}.image-modal,.image-modal-content{display:flex;justify-content:center;align-items:center}.image-modal-content{max-width:90%;max-height:90%}.image-modal-view{width:auto;height:auto;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}.loader{border:4px solid #f3f3f3;border-top-color:#2980b9;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}.photo-container{text-align:left}.audio-panel{padding-bottom:20px}.video-panel a{text-decoration:underline}.audio-panel h2,.photos-panel h2,.video-panel h2{padding-bottom:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:992px){.popup{width:100%;height:100%;top:0;left:0;border-radius:0;z-index:300;overflow-y:auto}}@media screen and (max-width:600px){.popup-photo{width:100%;height:auto;border-radius:8px;cursor:pointer}}