*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#181818;color:#f2ece3;line-height:1.8}img{display:block;max-width:100%;height:auto;border-radius:22px}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(24,24,24,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.header-inner,.nav,.hero-grid,.hero-actions,.step-grid,.timeline-grid,.info-grid,.info-cards,.feature-grid,.cta-box{display:flex}.header-inner,.hero-grid,.timeline-grid,.info-grid,.feature-grid,.cta-box{align-items:center;justify-content:space-between;gap:32px}.header-inner{padding:18px 0}.brand{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:12px;background:#2b2b2b}.brand img{max-height:34px;width:auto;object-fit:contain}.menu-toggle{display:none}.nav{gap:18px;flex-wrap:wrap;font-size:14px;color:#ddc7a5}.hero,.section,.cta{padding:72px 0}.hero{background:linear-gradient(135deg,#1a1a1a 0%,#362720 52%,#1f1f1f 100%)}.hero-copy,.hero-visual,.timeline-visual,.info-copy,.info-cards{flex:1}.eyebrow{margin:0 0 12px;color:#d1a34a;font-weight:700;letter-spacing:.08em}h1,h2,h3{margin-top:0;line-height:1.3}h1{font-size:clamp(34px,5vw,52px);margin-bottom:18px;color:#fff6e7}h2{font-size:30px;margin-bottom:20px;color:#f8d79d}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#c53f2d 0%,#d6a24c 100%);color:#fff}.btn-secondary{background:#2f2a26;color:#f1d39e}.hero-actions{gap:14px;flex-wrap:wrap;margin-top:24px}.step-grid,.info-cards{gap:18px;flex-wrap:wrap}.step-grid article,.info-cards article,.faq-item,.cta-box{border-radius:24px;border:1px solid rgba(214,162,76,.18);background:#232323;box-shadow:0 16px 40px rgba(0,0,0,.24)}.step-grid article,.info-cards article,.cta-box{padding:24px}.step-grid article{flex:1 1 calc(25% - 18px)}.step-grid span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#a53628;color:#fff;font-weight:700;margin-bottom:14px}.alt{background:#211d1a}.timeline{display:grid;gap:14px}.timeline article{padding:18px 20px;border-left:3px solid #c8943e;background:#231f1b;border-radius:0 18px 18px 0}.info-cards{display:grid}.info-cards article{padding:20px}.feature-grid img{flex:1;max-width:420px}.faq-list{display:grid;gap:14px}.faq-question{width:100%;padding:20px 22px;background:none;border:0;color:#fff1d1;text-align:left;font:700 17px/1.4 inherit;cursor:pointer}.faq-answer{display:none;padding:0 22px 22px;color:#ead8b8}.faq-item.open .faq-answer{display:block}.cta-box{padding:28px;background:linear-gradient(135deg,#2e251d 0%,#58331f 100%)}@media (max-width:900px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#2a2a2a;color:#fff}.nav{display:none;width:100%;flex-direction:column;padding-top:14px}.nav.open{display:flex}.header-inner,.hero-grid,.timeline-grid,.info-grid,.feature-grid,.cta-box{flex-direction:column;align-items:stretch}.step-grid article{flex-basis:calc(50% - 18px)}}@media (max-width:640px){.hero,.section,.cta{padding:56px 0}.step-grid article{flex-basis:100%}h2{font-size:26px}}
/* v10 official image repair */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

img,
picture,
svg {
  max-width: 100%;
}

img {
  height: auto;
  display: block;
}

figure {
  margin: 0;
}

.hero img,
.hero-media img,
.hero-visual img,
.hero-image img,
.visual-card img,
.media-card img,
.image-card img,
.feature-image img,
.section-image img,
.banner img,
.cover img,
.showcase img {
  max-width: 100%;
  height: auto;
  display: block;
  object-position: center;
}

.hero-media,
.hero-visual,
.hero-image,
.visual-card,
.media-card,
.image-card,
.feature-image,
.section-image,
.banner,
.cover,
.showcase {
  min-width: 0;
  overflow: hidden;
}

