/* Empty-island CTA: real text stays readable in all supported languages. */
.vr-empty-island { position: relative; }
.vr-empty-create {
  position: absolute;
  inset-inline: 7%;
  bottom: 7%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 66px;
  padding: 14px 16px;
  border: 3px solid #fff4c9;
  border-radius: 25px;
  background: linear-gradient(180deg, #fff5cb 0%, #ffe18b 45%, #ffca6b 100%);
  box-shadow: inset 0 2px 0 #fffdf2, inset 0 -3px 0 #ed9e4555, 0 6px 0 #b96832, 0 11px 0 #713b6526, 0 14px 26px #1a23385c;
  color: #602961;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 140ms ease, box-shadow 140ms ease;
}
.vr-empty-create::before {
  content: '';
  position: absolute;
  inset: 4px 16px auto;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, #fff8, transparent);
  pointer-events: none;
}
.vr-empty-create:active {
  transform: translateY(4px);
  box-shadow: inset 0 2px 0 #fffdf2, inset 0 -3px 0 #ed9e4555, 0 2px 0 #b96832, 0 6px 14px #1a23384a;
}
.vr-empty-create:focus-visible { outline: 3px solid #fff; outline-offset: 9px; }
.vr-empty-create__label {
  min-width: 0;
  font-size: clamp(14px, 3.9vw, 19px);
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: anywhere;
  text-shadow: 0 1px 0 #fff6df;
}
.vr-empty-create__pad {
  position: relative;
  display: block;
  flex: 0 0 46px;
  width: 46px;
  height: 34px;
  border: 2px solid #fff0ff;
  border-radius: 16px 16px 12px 12px;
  background: linear-gradient(155deg, #fff0ff 2%, #e5afff 38%, #b46edf 100%);
  box-shadow: inset 0 2px 0 #fff9, 0 3px 0 #794497, 0 5px 6px #60296138;
  transform: rotate(-9deg);
}
.vr-empty-create__cross { position: absolute; top: 10px; left: 6px; width: 10px; height: 4px; border-radius: 2px; background: #744191; box-shadow: 0 1px 0 #fff8; }
.vr-empty-create__cross::after { content: ''; position: absolute; inset: -3px 3px; border-radius: 2px; background: #744191; }
.vr-empty-create__dots { position: absolute; top: 8px; right: 6px; width: 5px; height: 5px; border-radius: 50%; background: #ff7f9e; box-shadow: -5px 5px 0 #fff5af, 0 1px 0 #965184; }
.vr-empty-create__face { position: absolute; left: 18px; bottom: 6px; width: 8px; height: 5px; border-bottom: 2px solid #603778; border-radius: 0 0 50% 50%; }
.vr-empty-create__face::before, .vr-empty-create__face::after { content: ''; position: absolute; top: -4px; width: 3px; height: 4px; border-radius: 50%; background: #603778; }
.vr-empty-create__face::before { left: -2px; }
.vr-empty-create__face::after { right: -2px; }
@media (max-width: 360px) {
  .vr-empty-create { gap: 9px; padding-inline: 10px; border-radius: 22px; }
  .vr-empty-create__pad { flex-basis: 42px; width: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  .vr-empty-create { transition: none; }
}