*{box-sizing:border-box;margin:0;padding:0}body,html{color:#fff;background-color:#111;width:100%;height:100%;font-family:sans-serif;overflow:hidden}.app-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.controls-bar{background:#ffffff1a;border-radius:8px;margin-bottom:20px;padding:10px 20px}.controls-bar select{padding:5px;font-size:1rem}.map-container{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 0 20px #00000080}.background-media{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.background-media.transitioning{filter:brightness();transition:filter .1s}.clickmap-wrapper{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.dynamic-svg-layer{width:100%;height:100%}.interactive-hotspot{fill:#fff3;stroke:#fff;stroke-width:3px;cursor:pointer;transition:fill .3s,opacity .3s}.interactive-hotspot:hover{fill:#ffffff80}.interactive-hotspot.filtered-out{opacity:.1;pointer-events:none;fill:#00000080;stroke:#555}.ui-layer{z-index:20;background:#000000b3;border-radius:8px;padding:20px;position:absolute;top:20px;left:20px}button{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;margin-top:10px;padding:10px 15px}button:hover{background:#444}.fslightbox-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a!important}