/* Two scoped presentation windows; approved board, controls and sword animation
   remain owned by their existing CSS/runtime. No generated full-page replacement. */
#home-screen .home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/home-startup-v1/home-castle.webp")
    50% 57.5301204819% / 100% 121.914191419% no-repeat;
  /* Exclude the reference's static swords and the live opening-gate center. */
  clip-path: polygon(0 62.8%, 100% 62.8%, 100% 80.7%, 59% 80.7%, 59% 73.2%, 42% 73.2%, 42% 80.7%, 0 80.7%);
  -webkit-mask-image:
    linear-gradient(to bottom, transparent 62.8%, #000 64%, #000 78.8%, transparent 80.7%),
    linear-gradient(to right, transparent 6%, #000 17%, #000 83%, transparent 94%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to bottom, transparent 62.8%, #000 64%, #000 78.8%, transparent 80.7%),
    linear-gradient(to right, transparent 6%, #000 17%, #000 83%, transparent 94%);
  mask-composite: intersect;
}

/* Keep accessible DOM labels, but display the exact approved calligraphy.
   Raster windows: title (311,1406,233,55), subtitle (367,1467,120,31),
   taken directly from the unchanged 851x1847 approved reference. */
#home-screen .home-start-battle .home-start-label,
#home-screen .home-start-battle small {
  display: block !important;
  position: absolute !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  bottom: auto !important;
  transform: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
  pointer-events: none;
  background-image: url("https://sgcdn.gxqlove.top/zhimajiangjun/static-20261103-9e2f00eadfcd/assets/home-startup-v1/home-board.webp") !important;
  background-repeat: no-repeat !important;
  mix-blend-mode: lighten;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent), linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);
  mask-composite: intersect;
}
#home-screen .home-start-battle .home-start-label {
  left: 14% !important;
  top: 17% !important;
  width: 72% !important;
  aspect-ratio: 233 / 55;
  background-size: 365.236051502% 3358.181818182% !important;
  background-position: 50.323624595% 78.459821429% !important;
}
#home-screen .home-start-battle small {
  left: 33% !important;
  top: 68% !important;
  width: 34% !important;
  aspect-ratio: 120 / 31;
  background-size: 709.166666667% 5958.064516129% !important;
  background-position: 50.205198358% 80.781938326% !important;
}