/* Failure controls share one grid. The original scenery/artwork remains untouched. */
#flick-outcome[hidden],
#flick-screen[hidden] #flick-outcome {
  display: none !important;
  pointer-events: none !important;
}

#flick-outcome[data-phase=lost] .failure-context {
  top: calc((100svh - var(--cover-height))/2 + var(--cover-height)*.48);
  max-height: calc(var(--cover-height)*.12);
  padding: 8px;
  overflow: auto;
  background: #0e1218ed;
  border-radius: 12px;
  box-sizing: border-box;
}

#flick-outcome[data-phase=lost] .outcome-secondary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(48px, auto);
  top: calc((100svh - var(--cover-height))/2 + var(--cover-height)*.64);
  height: calc(var(--cover-height)*.345);
  align-content: start;
  gap: 12px;
  min-height: 192px;
  padding: 12px;
  box-sizing: border-box;
  isolation: isolate;
  z-index: 3;
  background: #0e1218;
}

#flick-outcome[data-phase=lost] #flick-continue,
#flick-outcome[data-phase=lost] #flick-retry,
#flick-outcome[data-phase=lost] #flick-map {
  display: block;
  position: static;
  width: 100%;
  min-height: 48px;
  height: auto;
  margin: 0;
  pointer-events: auto;
  touch-action: manipulation;
}

#flick-outcome[data-phase=lost] .outcome-secondary > [hidden] {
  display: none !important;
}

/* Existing map handler is the exit action; the legacy absolute exit cannot intercept. */
#flick-outcome[data-phase=lost] #flick-exit {
  display: none !important;
  pointer-events: none !important;
}

#flick-restart {
  min-width: 48px;
  min-height: 48px;
  touch-action: manipulation;
}