.object-contain img,
.phone-visual img,
.device-visual img,
.feature-image img,
.section-image img {
  object-fit: contain;
  max-height: 520px;
  margin-left: auto;
  margin-right: auto;
}

.hero-bg,
.full-bleed-hero,
.banner-hero,
.cover-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.hero-bg img,
.full-bleed-hero img,
.banner-hero img,
.cover-hero img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  object-position: center;
}

.hero-overlay,
.cover-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(9,13,28,.78), rgba(9,13,28,.38), rgba(9,13,28,.12));
  z-index: 1;
}

.hero-content,
.cover-content {
  position: relative;
  z-index: 2;
}

/* v10 text flow repair */
.container,
.wrap,
.page-wrap,
.section-inner,
.hero-inner,
.content-wrap,
.shell,
.frame {
  width: min(1120px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

.hero-grid,
.split,
.two-col,
.content-grid,
.feature-grid,
.info-grid,
.panel-grid,
.route-grid,
.stage-grid,
.reward-grid,
.task-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.hero-grid > *,
.split > *,
.two-col > *,
.content-grid > *,
.feature-grid > *,
.info-grid > *,
.panel-grid > *,
.route-grid > *,
.stage-grid > *,
.reward-grid > *,
.task-grid > * {
  min-width: 0;
}

p,
li,
.card,
.step-card,
.info-card,
.feature-card,
.copy,
.text,
.section-copy,
.hero-copy,
.stage-card,
.reward-card,
.task-card {
  writing-mode: horizontal-tb;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.75;
}

.side-steps,
.steps-rail,
.right-rail,
.timeline-rail,
.vertical-steps {
  width: 100%;
  max-width: 420px;
  justify-self: end;
}

.side-steps .step-card,
.steps-rail .step-card,
.right-rail .step-card,
.timeline-rail .step-card,
.vertical-steps .step-card {
  width: 100%;
  min-width: 260px;
}

@media (max-width: 900px) {
  .hero-grid,
  .split,
  .two-col,
  .content-grid,
  .feature-grid,
  .info-grid,
  .panel-grid,
  .route-grid,
  .stage-grid,
  .reward-grid,
  .task-grid {
    grid-template-columns: 1fr;
  }

  .side-steps,
  .steps-rail,
  .right-rail,
  .timeline-rail,
  .vertical-steps {
    max-width: none;
    justify-self: stretch;
  }

  .side-steps .step-card,
  .steps-rail .step-card,
  .right-rail .step-card,
  .timeline-rail .step-card,
  .vertical-steps .step-card {
    min-width: 0;
  }
}

/* v10 first four batch hero template repair */
body[class*="tpl-"] .hero {
  overflow: hidden;
}

body[class*="tpl-"] .hero-copy {
  min-width: 0;
}

body[class*="tpl-"] .hero-visual,
body[class*="tpl-"] .hero-image {
  border-radius: 28px;
}

.tpl-cover-left .hero {
  position: relative;
  isolation: isolate;
  min-height: 620px;
  padding: 96px 0;
  display: grid;
  align-items: end;
  color: #fff;
  background: #070b16;
}

.tpl-cover-left .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(5,8,18,.88), rgba(5,8,18,.58) 48%, rgba(5,8,18,.16));
}

.tpl-cover-left .hero-grid {
  display: block;
  position: relative;
  z-index: 2;
}

.tpl-cover-left .hero-copy {
  max-width: 720px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  background: rgba(8,12,26,.58);
  backdrop-filter: blur(10px);
}

.tpl-cover-left .hero-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 0;
}

.tpl-cover-left .hero-visual img:first-child,
.tpl-cover-left .hero-image:first-child {
  width: 100%;
  height: 100%;
  min-height: 620px;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
}

.tpl-cover-left .hero-visual img:not(:first-child) {
  display: none;
}

.tpl-banner-cards .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}

.tpl-banner-cards .hero-visual {
  order: -1;
  display: grid;
  grid-template-columns: 1.4fr .8fr;
  gap: 16px;
}

