:root {
  color-scheme: light dark;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
canvas.orb-stage {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: transparent;
}

body.corinna-ready canvas.orb-stage { visibility: hidden; }
.corinna-status[hidden], .corinna-backdrop[hidden], .corinna-portrait[hidden],
.corinna-frame[hidden] { display: none; }
/* Her stand-in wherever the live page is not allowed: same box as the frame. */
.corinna-portrait { position:fixed; inset:0; width:100%; height:100%; object-fit:cover; z-index:3; pointer-events:none; }
/* Corinna's room, painted under her frame and over the orb canvas. */
.corinna-backdrop { position:fixed; inset:0; z-index:2; pointer-events:none; }
/* Pointer events stay with the orb document: the bridge reads pointermove for
   gaze, and a click on the orb still tickles Cory. */
.corinna-frame { position:fixed; inset:0; width:100%; height:100%; border:0; z-index:3; pointer-events:none; background:transparent; }
.corinna-status { position:fixed; left:8px; right:8px; bottom:8px; z-index:4; padding:8px 12px; border-radius:8px; background:#fff9; color:#382f29; font:12px/1.4 system-ui,sans-serif; text-align:center; }