/* Scoped presentation layer: existing account and payment flows are untouched. */
html body.hy9-opening-page > .hy9-opening-root { background:#0b0716!important; }
html body.hy9-opening-page.hy9-brand-audit #app .style__common_main__2-cmI::before { content:none!important; display:none!important; }
html body.hy9-opening-page.hy9-brand-audit #app :is(.tables,.style__common_main__2-cmI,.style__common_container__apSU5,.style__content_wrapper__1wmO9,.style__content__uU_Dt) { padding:0!important; margin:0!important; background:transparent!important; border:0!important; }
html body.hy9-opening-page.hy9-mobile-audit #app .tables { margin:0!important; padding:0!important; }
html body.hy9-opening-page #app .hy9-offers-hero,
html body.hy9-opening-page #app .recommendGame__container__3Usd1,
html body.hy9-opening-page #app .style__title__1ZEmt,
html body.hy9-opening-page #app .style__entry__LyKjA,
html body.hy9-opening-page #app .bonsf,
html body.hy9-opening-page #app .van-divider,
html body.hy9-opening-page #app .tables:empty,
html body.hy9-opening-page #app .hy9-opening-native-apply { display:none!important; }
html body.hy9-opening-page #app .tables,
html body.hy9-opening-page #app .style__common_main__2-cmI,
html body.hy9-opening-page #app .style__content_wrapper__1wmO9,
html body.hy9-opening-page #app .style__content__uU_Dt,
html body.hy9-opening-page #app .style__content__uU_Dt > div {
  padding:0!important; margin:0!important; border:0!important; background:transparent!important;
}
html body.hy9-opening-page #app .hy9-opening-detail,
html body.hy9-opening-page #app .hy9-opening-detail * { box-sizing:border-box; }
html body.hy9-opening-page #app .hy9-opening-detail {
  max-width:1000px; width:100%; margin:0 auto!important; padding:0 0 24px!important;
  color:#e7def5!important; font-size:15px!important; line-height:1.8!important;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-hero {
  position:relative; width:100%; aspect-ratio:3/1; min-height:230px; overflow:hidden;
  border:1px solid #644087!important; border-radius:20px; background:#10091f!important;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-hero > img {
  position:absolute!important; inset:0; width:100%!important; height:100%!important;
  max-width:none!important; object-fit:cover!important; filter:none!important;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading {
  position:absolute; z-index:1; left:5%; bottom:12%; max-width:48%; background:transparent!important;
  text-shadow:0 2px 12px #070313;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading > span { color:#dcb8ff!important; font-size:13px!important; letter-spacing:1.5px; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading h1 { color:#f9f2ff!important; font-size:32px!important; font-weight:750; line-height:1.3!important; margin:8px 0!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading p { margin:0!important; color:#e6d2ff!important; font-size:15px!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading strong { font-size:36px!important; color:#f2c9ff!important; line-height:1.3!important; margin-left:8px; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:16px 0!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary > div {
  background:linear-gradient(140deg,#2a1a46,#171025)!important; border:1px solid #503669!important; border-radius:14px; padding:14px 10px!important; text-align:center;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary span { display:block; font-size:12px!important; color:#bfa9d7!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary strong { display:block; margin-top:5px; color:#f0dbff!important; font-size:19px!important; font-weight:700; line-height:1.5!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-notice {
  display:block; background:#2b193d!important; color:#f1d1fc!important; border:1px solid #6f4589!important;
  border-left:3px solid #c990ff!important; border-radius:12px; padding:14px 18px!important; margin:0 0 16px!important; font-size:14px!important; line-height:1.8;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel {
  background:#181126!important; border:1px solid #46305f!important; border-radius:16px;
  padding:22px!important; margin:14px 0!important; overflow:hidden;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel h2 { margin:0 0 14px!important; font-size:19px!important; font-weight:700; line-height:1.5!important; color:#f0ddff!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel :is(p,li) { font-size:14px!important; line-height:1.85!important; color:#d8cbe7!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel p { margin:8px 0!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel ol { margin:0!important; padding-left:22px!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel li { margin:8px 0!important; padding-left:4px!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel .hy9-opening-muted { font-size:12px!important; color:#bca8cf!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-table { width:100%!important; table-layout:fixed; border-collapse:collapse; font-variant-numeric:tabular-nums; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-table :is(td,th) { padding:10px 12px!important; border:1px solid #4c3366!important; height:auto!important; text-align:center; font-size:14px!important; color:#e3d6f1!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-table th { background:#352047!important; color:#f3ddff!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-table tbody tr:nth-child(even) td { background:#21162f!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-table td:nth-child(2) { color:#e6b9ff!important; font-weight:650; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-contact { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0 12px!important; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-contact a {
  display:inline-flex; justify-content:center; align-items:center; min-height:44px; min-width:150px; padding:10px 20px;
  border:1px solid #9b67d9; border-radius:12px; background:linear-gradient(115deg,#6c34c9,#8d4ad0)!important;
  color:#fff!important; text-decoration:none!important; font-size:14px; font-weight:650; box-shadow:0 4px 15px #6d36af33;
}
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-contact a:nth-child(2) { background:#2a1b3e!important; color:#ead6ff!important; }
html body #app .hy9-opening-contact a:focus-visible,
html body #app .hy9-opening-carousel-link:focus-visible { outline:3px solid #d8b3ff!important; outline-offset:-3px; }
html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-footer { text-align:center; padding:14px; font-size:12px; color:#aa90c0; letter-spacing:2px; }
/* New list cards retain the original Vue click handler and activity title. */
html body #app .hy9-opening-card > .hy9-offer-art,
html body #app .hy9-opening-card > img { display:none!important; }
html body #app .hy9-opening-card .hy9-opening-card-art {
  height:184px!important; position:relative; overflow:hidden; border-radius:13px 13px 0 0; background:#10081f!important;
}
html body #app .hy9-opening-card .hy9-opening-card-art img {
  display:block!important; position:absolute!important; inset:0; width:100%!important; height:100%!important;
  max-width:none!important; object-fit:cover!important; object-position:right center; filter:none!important; opacity:1!important;
}
html body #app .hy9-opening-card .hy9-opening-card-art::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#13091fee,transparent 90%); pointer-events:none; }
html body #app .hy9-opening-card .hy9-opening-card-copy { position:absolute; z-index:1; bottom:14px; left:15px; right:12px; display:flex; flex-direction:column; gap:4px; color:#f9ecff; }
html body #app .hy9-opening-card .hy9-opening-card-copy span { font-size:11px; color:#d7b0f5; letter-spacing:1px; }
html body #app .hy9-opening-card .hy9-opening-card-copy strong { font-size:22px; line-height:1.25; color:#ffe9ff; text-shadow:0 2px 9px #0e061f; }
html body #app .hy9-opening-card .hy9-opening-card-copy small { font-size:11px; color:#e2d0ee; }
/* Native mobile carousel height remains bounded by the single-screen layout. */
html body #app .van-swipe-item.hy9-opening-slide > img { width:100%!important; height:100%!important; object-fit:cover!important; filter:none!important; opacity:1!important; }
html body #app .van-swipe-item.hy9-opening-slide::after { display:none!important; content:none!important; }
html body #app .hy9-opening-carousel-link { position:absolute; z-index:4; inset:0; display:block; background:transparent; color:#f6eaff; text-decoration:none; }
html body #app .hy9-opening-carousel-copy { position:absolute; left:7%; bottom:13%; width:47%; text-align:left; text-shadow:0 2px 9px #080210; }
html body #app .hy9-opening-carousel-copy strong { display:block; font-size:27px; line-height:1.35; color:#f6eaff; }
html body #app .hy9-opening-carousel-copy small { display:block; font-size:13px; line-height:1.6; margin-top:8px; color:#e7cafb; }
html body #app .van-swipe-item .hy9-opening-carousel-copy { left:5%; bottom:13%; width:56%; }
html body #app .van-swipe-item .hy9-opening-carousel-copy strong { font-size:15px; line-height:1.25; }
html body #app .van-swipe-item .hy9-opening-carousel-copy small { font-size:9px; line-height:1.3; margin-top:5px; max-width:185px; }
@media(max-width:600px) {
  html body.hy9-opening-page #app .style__content_container__1gl64 { padding:0!important; }
  html body.hy9-opening-page #app .hy9-opening-detail { padding:12px 12px 24px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-hero { aspect-ratio:2.05/1; min-height:0; border-radius:15px; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-hero > img { object-position:right center!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0e061bd9,transparent 90%); pointer-events:none; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading { left:6%; bottom:15%; max-width:70%; z-index:2; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading > span { font-size:10px!important; letter-spacing:.4px; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading h1 { font-size:22px!important; margin:6px 0!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading p { font-size:12px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-heading strong { font-size:28px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary > div { padding:10px 6px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-summary strong { font-size:17px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel { padding:16px!important; margin:12px 0!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-panel h2 { font-size:17px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-table :is(th,td) { font-size:13px!important; padding:8px!important; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-contact { gap:8px; }
  html body.hy9-opening-page #app .hy9-opening-detail .hy9-opening-contact a { flex:1; min-width:0; padding:10px 8px; }
  html body #app .hy9-opening-card .hy9-opening-card-art { height:176px!important; }
}