:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf4fb;background:#0c1929;font-synthesis:none;--ink: #edf4fb;--muted: #a8b8cb;--accent: #a3dbff;--teal: #75c4ef;--panel: rgba(12, 25, 42, .92);--line: rgba(205, 228, 255, .13);--edge: 26px;--top: max(24px, env(safe-area-inset-top));--bottom: max(24px, env(safe-area-inset-bottom));color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}#app{height:100dvh;isolation:isolate}button,select,input{font:inherit;color:inherit}button,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button,select,summary,input{touch-action:manipulation}button{-webkit-user-select:none;user-select:none}button:disabled,select:disabled,input:disabled{opacity:.38;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}svg{width:19px;height:19px;stroke-width:1.6;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%;outline:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(7,25,31,.42),transparent 22%,transparent 72%,rgba(7,25,31,.28))}.topbar{position:absolute;inset:var(--top) var(--edge) auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.identity{display:flex;align-items:center;gap:13px;text-shadow:0 1px 15px #10252c5c}.brand-symbol{width:47px;height:47px;border:1px solid #e0f1e952;border-radius:15px;display:grid;place-items:center;background:#193b3a3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.brand-symbol svg{width:28px;height:28px;stroke-width:1.4;color:var(--accent)}.brand-symbol>span{position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.brand-overline{font-size:8px;letter-spacing:.17em;color:#e4eee1;margin-bottom:5px;font-weight:500}h1{margin:0;font-size:24px;line-height:1.12;letter-spacing:-.04em;font-weight:570}h1 span{color:#edf4fbcf;font-weight:350;margin-left:3px}.identity p{margin:6px 0 0;font-size:10px;letter-spacing:.06em;color:#e4eee1b0}.header-actions{display:flex;gap:7px;align-items:center;pointer-events:auto}.icon-button,.view-picker{border:1px solid var(--line);background:#13282cc4;border-radius:11px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.icon-button{width:44px;min-width:44px;height:44px;display:grid;place-items:center;padding:0}button{transition:background .16s ease,border-color .16s ease,color .16s ease}.icon-button:hover,.tool-button:hover{background:#263e56}.icon-button[aria-pressed=true],.icon-button[aria-expanded=true]{color:var(--accent);background:#1e3d56;border-color:#8ccfff54}.view-picker{display:flex;align-items:center;height:44px;padding:0 12px;gap:8px}.view-picker>svg:first-child{color:var(--accent);width:16px}.view-picker>svg:last-child{width:13px;pointer-events:none}select{appearance:none;cursor:pointer;background:#162b40;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px;font-size:12px}.view-picker select{border:0;padding:0;background:transparent;min-width:138px;max-width:180px;font-size:12px}option{background:#14263b;color:#f1f5ed}.panel{position:absolute;z-index:15;width:286px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 16px 56px #071b2926;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#506c66 transparent}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:-3px -5px 17px 0}.eyebrow{display:block;font-size:8px;letter-spacing:.17em;color:var(--teal);line-height:1.6;font-weight:600}h2{margin:4px 0 0;font-size:17px;font-weight:510;letter-spacing:-.025em;line-height:1.25}.panel-close{background:transparent;border:0;width:44px;height:44px;min-width:44px;color:#bfd2cd}.panel-close:hover{background:#ffffff0a}.panel-close svg{width:17px;height:17px}.weather-panel{top:116px;left:var(--edge);max-height:calc(100dvh - 274px)}.weather-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.weather-preset{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;min-height:58px;width:100%;background:transparent;border-radius:10px;padding:8px 11px;color:#e3ece5}.weather-preset>svg{width:25px;height:25px;color:#a7c0b8;stroke-width:1.35}.weather-preset>span:nth-child(2){display:block;font-size:12px;font-weight:500}.weather-preset small{display:block;font-size:9px;margin-top:5px;color:#8fa7a4;font-weight:400}.weather-preset[aria-pressed=true]{background:#8ccfff13;border-color:#8ccfff45}.weather-preset[aria-pressed=true]>svg,.weather-preset[aria-pressed=true]>span{color:var(--accent)}.weather-preset[aria-pressed=true] small{color:#b5cbb3}.weather-preset:hover{background:#a3dbff0b}.selection-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;background:transparent;flex-shrink:0}.weather-preset[aria-pressed=true] .selection-dot{background:var(--accent)}.live-weather-info{border:1px solid #9ec8b42b;border-radius:10px;padding:11px;margin-top:12px;color:#b1c6bd;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.live-weather-info[hidden]{display:none}.live-weather-picker{display:grid;gap:5px;color:#d4e9fb;font-size:10px}.live-weather-picker select{width:100%;min-width:0;min-height:44px;padding:8px 25px 8px 9px;font-size:10px;text-overflow:ellipsis;background:#162b40 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23c9dfcc' viewBox='0 0 12 12'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 8px center}.live-weather-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.live-weather-info .live-weather-catalogue-status{margin:5px 0 10px;color:#9bb5aa;font-size:9px}.live-weather-status{color:#addfff;font-weight:600}.live-weather-status[data-state=historical]{color:#a9d6e8}.live-weather-status[data-state=stale],.live-weather-status[data-state=unavailable]{color:#e6c999}.live-weather-info time{display:block;margin-top:4px;font-size:9px;font-variant-numeric:tabular-nums}.live-weather-info p{margin:7px 0}.live-weather-info .live-weather-method{color:#8fa99d;font-size:9px}.live-weather-info .live-weather-provenance{margin-bottom:0;color:#adcbc1;font-size:9px}.live-weather-info button{min-height:44px;width:100%;margin-top:3px;border:1px solid #addfff38;border-radius:8px;background:#8ccfff0d;color:#d4e9fb;font-size:10px}.live-weather-info button:disabled{opacity:.55;cursor:wait}.range-field{display:grid;gap:3px;margin-top:19px}.range-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.range-field output{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.range-field input{appearance:none;width:100%;height:36px;margin:0;cursor:pointer;background:transparent;accent-color:var(--accent)}.range-field input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:#688b8070}.range-field input::-webkit-slider-thumb{appearance:none;margin-top:-5px;width:13px;height:13px;background:var(--accent);border:2px solid #caeaff;border-radius:50%;box-shadow:0 0 0 5px #a3dbff08}.range-field input::-moz-range-track{height:3px;border-radius:2px;background:#688b8070}.range-field input::-moz-range-thumb{width:11px;height:11px;background:var(--accent);border:1px solid #caeaff;border-radius:50%}.range-field input:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #a3dbff1a}.wind-settings{border-top:1px solid var(--line);margin-top:6px}summary{cursor:pointer;min-height:44px;list-style:none}summary::-webkit-details-marker{display:none}.wind-settings summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b4c6bf}.wind-settings summary>span{display:flex;align-items:center;gap:8px}.wind-settings summary svg{width:15px;height:15px}.wind-settings summary>svg{width:12px}.wind-settings[open] summary>svg{transform:rotate(180deg)}.wind-settings .range-field{margin-top:6px}.weather-playback{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:13px;margin-top:1px}.accent-button{background:var(--accent);color:#102b43;border:0;border-radius:11px}.accent-button:hover,.accent-button[aria-pressed=true]{background:#a3dbff;color:#102b43}.accent-button svg{width:17px;height:17px}.accent-button>span{display:grid;place-items:center}.playback-label{display:grid;gap:5px;font-size:10px}.playback-label time{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.rate-picker{margin-left:auto}.rate-picker select{background:transparent;padding:0 10px;border:0;font-size:12px}.panel-note{display:flex;align-items:center;gap:7px;margin-top:15px;color:#8ca89d;font-size:9px}.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--teal);flex-shrink:0}.scene-badge{position:absolute;right:var(--edge);top:111px;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:20px;border:1px solid #eef9f21a;background:#16373c55;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#f0f4e9;font-size:10px}.scene-badge .status-dot{background:var(--accent)}.badge-divider{height:10px;width:1px;background:#d6e8e13b;margin:0 2px}.telemetry{position:absolute;left:var(--edge);bottom:calc(var(--bottom) + 106px);display:flex;gap:27px;pointer-events:none;text-shadow:0 1px 9px #10232ca3}.readout-label{display:block;font-size:8px;letter-spacing:.13em;color:#e0ede5b0;margin-bottom:5px}.telemetry output{font-size:22px;font-weight:350;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.unit{margin-left:5px;font-size:10px;color:#cadad2}.compass{position:absolute;right:calc(var(--edge) + 12px);bottom:calc(var(--bottom) + 110px);pointer-events:none}#compass-needle{width:30px;display:grid;justify-items:center;font-size:8px;gap:5px;text-shadow:0 1px 3px #0f283b}#compass-needle b{font-weight:550}#compass-needle span{height:25px;width:2px;background:#ecf3dfb3;border-top:12px solid var(--accent)}.bottom-area{position:absolute;z-index:20;bottom:var(--bottom);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 2 * var(--edge))}.toolbar{display:flex;align-items:center;gap:11px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#112226f0;box-shadow:0 12px 35px #071b2921;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.mode-switch,.tool-switch{display:flex;align-items:center;gap:3px}.mode-switch button,.tool-button{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;min-width:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;font-size:11px;font-weight:450;white-space:nowrap}.mode-switch button{color:#bbcdc6}.mode-switch button[aria-pressed=true]{background:#a3dbff;color:#102b43}.mode-switch button:not([aria-pressed=true]):hover{background:#ffffff0a;color:#fff}.mode-switch svg,.tool-switch svg{width:17px;height:17px}.toolbar-divider{width:1px;height:25px;background:var(--line)}.tool-button{color:#c1d2ca}.tool-button[aria-expanded=true]{color:var(--accent);background:#a3dbff0e}.tool-switch .icon-button{border:0;background:transparent}.control-field{display:flex;flex-direction:column;gap:3px;padding:0 5px;min-width:76px}.control-field>span{font-size:8px;color:#8fa9a0}.control-field select{min-height:25px;padding:0;border:0;border-radius:0;background:transparent;font-size:11px}.statusline{display:flex;justify-content:space-between;gap:20px;padding:10px 8px 0;font-size:9px;color:#e1eee2b3;text-shadow:0 1px 5px #142a32}#performance{font-variant-numeric:tabular-nums}.map-attribution{position:absolute;left:var(--edge);bottom:max(5px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;font-size:8px;color:#e0ece3aa;text-shadow:0 1px 5px #112a35}.map-attribution a{text-decoration:none}.map-attribution a:hover{text-decoration:underline}.sun-panel,.about-panel{top:116px;right:var(--edge);max-height:calc(100dvh - 274px)}.sun-panel{width:292px}.sun-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:8px;padding-top:7px;gap:8px}#sun-source{font-size:10px;color:var(--muted)}.text-button{background:none;border:none;padding:0 0 0 9px;min-height:44px;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--accent)}.text-button svg{width:13px;height:13px}.about-panel{width:345px}.about-panel p{font-size:11px;line-height:1.8;color:#adc1b9}.about-panel .about-intro{font-size:13px;line-height:1.7;color:#d5e3da}.about-facts{display:grid;gap:10px;padding:15px 0;margin:18px 0;border-block:1px solid var(--line)}.about-facts>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.about-facts dt{color:#9eb9af}.about-facts dd{color:var(--accent);margin:0}.source-links{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.source-links .eyebrow{margin-bottom:6px}.source-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;font-size:11px;text-decoration:none;color:#cedbd3}.source-links a:hover{color:var(--accent)}.source-links a svg{width:13px;height:13px}.about-panel .about-footnote{font-size:9px;line-height:1.6;color:#849f94;margin-bottom:0}.camera-panel{top:116px;right:var(--edge);width:390px;max-height:calc(100dvh - 236px)}.camera-panel .panel-heading{margin-bottom:12px}.camera-meta{display:flex;justify-content:space-between;gap:10px;color:#9bb7ac;font-size:9px;margin-bottom:14px}.live-label,.camera-site-picker{display:flex;align-items:center;gap:6px}.camera-site-picker select{flex:1;width:0;background:#ffffff07;font-size:11px;padding:0 9px}.camera-site-picker .icon-button{background:#ffffff06}.camera-site-picker svg{width:17px;height:17px}.camera-address{font-size:10px;color:#cfdfd4;margin:10px 0 0;line-height:1.6}.camera-details{margin:3px 0 8px}.camera-details summary{font-size:9px;color:#8faf9e;display:flex;align-items:center;min-height:33px}.camera-details summary:after{content:"+";margin-left:auto;font-size:14px}.camera-details[open] summary:after{content:"−"}.camera-site-metadata{display:grid;grid-template-columns:1fr auto;gap:7px 12px;font-size:9px;line-height:1.5;margin:0 0 16px}.camera-site-metadata dt{color:#8ba99b}.camera-site-metadata dd{margin:0;color:#c5d5ca;text-align:right;font-variant-numeric:tabular-nums}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.camera-tile{position:relative;margin:0;border:1px solid #bdd7c21c;border-radius:11px;background:#0a181c;padding:6px 6px 27px;overflow:hidden;cursor:pointer}.camera-tile[aria-pressed=true]{border-color:#a3dbffa1;box-shadow:0 0 0 1px #a3dbff15}.camera-tile:hover{border-color:#9cbb9570}.camera-tile canvas,.camera-tile img{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:50%}.camera-tile figcaption{position:absolute;left:9px;right:8px;bottom:8px;font-size:9px;line-height:1.2;color:#d5e4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.camera-tile-status{position:absolute;top:45%;left:0;right:0;font-size:10px;text-align:center;color:#acc1b4}.camera-cardinal{position:absolute;font-size:7px;line-height:1;color:#f0f6e7c4;text-shadow:0 1px 4px #0c242b;pointer-events:none}.camera-cardinal.north{top:9px;left:calc(50% - 3px)}.camera-cardinal.south{bottom:32px;left:calc(50% - 3px)}.camera-cardinal.east{right:9px;top:calc(50% - 15px)}.camera-cardinal.west{left:9px;top:calc(50% - 15px)}.camera-timestamp{display:flex;align-items:center;gap:5px;margin-top:13px;font-size:9px;color:#95b5a5}.camera-timestamp svg{width:12px;height:12px}.camera-status{color:#97afa5;font-size:9px;line-height:1.6;margin:9px 0 2px}.camera-options{display:flex;min-height:44px;align-items:center;font-size:10px;color:#bed1c3}.camera-options label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.camera-options input{margin:0;width:15px;height:15px;accent-color:var(--accent)}#sf-camera-markers{position:absolute;inset:0;pointer-events:none;z-index:8}.sf-camera-marker,.camera-marker{position:absolute;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 9px;border:1px solid #e1f7d15c;border-radius:10px;color:#e7f3dc;background:#183c36b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px;pointer-events:auto}.sf-camera-marker[aria-pressed=true],.camera-marker[aria-pressed=true]{background:#a3dbff;color:#193b2e}.sf-camera-marker svg,.camera-marker svg{width:15px;height:15px}#loading{position:absolute;z-index:40;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:17px;padding:23px 27px;max-width:calc(100% - 40px);border:1px solid #e3f3dc24;background:#132d32eb;border-radius:17px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 12px 50px #102c3555}.loading-orbit{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;position:relative}.loading-orbit svg{color:var(--accent);width:23px;height:23px}.spinner{position:absolute;inset:0;border:1px solid #a3dbff21;border-top-color:var(--accent);border-right-color:#a3dbff6b;border-radius:50%;animation:spin 1.4s linear infinite}.loading-eyebrow{display:block;font-size:8px;letter-spacing:.14em;color:var(--teal);margin-bottom:7px}#loading-text{display:block;font-size:12px;line-height:1.5}#error{position:absolute;z-index:45;left:50%;top:40%;transform:translate(-50%);width:380px;max-width:calc(100% - 40px);padding:24px;background:#3a2529f5;border:1px solid #edb6a04d;color:#ffded0;border-radius:14px;font-size:13px;line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}.drone-controls{position:absolute;z-index:12;right:var(--edge);bottom:calc(var(--bottom) + 120px);border:1px solid var(--line);border-radius:14px;padding:11px;background:var(--panel);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:254px}.launch-picker{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 5px 7px}.launch-picker>span{font-size:9px;color:var(--muted)}.launch-picker select{border:0;background:transparent;font-size:11px;min-height:30px}.drone-actions{display:flex;gap:2px}.drone-actions .icon-button{background:#ffffff04;border:0}.drone-actions .icon-button:hover{background:#ffffff10}#pause-flight[aria-pressed=true]{background:#a3dbff22;color:var(--accent)}#attitude{position:absolute;z-index:3;top:49%;left:50%;width:180px;height:100px;transform:translate(-50%,-50%);pointer-events:none;color:#f3f7e8;filter:drop-shadow(0 1px 3px #122e38)}.attitude-window{position:absolute;inset:0;overflow:hidden}#horizon-line{position:absolute;top:50%;left:0;width:100%;display:flex;justify-content:space-between}#horizon-line span{width:58px;border-top:1px solid #eef7e5ad}.reticle{position:absolute;top:50%;left:calc(50% - 4px);width:8px;height:8px;border:1px solid #f5f7e8;border-radius:50%;transform:translateY(-50%)}#flight-state{position:absolute;top:calc(100% + 8px);width:100%;text-align:center;font-size:10px}.flight-pad{position:absolute;z-index:13;bottom:calc(var(--bottom) + 180px);left:var(--edge);display:flex;gap:16px;pointer-events:none}.movement-pad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.movement-pad button:nth-child(1){grid-column:2}.movement-pad button:nth-child(2){grid-column:1;grid-row:2}.movement-pad button:nth-child(3){grid-column:2;grid-row:2}.movement-pad button:nth-child(4){grid-column:3;grid-row:2}.altitude-pad{display:grid;grid-template-columns:44px;grid-auto-flow:column;grid-template-rows:repeat(2,44px);gap:5px}.flight-pad button{width:44px;height:44px;border:1px solid #d4ecdd38;border-radius:11px;background:#13304db5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;place-items:center;pointer-events:auto;touch-action:none}.flight-pad button:active,.flight-pad button.active{color:#1d3827;background:var(--accent);border-color:var(--accent)}body.cameras-open .scene-badge,body.sun-open .scene-badge,body.about-open .scene-badge{visibility:hidden}body.cameras-open .drone-controls{right:432px}body.flight-active .telemetry{bottom:calc(var(--bottom) + 108px)}@media(max-width:1100px){:root{--edge: 20px}.brand-overline{font-size:7px}h1{font-size:22px}.weather-panel{width:270px}.toolbar{gap:6px}.mode-switch button,.tool-button{padding:0 10px}.speed-field{display:none}.camera-panel{width:344px}body.cameras-open .drone-controls{right:382px}}@media(max-width:900px){.identity{gap:10px}.brand-symbol{width:42px;height:42px}.view-picker{padding:0 10px;gap:6px}.view-picker select{min-width:115px;max-width:147px;font-size:11px}.topbar{gap:8px}.header-actions{gap:5px}#fullscreen{display:none}.weather-panel,.scene-badge,.camera-panel,.sun-panel,.about-panel{top:108px}.telemetry{gap:20px}.toolbar{padding:7px}.mode-switch button,.tool-button{padding:0 9px}}@media(max-width:760px){:root{--edge: max(14px, env(safe-area-inset-left));--top: max(19px, env(safe-area-inset-top));--bottom: max(22px, env(safe-area-inset-bottom))}.brand-symbol{display:none}.brand-overline{font-size:6px;letter-spacing:.13em;margin-bottom:6px}h1{font-size:21px}.identity p{font-size:8px;margin-top:6px}.header-actions{gap:5px}.view-picker{position:absolute;top:79px;left:0;height:40px}.view-picker select{min-height:40px;min-width:127px;max-width:173px}#home,#about-toggle{border-color:#e2eddf21;background:#142e4877}.scene-badge{top:calc(var(--top) + 80px);right:var(--edge);height:40px;font-size:9px;padding:0 12px}.scene-badge>span:last-child,.scene-badge .badge-divider{display:none}.panel{z-index:25;left:auto;right:var(--edge);top:calc(var(--top) + 133px);width:min(340px,calc(100% - 2 * var(--edge)));max-height:calc(100dvh - var(--top) - var(--bottom) - 275px);padding:17px;border-radius:16px;background:#0e2036f5}.weather-panel{left:var(--edge);right:auto}.panel-heading{margin-bottom:12px}.weather-preset{min-height:54px;padding-top:6px;padding-bottom:6px}.weather-presets{gap:4px}.range-field{margin-top:14px}.panel-note{margin-top:12px}.camera-panel{width:min(400px,calc(100% - 2 * var(--edge)))}.camera-grid{gap:9px}.sun-panel{width:min(310px,calc(100% - 2 * var(--edge)))}.bottom-area{width:calc(100% - 2 * var(--edge));max-width:490px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:6px 8px;border-radius:16px;background:#0d1d30e8}.mode-switch{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding-bottom:5px;border-bottom:1px solid var(--line)}.mode-switch button{height:44px;gap:7px;padding:0 5px;font-size:11px}.mode-switch svg{width:16px;height:16px}.toolbar-divider{display:none}.tool-switch{gap:1px}.tool-button{height:44px;padding:0 10px;font-size:10px;gap:6px}.tool-switch .icon-button{height:44px;width:44px}.quality-field{padding:0 6px 0 4px;min-width:64px}.quality-field>span{font-size:8px}.quality-field select{min-height:29px;font-size:10px}.statusline{font-size:8px;padding:8px 3px 0;gap:10px}.map-attribution{bottom:max(4px,env(safe-area-inset-bottom));font-size:6px;gap:4px}.telemetry{bottom:calc(var(--bottom) + 153px);gap:19px}.telemetry output{font-size:20px}.readout-label{font-size:7px;letter-spacing:.1em}.compass{bottom:calc(var(--bottom) + 148px);right:calc(var(--edge) + 3px)}.flight-pad{bottom:calc(var(--bottom) + 212px);right:var(--edge);left:var(--edge);justify-content:space-between;gap:12px}.movement-pad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px)}.altitude-pad{grid-template-columns:46px;grid-template-rows:repeat(2,46px)}.flight-pad button{width:46px;height:46px}.drone-controls,body.cameras-open .drone-controls{bottom:calc(var(--bottom) + 151px);right:var(--edge);width:239px;padding:5px;border-radius:12px}.launch-picker{display:none}.drone-actions{gap:2px}.drone-actions .icon-button{width:44px;height:44px}body.flight-active .telemetry{bottom:calc(var(--bottom) + 151px)}.telemetry:has(.drone-readout:not([hidden])){flex-wrap:wrap;max-width:106px;gap:7px 15px;bottom:calc(var(--bottom) + 145px)}.telemetry:has(.drone-readout:not([hidden])) output{font-size:13px}.telemetry:has(.drone-readout:not([hidden])) .unit{font-size:8px;margin-left:3px}.telemetry:has(.drone-readout:not([hidden])) .readout-label{font-size:6px;margin-bottom:3px}body:has(#drone-controls:not([hidden])) .compass{display:none}body:has(.panel:not([hidden])) .telemetry,body:has(.panel:not([hidden])) .flight-pad,body:has(.panel:not([hidden])) .drone-controls{visibility:hidden}#loading{padding:20px;gap:12px;width:310px}#loading-text{font-size:11px}}@media(max-width:380px){:root{--edge: 10px}h1{font-size:19px}.brand-overline{font-size:5.5px}.header-actions{gap:3px}.mode-switch button{font-size:10px;gap:5px}.tool-button{padding:0 8px;font-size:9px}.tool-switch .icon-button{width:44px;min-width:44px}.quality-field{min-width:58px;padding:0 2px}.quality-field select{font-size:9px}.panel{max-height:calc(100dvh - var(--top) - var(--bottom) - 265px);top:calc(var(--top) + 123px)}.scene-badge{font-size:8px;padding:0 9px}}@media(max-height:700px)and (min-width:761px){:root{--top: 18px;--bottom: 21px}.weather-panel,.camera-panel,.sun-panel,.about-panel{top:98px;max-height:calc(100dvh - 215px)}.weather-preset{min-height:49px}.weather-preset small{font-size:8px;margin-top:3px}.weather-presets{gap:2px}.scene-badge{top:98px}.panel-heading{margin-bottom:10px}.telemetry{bottom:calc(var(--bottom) + 90px)}}@media(orientation:landscape)and (max-height:550px){:root{--edge: max(14px, env(safe-area-inset-left));--top: max(12px, env(safe-area-inset-top));--bottom: max(12px, env(safe-area-inset-bottom))}.brand-overline,.identity p,.brand-symbol{display:none}h1{font-size:20px}.view-picker{position:static;height:44px}.view-picker select{min-height:44px}.scene-badge{top:73px;right:var(--edge)}.panel{top:74px;width:292px;max-height:calc(100dvh - 176px)}.weather-panel{left:var(--edge);right:auto}.camera-panel{right:var(--edge);left:auto}.bottom-area{max-width:calc(100% - 2 * var(--edge));width:max-content}.toolbar{display:flex;padding:6px;gap:6px}.mode-switch{display:flex;padding-bottom:0;border:0}.mode-switch button,.tool-button{padding:0 9px}.toolbar-divider{display:block}.settings-divider{display:none}.quality-field{min-width:60px}.statusline{padding-top:5px}.map-attribution{display:none}.telemetry{bottom:calc(var(--bottom) + 83px)}.compass{bottom:calc(var(--bottom) + 85px)}.flight-pad{bottom:calc(var(--bottom) + 142px)}.drone-controls,body.cameras-open .drone-controls{bottom:calc(var(--bottom) + 83px);width:239px;padding:5px;right:var(--edge)}.launch-picker{display:none}body.flight-active .telemetry{bottom:calc(var(--bottom) + 83px)}body:has(.panel:not([hidden])) .flight-pad,body:has(.panel:not([hidden])) .drone-controls,body:has(.panel:not([hidden])) .telemetry{visibility:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}.camera-tile figcaption small{margin-left:5px;color:#809e8f;font-size:7px;font-weight:400}@media(pointer:coarse){.range-field input{height:44px}.view-picker,.view-picker select{min-height:44px}.camera-details summary{min-height:44px}.source-links a{min-height:44px}.quality-field{min-height:44px;justify-content:center}.quality-field>span{display:none}.quality-field select{min-height:44px}}:root{--footer-height: 166px;--panel-top: 116px}.timeline-bar{display:grid;grid-template-columns:44px minmax(160px,1fr) 90px 55px 48px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;background:#0d1d30f0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:9px 11px;margin-bottom:8px}.timeline-track{min-width:0}.timeline-heading,.timeline-endpoints{display:flex;justify-content:space-between;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.timeline-heading{font-size:11px}.timeline-heading time{color:var(--accent);font-weight:550;white-space:nowrap}#timeline-status{font-size:9px;color:var(--muted);text-align:right}.timeline-endpoints{color:#9bb7ad;font-size:8px}#cloud-timeline{width:100%;height:28px;display:block;margin:0;accent-color:var(--accent);cursor:pointer}.timeline-steps{display:flex;gap:2px}.timeline-steps .icon-button{background:transparent;border:0}.timeline-bar .rate-picker{margin-left:0}.timeline-bar .rate-picker select{width:55px;padding:0 6px;min-height:44px}.loop-picker{font-size:10px;min-height:44px;display:flex;align-items:center;gap:4px;cursor:pointer}.loop-picker input,.check-field input{accent-color:var(--accent);width:16px;height:16px;margin:0;flex-shrink:0}.check-field{display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px;cursor:pointer}.select-field{display:grid;gap:8px;font-size:10px;color:var(--muted);margin:12px 0}.select-field select,.select-field input{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#162b40;color:var(--ink);font-size:11px}.radiation-description,.model-note{font-size:10px;color:#adc1b9;line-height:1.7}.model-note{font-size:9px;color:#8fa99d}.radiation-legend{position:absolute;z-index:13;right:var(--edge);bottom:calc(var(--bottom) + var(--footer-height) + 20px);width:225px;border:1px solid var(--line);border-radius:12px;background:#0d1d30e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px;font-size:10px;pointer-events:none}.radiation-legend>div:first-child,.radiation-legend>div:nth-child(3){display:flex;align-items:center;justify-content:space-between;gap:8px}.radiation-legend strong{font-size:9px;color:#b9cec1;font-weight:450}.radiation-ramp{height:7px;border-radius:4px;margin:10px 0 7px;background:linear-gradient(90deg,#263870,#1f8b99,#70c66b,#f4d357,#ed713e,#b42c49)}.radiation-legend>div:nth-child(3){color:#acc2b4;font-size:8px;font-variant-numeric:tabular-nums}.radiation-legend small{display:block;margin-top:8px;color:#8ca99c;font-size:8px}.panel{top:var(--panel-top);max-height:max(110px,calc(100dvh - var(--panel-top) - var(--bottom) - var(--footer-height) - 18px))}.sun-panel{width:320px}.telemetry,body.flight-active .telemetry{bottom:calc(var(--bottom) + var(--footer-height) + 27px)}.compass{bottom:calc(var(--bottom) + var(--footer-height) + 25px)}.flight-pad{bottom:calc(var(--bottom) + var(--footer-height) + 91px)}.drone-controls,body.cameras-open .drone-controls{bottom:calc(var(--bottom) + var(--footer-height) + 25px)}body:has(#radiation-legend:not([hidden])) .compass{visibility:hidden}body:has(.panel:not([hidden])) .radiation-legend{visibility:hidden}@media(min-width:761px){.bottom-area{min-width:min(850px,calc(100% - 2 * var(--edge)))}.toolbar{justify-content:center}}@media(max-width:900px){:root{--panel-top: 108px}}@media(max-width:760px){:root{--panel-top: calc(var(--top) + 133px)}.timeline-bar{grid-template-columns:44px minmax(0,1fr) 47px;gap:8px;padding:7px 8px;margin-bottom:6px}.timeline-steps{display:none}.timeline-bar .rate-picker{align-self:start}.timeline-bar .rate-picker select{width:47px;font-size:11px;padding:0 3px;min-height:35px}.loop-picker{grid-column:3;grid-row:1;align-self:end;font-size:8px;min-height:28px;margin-top:32px}.loop-picker input{width:13px;height:13px}.timeline-heading{display:block;font-size:10px}#timeline-status{display:block;font-size:8px;text-align:left;margin-top:3px}#timeline-source{font-size:7px}#cloud-timeline{height:28px}.timeline-endpoints{font-size:7px;gap:3px}.timeline-bar #cloud-play,.timeline-track{grid-row:1}.timeline-bar .rate-picker{grid-row:1;grid-column:3}.telemetry:has(.drone-readout:not([hidden])){bottom:calc(var(--bottom) + var(--footer-height) + 20px)}.radiation-legend{width:180px;padding:10px;font-size:9px}.sun-panel{width:min(340px,calc(100% - 2 * var(--edge)))}}@media(max-height:700px)and (min-width:761px){:root{--panel-top: 98px}}@media(orientation:landscape)and (max-height:550px){:root{--panel-top: 74px}.bottom-area{min-width:min(760px,calc(100% - 2 * var(--edge)))}.timeline-bar{grid-template-columns:44px minmax(160px,1fr) 55px 48px;padding:4px 8px;gap:8px;margin-bottom:5px}.timeline-steps{display:none}.timeline-heading{display:flex}#timeline-status{display:inline;margin:0}.timeline-bar .rate-picker{grid-row:auto;grid-column:auto;align-self:center}.loop-picker{grid-column:auto;grid-row:auto;align-self:center;margin:0;min-height:44px}.timeline-bar .rate-picker select{min-height:44px}#cloud-timeline{height:22px}.radiation-legend{width:195px;font-size:9px}.radiation-legend small{display:none}}.radiation-panel-legend{font-size:9px;color:var(--muted);text-align:right;margin:0 0 16px}.radiation-panel-legend .radiation-ramp{margin-top:4px}#sf-camera-markers{overflow:hidden}.network-pin{left:0;top:0}@media(orientation:landscape)and (max-height:550px){.flight-pad{bottom:calc(var(--bottom) + var(--footer-height) + 16px)}.drone-controls,body.cameras-open .drone-controls{top:78px;bottom:auto;right:50%;transform:translate(50%)}body.flight-active .telemetry{display:none}}@media(min-width:761px)and (min-height:551px){body.cameras-open:has(#camera-panel:not([hidden])) .radiation-legend{visibility:visible;left:var(--edge);right:auto;top:var(--panel-top);bottom:auto}}:root{--edge: 28px;--panel-top: 116px;--panel: rgba(12,25,42,.93)}.scene-vignette{background:linear-gradient(180deg,#06152b91,transparent 27%,transparent 67%,#07172b4f)}.topbar{gap:24px}.identity{gap:22px;min-width:0}.wematics-logo{display:block;width:200px;height:auto;flex-shrink:0;filter:drop-shadow(0 2px 14px #07152d55)}.brand-divider{display:block;width:1px;height:38px;background:#d0e8ff35;flex-shrink:0}.brand-overline{font-size:7px;letter-spacing:.2em;color:#d4e6f4a6;margin-bottom:6px}h1{font-size:23px;font-weight:500;letter-spacing:-.045em;white-space:nowrap}h1 span{font-weight:330;color:#e8f1fbc7}.identity p{margin-top:7px;font-size:9px;letter-spacing:.025em;color:#c0d3e5b3}.header-actions{gap:6px}.header-actions .icon-button,.view-picker{background:#0c2137a8;border-color:#d4e6ff26;box-shadow:0 4px 16px #07172a0d;border-radius:12px}.header-actions .icon-button{color:#d4e4f4}.view-picker{padding-inline:14px}#locate:disabled{opacity:.5;cursor:wait}#locate[aria-busy=true] svg{animation:location-search 1.4s linear infinite}@keyframes location-search{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#locate[aria-busy=true] svg{animation:none}}.location-status{position:absolute;z-index:40;right:var(--edge);top:calc(var(--top) + 55px);max-width:min(330px,calc(100% - 2 * var(--edge)));padding:10px 14px;border:1px solid #a3dbff40;border-radius:12px;background:#0c1a2df2;color:#d4e9fb;font-size:11px;line-height:1.5;box-shadow:0 8px 24px #0003;pointer-events:none}.location-status[data-error=true]{color:#f3d5a2}.user-location{position:absolute;top:0;left:0;z-index:9;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.user-location-dot{width:16px;height:16px;border:3px solid white;border-radius:50%;background:#37adff;box-shadow:0 0 0 8px #37adff35,0 2px 12px #0006}.user-location-label{padding:4px 8px;border-radius:7px;background:#0c1a2de8;color:#e9f6ff;font-size:11px}.view-picker select:focus{outline:none}.view-picker:has(select:focus-visible){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}@media(forced-colors:active){.view-picker:has(select:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.panel{border-radius:20px;padding:21px;border-color:#d4e6ff24;box-shadow:0 24px 70px #030e2445,inset 0 1px #ffffff05}.weather-panel{width:316px}.eyebrow{color:#88b9d9;font-weight:500;font-size:8px;letter-spacing:.16em}h2{font-size:19px;font-weight:480;margin-top:6px}.panel-heading{margin-bottom:18px}.panel-close{border-radius:50%;color:#91a9c1}.weather-preset{min-height:44px;padding:8px 12px;border-radius:12px}.weather-preset small{color:#8fa7bf;font-size:10px;line-height:1.4}.weather-preset>svg{color:#99b3cc;width:23px;height:23px}.weather-preset[aria-pressed=true]{background:#6dbbff0b;border-color:#8bcfff35}.weather-preset[aria-pressed=true] small{color:#b1c9df}.live-weather-info{border-color:#a3c9f222;background:#7db7e904;border-radius:13px;padding:13px;margin:0 0 15px;color:#b1c4d8;line-height:1.65}.live-weather-picker select{background-color:#172d44}.live-weather-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.live-weather-controls #live-weather-refresh{margin:0;display:grid;place-items:center}#live-weather-refresh svg{width:16px;height:16px}.live-weather-info>time{margin-top:9px}.live-weather-status:not([hidden]){margin-top:5px}.live-weather-info .live-weather-method,.live-weather-info .live-weather-catalogue-status{color:#8ca8c1}.live-weather-info .live-weather-provenance{color:#b2c9df}.observation-details{margin-top:5px;border-top:1px solid #bddaff13}.observation-details summary{display:flex;align-items:center;justify-content:space-between;min-height:38px;color:#a1bed7;font-size:10px}.observation-details summary svg{width:12px;height:12px}.observation-details[open] summary svg{transform:rotate(180deg)}.scene-badge{background:#0a213567;border-color:#d3e5f51c;color:#dfedfa;padding:9px 13px;font-size:9px;letter-spacing:.015em}.bottom-area{width:650px;min-width:0;max-width:calc(100% - 2 * var(--edge));background:#0c1a2de8;border:1px solid #bddbff24;border-radius:20px;box-shadow:0 20px 65px #020c2540,inset 0 1px #ffffff05;backdrop-filter:blur(30px) saturate(115%);-webkit-backdrop-filter:blur(30px) saturate(115%)}.timeline-bar{margin:0;border:0;border-bottom:1px solid #c3dcf314;border-radius:0;padding:11px 15px 9px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:40px minmax(0,1fr) 80px 47px 45px;gap:9px}.timeline-bar #cloud-play{width:36px;min-width:36px;height:36px;border-radius:50%;background:#99d5fc;color:#112b42}.timeline-bar #cloud-play:hover{background:#c0e9ff}.timeline-bar #cloud-play svg{width:14px;height:14px}.timeline-heading time{color:#dceefa;font-size:10px;font-weight:500;letter-spacing:.02em}#timeline-status{color:#8fa7bd;font-size:8px}.timeline-endpoints{color:#809bb5;font-size:7px}#cloud-timeline{appearance:none;height:23px;background:transparent}#cloud-timeline::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#7392b450}#cloud-timeline::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:50%;background:#bde6ff;box-shadow:0 0 0 4px #a3dbff0c}#cloud-timeline::-moz-range-track{height:2px;border-radius:2px;background:#7392b450}#cloud-timeline::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#bde6ff}.timeline-steps .icon-button{width:38px;min-width:38px;height:38px;color:#9fb8cd}.timeline-steps svg{width:16px;height:16px}.timeline-bar .rate-picker select{font-size:10px;width:47px;color:#c1d3e4}.loop-picker{font-size:9px;color:#9db5ca}.loop-picker input{width:13px;height:13px}.toolbar{display:flex;justify-content:center;gap:18px;border:0;padding:9px 15px 6px;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.toolbar-divider{display:block;height:22px;background:#c6e1fa1c}.tool-switch{gap:5px}.tool-button{padding:0 13px;gap:8px;height:44px;font-size:11px;color:#c4d6e6;border-radius:11px}.tool-button svg{width:17px;height:17px;color:#91afc7}.tool-button:hover{background:#a2d2ff0b}.tool-button[aria-expanded=true]{background:#8fccff10;color:#c4eaff}.tool-button[aria-expanded=true] svg{color:#a3dbff}.navigation-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-width:134px;height:44px;border:1px solid #afd9ff25;border-radius:12px;background:#a4d8ff0c;padding:0 13px;color:#d7edfc;font-size:11px}.navigation-toggle:hover,.navigation-toggle[aria-expanded=true]{background:#a4d8ff19;border-color:#afd9ff59}.navigation-toggle>svg:first-child{width:18px;height:18px;color:#99ccea}.navigation-chevron{width:12px;height:12px;margin-left:5px;color:#8daac3;transition:transform .18s ease}.navigation-toggle[aria-expanded=true] .navigation-chevron{transform:rotate(180deg)}.navigation-menu{position:absolute;bottom:calc(100% + 12px);left:0;width:302px;max-width:100%;padding:11px;border:1px solid #b6d6f32b;border-radius:18px;background:#0d1c30f5;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 18px 65px #020b244d;max-height:calc(100dvh - var(--footer-height) - var(--bottom) - 95px);overflow-y:auto;overscroll-behavior:contain;animation:navigation-reveal .17s ease both}.navigation-menu-heading{padding:9px 11px 14px}.navigation-menu-heading>span:last-child{display:block;margin-top:6px;color:#cfdfef;font-size:14px;font-weight:450}.navigation-menu [data-mode]{width:100%;display:flex;align-items:center;gap:13px;min-height:61px;padding:10px 12px;margin:2px 0;border:1px solid transparent;background:transparent;color:#c7d9eb;text-align:left;border-radius:11px}.navigation-menu [data-mode]>svg{width:21px;height:21px;color:#8faec8}.navigation-menu strong{display:block;font-size:12px;font-weight:500}.navigation-menu small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#839eb8}.navigation-menu [data-mode]:hover,.navigation-menu [data-mode]:focus-visible{background:#a1d0ff0b}.navigation-menu [aria-checked=true]{border-color:#a6d5f527;background:#6aaee212}.navigation-menu [aria-checked=true] strong,.navigation-menu [aria-checked=true]>svg{color:#b6e4ff}.mode-check{margin-left:auto;width:5px;height:5px;border-radius:50%;flex-shrink:0}[aria-checked=true]>.mode-check{background:#a7ddff;box-shadow:0 0 12px #79c6ff35}.statusline{justify-content:center;padding:3px 19px 11px;font-size:8px;color:#90a9c0b8;text-shadow:none}.statusline #performance{opacity:.65}.telemetry{gap:24px}.telemetry output{font-size:20px}.readout-label{color:#d4e4f4a1;font-size:7px;letter-spacing:.17em}.about-logo{width:190px;height:auto;margin:2px 0 8px}.display-settings{border-block:1px solid var(--line);margin:20px 0;padding:4px 0}.display-settings summary{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c3d9ec}.display-settings summary svg{width:13px;height:13px}.display-settings[open] summary svg{transform:rotate(180deg)}.display-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.display-settings-grid .select-field{margin:0 0 13px}@keyframes navigation-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){:root{--edge: 22px}.wematics-logo{width:172px}.identity{gap:17px}h1{font-size:21px}.view-picker select{min-width:125px;max-width:160px;font-size:11px}}@media(max-width:900px){.wematics-logo{width:150px}.identity{gap:14px}h1{font-size:19px}.brand-overline{font-size:6px}.identity p{font-size:8px}.header-actions #home{display:none}.view-picker select{min-width:112px;max-width:134px}}@media(max-width:760px){:root{--edge: max(14px,env(safe-area-inset-left));--panel-top: calc(var(--top) + 132px)}.topbar{align-items:flex-start;gap:12px}.identity{flex-direction:column;align-items:flex-start;gap:12px}.wematics-logo{width:144px}.brand-divider,.brand-overline,.identity p{display:none}h1{font-size:19px}.header-actions{padding-top:2px}.header-actions #home{display:none}.location-status{top:calc(var(--top) + 132px)}.view-picker{top:84px;padding-inline:12px}.view-picker select{min-width:127px;max-width:149px}.scene-badge{top:calc(var(--top) + 84px);font-size:8px;padding-inline:10px;max-width:44%}.panel{padding:18px;border-radius:18px;background:#0e2036f5}.weather-panel{width:min(340px,calc(100% - 2 * var(--edge)))}.bottom-area{width:calc(100% - 2 * var(--edge));min-width:0;max-width:490px;border-radius:18px}.timeline-bar{grid-template-columns:40px minmax(0,1fr) 43px;gap:7px;padding:10px 12px 9px}.timeline-bar #cloud-play{width:36px;min-width:36px;height:36px}.timeline-bar .rate-picker select{width:43px;font-size:10px}.timeline-heading time{font-size:10px}.timeline-steps{display:none}#timeline-status{font-size:7px}.loop-picker{font-size:8px}.toolbar{display:flex;gap:8px;padding:7px 8px 4px;justify-content:space-between}.navigation-toggle{min-width:105px;padding-inline:10px;gap:7px;font-size:10px}.navigation-chevron{margin-left:0;width:10px}.navigation-toggle>svg:first-child{width:16px}.toolbar-divider{display:none}.tool-switch{flex:1;gap:0;justify-content:space-evenly}.tool-button{flex-direction:column;gap:4px;padding-inline:8px;font-size:8px;min-width:51px}.tool-button svg{width:17px;height:17px}.navigation-menu{left:0;width:100%;max-height:calc(100dvh - var(--footer-height) - var(--bottom) - 130px)}.navigation-menu [data-mode]{min-height:58px}.navigation-menu-heading{padding-top:8px;padding-bottom:10px}.statusline{padding:4px 14px 9px;font-size:7px}}@media(orientation:landscape)and (max-height:550px){:root{--top: max(12px,env(safe-area-inset-top));--bottom: max(12px,env(safe-area-inset-bottom));--panel-top: 75px}.identity{flex-direction:row;align-items:center;gap:16px}.wematics-logo{width:136px}.brand-divider{display:block;height:28px}h1{font-size:17px}.brand-overline,.identity p{display:none}.view-picker{position:static;height:44px}.scene-badge{top:75px}.bottom-area{width:610px;min-width:0}.timeline-bar{grid-template-columns:36px minmax(0,1fr) 45px 44px;padding:5px 12px}.timeline-bar #cloud-play{width:32px;min-width:32px;height:32px}.timeline-bar .rate-picker,.loop-picker{grid-column:auto;grid-row:auto;align-self:center;margin:0}.toolbar{padding-block:4px;gap:10px}.navigation-toggle{height:40px}.tool-button{flex-direction:row;height:40px;font-size:10px}.statusline{display:none}.navigation-menu{padding:6px;max-height:calc(100dvh - var(--footer-height) - var(--bottom) - 70px)}.navigation-menu-heading{display:none}.navigation-menu [data-mode]{min-height:44px;padding:8px 10px;margin:0}.navigation-menu small{display:none}}@media(prefers-reduced-motion:reduce){.navigation-menu{animation:none}}@media(orientation:landscape)and (max-height:550px){.camera-panel{--camera-preview-size: clamp(64px, calc(100dvh - var(--panel-top) - var(--bottom) - var(--footer-height) - 116px), 108px);display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:6px;padding:8px}.camera-panel .panel-heading,.camera-panel #camera-site-controls,.camera-panel .camera-site-picker{display:contents}.camera-panel .panel-heading>div{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.camera-panel .eyebrow,.camera-panel .camera-meta,.camera-panel .camera-address,.camera-panel .camera-details{display:none}.camera-panel #camera-close{grid-area:1 / 4;width:44px;height:44px}.camera-panel #camera-site{grid-area:1 / 1;min-width:0;width:100%;height:44px;min-height:44px;font-size:10px}.camera-panel .camera-grid{grid-area:2 / 1 / auto / -1;gap:6px}.camera-panel .camera-tile{padding:4px 4px 22px}.camera-panel .camera-tile canvas,.camera-panel .camera-tile img{width:var(--camera-preview-size);height:var(--camera-preview-size);max-width:100%;margin-inline:auto}.camera-panel .camera-tile figcaption{left:6px;right:6px;bottom:6px;font-size:8px}.camera-panel .camera-cardinal.north{top:7px}.camera-panel .camera-cardinal.south{bottom:26px}.camera-panel .camera-cardinal.east{right:calc(50% - var(--camera-preview-size) / 2 + 3px);top:calc(var(--camera-preview-size) / 2 + 2px)}.camera-panel .camera-cardinal.west{left:calc(50% - var(--camera-preview-size) / 2 + 3px);top:calc(var(--camera-preview-size) / 2 + 2px)}.camera-panel #camera-site-focus{grid-area:1 / 2}.camera-panel #camera-network-view{grid-area:1 / 3}.camera-panel .camera-timestamp{grid-area:3 / 1 / auto / -1;margin-top:4px}.camera-panel .camera-status{grid-area:4 / 1 / auto / -1;margin:0}.camera-panel .camera-options{grid-area:5 / 1 / auto / -1}}.basemap-picker{margin-top:12px}.basemap-status{color:#9bb5c5;font-size:11px;line-height:1.45;margin:6px 0 0}.satellite-attribution{position:absolute;z-index:8;left:max(8px,env(safe-area-inset-left));bottom:max(4px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;max-width:calc(100% - 16px);padding:3px 6px;border-radius:5px;background:#081723bc;color:#e6edf3;font-size:10px;line-height:1.35}.satellite-attribution img{display:block;width:70px;height:20px;object-fit:contain}.satellite-attribution a{color:inherit;text-decoration:none}.satellite-attribution a:hover{text-decoration:underline}body:has(.satellite-attribution:not([hidden])) .map-attribution{display:none}@media(max-width:600px){.satellite-attribution{gap:6px;font-size:9px;padding:2px 5px}.satellite-attribution>span{max-width:265px}}.camera-neighbors{margin:0 0 12px}.camera-neighbors p{margin:0 0 6px;color:#91acbe;font-size:10px}.camera-neighbors button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:4px 0;padding:8px 10px;border:1px solid #8ba5bc30;border-radius:8px;background:#9fdaff08;color:#d8e7f1;font:inherit;font-size:10px;cursor:pointer;text-align:left}.camera-neighbors button:hover{background:#9fdaff18}.camera-neighbors button span:last-child{flex-shrink:0;color:#a9ddf8;font-variant-numeric:tabular-nums}@media(orientation:landscape)and (max-height:550px)and (max-width:760px){.wematics-logo,.brand-divider{display:none}}