/* Small adaptations for the longer requested name; source visual styles are kept. */
.introduction .line1 .right { min-width: 0; }
.introduction .line1 .right .title { line-height: 1.12; }
.introduction .line1 img { border-radius: 7px; background:#000;}
.introduction .video-box video { display: block; }
.video-brand-strip { position: absolute; bottom: 0; left: 0; right: 0; height: 12%; display: flex; align-items: center; justify-content: space-evenly; gap: 6px; padding: 0 10px; background: linear-gradient(#dcb34a,#8c671d); color: #181818; font-size: clamp(9px,1.1vw,16px); font-weight: 600; }
.video-brand-strip span { white-space: nowrap; }
.share [role=button]:focus-visible, [role=button]:focus-visible, button:focus-visible { outline: 2px solid #01875f; outline-offset: 4px; }
.swiper-slide .game-shot { cursor: zoom-in; }
.gallery-art { position: relative; width: fit-content; line-height: 0; }
.gallery-art .game-shot { display: block; }
.main-body .mySwiperbox .gallery-art .gallery-brand, .gallery-art .gallery-brand { position: absolute; left: 38.45%; top: 4.75%; width: 23.7%; height: auto; border-radius: 20%; pointer-events: none; display:none;}
dialog { border: 0; border-radius: 16px; color: #202124; background: #fff; padding: 20px; width: min(640px,calc(100% - 32px)); max-height: 90dvh; overflow: auto; box-shadow: 0 12px 48px #0004; font-family: 'Google Sans',Roboto,Arial,sans-serif; }
dialog::backdrop { background: #0008; }
dialog h2 { margin: 0 40px 22px 0; font-weight: 500; font-size: 22px; }
dialog p { line-height: 1.5; color: #5f6368; }
.dialog-close { position: absolute; right: 16px; top: 27px; width: 36px; height: 36px; border: 0; background: transparent; color: #5f6368; font-size: 28px; cursor: pointer; border-radius: 50%; }
.dialog-close:hover { background: #f1f3f4; }
.screenshot-preview { margin: auto; max-width: 100%; }
.screenshot-preview .game-shot { width: auto; height: auto; max-width: 100%; max-height: 72dvh; object-fit: contain; }
dialog input { box-sizing: border-box; width: 100%; border: 1px solid #dadce0; border-radius: 8px; padding: 12px; margin-bottom: 16px; font: inherit; }
#toast { position: fixed; z-index: 2000; bottom: 72px; left: 50%; transform: translate(-50%,20px); background: #202124; color: #fff; font-size: 14px; border-radius: 6px; padding: 12px 20px; opacity: 0; visibility: hidden; transition: .2s; box-shadow: 0 4px 12px #0003; }
#toast.visible { transform: translate(-50%,0); opacity: 1; visibility: visible; }
.helps-btn .selected { background: #e6f3ef; color: #056449; border-color: #01875f!important; }
.telegram { cursor: pointer; }
@media (max-width: 599px) {
  .introduction .left { padding: 32px 12px; }
  .introduction .line1 .right .title { font-size: 24px; }
  .introduction .line1 img { margin-right: 16px; }
  .introduction .line3 { max-width: 100%; }
  .introduction .line2 > div:nth-child(2), .introduction .line2 > div:nth-child(3) { padding-left: 16px; padding-right: 16px; }
  .introduction .line4 { line-height: 1.4; }
  .video-brand-strip { font-size: 7px; padding: 0 4px; gap: 3px; }
}
@media (min-width: 1300px) { .introduction .line1 .right .title { font-size: 48px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto!important; transition: none!important; } }

/* Reserve screenshot dimensions before download and preserve existing layouts. */
.swiper-slide .game-shot { width: auto; aspect-ratio: 941 / 1672; }
.hero-picture { display: block; width: 100%; height: 100%; }
.supprt > .content[hidden] { display: none; }

/* Tycoon Club: optimized video replaces the static desktop hero poster. */
.introduction .video-box {
  overflow: hidden;
  background: #111325 url("./golbal/tycoon-club-video-poster.jpg") center center / cover no-repeat;
}
.introduction .video-box .hero-video {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .introduction .video-box .hero-video { display: none; }
}

/* Readable spacing for the updated game description. */
.main-body .detail-box .desss > p { margin: 0 0 12px; }
.main-body .detail-box .desss > p:last-child { margin-bottom: 0; }