*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#071419;color:#edf8fc;font:14px system-ui}main,#map{position:absolute;inset:0}#map{background:#14282e;z-index:0}header{position:absolute;z-index:700;top:18px;left:20px;padding:13px 18px;border:1px solid #34505b;background:#07171eea;border-radius:14px;box-shadow:0 8px 30px #0005;display:flex;flex-direction:column;gap:5px;pointer-events:none}strong{letter-spacing:2px}strong span{color:#36e6d5}small{font-size:10px;letter-spacing:1.6px;color:#9bb7c1}.leaflet-top.leaflet-left{top:100px;left:10px}.metro-city-label{color:#fff!important;text-align:center;white-space:nowrap;font:800 12px/24px system-ui;letter-spacing:.7px;text-shadow:0 2px 3px #000,0 -1px 3px #000,2px 0 3px #000,-2px 0 3px #000;pointer-events:none!important}button,input,select{font:inherit;color:inherit;background:#122c36;border:1px solid #34535e;border-radius:10px;padding:12px;min-height:44px}button,select{cursor:pointer}button:hover,select:hover{border-color:#36e6d5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #36e6d5;outline-offset:3px}a{color:#6ce9df}.dock{position:absolute;bottom:calc(36px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:900;display:flex;gap:8px;padding:10px;background:#081a22f5;border:1px solid #34535e;border-radius:18px;box-shadow:0 14px 45px #0009;width:min(650px,calc(100% - 24px))}.dock button{white-space:nowrap}.quick-label{flex:1;min-width:0}select{width:100%;text-overflow:ellipsis}#viewer{position:absolute;z-index:800;top:24px;right:24px;width:min(540px,calc(100% - 32px));background:#07171ef5;border:1px solid #3e6370;border-radius:18px;overflow:hidden;box-shadow:0 20px 80px #000a;max-height:calc(100dvh - 150px);overflow-y:auto}.player-heading,.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}h2{font-size:18px;margin:5px 0 0}.player-heading button,.menu-heading button{font-size:23px;padding:4px 12px}.video-js{width:100%;aspect-ratio:16/9;height:auto}.player-footer{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:12px;color:#b8ccd3}.player-footer a{white-space:nowrap}#status{flex:1;margin:0;line-height:1.5}#camera-menu{position:absolute;z-index:950;bottom:120px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));max-height:55dvh;padding:0 16px 16px;background:#081a22fa;border:1px solid #34535e;border-radius:18px;box-shadow:0 12px 55px #0009;overflow:auto}#camera-menu .menu-heading{padding:12px 0}input{width:100%}#count{font-size:12px;color:#b0c9d2}#results{display:grid;gap:6px}#results button{text-align:left}#browse[aria-expanded=true]{border-color:#36e6d5;color:#36e6d5}.map-note{position:absolute;bottom:112px;left:20px;z-index:700;font-size:11px;background:#081a22dc;padding:8px 10px;border-radius:8px;color:#c3d3d9}.map-note span{color:#36e6d5}.map-note b{color:#ffd166}.map-note a{margin-left:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){header{top:12px;left:12px;padding:10px 12px}#viewer{top:94px;right:12px;width:calc(100% - 24px);max-height:calc(100dvh - 235px)}.dock{gap:6px;padding:8px}.dock button{padding:10px}.dock button span{display:none}.map-note{left:12px;bottom:108px;font-size:10px}.leaflet-top.leaflet-left{top:88px;left:2px}#camera-menu{bottom:112px}h2{font-size:16px}.player-heading{padding:12px}}