.tpl-banner-cards .hero-visual img:first-child {
  grid-row: span 2;
  width: 100%;
  min-height: 390px;
  object-fit: cover;
  border-radius: 30px;
}

.tpl-banner-cards .hero-visual img:not(:first-child) {
  width: 100%;
  height: 185px;
  object-fit: cover;
  border-radius: 22px;
}

.tpl-center-wide .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center;
}

.tpl-center-wide .hero-copy {
  max-width: 860px;
  margin: 0 auto;
}

.tpl-center-wide .hero-visual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.tpl-center-wide .hero-visual img:first-child {
  grid-column: 1 / -1;
  width: 100%;
  max-height: 520px;
  object-fit: contain;
  border-radius: 30px;
}

.tpl-overlap .hero-box {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
  gap: 22px;
  align-items: center;
}

.tpl-overlap .hero-box img:first-of-type {
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
}

.tpl-overlap .hero-box img:not(:first-of-type) {
  width: 100%;
  max-height: 260px;
  object-fit: cover;
  border-radius: 22px;
}

.tpl-cardwall .hero-grid,
.tpl-cardwall .hero .wrap {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  gap: clamp(24px, 4vw, 54px);
}

.tpl-cardwall .hero-visual {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.tpl-cardwall .hero-visual img:first-child {
  grid-column: 1 / -1;
  width: 100%;
  max-height: 340px;
  object-fit: cover;
  border-radius: 28px;
}

.tpl-cardwall .hero-visual img:not(:first-child) {
  width: 100%;
  height: 190px;
  object-fit: contain;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.06);
}

.tpl-duel .hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1fr) minmax(240px, .72fr);
  gap: 22px;
}

.tpl-duel .hero-grid::before,
.tpl-duel .hero-grid::after {
  min-height: 260px;
  padding: 24px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  font-size: clamp(28px, 5vw, 54px);
  font-weight: 900;
  letter-spacing: .04em;
  color: #fff;
}

