#clear-sequence {
  position: fixed;
  inset: 0;
  z-index: 9;
  display: grid;
  place-items: center;
  background: #080c0a;
  pointer-events: none;
}
#clear-sequence[hidden] { display: none; }
#clear-canvas {
  display: block;
  width: var(--arena-width);
  height: var(--arena-height);
}
.wall.clear-cinematic #effects { visibility: hidden; }
.wall[data-game='cooling'].clear-cinematic .result-overlay {
  background: transparent;
  backdrop-filter: none;
  pointer-events: none;
  padding: 0;
  overflow: visible;
}
.wall[data-game='cooling'].clear-cinematic .result-card {
  position: fixed;
  left: 50%;
  top: calc(var(--arena-top) + var(--arena-height) * .945);
  transform: translate(-50%, -50%);
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  animation: clear-restart-enter .24s ease-out both;
}
.wall.clear-cinematic .result-card > :not(#reset-button) { display: none; }
.wall[data-game='cooling'].clear-cinematic #reset-button {
  pointer-events: auto;
  width: auto;
  min-width: 120px;
  min-height: 28px;
  height: clamp(28px, calc(var(--arena-height) * .065), 48px);
  margin: 0;
  padding: 0 24px;
  border: 2px solid #e1f7d4;
  border-radius: 999px;
  background: #d4edac;
  color: #233b30;
  font-size: clamp(14px, calc(var(--arena-height) * .027), 22px);
  box-shadow: 0 3px 0 #466844;
}
@keyframes clear-restart-enter {
  from { opacity: 0; transform: translate(-50%, -35%); }
  to { opacity: 1; transform: translate(-50%, -50%); }
}