
.tamercore-habitat-canvas{pointer-events:none;filter:saturate(1.08)}
.habitat-control{
  position:absolute;left:50%;top:76px;z-index:720;transform:translateX(-50%);
  display:flex;align-items:center;gap:14px;min-width:min(680px,calc(100vw - 48px));
  max-width:calc(100vw - 48px);padding:10px 12px 10px 14px;
  border:1px solid rgba(128,230,218,.23);border-radius:18px;
  background:rgba(11,18,28,.92);box-shadow:0 18px 45px rgba(0,0,0,.36);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#eef8fb;
}
.habitat-control[hidden]{display:none!important}
.habitat-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.habitat-copy small{font-size:10px;letter-spacing:.16em;color:#62dacb;font-weight:800}
.habitat-copy strong{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.habitat-copy span{font-size:11px;color:#91a2b7;margin-top:2px}
.habitat-actions,.habitat-modes{display:flex;align-items:center;gap:6px}
.habitat-actions button{
  min-height:38px;padding:0 11px;border:1px solid rgba(145,173,198,.18);
  border-radius:11px;background:rgba(255,255,255,.055);color:#d8e5ed;
  font:700 12px/1 inherit;cursor:pointer;transition:.16s ease;
}
.habitat-actions button:hover{border-color:rgba(97,218,203,.48);background:rgba(87,223,204,.10)}
.habitat-actions button.active{border-color:rgba(87,223,204,.65);background:rgba(87,223,204,.17);color:#7af0df}
.habitat-actions button:disabled{opacity:.32;cursor:not-allowed}
.habitat-actions [data-habitat-close]{width:38px;padding:0;font-size:21px}
.detail-habitat-action{
  width:100%;margin:10px 0 2px;padding:12px 14px;border:1px solid rgba(87,223,204,.32);
  border-radius:12px;background:linear-gradient(135deg,rgba(87,223,204,.13),rgba(102,173,255,.09));
  color:#85efdf;font-weight:800;cursor:pointer;text-align:left;
}
.detail-habitat-action small{display:block;color:#8aa0b1;font-weight:600;margin-top:3px}
@media(max-width:680px){
  .habitat-control{
    top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));left:10px;right:10px;
    transform:none;min-width:0;max-width:none;width:auto;display:grid;grid-template-columns:1fr auto;
    gap:8px;padding:10px;border-radius:16px;
  }
  .habitat-copy strong{font-size:14px}
  .habitat-copy span{font-size:10px}
  .habitat-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto}
  .habitat-modes{display:grid;grid-template-columns:repeat(3,1fr)}
  .habitat-actions button{min-height:42px;padding:0 10px}
  .habitat-active #coord-readout{bottom:calc(180px + env(safe-area-inset-bottom,0px))}
}

.habitat-active .landmark-icon{opacity:.34;transform:scale(.84);filter:saturate(.65);transition:opacity .18s ease,transform .18s ease}
.habitat-modes button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.habitat-modes button::before{content:'';width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}
.habitat-modes [data-habitat-mode="day"]::before{background:#f4a43a;color:#f4a43a}
.habitat-modes [data-habitat-mode="night"]::before{background:#67d3ff;color:#67d3ff}
.habitat-modes [data-habitat-mode="both"]::before{background:linear-gradient(135deg,#f4a43a 0 48%,#67d3ff 52% 100%);color:#9eece4}

.habitat-modes [data-habitat-mode="live"]::before{background:linear-gradient(135deg,#f4a43a 0 48%,#67d3ff 52% 100%);color:#9eece4;animation:habitatLivePulse 1.8s ease-in-out infinite}@keyframes habitatLivePulse{50%{box-shadow:0 0 13px currentColor}}
@media(max-width:680px){.habitat-modes{grid-template-columns:repeat(4,1fr)}}
