/* Desktop surfaces: static optical highlights, one blur per outer panel. */
@media (min-width:1001px), (min-width:701px) and (pointer:fine){
 :root{color-scheme:dark;--glass-dark:#13283c;--muted:#bfd0e2}
 .map-stage{background:#050d1b radial-gradient(ellipse at 0 35%,#21475688,transparent 50%)}
 .topbar,.sidebar,dialog,.map-options,.detail,.globe-tools{
  background-color:var(--glass-dark);
  background-image:linear-gradient(135deg,#d2efff17,transparent 42%,#8badf00b);
  border:1px solid #d9eeff38;
  box-shadow:inset 0 1px 0 #f1faff38,inset 0 -1px 0 #ffffff08,0 16px 40px #0000002b;
  color:#eff7ff;
 }
 .topbar{border-radius:24px}
 .sidebar{border-radius:26px;padding:22px;scrollbar-color:#bbd7ed55 transparent}
 .sidebar h2{letter-spacing:-.5px}.sidebar .filter-heading{margin-top:20px}
 .sidebar .category{border-radius:13px;background:#d4eaff07;min-height:44px}
 .sidebar .category.active{background:#bedbff15;border-color:#cde5ff38}
 .sidebar .category i{box-shadow:0 0 10px color-mix(in srgb,var(--cat) 24%,transparent)}
 .sidebar .category:hover{background:#d6eaff20}
 .sidebar .primary{border-radius:16px;background:linear-gradient(160deg,#609fff,#2d70df);border:1px solid #bddbff6b;box-shadow:inset 0 1px #fff4,0 5px 16px #1760d21f}
 .sidebar .primary:hover{background:linear-gradient(160deg,#78afff,#397be8)}
 .sidebar .secondary,.selection-button,.adaptive-switch{border-radius:13px;background:#d2e8ff0c;border-color:#d5eaff2e}
 .sidebar input:not([type]),.sidebar input[type=text],.sidebar input[type=search],.sidebar select{background:#04162846;border:1px solid #d0eaff36;border-radius:14px;color:#f2f8ff;min-height:46px}
 .sidebar input::placeholder{color:#aebfd1}.sidebar .place-row{border-radius:12px;min-height:44px}
 .sidebar .place-row:hover{background:#d5e9ff12}
 .sidebar .region-tabs{border-radius:15px;background:#04162825;border-color:#d7eaff1f}
 .sidebar .region-tabs button{border-radius:11px;color:#c8d9e9}
 .sidebar .region-tabs button.active{background:#d5e9ff24;color:#fff;box-shadow:inset 0 1px #e2f3ff40}
 .mode-nav{border-radius:16px;background:#0316292e;border-color:#e0f0ff16}
 .mode-nav button{border-radius:12px;color:#c3d4e7;transition:background .16s,color .16s}
 .mode-nav button.active{background:#dcecff25;color:#fff;box-shadow:inset 0 1px #effaff40,0 3px 10px #0001}
 .sidebar-toggle,.account-launch{border-radius:16px;background:#c9e4ff0c;border-color:#d2eaff2e}
 .account-actions .leaderboard-launch{background:linear-gradient(140deg,#efc46720,#d2eaff0b);border-color:#f3d78b50}
 .map-options,.detail{color:#eff7ff}
 .map-options .fine,.map-options .map-description,.map-options .map-card small,.detail p,.detail small{color:#c2d6e8}
 .map-options>summary,.map-options>summary>span,.map-menu-icon,.detail .eyebrow,.detail .close-detail{color:#dcecff}
 .map-options .map-card{color:#edf6ff;background:#d8eaff0c;border-color:#d8eaff2b}
 .map-options .map-card[aria-pressed=true]{background:#9fc7ff24;border-color:#a4caff}
 .map-options .map-picker-heading,.map-options .map-picker-heading button{color:#edf6ff;background:transparent}
 .map-options select{background:#163047;color:#eff7ff}
 .map-caption,.map-buttons button{color:#e6f3ff!important;background:#15334bd6;border-color:#d2eaff36}
 .map-caption #mapContext{color:#bed4e7}.map-buttons button:hover{background:#294c67}
 .detail .secondary{background:#9cc7ff20;color:#e1eeff}.detail .fine{color:#c4d7ea}
 .globe-tools{border-radius:18px;padding:5px}
 .account-dialog{width:min(620px,calc(100vw - 48px));max-width:620px;padding:28px;border-radius:30px}
 .account-dialog .dialog-heading{padding-bottom:3px}.account-dialog .dialog-heading h2{font-size:22px}
 .account-dialog::backdrop{background:#020c2059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
 .account-tabs{background:#071a2a35;padding:4px;border:1px solid #d3eaff18;border-radius:18px}
 .account-tabs button{background:none;border:1px solid transparent;border-radius:14px}
 .account-tabs button[aria-selected=true]{background:#bddcff23;border-color:#d5eaff32;box-shadow:inset 0 1px #f1faff24}
 @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--glass-dark:rgba(17,37,55,.62)}
  .topbar,.sidebar,dialog,.map-options,.detail,.globe-tools{backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}
 }
 @media(prefers-reduced-transparency:reduce){
  :root{--glass-dark:#142c41}.topbar,.sidebar,dialog,.map-options,.detail,.globe-tools{backdrop-filter:none;-webkit-backdrop-filter:none}
  .account-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#04101ddd}
 }
}

/* The live globe continues behind glass. A wider symmetric canvas keeps the
   study target in the clear area without separating atmosphere and terrain. */
@media (min-width:1001px), (min-width:701px) and (pointer:fine){
 .map-stage #globe{inset:0 calc(-1 * var(--panel-width)) 0 0;border-radius:0}
 .sidebar-collapsed .map-stage #globe,.drone-active .map-stage #globe{inset:0}
 .map-stage[data-style=globe]{overflow:hidden}
 #globe .cesium-viewer-bottom{right:var(--panel-width);max-width:calc(100% - 2 * var(--panel-width) - 24px)}
 .sidebar-collapsed #globe .cesium-viewer-bottom,.drone-active #globe .cesium-viewer-bottom{right:0;max-width:100%}
 .drone-active .sidebar{visibility:hidden;pointer-events:none}
 .drone-active .drone-panel{left:50%;right:auto;transform:translateX(-50%);width:min(600px,calc(100% - 32px));background:#112c40b8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
 @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body:has(.map-stage[data-style=globe]){--glass-dark:rgba(12,29,44,.40)}
  body:has(.map-stage[data-style=globe]) .sidebar,body:has(.map-stage[data-style=globe]) .topbar{backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%);border-color:#e3f4ff55;box-shadow:inset 0 1px #effaff65,inset 1px 0 #e5f4ff26,0 12px 35px #00132138}
 }
 @media(prefers-reduced-transparency:reduce){body:has(.map-stage[data-style=globe]){--glass-dark:#142c41}body:has(.map-stage[data-style=globe]) .sidebar,body:has(.map-stage[data-style=globe]) .topbar,.drone-active .drone-panel{backdrop-filter:none;-webkit-backdrop-filter:none}}
}
#droneProgress{display:block;width:100%;min-height:32px;margin:6px 0 10px;padding:0;accent-color:#a4d5ff;cursor:ew-resize}.drone-active .globe-labels{visibility:hidden;pointer-events:none}.drone-active .globe-pin{pointer-events:none}