/* ==================================================
   SKRATCHYSEAL V4 TRANSPORT
   ================================================== */


/*
  Old fifth V2 transport button no longer exists
  in the Skratchyseal production-master artwork.
*/

.v2-next {
  display: none !important;
  pointer-events: none !important;
}


/*
  The former sample-pad geometry is now the physical
  fourth square: NEXT.
*/

.v2-sample.v4-next {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 24000 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/*
  Ensure the first three V4 controls stay above
  retired legacy transport overlays.
*/

.v2-previous,
.v2-restart,
.v2-play-pause {
  pointer-events: auto !important;
  z-index: 24000 !important;
}


/*
  Retired transport layers.
*/

.final-transport-arrow,
.restart-arrow-button,
.next-arrow-button {
  pointer-events: none !important;
}


/*
  No sampler visual state can leak onto our new
  fourth-square NEXT button.
*/

.v4-next.is-loaded,
.v4-next.is-triggered,
.v4-next.sampler-armed,
.v4-next::before,
.v4-next::after {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}


/*
  Debug view should make all four V4 squares obvious.
*/

body.debug [data-v4-transport] {
  outline: 2px solid cyan !important;
  outline-offset: -2px !important;
}


/* ==================================================
   V4 FOCUSED DEBUG VIEW

   Hide legacy debug outlines so the production-master
   controls can be evaluated without old V2 overlays.
   ================================================== */

body.debug .bpm-button,
body.debug .pitch-button,
body.debug .bpm-knob,
body.debug .pitch-knob,
body.debug .level-control,
body.debug .level-slider,
body.debug .reel-hit-area,
body.debug .reel-touch-control,
body.debug .seal-nose-easter-egg,
body.debug .mode-control,
body.debug .speed-booster-control,
body.debug .reset-control,
body.debug .reverse-control {
  outline: none !important;
}


/*
  Keep the seven production-master hardware controls
  visible during V4 geometry testing.
*/

body.debug [data-v4-transport],
body.debug .v2-crates-hardware,
body.debug .v2-settings-hardware {
  outline: 2px solid cyan !important;
  outline-offset: -2px !important;
}


/*
  The Star gets its own V4 mapping next.
  Until then, don't confuse an old Favorites hotspot
  with the new production-master Star.
*/

body.debug .v2-quick-favorites {
  outline: none !important;
}