.tpl-duel .hero-grid::before {
  content: "ALL-IN";
  background: linear-gradient(135deg, #9b111e, #2b060b);
}

.tpl-duel .hero-grid::after {
  content: "FOLD";
  background: linear-gradient(135deg, #202b3f, #070b13);
}

.tpl-duel .hero-copy {
  grid-column: 1 / -1;
  max-width: 820px;
  justify-self: center;
  text-align: center;
}

.tpl-duel .hero-visual {
  grid-column: 2;
  grid-row: 1;
}

.tpl-duel .hero-visual img:first-child {
  width: 100%;
  max-height: 390px;
  object-fit: contain;
}

.tpl-duel .hero-visual img:not(:first-child) {
  display: none;
}

.tpl-stage .hero-grid,
.tpl-path .hero-grid,
.tpl-timeline .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
}

.tpl-stage .hero-image,
.tpl-stage .hero-visual img:first-child,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child {
  width: 100%;
  max-height: 460px;
  object-fit: cover;
  border-radius: 30px;
}

.tpl-path .hero-visual,
.tpl-timeline .hero-visual {
  order: -1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child {
  grid-column: 1 / -1;
}

.tpl-broadcast .hero-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.tpl-broadcast .hero-box img:first-of-type {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  border-radius: 30px;
}

.tpl-broadcast .hero-box img:not(:first-of-type) {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border-radius: 22px;
}

.tpl-pick .hero-grid {
  display: grid;
  grid-template-columns: minmax(240px, .85fr) minmax(0, 1.1fr) minmax(240px, .85fr);
  gap: 20px;
}

.tpl-pick .hero-grid::before,
.tpl-pick .hero-grid::after {
  min-height: 260px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #fff;
  font-weight: 900;
  font-size: clamp(26px, 4vw, 44px);
}

.tpl-pick .hero-grid::before { content: "PICK"; background: linear-gradient(135deg,#1f6feb,#08203d); }
.tpl-pick .hero-grid::after { content: "GO"; background: linear-gradient(135deg,#f6b221,#4b2600); }
.tpl-pick .hero-copy { grid-column: 1 / -1; text-align: center; max-width: 820px; justify-self: center; }
.tpl-pick .hero-visual { grid-column: 2; grid-row: 1; }
.tpl-pick .hero-visual img:first-child { width: 100%; max-height: 360px; object-fit: contain; }
.tpl-pick .hero-visual img:not(:first-child) { display: none; }

.tpl-care .hero-grid,
.tpl-schedule .hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.tpl-care .hero-visual,
.tpl-schedule .hero-visual {
  order: -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.tpl-care .hero-visual img,
.tpl-schedule .hero-visual img {
  width: 100%;
  height: 230px;
  object-fit: contain;
  padding: 14px;
  border-radius: 24px;
  background: rgba(255,255,255,.06);
}

@media (max-width: 900px) {
  .tpl-cover-left .hero,
  .tpl-cover-left .hero-visual img:first-child,
  .tpl-cover-left .hero-image:first-child {
    min-height: 520px;
  }
  .tpl-banner-cards .hero-visual,
  .tpl-center-wide .hero-visual,
  .tpl-cardwall .hero-grid,
  .tpl-cardwall .hero .wrap,
  .tpl-overlap .hero-box,
  .tpl-duel .hero-grid,
  .tpl-pick .hero-grid,
  .tpl-path .hero-visual,
  .tpl-timeline .hero-visual,
  .tpl-care .hero-visual,
  .tpl-schedule .hero-visual {
    grid-template-columns: 1fr;
  }
  .tpl-duel .hero-visual,
  .tpl-pick .hero-visual,
  .tpl-duel .hero-copy,
  .tpl-pick .hero-copy {
    grid-column: auto;
    grid-row: auto;
  }
}
/* v10 repair pass 2: section grids and media bounds */
.v10-repair .intro-grid,
.v10-repair .schedule-grid,
.v10-repair .split-grid,
.v10-repair .mechanism-grid,
.v10-repair .audience-grid,
.v10-repair .status-grid,
.v10-repair .reverse-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr) !important;
  gap: clamp(24px, 4vw, 52px) !important;
  align-items: center !important;
}

.v10-repair .reverse-grid > img:first-child {
  order: 2;
}

.v10-repair .reverse-grid > div:first-child,
.v10-repair .reverse-grid > article:first-child {
  order: 1;
}

.v10-repair .intro-grid > *,
.v10-repair .schedule-grid > *,
.v10-repair .split-grid > *,
.v10-repair .mechanism-grid > *,
.v10-repair .audience-grid > *,
.v10-repair .status-grid > *,
.v10-repair .reverse-grid > * {
  min-width: 0 !important;
}

.v10-repair .section img:not(.site-logo),
.v10-repair .alt img:not(.site-logo),
.v10-repair .pattern-box img,
.v10-repair .note-box img,
.v10-repair .schedule-card img,
.v10-repair .order-box img,
.v10-repair .stage-box img {
  width: auto;
  max-width: 100%;
  max-height: 620px;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
}

.v10-repair .pattern-box img,
.v10-repair .hero-bottom img,
.v10-repair .section > .wrap > img,
.v10-repair .section > .frame > img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
}

.v10-repair .highlight-grid,
.v10-repair .search-grid,
.v10-repair .related-grid,
.v10-repair .table-grid,
.v10-repair .faq-list {
  min-width: 0;
}

.v10-repair .highlight-grid article,
.v10-repair .search-grid article,
.v10-repair .related-grid article,
.v10-repair .table-grid article,
.v10-repair .audience-cards article {
  min-width: 220px;
}

.v10-repair .hero img {
  max-width: 100%;
}

.tpl-cover-left .hero-visual img:first-child,
.tpl-cover-left .hero-image:first-child {
  max-height: none;
}

.tpl-schedule .hero-visual img,
.tpl-care .hero-visual img {
  max-height: 280px;
}

.tpl-path .hero-visual img:not(:first-child),
.tpl-timeline .hero-visual img:not(:first-child) {
  width: 100%;
  min-height: 150px;
  object-fit: contain;
  padding: 12px;
  background: rgba(255,255,255,.06);
  border-radius: 20px;
}

@media (max-width: 900px) {
  .v10-repair .intro-grid,
  .v10-repair .schedule-grid,
  .v10-repair .split-grid,
  .v10-repair .mechanism-grid,
  .v10-repair .audience-grid,
  .v10-repair .status-grid,
  .v10-repair .reverse-grid {
    grid-template-columns: 1fr !important;
  }

  .v10-repair .reverse-grid > img:first-child,
  .v10-repair .reverse-grid > div:first-child,
  .v10-repair .reverse-grid > article:first-child {
    order: initial;
  }

  .v10-repair .highlight-grid article,
  .v10-repair .search-grid article,
  .v10-repair .related-grid article,
  .v10-repair .table-grid article,
  .v10-repair .audience-cards article {
    min-width: 0;
  }

  .tpl-cover-left .hero-visual img:first-child,
  .tpl-cover-left .hero-image:first-child {
    min-height: 520px;
    height: 100%;
    max-height: 640px;
    object-fit: cover;
  }

  .v10-repair img:not(.site-logo) {
    max-width: 100%;
  }
}
/* ggpoker hero intro first-screen repair */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  overflow-x: hidden;
}

img,
picture,
svg {
  max-width: 100%;
}

img {
  height: auto;
  display: block;
}

.container,
.wrap,
.page-wrap,
.section-inner,
.hero-inner,
.content-wrap {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}

p,
li,
.card,
.step-card,
.info-card,
.feature-card,
.hero-copy,
.section-copy,
.hero-tags,
.hero-actions {
  writing-mode: horizontal-tb;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.75;
}

.hero-copy h1,
.floating-panel h1,
.cover-content h1,
.hero h1 {
  overflow-wrap: break-word;
}

.hero-tags,
.hero-actions,
.timeline-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.hero-tags span,
.timeline-bar span {
  min-width: 0;
}

.hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  text-decoration: none;
}

.hero-intro-first {
  padding: clamp(72px, 9vw, 128px) 0;
}

.hero-intro-first .hero-copy {
  max-width: 880px;
  margin: 0 auto clamp(32px, 5vw, 56px);
  text-align: center;
}

.hero-intro-first h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 6vw, 76px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.hero-intro-first p {
  max-width: 780px;
  margin: 0 auto;
  font-size: clamp(16px, 1.7vw, 20px);
}

.hero-wide-image {
  width: min(100%, 1080px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 28px;
}

.hero-wide-image img {
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  object-position: center;
}

.full-bleed-hero,
.banner-hero,
.cover-hero,
.hero-cover {
  position: relative !important;
  min-height: clamp(520px, 72vh, 760px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
}

.full-bleed-hero > img:first-child,
.banner-hero > img:first-child,
.cover-hero > img:first-child,
.hero-cover-img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  border-radius: 0;
}

.full-bleed-hero .hero-overlay,
.banner-hero .hero-overlay,
.cover-hero .hero-overlay,
.hero-cover-mask,
.cover-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6,9,20,.86), rgba(6,9,20,.58), rgba(6,9,20,.22)),
    linear-gradient(180deg, rgba(6,9,20,.35), rgba(6,9,20,.72));
  z-index: 1;
}

