/* GODKING ARENA showcase v62 - 30 percent larger - smaller platform, original site monochrome transition.
   The underlying v48-v58 theme layers are deliberately left in control of backgrounds.
   Do NOT override .finale backgrounds or .finale-bridge ::before / ::after gradients. */

/* Give the larger client preview room to breathe without changing the original gradient. */
body .finale .finale-bridge {
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: clamp(72px, 8vw, 126px) clamp(18px, 4vw, 62px) clamp(90px, 10vw, 148px) !important;
}

/* Preserve translation hooks but remove the original headline from display. */
body .finale .finale-bridge-inner { display: none !important; }

body .finale .gk-platform-showcase {
  display: block !important;
  position: relative !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
  width: min(101.4vw, 1274px, calc(100vw - 44px)) !important;
  max-width: 1274px !important;
  flex: 0 1 1274px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center !important;
  filter: drop-shadow(0 20px 42px rgba(0,0,0,.24));
}

body .finale .gk-platform-showcase img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform: none !important;
  opacity: 1 !important;
}

@media (max-width: 700px) {
  body .finale .finale-bridge {
    padding: 66px 3vw 90px !important;
  }
  body .finale .gk-platform-showcase {
    width: 94vw !important;
    max-width: 94vw !important;
    flex-basis: 94vw !important;
    filter: drop-shadow(0 12px 25px rgba(0,0,0,.24));
  }
}

/* Keep the screenshot on the same 980px/1274px aspect ratio without distortion. */