/* Shared close control, matching the approved cream embossed reference. */
.dialog .close {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  display: block;
  width: 54px;
  height: 54px;
  padding: 0;
  border: 2px solid #b8a48c;
  border-radius: 50%;
  background: linear-gradient(145deg, #fffef8 8%, #fff8e8 55%, #e9dbc1 100%);
  box-shadow: inset 0 0 0 3px #fffdf5, inset 0 -4px 5px #b4a08440, 0 3px 0 #b5a18a, 0 5px 7px #68533b40;
  color: #6b5947;
  font-size: 0;
  line-height: 1;
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}
.dialog .close::before,
.dialog .close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 27px;
  height: 8px;
  border-radius: 5px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
  pointer-events: none;
}
.dialog .close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.dialog .close:hover { filter: brightness(1.04); transform: translateY(-1px); }
.dialog .close:active {
  transform: translateY(2px);
  box-shadow: inset 0 0 0 3px #fffdf5, inset 0 2px 5px #b4a08450, 0 1px 0 #b5a18a;
}
@media (max-width: 760px) {
  .dialog .close { width: 42px; height: 42px; top: 7px; right: 7px; }
  .dialog .close::before, .dialog .close::after { width: 22px; height: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .dialog .close { transition: none; }
}

.dialog .loading-propeller { mix-blend-mode: normal; }

/* Transfer text uses the same game font, including inputs and amounts. */
.transfer-confirm-dialog,.transfer-confirm-dialog p,.transfer-confirm-dialog .price,.transfer-confirm-dialog small,.wallet-connect-dialog .modal-actions{font-family:Cartoon,Sky,sans-serif!important;font-weight:400}
.transfer-confirm-dialog .intro{font-size:17px;line-height:1.45}