.full-bleed-hero .cover-content,
.banner-hero .cover-content,
.cover-hero .cover-content,
.hero-cover-content {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  color: #fff;
}

.full-bleed-hero .floating-panel,
.banner-hero .hero-copy,
.cover-hero .hero-copy,
.hero-cover-content {
  max-width: 780px;
}

.full-bleed-hero h1,
.banner-hero h1,
.cover-hero h1,
.hero-cover-content h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 6vw, 76px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.full-bleed-hero p,
.banner-hero p,
.cover-hero p,
.hero-cover-content p {
  max-width: 760px;
  font-size: clamp(16px, 1.7vw, 20px);
}

.tpl-banner-cards .hero-visual,
.tpl-path .hero-visual,
.tpl-timeline .hero-visual {
  order: 2 !important;
}

.tpl-banner-cards .hero-copy,
.tpl-path .hero-copy,
.tpl-timeline .hero-copy,
.tpl-stage .hero-copy,
.tpl-duel .hero-copy,
.tpl-pick .hero-copy {
  order: 1 !important;
}

.tpl-stage .hero-image,
.tpl-stage .hero-visual,
.tpl-duel .hero-visual,
.tpl-pick .hero-visual {
  order: 2 !important;
}

.tpl-duel .hero-grid,
.tpl-pick .hero-grid {
  grid-template-columns: 1fr !important;
}

