/* A small glass surface; blur stays confined to the launcher. */
.public-assistant .public-assistant-toggle {
  --pa-accent: #d6ef88;
  position: relative;
  min-height: 46px;
  gap: 9px;
  padding: 10px 15px;
  color: #f4f6ed;
  background: linear-gradient(145deg, #ffffff26, #ffffff05 46%, #d6ef8810), #17211d66;
  border: 1px solid #ffffff59;
  border-bottom-color: #ffffff26;
  border-radius: 30px;
  -webkit-backdrop-filter: blur(18px) saturate(145%) brightness(.72);
  backdrop-filter: blur(18px) saturate(145%) brightness(.72);
  box-shadow: inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #ffffff0d, 0 5px 20px #00000026;
  text-shadow: 0 1px 3px #0000008c;
}
.public-assistant .public-assistant-toggle > span {
  font-size: 21px;
  line-height: 1;
  color: #d6ef88;
}
.public-assistant .public-assistant-toggle small {
  color: #eff4e2;
  border-color: #ffffff47;
  background: #ffffff08;
}
.public-assistant .public-assistant-toggle:focus-visible {
  outline: 2px solid #d6ef88;
  outline-offset: 4px;
}
@media (hover: hover) {
  .public-assistant .public-assistant-toggle:hover {
    background-color: #23332680;
    border-color: #d6ef888c;
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .public-assistant .public-assistant-toggle { background-color: #26332eee; }
}
@media (prefers-reduced-transparency: reduce) {
  .public-assistant .public-assistant-toggle {
    background: #29372f;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (max-width: 700px) {
  .public-assistant {
    right: 16px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
  .public-assistant .public-assistant-panel {
    bottom: 58px;
    max-height: min(650px, calc(100dvh - 168px - env(safe-area-inset-bottom, 0px)));
  }
  /* The bottom row belongs to the assistant; story controls sit above it. */
  .timeline { bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
  .scene-status { display: none; }
  .chapter-copy { bottom: max(22%, calc(170px + env(safe-area-inset-bottom, 0px))); }
  .sector-pinned .sector-stages { bottom: max(9%, calc(94px + env(safe-area-inset-bottom, 0px))); }
  .sector-pinned .sector-disclosure { bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  .sector-pinned .sector-progress { bottom: calc(65px + env(safe-area-inset-bottom, 0px)); }
  .sector-pinned .sector-copy { bottom: max(27%, calc(194px + env(safe-area-inset-bottom, 0px))); }
  .unified-map-film .sector-copy { bottom: auto; }
  .unified-map-film .unified-map-controls {
    max-height: min(36%, calc(50% - 148px - env(safe-area-inset-bottom, 0px)));
  }
}