.jena-assistant {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(10px, env(safe-area-inset-bottom));
  z-index: 35;
  width: min(465px, 51vw, 37.96875dvh);
  pointer-events: none;
}
.jena-assistant [hidden] { display: none !important; }
.jena-panel { position: relative; background: transparent; border: 0; padding: 0; box-shadow: none; }
.jena-character { display: block; width: 100%; height: min(780px, 67.5dvh); object-fit: contain; object-position: bottom; }
.jena-video { display: none; }
.jena-close, .jena-pause, .jena-launcher {
  pointer-events: auto;
  border: 0;
  border-radius: 50%;
  background: #151513b8;
  color: #fff;
  width: 34px;
  height: 34px;
  cursor: pointer;
  font: 20px/1 Arial, sans-serif;
}
.jena-close { position: absolute; top: 0; right: 0; }
.jena-pause { position: absolute; bottom: 0; right: 0; font-size: 14px; }
.jena-launcher { float: right; width: 44px; height: 44px; font-size: 22px; }
.jena-assistant button:focus-visible { outline: 3px solid #b79a6f; outline-offset: 3px; }
.jena-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
body.is-locked .jena-assistant, body:has(dialog[open]) .jena-assistant { visibility: hidden; }
@media (max-width: 640px) {
  .jena-assistant { width: min(300px, 66vw, 35.4375dvh); right: 6px; }
  .jena-character { height: min(510px, 63dvh); }
}