.tpl-duel .hero-grid::before,
.tpl-duel .hero-grid::after,
.tpl-pick .hero-grid::before,
.tpl-pick .hero-grid::after {
  min-height: 150px;
}

.tpl-duel .hero-copy,
.tpl-pick .hero-copy {
  grid-column: auto !important;
  grid-row: auto !important;
  max-width: 880px;
  justify-self: center;
}

.tpl-duel .hero-visual,
.tpl-pick .hero-visual {
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: center;
  width: min(100%, 760px);
}

.tpl-banner-cards .hero-visual img:first-child,
.tpl-stage .hero-image,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child {
  max-height: 430px;
  object-fit: cover;
}

.matrix-hero img,
.hero img[src*="types-hero"] {
  min-height: 180px;
  object-fit: contain;
  padding: 16px;
  background: rgba(255,255,255,.65);
  border-radius: 22px;
}

.trouble-hero,
.matrix-hero {
  padding-top: clamp(48px, 7vw, 86px);
}

.trouble-hero .hero-copy,
.matrix-hero .hero-copy {
  max-width: 900px;
}

.hero-grid,
.split,
.two-col,
.content-grid,
.feature-grid,
.info-grid,
.panel-grid,
.route-grid,
.stage-grid,
.reward-grid,
.task-grid,
.help-grid,
.security-grid,
.check-grid,
.index-grid,
.setting-grid,
.lobby-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.hero-grid > *,
.split > *,
.two-col > *,
.content-grid > *,
.feature-grid > *,
.info-grid > *,
.panel-grid > *,
.route-grid > *,
.stage-grid > *,
.reward-grid > *,
.task-grid > *,
.help-grid > *,
.security-grid > *,
.check-grid > *,
.index-grid > *,
.setting-grid > *,
.lobby-grid > * {
  min-width: 0;
}

.hero img,
.hero-media img,
.hero-visual img,
.hero-image img,
.visual-card img,
.media-card img,
.image-card img,
.feature-image img,
.section-image img,
.banner img,
.cover img,
.showcase img {
  max-width: 100%;
  height: auto;
  display: block;
  object-position: center;
}

.hero-media,
.hero-visual,
.hero-image,
.visual-card,
.media-card,
.image-card,
.feature-image,
.section-image,
.banner,
.cover,
.showcase {
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 900px) {
  .container,
  .wrap,
  .page-wrap,
  .section-inner,
  .hero-inner,
  .content-wrap,
  .full-bleed-hero .cover-content,
  .banner-hero .cover-content,
  .cover-hero .cover-content,
  .hero-cover-content {
    width: min(100% - 28px, 1180px);
  }

  .hero-grid,
  .split,
  .two-col,
  .content-grid,
  .feature-grid,
  .info-grid,
  .panel-grid,
  .route-grid,
  .stage-grid,
  .reward-grid,
  .task-grid,
  .help-grid,
  .security-grid,
  .check-grid,
  .index-grid,
  .setting-grid,
  .lobby-grid {
    grid-template-columns: 1fr;
  }

  .hero-intro-first {
    padding: 58px 0 76px;
  }

  .hero-intro-first .hero-copy {
    text-align: left;
  }

  .full-bleed-hero,
  .banner-hero,
  .cover-hero,
  .hero-cover {
    min-height: 520px;
  }

  .hero-wide-image {
    border-radius: 20px;
  }

  .hero-wide-image img,
  .tpl-banner-cards .hero-visual img:first-child,
  .tpl-stage .hero-image,
  .tpl-path .hero-visual img:first-child,
  .tpl-timeline .hero-visual img:first-child {
    max-height: 320px;
  }
}

