:root{color-scheme:dark;--bg:#09131d;--panel:#101f2c;--line:#253848;--text:#e8f1f7;--muted:#8195a7;--teal:#54e2cb;--amber:#ffbe73;--red:#ff7b7f}
*{box-sizing:border-box}body{margin:0;background:#070e15;color:var(--text);font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;overflow:hidden;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--teal)}button{background:none;border:0}button:hover{color:var(--teal)}svg:not(.leaflet-zoom-animated){width:18px;height:18px;stroke-width:1.6;flex-shrink:0}button svg{vertical-align:middle}a{color:inherit}small{font-size:11px}h2,h3,p{margin:0}h2{font-size:16px;font-weight:600;letter-spacing:.4px}h3{font-size:14px}b{font-weight:500}strong{font-weight:500}button,input,select{transition:background .15s,color .15s,border-color .15s}[hidden]{display:none!important}
#screen{width:1920px;height:1080px;position:absolute;overflow:hidden;transform-origin:0 0;background:var(--bg)}.topbar{height:100px;position:absolute;inset:0 0 auto;z-index:900;background:#0d1924;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid #2d4252;box-shadow:0 8px 35px #0003}.brand{display:flex;align-items:center;width:490px;gap:15px}.brand-mark{height:46px;width:46px;border:1px solid #387a7b;background:linear-gradient(145deg,#27514e,#172c36);border-radius:11px;display:grid;place-items:center;color:var(--teal)}.brand-mark svg{height:31px;width:31px}.brand b{font-size:28px;letter-spacing:5px;font-weight:600}.brand b span{font-size:20px;font-weight:400;letter-spacing:3px;margin-left:18px;border-left:1px solid #34505a;padding-left:18px}.brand small{display:block;font:10px 'Noto Sans SC',sans-serif;letter-spacing:2.3px;color:#788e9d;margin-top:5px}nav{height:100%;display:flex;gap:30px;align-items:stretch}.nav{position:relative;display:flex;align-items:center;gap:10px;font-size:16px;color:#98aaba;padding:0 15px}.nav.active{color:var(--teal);background:linear-gradient(0deg,#54e2cb0d,transparent)}.nav.active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--teal);left:15px;right:15px}.nav-count{font:13px 'Barlow Condensed',sans-serif;background:#543d33;border:1px solid #72503a;border-radius:5px;color:var(--amber);padding:1px 6px}.header-right{margin-left:auto;display:flex;align-items:center;gap:22px}.demo{display:flex;align-items:center;gap:7px;font-size:11px;color:#a0b2bd;background:#1b2d37;border:1px solid #34444f;border-radius:5px;padding:6px 10px}.dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--teal);flex-shrink:0}.clock{display:flex;flex-direction:column;gap:2px;text-align:right;padding-right:10px}.clock b{font:30px 'Barlow Condensed',sans-serif;letter-spacing:1.8px}.clock span{color:var(--muted);font-size:10px;letter-spacing:1px}.icon-button{width:30px;height:30px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#9caebb;flex-shrink:0}.icon-button:hover{background:#203544}.header-right .icon-button{width:32px}.panel{background:linear-gradient(140deg,#142533f7,#0e1b28fa);border:1px solid #2a3d4d;border-radius:10px;box-shadow:0 12px 30px #0002}.panel-heading{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 20px}.panel-heading h2{display:flex;align-items:center;gap:10px}.panel-heading h2>svg{color:#88a5b4;width:18px}.subtle{color:var(--muted);font-size:11px}.left-column{position:absolute;left:24px;top:132px;width:324px;z-index:800;display:flex;flex-direction:column;gap:18px}.right-column{position:absolute;right:24px;top:132px;width:394px;z-index:800;display:flex;flex-direction:column;gap:18px}.fleet-panel{height:588px}.search{display:flex;align-items:center;margin:0 16px 14px;border:1px solid #2a4052;border-radius:6px;background:#0b1925;height:38px;padding:0 11px;gap:9px;color:#708a9c}.search svg{width:15px}.search input{background:transparent;border:0;color:#dae8f0;min-width:0;width:100%;font-size:12px;outline:none}.search input::placeholder{color:#6b8395}.search>span{font-size:20px}.tabs{display:flex;gap:4px}.tabs button{padding:8px 12px;color:#8fa5b7;border-radius:5px;font-size:12px;flex:1}.tabs button span{margin-left:5px;font-size:11px;opacity:.8}.tabs button.selected{color:var(--teal);background:#1a393e}.fleet-tabs{margin:0 16px 10px}.fleet-list{padding:0 10px;height:386px;overflow:auto;scrollbar-width:thin}.device-row{position:relative;padding:12px 11px;width:100%;display:flex;text-align:left;gap:12px;height:64px;align-items:center;border:1px solid transparent;border-bottom-color:#233644;border-radius:6px}.device-row.selected{background:linear-gradient(90deg,#244343,#172e38);border-color:#3a6968}.device-row.selected:before{content:'';position:absolute;left:-1px;top:18px;bottom:18px;width:3px;background:var(--teal);border-radius:3px}.device-symbol{width:35px;height:35px;display:grid;place-items:center;border-radius:7px;background:#20343f;color:#a0b4bf}.device-symbol svg{width:23px;height:23px}.selected .device-symbol{color:var(--teal);background:#254a4a}.device-row.offline .device-symbol{color:#586b7c}.device-text{flex:1;min-width:0}.device-title{display:flex;align-items:center;gap:7px;margin-bottom:6px}.device-title b{font-size:13px}.device-text>small{font-size:10px;color:#859aa9}.device-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#9cb0be}.device-right small{display:flex;gap:4px;align-items:center;font:12px 'Barlow Condensed',sans-serif}.device-right small svg{width:13px;height:13px}.status{font-size:9px;line-height:17px;padding:1px 6px;border-radius:3px;white-space:nowrap;font-weight:400;letter-spacing:0}.status.flying{color:#66e9ce;background:#25463f}.status.returning{color:var(--amber);background:#4d3c2d}.status.ready{color:#9dcbff;background:#243d53}.status.charging{color:#a7cbd5;background:#2c414e}.status.offline{color:#8594a0;background:#27323c}.fleet-note{display:flex;gap:6px;align-items:center;font-size:9px;color:#7793a0;padding:13px 17px}.fleet-note>span:last-child{margin-left:auto}.telemetry-panel{height:290px}.small-chip{border:1px solid #36505e;padding:3px 8px;border-radius:4px;font-size:10px;color:#a1bac6}.telemetry-main{display:flex;align-items:center;gap:29px;padding:0 25px 17px}.battery-ring{height:100px;width:100px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--teal) 0 68%,#243b46 68% 100%);transform:rotate(-90deg);position:relative}.battery-ring:before{content:'';position:absolute;inset:5px;background:#122330;border-radius:50%}.battery-ring>div{position:relative;transform:rotate(90deg);text-align:center}.battery-ring strong{font:38px 'Barlow Condensed',sans-serif}.battery-ring strong small{font:13px 'Noto Sans SC';margin-left:2px}.battery-ring span{display:block;font-size:10px;color:#8ba3b4;margin-top:0}.telemetry-side label{font-size:11px;color:#819bad;display:block}.telemetry-side strong{font:35px 'Barlow Condensed',sans-serif;display:block;margin:1px 0 8px}.telemetry-side strong small{font:11px 'Noto Sans SC';margin-left:5px;color:#7d98aa}.telemetry-side>span{display:flex;font-size:10px;gap:5px;color:#92b5ba;align-items:center}.telemetry-side svg{width:13px;height:13px}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;margin:0 22px;border-top:1px solid #293d4b;padding-top:16px}.telemetry-grid label{font-size:10px;color:#819bad;display:block;margin-bottom:4px}.telemetry-grid b{font:20px 'Barlow Condensed','Noto Sans SC';line-height:20px}.telemetry-grid small{font:10px 'Noto Sans SC';color:#819bad}.telemetry-grid #position-value{font-size:13px;line-height:20px}.summary{position:absolute;left:380px;right:450px;top:178px;height:83px;z-index:750;display:grid;grid-template-columns:repeat(4,1fr);background:#122330f2;border:1px solid #29414f;border-radius:8px;box-shadow:0 8px 30px #0002}.summary>div{display:flex;align-items:center;padding:13px 17px;gap:11px;position:relative}.summary>div+div:before{content:'';height:38px;width:1px;background:#2d424d;position:absolute;left:0}.summary-icon{width:34px;height:34px;border-radius:8px;background:#213c4d;display:grid;place-items:center;color:#9bcff1}.summary-icon.green{color:var(--teal);background:#213e3e}.summary-icon.orange{color:var(--amber);background:#453b32}.summary-icon svg{width:21px;height:21px}.summary label{display:block;font-size:11px;color:#95aebc}.summary strong{display:block;font:34px 'Barlow Condensed',sans-serif;letter-spacing:1px;line-height:37px}.summary strong small{font:10px 'Noto Sans SC';color:#8ba2b0;letter-spacing:0;margin-left:8px}.summary em{position:absolute;right:13px;bottom:17px;font:9px 'Noto Sans SC';color:#8ba2b0}.green-text{color:var(--teal)!important}.orange-text{color:var(--amber)!important}.location-title{position:absolute;left:380px;top:135px;z-index:750;display:flex;align-items:center;gap:12px;color:#8ba7b8;font-size:12px}.location-title>b{font-size:21px;color:#e1edf5;letter-spacing:3px}.location-title>svg{color:var(--teal);width:17px}.location-title>span:last-child{font:13px 'Barlow Condensed';letter-spacing:1.2px}.location-line{height:14px;width:1px;background:#3a5263;margin:0 4px}#map{position:absolute;left:360px;top:100px;height:940px;width:1120px;background:#132735;z-index:1}.leaflet-tile-pane{filter:invert(1) grayscale(1) brightness(.72) sepia(.45) hue-rotate(145deg) saturate(1.7)}#screen.light-map .leaflet-tile-pane{filter:saturate(.6) brightness(.8)}.leaflet-container{font-family:inherit!important}.leaflet-control-attribution{display:none}.map-vignette{position:absolute;inset:100px 0 40px;pointer-events:none;z-index:450;background:linear-gradient(90deg,#0b182580 0%,transparent 27%,transparent 70%,#0b182580 100%),linear-gradient(0deg,#0917258a,transparent 35%,transparent 75%,#0c192688)}.leaflet-tooltip{background:#142d3c;border:1px solid #426574;color:#d3e5ed;font-size:11px;box-shadow:0 4px 16px #0004}.leaflet-tooltip:before{border-top-color:#426574!important}.area-label{color:#88b8c1;font-size:11px;letter-spacing:3px;white-space:nowrap;text-shadow:0 2px 3px #0c1d2a}.map-drone{position:relative;width:42px;height:42px;border:1px solid #72ead5;border-radius:50%;background:#224942;display:grid;place-items:center;color:#9af9e5;box-shadow:0 0 0 6px #64d9c514,0 4px 12px #0006}.map-drone svg{width:25px;height:25px}.map-drone.active{box-shadow:0 0 0 8px #64d9c524,0 0 0 18px #64d9c50d,0 4px 12px #0006;background:#286e60;border-width:2px}.map-drone.returning{background:#524233;border-color:#e4a963;color:#ffc985}.map-drone.offline{background:#263746;color:#8b9eaf;border-color:#617688;box-shadow:none}.map-drone.ready,.map-drone.charging{background:#233d52;border-color:#8aa9c2;color:#a9d3e7}.marker-caption{position:absolute;left:53px;top:8px;background:#0b1a26eb;border:1px solid #36515f;border-radius:4px;padding:4px 8px;font-size:11px;color:#e8f1f6;white-space:nowrap;box-shadow:0 4px 12px #0003}.map-dock{height:24px;width:24px;background:#273e4c;border:1px solid #688596;border-radius:4px;display:grid;place-items:center;color:#c4dbe8}.map-dock svg{width:14px;height:14px}.alert-marker{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#483a2d;border:1px solid #e7ad69;color:#ffc988;box-shadow:0 0 0 7px #e7ad6910}.alert-marker svg{width:17px}.leaflet-popup-content-wrapper{background:#102632f5;border:1px solid #466771;color:#e5f3fa;border-radius:8px;box-shadow:0 12px 36px #0004}.leaflet-popup-tip{background:#183442}.leaflet-popup-content{margin:15px 17px;font-size:12px;line-height:1.8}.map-popup-title{display:flex;gap:12px;align-items:center;justify-content:space-between}.map-popup-title b{font-size:14px}.map-popup-task{font-size:10px;color:#95b1c1;margin:7px 0 9px}.map-popup-data{display:flex;gap:18px;padding:10px 0;border-top:1px solid #2a4756}.map-popup-data label{display:block;font-size:9px;color:#8aa4b5}.map-popup-data strong{font:21px 'Barlow Condensed'}.map-popup-data strong small{font:9px 'Noto Sans SC';margin-left:3px}.popup-action{width:100%;background:#254a4b;border:1px solid #386a65;border-radius:4px;padding:5px;color:var(--teal);font-size:11px}.leaflet-popup-close-button{color:#93aabb!important;font-size:18px!important}.map-tools{position:absolute;right:450px;top:300px;z-index:750;width:38px;border:1px solid #36515e;border-radius:7px;overflow:hidden;background:#122632ed;box-shadow:0 4px 15px #0003}.map-tools button{display:block;width:36px;height:37px}.map-tools>div{height:1px;background:#304957;margin:0 8px}.map-tools button:hover{background:#25414c}.map-compass{position:absolute;left:389px;top:303px;display:flex;align-items:center;flex-direction:column;gap:4px;z-index:600;color:#9bb2bc}.map-compass>span{font:12px 'Barlow Condensed'}.map-compass svg{width:26px;height:26px;color:#cee0e8;fill:#c8dee830}.map-compass small{font-size:9px;color:#6d8a9b}.map-legend{position:absolute;left:396px;bottom:279px;display:flex;gap:19px;align-items:center;background:#10232ddd;padding:10px 14px;border:1px solid #294350;border-radius:5px;z-index:700;font-size:10px;color:#9bb7c5}.map-legend>span{display:flex;align-items:center;gap:7px}.legend-dot{width:6px;height:6px;border-radius:50%}.teal{background:var(--teal)}.amber{background:var(--amber)}.legend-square{width:7px;height:7px;background:#81a6ba}.legend-line{width:17px;height:2px;background:var(--teal)}.layer-panel{position:absolute;right:501px;top:350px;width:188px;padding:17px;z-index:850}.layer-panel h3{margin-bottom:13px}.layer-panel label{display:flex;gap:8px;align-items:center;font-size:12px;margin:12px 0;color:#b3c6d1}.layer-panel input{accent-color:#62d6c3}.layer-panel button{font-size:11px;border-top:1px solid #334b59;margin-top:3px;padding:12px 0 0;color:var(--teal)}
.video-panel{height:366px;overflow:hidden}.video-title{display:flex;gap:10px;align-items:center;padding:0 18px 12px;font-size:10px;color:#94acba}.video-title b{font-size:13px;color:#dcebf3}.video-quality{margin-left:auto;color:var(--teal);border:1px solid #3d6866;border-radius:3px;padding:0 3px;font-size:9px}.live-chip{display:flex;gap:5px;align-items:center;font-size:10px;color:#a2b9c5}.live-chip .dot{width:5px;height:5px}.camera-view{position:relative;height:221px;overflow:hidden;background:#101c25;margin:0 12px;border-radius:5px}.camera-view>img{width:100%;height:100%;object-fit:cover;filter:brightness(.82) saturate(.7)}.camera-view.zoom>img{transform:scale(1.8)}.camera-shade{position:absolute;inset:0;background:linear-gradient(180deg,#04172266,transparent 30%,transparent 65%,#031520a3);pointer-events:none}.camera-coordinate{position:absolute;left:13px;top:12px;font:9px monospace;letter-spacing:.5px;color:#daeeee}.camera-bottom{position:absolute;bottom:11px;left:13px;right:13px;display:flex;justify-content:space-between;font-size:9px;color:#d4e4e9}.camera-corner{position:absolute;width:10px;height:10px;border-color:#d2f3f4;border-style:solid;opacity:.55}.camera-corner.tl{top:34px;left:14px;border-width:1px 0 0 1px}.camera-corner.tr{top:34px;right:14px;border-width:1px 1px 0 0}.camera-corner.bl{bottom:32px;left:14px;border-width:0 0 1px 1px}.camera-corner.br{bottom:32px;right:14px;border-width:0 1px 1px 0}.reticle{position:absolute;width:20px;height:20px;left:calc(50% - 10px);top:calc(50% - 10px);opacity:.7}.reticle:before,.reticle:after{position:absolute;background:#e9ffff;content:''}.reticle:before{width:20px;height:1px;top:10px}.reticle:after{width:1px;height:20px;left:10px}.detection-box{position:absolute;left:56%;top:46%;width:66px;height:43px;border:1px solid #7ef9dd}.detection-box span{position:absolute;bottom:100%;left:-1px;background:#163f39e6;color:#92ffe4;font-size:7px;white-space:nowrap;padding:2px 4px}.video-controls{display:flex;align-items:center;padding:11px 15px;gap:10px}.segmented{display:flex;background:#0b1b27;padding:2px;border:1px solid #263c4b;border-radius:5px}.segmented button{padding:4px 13px;font-size:11px;color:#8ea7b8;border-radius:3px}.segmented button.selected{background:#28434c;color:#c8f4e9}.video-controls>#video-expand{margin-left:auto}.video-unavailable{position:absolute;inset:0;background:#11222beF;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#7b96a5}.video-unavailable svg{width:32px;height:32px}.video-unavailable span{font-size:11px}.alerts-panel{height:512px}.alert-total{font:14px 'Barlow Condensed';color:var(--amber);background:#473a2c;border-radius:4px;padding:1px 6px;margin-left:2px}.alert-tabs{margin:0 17px 9px;border-bottom:1px solid #2b414e;padding-bottom:10px}.alert-tabs button{font-size:11px;padding:7px 10px}.alert-tabs button.selected{background:#29424c;color:#d9edf2}#alert-list{height:307px;padding:0 17px;overflow:auto}.alert-card{padding:15px 0;width:100%;text-align:left;border-bottom:1px solid #2a3d4a;display:block}.alert-card-head{display:flex;align-items:center;gap:8px}.alert-card-head>span:first-child{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;background:#4b392e;color:var(--amber)}.alert-card-head>span:first-child svg{width:15px;height:15px}.alert-card h3{font-size:13px;font-weight:500;flex:1}.severity{font-size:9px;padding:2px 5px;background:#4a3b2d;color:var(--amber);border-radius:3px}.severity.critical{background:#4d3037;color:#ff9999}.alert-card-body{padding-left:34px}.alert-card p{color:#a3b6c3;font-size:11px;margin:8px 0 8px;line-height:1.6}.alert-meta{display:flex;align-items:center;color:#728f9f;font-size:10px}.alert-meta b{color:#8faab9;margin-right:9px}.alert-meta>span:last-child{margin-left:auto;font:12px 'Barlow Condensed';letter-spacing:.3px}.all-alerts{margin:12px 17px 0;width:calc(100% - 34px);height:34px;border:1px solid #334c5a;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:9px;color:#bfd3de;font-size:11px}.all-alerts svg{width:13px;height:13px}.alert-foot{display:flex;align-items:center;gap:6px;font-size:9px;color:#7b97a7;padding:13px 20px}.orange-dot{background:var(--amber)}.track-panel{position:absolute;left:380px;right:450px;top:820px;height:206px;z-index:800;padding:18px 23px 0}.track-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font:9px 'Barlow Condensed';letter-spacing:2px;color:#7d9aab;display:block;margin-bottom:5px}.track-top h2{font-size:17px;display:flex;gap:12px;align-items:center}.track-top h2 .status{font-size:10px;line-height:19px}.track-actions{display:flex;align-items:center;gap:14px;color:#8ca6b7;font-size:11px}.track-actions button{border:1px solid #36505f;border-radius:5px;padding:8px 10px;display:flex;gap:7px;align-items:center;color:#c5d9e3}.track-actions svg{width:13px;height:13px}.track-info{display:flex;gap:23px;align-items:center;font-size:10px;color:#7e9aa9;margin-top:15px}.track-info span{display:flex;gap:8px;align-items:center}.track-info b{font-size:11px;color:#c1d3dc}.track-info svg{width:13px;height:13px;color:var(--teal)}.track-tag{margin-left:auto!important;color:#698897}.timeline{display:flex;align-items:center;gap:18px;margin-top:17px}.timeline>button:first-child{width:31px;height:31px;border:1px solid #4b756f;background:#20413e;border-radius:50%;color:var(--teal);display:grid;place-items:center}.timeline>button:first-child svg{width:13px;height:13px}.timeline-body{flex:1}.timeline-line{position:relative;height:14px}.timeline-line input{position:relative;z-index:2;appearance:none;background:linear-gradient(90deg,#62dec5 100%,#294652 100%);width:100%;height:3px;display:block;margin:6px 0;border-radius:5px;cursor:pointer}.timeline-line input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:#c9fff1;border-radius:50%;border:2px solid #58ccb7;box-shadow:0 0 0 4px #58ccb718}.timeline-event{position:absolute;width:6px;height:6px;border-radius:50%;top:-1px;background:#142d35;border:1px solid #7ef0d6;z-index:3;pointer-events:none}.e1{left:0}.e2{left:42%}.e3{left:88%;background:#ecb373;border-color:#ecb373;box-shadow:0 0 0 3px #ffc17a13}.timeline-ticks{display:flex;justify-content:space-between;font:10px 'Barlow Condensed';color:#87a1b1;letter-spacing:.7px;margin-top:-1px}.timeline-ticks span:last-child{color:var(--teal)}.rate-button{font:16px 'Barlow Condensed';width:30px}.track-bottom{display:flex;justify-content:space-between;border-top:1px solid #2a404d;margin-top:15px;padding-top:10px;color:#6f8b9d;font-size:9px}.track-bottom>span:first-child{display:flex;gap:7px;align-items:center;color:#91b3bb}.history-panel{position:absolute;left:650px;top:422px;width:510px;z-index:890;padding-bottom:17px;box-shadow:0 20px 80px #0009;background:#142632}.history-filters{padding:0 20px;display:flex;gap:12px;align-items:flex-end}.history-filters label{font-size:11px;color:#8da7b7;display:flex;flex-direction:column;gap:6px}.history-filters input,.history-filters select{height:33px;border:1px solid #3b5666;background:#0d202d;color:#d3e4eb;border-radius:4px;padding:0 9px;font-size:11px}.primary-button{background:#68dfc4;color:#0a342f;border-radius:4px;padding:8px 15px;font-size:11px}.history-panel>small{display:block;margin:10px 20px 0;color:#7e98a8;font-size:10px}#history-results{padding:13px 20px 0}.history-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid #2d4756;padding:13px 0}.history-row b{display:block;font-size:12px;margin-bottom:5px}.history-row small{font-size:10px;color:#89a6b6}.history-row>span:last-child{color:var(--teal);font-size:11px}.empty-state{padding:55px 12px;text-align:center;color:#8099aa;font-size:12px}.history-panel .empty-state{padding:25px 10px}
footer{position:absolute;bottom:0;left:0;right:0;height:40px;z-index:900;background:#0c1823;border-top:1px solid #223847;padding:0 26px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#70899b}.footer-brand{display:flex;align-items:center;gap:7px}.footer-divider{display:inline-block;height:10px;width:1px;background:#36515f;margin:0 12px;vertical-align:middle}footer a{text-decoration:none}#map-status{color:#658894;font-size:9px}#toast{position:absolute;left:50%;transform:translateX(-50%);bottom:270px;z-index:1500;padding:12px 20px;background:#24443f;border:1px solid #538278;border-radius:7px;color:#d7f9ec;box-shadow:0 8px 30px #0005;font-size:12px}.modal-backdrop{position:absolute;inset:100px 0 40px;background:#031019ab;backdrop-filter:blur(5px);z-index:1400;display:flex;align-items:center;justify-content:center}.modal{width:800px;background:#132632;box-shadow:0 35px 100px #0008;max-height:850px;overflow:auto}.modal .panel-heading{height:66px;border-bottom:1px solid #304957}.modal .panel-heading h2{font-size:18px}#modal-content{padding:25px}.modal.video-modal{width:1210px}.expanded-video{width:100%;height:620px;object-fit:cover;border-radius:6px;filter:saturate(.8)}.expanded-caption{display:flex;justify-content:space-between;margin-top:13px;color:#91abb9;font-size:12px}.detail-top{display:flex;align-items:center;gap:12px;padding:4px 0 20px}.detail-top h3{font-size:20px;flex:1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #314957;margin-bottom:20px}.detail-grid>div{padding:15px 0;border-bottom:1px solid #2c4554}.detail-grid label{font-size:11px;color:#88a2b2;display:block;margin-bottom:5px}.detail-grid b{font-size:13px}.detail-image{width:100%;max-height:285px;object-fit:cover;border-radius:6px;margin-bottom:12px}.detail-note{font-size:12px;line-height:1.9;color:#a2bac8;background:#1e3441;border:1px solid #314d5c;border-radius:6px;padding:14px;margin-bottom:18px}.modal-list .alert-card{padding:19px 0}.about-content p{line-height:1.9;color:#a8bfcd;margin-bottom:15px;font-size:13px}.about-content h3{margin:15px 0 8px}.about-content a{color:var(--teal)}.about-tags{display:flex;gap:9px;margin-bottom:22px}.about-tags span{border:1px solid #3e6270;padding:5px 10px;border-radius:5px;font-size:11px;color:#a8c6d3}.about-content .design-palette{display:flex;gap:12px;margin:10px 0 20px}.design-palette div{display:flex;align-items:center;gap:8px;font-size:11px;color:#96afbd}.design-palette i{display:inline-block;width:20px;height:20px;border-radius:5px;border:1px solid #536371}.alert-locate{display:flex;align-items:center;gap:8px}.alert-locate svg{width:14px;height:14px}.modal-close-return{border:1px solid #385564;padding:8px 15px;border-radius:5px;margin-left:10px;font-size:11px}.modal-actions{display:flex;align-items:center}.map-attribution-note{position:absolute;z-index:700;bottom:5px;right:10px;color:#98adb8;font-size:10px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Local fixed-area basemap; no tile or font requests. */
.local-basemap{max-width:none!important;max-height:none!important} .map-tools button:disabled{opacity:.3;cursor:default;background:transparent} .light-map #map{background:#bedee8}