/* The invitation has one full-height scene and a single floating sound control. */
.game[data-runner-integrated="true"] { grid-template-rows:minmax(0,1fr); }
.game[data-runner-integrated="true"]>.topbar {
  display:flex; visibility:visible; position:absolute; right:14px;
  top:calc(env(safe-area-inset-top) + 12px); padding:0; border:0;
  background:none; pointer-events:none;
}
.game[data-runner-integrated="true"] #home,
.game[data-runner-integrated="true"] #chapter-label,
.game[data-runner-integrated="true"] .below-dialogue { display:none; }
.game[data-runner-integrated="true"] #transition-label,
.game[data-runner-integrated="true"] #chapter-end>.eyebrow,
.game[data-runner-integrated="true"] #runner-result>.eyebrow { display:none; }
.game[data-runner-integrated="true"] .puzzle-screen { padding-top:calc(env(safe-area-inset-top) + 12px); }
.game[data-runner-integrated="true"] .quest-heading { justify-content:flex-end; padding-right:60px; min-height:44px; }
.game[data-runner-integrated="true"] .quest-heading #ask-hint { margin:0; }
.game[data-runner-integrated="true"] #mute {
  pointer-events:auto; background:#fff9ebd9; backdrop-filter:blur(6px);
  box-shadow:0 2px 10px #3146380c;
}
.game[data-runner-integrated="true"][data-scene="runnerGame"]>.topbar { top:calc(env(safe-area-inset-top) + 65px); }
.game[data-runner-integrated="true"][data-scene="runnerGame"] #mute { width:38px;min-width:38px;height:38px;min-height:38px;font-size:20px; }
.game[data-runner-integrated="true"][data-scene="runnerGame"] .runner-distance { right:72px; }
.game[data-runner-integrated="true"] .title-screen { padding-top:calc(env(safe-area-inset-top) + 26px); }
.game[data-runner-integrated="true"] .runner-select { padding-top:calc(env(safe-area-inset-top) + 66px); }
.game[data-runner-integrated="true"] .runner-venue {
  padding:calc(env(safe-area-inset-top) + 64px) 24px max(20px,env(safe-area-inset-bottom));
  gap:16px; overflow-y:auto;
}
.venue-actions { display:grid;gap:12px;width:100%;max-width:370px; margin-top:8px; }
.venue-action-pair { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
#runner-venue-map { text-decoration:none;touch-action:manipulation; }
#runner-venue-map:focus-visible { outline:3px solid #c39d64;outline-offset:3px; }
@media(max-height:700px) {
  .game[data-runner-integrated="true"] .runner-venue {gap:10px;padding-top:calc(env(safe-area-inset-top) + 52px);}
  .game[data-runner-integrated="true"] .runner-venue .venue-mark {font-size:46px;line-height:1;}
  .venue-actions {gap:8px;margin-top:3px;}
}