/* ggpoker hero first-screen priority repair */
.tpl-banner-cards .hero-grid,
.tpl-path .hero-grid,
.tpl-timeline .hero-grid,
.tpl-stage .hero-grid,
.tpl-duel .hero-grid,
.tpl-pick .hero-grid,
.trouble-hero .hero-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
}

.tpl-banner-cards .hero-copy,
.tpl-path .hero-copy,
.tpl-timeline .hero-copy,
.tpl-stage .hero-copy,
.tpl-duel .hero-copy,
.tpl-pick .hero-copy,
.trouble-hero .hero-copy {
  order: -20 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  max-width: 900px;
  justify-self: center;
  text-align: center;
}

.tpl-banner-cards .hero-visual,
.tpl-path .hero-visual,
.tpl-timeline .hero-visual,
.tpl-stage .hero-visual,
.tpl-stage .hero-image,
.tpl-duel .hero-visual,
.tpl-pick .hero-visual,
.trouble-hero .status-board {
  order: 20 !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: min(100%, 980px);
  justify-self: center;
}

.tpl-duel .hero-grid::before,
.tpl-duel .hero-grid::after,
.tpl-pick .hero-grid::before,
.tpl-pick .hero-grid::after {
  order: 30 !important;
  grid-row: auto !important;
  min-height: 120px !important;
}

.tpl-banner-cards .hero-visual img:first-child,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child,
.tpl-stage .hero-visual img:first-child,
.tpl-stage .hero-image img,
.tpl-duel .hero-visual img:first-child,
.tpl-pick .hero-visual img:first-child {
  width: 100%;
  max-height: 360px !important;
  object-fit: cover;
  object-position: center;
}

.trouble-hero {
  padding-top: clamp(42px, 6vw, 76px) !important;
}

.trouble-hero .status-board {
  margin-top: clamp(24px, 4vw, 42px);
}

.banner-hero > img:first-child,
.hero-cover-img,
.cover-hero > img:first-child,
.full-bleed-hero > img:first-child {
  min-height: 0 !important;
}

img[src*="types-hero"] {
  min-height: 160px !important;
  max-height: 360px !important;
  object-fit: contain !important;
  padding: 16px;
  background: rgba(255,255,255,.72);
}

@media (max-width: 900px) {
  .tpl-banner-cards .hero-copy,
  .tpl-path .hero-copy,
  .tpl-timeline .hero-copy,
  .tpl-stage .hero-copy,
  .tpl-duel .hero-copy,
  .tpl-pick .hero-copy,
  .trouble-hero .hero-copy {
    text-align: left;
    justify-self: stretch;
  }

  .tpl-banner-cards .hero-visual img:first-child,
  .tpl-path .hero-visual img:first-child,
  .tpl-timeline .hero-visual img:first-child,
  .tpl-stage .hero-visual img:first-child,
  .tpl-stage .hero-image img,
  .tpl-duel .hero-visual img:first-child,
  .tpl-pick .hero-visual img:first-child {
    max-height: 260px !important;
  }

  .tpl-duel .hero-grid::before,
  .tpl-duel .hero-grid::after,
  .tpl-pick .hero-grid::before,
  .tpl-pick .hero-grid::after {
    min-height: 86px !important;
  }

  .trouble-hero .status-board {
    grid-template-columns: 1fr !important;
  }

  .banner-hero .cover-content {
    padding-top: 58px !important;
    padding-bottom: 68px !important;
  }
}

