/* Ocean Memory Group Mode — Award Final Public Polish 1
   Presentation-only scope:
   - harmonise pre-activity visual rhythm across the three Group activities;
   - keep facilitator controls readable while engineering-only content stays hidden;
   - do not change gameplay, sensing, projector mapping, timing, storage, or Group Home. */

.gather-light-community #preparation,
.starlight-community #preparation {
  width: min(760px, 100%);
  border-radius: 34px;
  box-shadow: 0 24px 68px rgba(0,18,45,.34);
}
.gather-light-community #preparation h2,
.starlight-community #preparation h2 {
  margin: 0 0 12px;
  font-size: clamp(34px, 4.2vw, 48px);
  line-height: 1.12;
  font-weight: 700;
  text-wrap: balance;
}
.gather-light-community #preparation > p,
.starlight-community #preparation > p {
  max-width: 62ch;
  margin: 10px 0;
}
.gather-light-community #preparation .primary-action,
.gather-light-community #preparation .secondary-action,
.starlight-community #preparation .primary-action,
.starlight-community #preparation .secondary-action {
  min-height: 58px;
}
.starlight-community .starlight-step-kicker,
.gather-light-community #preparation .section-kicker,
#setupScreen .section-kicker {
  margin-bottom: 8px;
  color: #cdeefa;
  font-weight: 800;
  letter-spacing: .08em;
}

.gather-light-community #cameraConsent,
.gather-light-community #cameraSetup,
.starlight-community .starlight-camera-preparation {
  box-shadow: 0 20px 54px rgba(0,18,45,.28);
}
.starlight-community .starlight-camera-preparation {
  border-radius: 24px;
  padding: clamp(18px, 2.5vw, 26px);
}

html:not([data-ocean-developer]) body.starlight-community #developerTools > .om-award-dev {
  display: none !important;
}
body.starlight-community #developerTools > summary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border: 1px solid rgba(213,244,255,.34);
  border-radius: 14px;
  background: rgba(7,57,84,.58);
  color: #e8f8fb;
  font-weight: 700;
}
html:not([data-ocean-developer]) body .camera-panel .om-award-dev {
  display: none !important;
}

@media (max-width: 600px) {
  .gather-light-community #preparation,
  .starlight-community #preparation { border-radius: 26px; }
  .gather-light-community #preparation h2,
  .starlight-community #preparation h2 { font-size: clamp(30px, 9vw, 40px); }
  .starlight-community .starlight-camera-preparation { border-radius: 20px; }
}


/* Shell return parity: Starlight Resonance uses the shared shell as a
   document-end navigation control. It stays in normal page flow after the
   activity content, with deliberate breathing room above it; it does not
   follow the viewport or overlap facilitator controls. */
.starlight-community .starlight-shell-back {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 48;
  margin: clamp(56px, 8vh, 96px) 0 max(22px, calc(env(safe-area-inset-bottom) + 10px));
}
.starlight-community.is-projecting .starlight-shell-back,
#starlightApp[data-state="SESSION_RESULT"] > .starlight-shell-back {
  display: none !important;
}