/* BRONC3 V2.36B — Patched to 2.5D Coin Master Tropical Motif */
.game-home .island-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.game-home #island-view {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.game-home #island-view svg {
  width: 100%;
  height: 100%;
  display: block;
}
/* 2.5D Coin Master Play Button on Splash */
#dsc-start.bronc3-handoff-start {
  background-image: none !important;
  background: linear-gradient(180deg, #4ade80 0%, #22c55e 50%, #15803d 100%) !important;
  background-clip: padding-box !important;
  border: 3.5px solid #fde047 !important;
  outline: none !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 4px 0 rgba(255, 255, 255, 0.72),
    inset 0 -5px 0 rgba(15, 63, 34, 0.55),
    0 4px 0 #3b1905,
    0 14px 28px rgba(0, 20, 42, 0.52) !important;
  font-family: 'Baloo 2', 'Nunito', sans-serif !important;
  font-size: clamp(20px, 2.8vw, 26px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  -webkit-text-stroke: 1.4px #0f3f22 !important;
  paint-order: stroke fill;
  text-shadow: 0 2px 0 #0f3f22, 0 4px 6px rgba(0, 0, 0, 0.4) !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
#dsc-start.bronc3-handoff-start::after {
  content: none !important;
}
#dsc-splash .bronc3-handoff-settings {
  z-index: 55 !important;
  pointer-events: auto !important;
}
#panel-settings.open {
  z-index: 350 !important;
  pointer-events: auto !important;
}
#panel-scrim.show {
  z-index: 340 !important;
}
#helpmodal:not(.hide),
#keymodal:not(.hide),
#bronc3-inline-dialog:not(.hide) {
  z-index: 510 !important;
  pointer-events: auto !important;
}
#bronc3-inline-dialog {
  z-index: 510;
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(12, 38, 62, 0.68);
  backdrop-filter: blur(6px);
}
#bronc3-inline-dialog .b3-dialog-card {
  width: min(480px, calc(100vw - 30px));
  max-height: 85dvh;
  overflow: auto;
  border: 5px solid #f59e0b;
  outline: 3px solid #451a03;
  border-radius: 26px;
  padding: 22px;
  background: linear-gradient(180deg, #fff9e6 0%, #f7e4bc 100%);
  color: #431c05;
  box-shadow:
    inset 0 3px 0 #ffffff,
    inset 0 0 0 4px #b45309,
    0 10px 0 #451a03,
    0 22px 45px rgba(0, 0, 0, 0.65);
}
#bronc3-inline-dialog textarea,
#bronc3-inline-dialog input {
  width: 100%;
  max-width: 100%;
  margin: 12px 0;
  color: #3b1905;
  background: #fffdf7;
  border: 2px solid #d97706;
  border-radius: 14px;
  padding: 12px;
  font-weight: 700;
}
#bronc3-inline-dialog .b3-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 10px;
}
#bronc3-inline-dialog h2 {
  font-size: 22px;
  margin-bottom: 12px;
}
#bronc3-inline-dialog p {
  white-space: pre-wrap;
  line-height: 1.5;
  overflow-wrap: anywhere;
  color: #431c05;
  font-weight: 700;
}
@media (min-width: 800px) {
  #panel-settings.open {
    width: min(580px, calc(100vw - 24px));
  }
}