/* ==================================================
   SKRATCHYSEAL V4 RESET
   1672 x 941 production master
   ================================================== */


/*
  Retire legacy RESET hitboxes.
  V4 owns this painted button now.
*/

.v2-reset-overlay,
.reset-control,
.reset-button,
[data-control="reset"] {
  pointer-events: none !important;
}


/*
  Dedicated painted RESET button.
*/

.v4-reset-hardware {
  position: absolute;

  left: 16.30%;
  top: 52.15%;

  width: 5.90%;
  height: 5.85%;

  z-index: 25000;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0.45vw;

  appearance: none;

  background: transparent;

  cursor: pointer;

  touch-action: manipulation;

  -webkit-tap-highlight-color:
    transparent;
}


/*
  Debug geometry.
*/

body.debug #machine .v4-reset-hardware {
  background:
    rgba(0,255,255,0.18) !important;

  outline:
    2px solid cyan !important;

  outline-offset:
    -2px !important;
}


/* ==================================================
   RESET INDICATOR
   ================================================== */

.v4-reset-hardware::after {
  content: "";

  position: absolute;

  left: 50%;
  top: 15%;

  transform:
    translate(
      -50%,
      -50%
    );

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background:
    #260707;

  box-shadow:
    inset 0 0 2px
      rgba(0,0,0,0.9);

  pointer-events:
    none;
}


.v4-reset-hardware.is-flash::after {
  background:
    #ff3028;

  box-shadow:
    0 0 4px
      rgba(255,255,255,0.75),

    0 0 11px
      rgba(255,40,30,0.95),

    0 0 18px
      rgba(255,30,20,0.65);
}