/* ggpoker hero second repair */
* { box-sizing: border-box; }
body { margin: 0; overflow-x: hidden; }
img, picture, svg { max-width: 100%; }
img { height: auto; display: block; }
.container, .wrap, .page-wrap, .section-inner, .hero-inner, .content-wrap {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
p, li, .card, .step-card, .info-card, .feature-card, .hero-copy, .section-copy, .hero-tags, .hero-actions {
  writing-mode: horizontal-tb;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
  line-height: 1.75;
}
.hero-intro-first {
  padding: clamp(72px, 9vw, 126px) 0 !important;
}
.hero-intro-first .hero-inner {
  display: block !important;
}
.hero-intro-first .hero-copy {
  max-width: 900px;
  margin: 0 auto clamp(30px, 5vw, 54px) !important;
  text-align: center;
}
.hero-intro-first h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 5.8vw, 74px);
  line-height: 1.08;
  letter-spacing: 0;
}
.hero-intro-first p {
  max-width: 820px;
  margin: 0 auto;
  font-size: clamp(16px, 1.7vw, 20px);
}
.hero-wide-image {
  width: min(100%, 1080px);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
}
.hero-wide-image img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  object-position: center;
  transform: none !important;
}
.hero-cover {
  position: relative;
  min-height: clamp(520px, 72vh, 760px);
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
}
.hero-cover-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  transform: none !important;
  z-index: 0;
}
.hero-cover-mask {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6,9,20,.88), rgba(6,9,20,.58), rgba(6,9,20,.24)),
    linear-gradient(180deg, rgba(6,9,20,.28), rgba(6,9,20,.76));
  z-index: 1;
}
.hero-cover-content {
  position: relative;
  z-index: 2;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  max-width: 780px;
  color: #fff;
}
.hero-cover-content h1 {
  margin: 0 0 20px;
  font-size: clamp(38px, 5.8vw, 74px);
  line-height: 1.08;
  letter-spacing: 0;
}
.hero-cover-content p {
  max-width: 720px;
  font-size: clamp(16px, 1.7vw, 20px);
}
.hero-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.hero-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  text-decoration: none;
}
.hero img, .hero-media img, .hero-visual img, .hero-image img, .visual-card img, .media-card img, .image-card img, .feature-image img, .section-image img, .banner img, .cover img, .showcase img {
  max-width: 100%;
  height: auto;
  display: block;
  object-position: center;
  transform: none !important;
}
.hero-media, .hero-visual, .hero-image, .visual-card, .media-card, .image-card, .feature-image, .section-image, .banner, .cover, .showcase {
  min-width: 0;
  overflow: hidden;
}
.hero-grid, .split, .two-col, .content-grid, .feature-grid, .info-grid, .panel-grid, .route-grid, .stage-grid, .reward-grid, .task-grid, .help-grid, .security-grid, .check-grid, .index-grid, .setting-grid, .lobby-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .95fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}
.hero-grid > *, .split > *, .two-col > *, .content-grid > *, .feature-grid > *, .info-grid > *, .panel-grid > *, .route-grid > *, .stage-grid > *, .reward-grid > *, .task-grid > *, .help-grid > *, .security-grid > *, .check-grid > *, .index-grid > *, .setting-grid > *, .lobby-grid > * { min-width: 0; }
.tpl-cover-left .hero-visual img:first-child,
.tpl-banner-cards .hero-visual img:first-child,
.tpl-path .hero-visual img:first-child,
.tpl-timeline .hero-visual img:first-child,
.tpl-stage .hero-visual img:first-child,
.tpl-duel .hero-visual img:first-child,
.tpl-pick .hero-visual img:first-child {
  transform: none !important;
  object-position: center;
}
@media (max-width: 900px) {
  .container, .wrap, .page-wrap, .section-inner, .hero-inner, .content-wrap, .hero-cover-content {
    width: min(100% - 28px, 1180px);
  }
  .hero-grid, .split, .two-col, .content-grid, .feature-grid, .info-grid, .panel-grid, .route-grid, .stage-grid, .reward-grid, .task-grid, .help-grid, .security-grid, .check-grid, .index-grid, .setting-grid, .lobby-grid {
    grid-template-columns: 1fr;
  }
  .hero-intro-first { padding: 56px 0 76px !important; }
  .hero-intro-first .hero-copy { text-align: left; }
  .hero-cover { min-height: 520px; }
  .hero-wide-image { border-radius: 20px; }
  .hero-wide-image img { max-height: 360px; }
}