@media (max-width:768px){body{padding-bottom:80px!important}.main-content,.page-content,main{margin-bottom:0!important;padding-bottom:20px!important}.category-content,.webcam-container,.webcam-grid{margin-bottom:0!important;padding-bottom:10px!important}.sidebar-menu{display:none!important}.container{padding-left:15px!important;padding-right:15px!important}.btn,a.button,button{min-height:44px!important;min-width:44px!important;padding:12px 16px!important}.video-container,.webcam-card{border-radius:12px!important;overflow:hidden!important}.scroll-container{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}.search-container{padding:15px!important;margin-top:10px!important}.search-input{font-size:16px!important;padding:12px 16px!important;border-radius:8px!important}.category-header{padding:20px 15px!important;margin-top:0!important}.category-title{font-size:24px!important;margin-bottom:10px!important}.category-description{font-size:16px!important;line-height:1.5!important}.webcam-grid{grid-template-columns:1fr!important;gap:15px!important;padding:0 15px!important}.webcam-card{margin-bottom:15px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.webcam-card-title{font-size:16px!important;font-weight:600!important;padding:12px 15px 8px!important}.webcam-card-location{font-size:14px!important;color:#666!important;padding:0 15px 12px!important}.status-indicator{font-size:12px!important;padding:4px 8px!important;border-radius:12px!important}.loading-spinner{width:40px!important;height:40px!important}.error-message{padding:15px!important;margin:15px!important;border-radius:8px!important;font-size:14px!important}.footer{padding:20px 15px!important;margin-top:40px!important}body,html{overflow-x:hidden!important;max-width:100vw!important}.mobile-fade-in{animation:mobileSlideUp .3s ease-out!important}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only-mobile{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}a:focus,button:focus,input:focus{outline:2px solid #0ea5e9!important;outline-offset:2px!important}@supports (padding:max(0px)){body{padding-bottom:max(80px,env(safe-area-inset-bottom))!important}.mobile-horizontal-menu{padding-bottom:env(safe-area-inset-bottom)!important;height:calc(60px + env(safe-area-inset-bottom))!important}}}@media (min-width:769px) and (max-width:1024px){body{padding-bottom:0!important}.sidebar-menu{display:block!important}.mobile-horizontal-menu{display:none!important}.webcam-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}}@media (max-width:768px) and (orientation:landscape){.mobile-horizontal-menu{height:50px!important}body{padding-bottom:50px!important}.mobile-video-container{height:100vh!important}.mobile-related-webcams{display:none!important}}@media (min-resolution:192dpi){.mobile-menu-item,.webcam-card{border-width:.5px!important}}@media (prefers-color-scheme:dark){@media (max-width:768px){.mobile-horizontal-menu{background:linear-gradient(135deg,#1e40af,#1e3a8a)!important}.mobile-menu-item{background:rgba(255,255,255,.15)!important}.mobile-menu-item.active-category{background:rgba(255,255,255,.95)!important;color:#1e3a8a!important}}}@media (prefers-reduced-motion:reduce){.mobile-horizontal-menu,.mobile-menu-arrow,.mobile-menu-item{transition:none!important;animation:none!important}.mobile-menu-scroll-container{scroll-behavior:auto!important}}@media (max-width:768px){.mobile-video-container{width:100vw!important;height:70vh!important;position:relative!important;padding:0!important;background-color:#000!important;border-radius:0!important;left:50%!important;right:50%!important;margin:0 -50vw!important}.container,.max-w-4xl,.mx-auto{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:100vw!important}.webcam-section-mobile,section:has(.mobile-video-container){width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding:0!important}.webcam-expander-mobile{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background-color:#000!important}.webcam-expander-mobile .video-container{width:100%!important;height:60vh!important;position:relative!important;top:0!important;left:0!important}.mobile-video-player{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;background-color:#000!important}.mobile-video-container iframe,.webcam-expander-mobile iframe{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;border:none!important;background-color:#000!important}.desktop-only{display:none!important}.mobile-video-controls{position:absolute!important;bottom:0!important;left:0!important;right:0!important;background:linear-gradient(transparent,rgba(0,0,0,.8))!important;padding:30px 20px 20px!important;z-index:100!important;backdrop-filter:blur(10px)!important}.location-video-tile{width:100vw!important;height:70vh!important;padding:0!important;border-radius:0!important;position:relative!important;left:50%!important;right:50%!important;margin:0 -50vw!important;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#06b6d4)!important}.bg-white,.rounded-lg,.shadow-lg{border-radius:0!important;box-shadow:none!important;margin:0!important}.mobile-video-close{position:absolute!important;top:15px!important;right:15px!important;background:rgba(0,0,0,.7)!important;color:white!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:101!important;font-size:18px!important;cursor:pointer!important}.mobile-video-title{color:white!important;font-size:16px!important;font-weight:600!important;margin-bottom:10px!important;text-shadow:0 1px 3px rgba(0,0,0,.8)!important}.mobile-related-webcams{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:40vh!important;background-color:#000!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:15px!important;-webkit-overflow-scrolling:touch!important}.mobile-related-webcam-item{display:inline-block!important;width:200px!important;height:112px!important;margin-right:15px!important;background-color:#111!important;border-radius:8px!important;overflow:hidden!important;vertical-align:top!important;cursor:pointer!important;transition:transform .2s ease!important}.mobile-related-webcam-item:hover{transform:scale(1.05)!important}.mobile-related-webcam-item img{width:100%!important;height:80%!important;-o-object-fit:cover!important;object-fit:cover!important}.mobile-related-webcam-title{color:white!important;font-size:12px!important;padding:5px 8px!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}}@media (min-width:769px) and (max-width:1024px){.mobile-video-container{width:100%!important;max-width:800px!important;height:auto!important;aspect-ratio:16/9!important}}body.mobile-video-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}@media (pointer:coarse){.mobile-related-webcam-item,.mobile-video-close{min-height:44px!important;min-width:44px!important}}@media (max-width:768px) and (orientation:landscape){.webcam-expander-mobile .video-container{height:100vh!important}.mobile-related-webcams{display:none!important}.mobile-video-controls{padding:10px 15px!important}}body.seamless-mobile-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important;--vh:1vh}@supports (padding:max(0px)){.seamless-mobile-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.seamless-mobile-container{position:relative;width:100%;height:100vh;background-color:#000!important;overflow:hidden}.seamless-mobile-container.fullscreen-mode{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;background-color:#000!important}.seamless-mobile-container.fullscreen-mode~*,body:has(.seamless-mobile-container.fullscreen-mode)>:not(.seamless-mobile-container){display:none!important}.seamless-mobile-container .video-content-area{width:100%;height:100%;background-color:#000!important;position:relative}.seamless-mobile-container.fullscreen-mode .video-content-area{width:100vw!important;height:100vh!important}.seamless-mobile-container .video-banner{position:absolute!important;bottom:0!important;left:0!important;right:0!important;background:linear-gradient(transparent,rgba(0,0,0,.9))!important;color:white!important;padding:20px!important;z-index:200!important;backdrop-filter:blur(10px)!important}@media (max-width:1024px) and (orientation:landscape){.seamless-mobile-container{height:100vh!important}.seamless-mobile-container.fullscreen-mode{position:fixed!important;top:0!important;left:0!important;z-index:9999!important}.seamless-mobile-container.fullscreen-mode,.seamless-mobile-container.landscape-mode .video-content-area{width:100vw!important;height:100vh!important}.seamless-mobile-container.landscape-mode .video-banner{bottom:70px!important;padding:15px 25px!important}.seamless-mobile-container.landscape-mode .seamless-mobile-menu{height:60px!important}.seamless-mobile-container.landscape-mode .nav-button{padding:8px!important;min-width:40px!important;min-height:40px!important}.seamless-mobile-container.landscape-mode .nav-icon{width:18px!important;height:18px!important}.seamless-mobile-container.landscape-mode .nav-label{display:none!important}}@media (max-width:768px) and (orientation:portrait){.seamless-mobile-container.portrait-mode .video-content-area{height:calc(100vh - 80px)}.seamless-mobile-container.portrait-mode.fullscreen-mode .video-content-area{height:100vh!important}.seamless-mobile-container.portrait-mode .video-banner{bottom:100px!important}.seamless-mobile-container.portrait-mode.fullscreen-mode .video-banner{bottom:20px!important}}.seamless-mobile-container .seamless-mobile-menu,.seamless-mobile-container .video-banner{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease!important}.seamless-mobile-container~.fixed.bottom-0,.seamless-mobile-container~.mobile-horizontal-menu{display:none!important}.seamless-mobile-container iframe,.seamless-mobile-container video{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;background-color:#000!important}.seamless-mobile-container .tap-indicator{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:60px!important;height:60px!important;border:2px solid rgba(255,255,255,.6)!important;border-radius:50%!important;pointer-events:none!important;opacity:0!important;z-index:2000!important;animation:tapFeedback .6s ease-out!important}@keyframes tapFeedback{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.mobile-theater-mode{position:relative;width:100vw!important;min-height:100vh!important;background-color:#fff;overflow-x:hidden!important;margin:0!important;padding:0!important}.theater-video-container{width:100vw!important;height:auto!important;max-height:none!important;position:relative!important;background-color:#000!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;display:block!important;overflow:hidden!important}.theater-video-container [data-webcam-id],.theater-video-container iframe,.theater-video-container video,.theater-video-container>*{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important;margin:0!important;padding:0!important;border:none!important;position:absolute!important;top:0!important;left:0!important}.theater-banner-ad{width:100vw!important;height:50px!important;background-color:#f3f4f6!important;margin:0!important;padding:0!important;border:none!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;justify-content:center!important}.theater-banner-ad iframe{width:100%!important;height:100%!important;border:none!important;display:block!important}.theater-content-area{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:80px!important}.theater-bottom-menu,.theater-content-area{width:100vw!important;background-color:#fff!important}.theater-bottom-menu{position:fixed!important;bottom:0!important;left:0!important;right:0!important;border-top:2px solid #e5e7eb!important;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1)!important;z-index:1000!important;transition:height .3s cubic-bezier(.4,0,.2,1)!important}.theater-bottom-menu.menu-collapsed{height:60px!important}.theater-bottom-menu.menu-expanded{height:60vh!important;max-height:500px!important}.menu-toggle-bar{width:100%!important;height:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#fff!important;border:none!important;border-bottom:1px solid #e5e7eb!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}.menu-toggle-bar:active{background-color:#f9fafb!important}.menu-content-wrapper{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:8px 0!important}@media (max-width:768px){.theater-bottom-menu,.theater-bottom-menu *{color:#111827!important}.mobile-related-webcam-item,.webcam-card-container,.webcam-container,[data-custom-webcam-container=true]{-webkit-tap-highlight-color:transparent!important}.mobile-related-webcam-item:active,.mobile-related-webcam-item:focus,.webcam-card-container *,.webcam-card-container:active,.webcam-card-container:focus,.webcam-container *,.webcam-container:active,.webcam-container:focus,[data-custom-webcam-container=true]:active,[data-custom-webcam-container=true]:focus{outline:none!important;box-shadow:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important}}body:has(.mobile-theater-mode) .mobile-horizontal-menu:not(.theater-bottom-menu .mobile-horizontal-menu){display:none!important}body:has(.mobile-theater-mode) .about-webcam-outside{display:none!important}@media (orientation:landscape) and (max-width:1024px){.mobile-theater-mode,.theater-video-container-fixed{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}.theater-video-container,.theater-video-container-fixed{height:var(--actual-vh,100vh)!important;width:100vw!important;max-height:var(--actual-vh,100vh)!important;min-height:var(--actual-vh,100vh)!important;background-color:#000!important;padding:0 calc(max(env(safe-area-inset-right, 0), 10px) + 80px) 0 max(env(safe-area-inset-left,0),10px)!important;box-sizing:border-box!important;overflow:hidden!important}.theater-video-container iframe,.theater-video-container video,.theater-video-container-fixed iframe,.theater-video-container-fixed video{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;border:none!important;outline:none!important;min-width:100%!important;min-height:100%!important}.theater-banner-ad,.theater-banner-ad-fixed{height:var(--actual-vh,100vh)!important;width:80px!important;position:fixed!important;top:0!important;right:0!important;bottom:auto!important;left:auto!important;z-index:999!important;background-color:rgba(0,0,0,.92)!important;backdrop-filter:blur(12px)!important;border-bottom:none!important;border-left:none!important;transition:transform .3s ease,opacity .3s ease!important;flex-direction:column!important;padding-right:env(safe-area-inset-right,0)!important;padding-top:env(safe-area-inset-top,0)!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.theater-banner-ad-fixed>*,.theater-banner-ad>*{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.theater-content-area{display:none!important}.theater-bottom-menu{height:48px!important;background-color:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-bottom:env(safe-area-inset-bottom,0)!important;padding-left:env(safe-area-inset-left,0)!important;padding-right:calc(env(safe-area-inset-right, 0) + 80px)!important}.theater-bottom-menu.menu-collapsed{height:calc(48px + env(safe-area-inset-bottom, 0))!important;background-color:rgba(0,0,0,.92)!important}.theater-bottom-menu.menu-expanded{height:55vh!important;max-height:400px!important;background-color:rgba(0,0,0,.96)!important}.theater-bottom-menu.menu-hidden{transform:translateY(100%)!important;opacity:0!important;pointer-events:none!important;transition:transform .3s ease,opacity .3s ease!important}.theater-bottom-menu .menu-toggle-bar{border-bottom-color:rgba(255,255,255,.08)!important;min-height:40px!important}.theater-bottom-menu .menu-content-wrapper,.theater-bottom-menu .menu-toggle-bar{background-color:rgba(0,0,0,.92)!important}.mobile-theater-mode{background-color:#000!important;overflow:hidden!important}.desktop-menu,.desktop-navigation,.desktop-sidebar,.sidebar-menu,aside.desktop-only,nav.desktop-only{display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important}}@media (orientation:portrait) and (max-width:768px){.theater-video-container{height:auto!important;max-height:none!important;min-height:0!important}.theater-banner-ad{height:50px!important}.theater-content-area{height:auto!important;padding-bottom:80px!important}.theater-bottom-menu.menu-expanded{height:60vh!important;max-height:450px!important}}.mobile-theater-mode .theater-video-container,.mobile-theater-mode .theater-video-container iframe,.mobile-theater-mode .theater-video-container>*{border-radius:0!important;box-shadow:none!important;outline:none!important;border:none!important}.mobile-theater-mode .theater-video-wrapper,.mobile-theater-mode .theater-video-wrapper *,.mobile-theater-mode .video-container,.mobile-theater-mode .video-container *{border-radius:0!important;box-shadow:none!important;border:none!important}.mobile-theater-mode .theater-video-container+.theater-banner-ad{margin-top:0!important;border-top:none!important}@media (pointer:coarse){.menu-toggle-bar{min-height:44px!important;padding:12px!important}}