/*
 * GOGO Event HD UI — V4 / 2026-10-03
 * Presentation-only polish for promo/reward/referral/VIP pages.
 * No API, wallet, ledger, payout or Nexus business logic is changed here.
 */

:root{
  --ev-radius-xl:22px;
  --ev-radius-lg:18px;
  --ev-radius-md:14px;
  --ev-shadow-lg:0 18px 44px rgba(15,23,42,.14),0 4px 12px rgba(15,23,42,.06);
  --ev-shadow-md:0 10px 28px rgba(15,23,42,.11),0 2px 8px rgba(15,23,42,.05);
  --ev-shadow-sm:0 6px 18px rgba(15,23,42,.08);
  --ev-line:color-mix(in srgb,var(--theme-border) 72%,white);
  --ev-glass:color-mix(in srgb,var(--theme-card) 92%,transparent);
  --ev-accent-soft:color-mix(in srgb,var(--theme-primary) 10%,var(--theme-card));
  --ev-accent-soft-2:color-mix(in srgb,var(--theme-p2) 16%,var(--theme-card));
}

/* Event page shell */
:is(
  #page-promosi,#page-bonus-harian,#page-penawaran,#page-hadiah,#page-referral1,
  #page-bawahan,#page-agen,#page-bonus,#page-loginharian,#page-vip,#page-vip-catatan,
  #page-viproule,#page-vipcheckin,#page-referral2,#page-bonusapp,#page-koderedeem,
  #page-cashback,#page-tokowin
).event-hd-page{
  background:
    radial-gradient(120% 52% at 50% -5%,color-mix(in srgb,var(--theme-p3) 46%,transparent),transparent 65%),
    linear-gradient(180deg,var(--theme-bg) 0%,var(--theme-bg2) 38%,var(--theme-bg2) 100%)!important;
  color:var(--theme-ink);
  overflow-x:hidden;
}

.event-hd-page::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:210px;
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 24%,color-mix(in srgb,var(--theme-p3) 28%,transparent) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 35%,color-mix(in srgb,var(--theme-p2) 22%,transparent) 0 2px,transparent 3px),
    linear-gradient(180deg,color-mix(in srgb,var(--theme-primary) 7%,transparent),transparent);
  background-size:62px 62px,78px 78px,100% 100%;
  opacity:.8;
  z-index:0;
}

.event-hd-page > *:not(.layanan-header){position:relative;z-index:1}

/* Header */
.event-hd-page .layanan-header{
  min-height:58px;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  padding:11px 14px!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--theme-bg2) 86%,transparent),
    color-mix(in srgb,var(--theme-soft2) 82%,transparent))!important;
  border-bottom:1px solid color-mix(in srgb,var(--theme-border) 64%,transparent);
  box-shadow:0 5px 18px rgba(15,23,42,.06);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
}
.event-hd-page .layanan-title{
  color:var(--theme-deep)!important;
  font-size:19px!important;
  font-weight:800!important;
  letter-spacing:-.25px;
  text-shadow:0 1px 0 rgba(255,255,255,.4);
}
.event-hd-page .sidebar-back{
  width:38px;height:38px;border-radius:13px!important;
  display:grid!important;place-items:center;
  color:var(--theme-deep)!important;
  background:color-mix(in srgb,var(--theme-card) 82%,var(--theme-soft2))!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 76%,white)!important;
  box-shadow:var(--ev-shadow-sm);
  transition:transform .16s ease,box-shadow .16s ease;
}
.event-hd-page .sidebar-back:active{transform:scale(.94);box-shadow:none}

/* HD hero/banner treatment. Class added by event-hd.js. */
.event-hd-page .event-hd-hero{
  width:100%!important;
  display:block!important;
  border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 58%,white)!important;
  box-shadow:var(--ev-shadow-lg)!important;
  background:var(--theme-soft2);
  object-fit:cover;
  image-rendering:auto;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.event-hd-page .event-hd-hero-frame{
  position:relative;
  border-radius:22px;
  margin-bottom:18px!important;
  isolation:isolate;
}
.event-hd-page .event-hd-hero-frame::after{
  content:"";
  position:absolute;
  inset:auto 4% -8px 4%;
  height:20px;
  border-radius:50%;
  background:color-mix(in srgb,var(--theme-primary) 24%,transparent);
  filter:blur(16px);
  z-index:-1;
}

/* Promo hub */
#page-promosi .promo-tabs{
  padding:5px!important;
  gap:6px!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--theme-soft2) 82%,var(--theme-card))!important;
  border:1px solid var(--ev-line);
  box-shadow:var(--ev-shadow-sm);
  position:sticky;
  top:68px;
  z-index:8;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}
#page-promosi .promo-tab{
  min-height:42px;
  border-radius:13px!important;
  font-weight:800!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
#page-promosi .promo-tab.active{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-p2))!important;
  color:var(--theme-on)!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--theme-primary) 28%,transparent)!important;
}
#page-promosi .promo-item{
  background:var(--theme-card)!important;
  border:1px solid var(--ev-line)!important;
  border-radius:21px!important;
  padding:8px!important;
  overflow:hidden!important;
  box-shadow:var(--ev-shadow-md)!important;
  margin-bottom:16px!important;
}
#page-promosi .promo-banner-img{
  width:100%!important;
  aspect-ratio:2.25/1;
  object-fit:cover!important;
  border-radius:15px!important;
  display:block!important;
  image-rendering:auto;
  background:var(--theme-soft2);
}
#page-promosi .promo-item-footer{
  padding:11px 4px 3px!important;
  gap:10px;
}
#page-promosi .promo-item-left img{
  width:42px!important;height:42px!important;
  border-radius:13px!important;
  padding:4px;
  background:var(--ev-accent-soft);
  box-shadow:inset 0 0 0 1px var(--ev-line);
}
#page-promosi .promo-item-left span{
  color:var(--theme-ink)!important;
  font-weight:800!important;
  text-transform:capitalize;
}
#page-promosi .promo-claim-btn{
  min-height:40px;
  border-radius:13px!important;
  padding:0 15px!important;
  font-weight:800!important;
  color:var(--theme-on)!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 24%,transparent)!important;
  border:0!important;
}
#page-promosi .promo-claim-btn:active{transform:scale(.96)}

/* Universal event cards */
.event-hd-page :is(
  .clm-card,.pnw-countdown-card,.pnw-card,.hdh-deposit-card,.ref-link-card,.ref-bawahan-card,
  .ph-progress,.agn-mini-card,.agn-faq-card,.bak-card,.cki-card,.ba-card,.ba-rules-wrap,
  .kr-card,.cb-countdown-card,.cb-loss-card,.vr-jackpot-card,.vp-merged-card,.vp-claim-card,
  .rf2-balance-card,.rf2-tabs-card,.tw-coin-card,.tw-info-card
){
  border-radius:var(--ev-radius-lg)!important;
  border:1px solid var(--ev-line)!important;
  box-shadow:var(--ev-shadow-md)!important;
}

.event-hd-page :is(.clm-card,.hdh-deposit-card,.ref-link-card,.ref-bawahan-card,.agn-faq-card,.cki-card,.kr-card,.tw-coin-card,.tw-info-card){
  background:linear-gradient(145deg,var(--theme-card),color-mix(in srgb,var(--theme-soft) 42%,var(--theme-card)))!important;
}

/* Main call-to-action buttons */
.event-hd-page :is(
  .clm-btn,.bdh-deposit-btn,.pnw-deposit-btn,.bak-terima-btn,.cki-checkin-btn,.cki-klaim-btn,
  .ba-download-btn,.kr-submit-btn,.cb-collect-btn,.vp-claim-btn,.rf2-menarik-btn
){
  min-height:46px;
  border:0!important;
  border-radius:15px!important;
  font-weight:800!important;
  letter-spacing:.05px;
  color:var(--theme-on)!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary) 58%,var(--theme-deep))!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--theme-primary) 25%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.event-hd-page :is(
  .clm-btn,.bdh-deposit-btn,.pnw-deposit-btn,.bak-terima-btn,.cki-checkin-btn,.cki-klaim-btn,
  .ba-download-btn,.kr-submit-btn,.cb-collect-btn,.vp-claim-btn,.rf2-menarik-btn
):active{transform:translateY(1px) scale(.98);filter:saturate(.92);box-shadow:none!important}
.event-hd-page button:disabled{filter:grayscale(.25);opacity:.56!important;box-shadow:none!important}

/* Stats / claim components */
.event-hd-page .clm-head{
  padding-bottom:10px!important;
  border-bottom:1px solid var(--ev-line);
}
.event-hd-page .clm-title{
  color:var(--theme-deep)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.event-hd-page .clm-stat{
  gap:8px!important;
  margin-top:12px!important;
}
.event-hd-page .clm-stat-item{
  padding:12px 10px!important;
  border-radius:14px!important;
  background:var(--ev-accent-soft)!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 55%,transparent)!important;
}
.event-hd-page .clm-stat-item b{color:var(--theme-deep)!important;font-size:15px!important}
.event-hd-page .clm-hi{color:var(--theme-primary)!important}
.event-hd-page .clm-note{
  border-radius:13px!important;
  background:var(--theme-soft)!important;
  border:1px dashed color-mix(in srgb,var(--theme-border) 78%,transparent)!important;
  color:var(--theme-muted)!important;
}

/* Tables */
.event-hd-page .bdh-table-wrap{
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid var(--ev-line)!important;
  background:var(--theme-card)!important;
  box-shadow:var(--ev-shadow-md)!important;
}
.event-hd-page .bdh-table-header{
  min-height:48px;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-p2))!important;
  color:var(--theme-on)!important;
  font-weight:800!important;
}
.event-hd-page .bdh-table-row{
  min-height:46px;
  border-top:1px solid color-mix(in srgb,var(--theme-border) 48%,transparent)!important;
  background:var(--theme-card)!important;
}
.event-hd-page .bdh-table-row.even{
  background:color-mix(in srgb,var(--theme-soft) 72%,var(--theme-card))!important;
}
.event-hd-page .bdh-pct{color:var(--theme-primary)!important;font-weight:800!important}

/* Rules / descriptions */
.event-hd-page .bdh-desc-section{margin-top:25px!important}
.event-hd-page .bdh-desc-ribbon{
  min-height:48px!important;
  border-radius:16px 16px 0 0!important;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-p2))!important;
  overflow:hidden;
  box-shadow:0 10px 22px color-mix(in srgb,var(--theme-primary) 18%,transparent);
}
.event-hd-page .bdh-ribbon-img{opacity:.18!important;mix-blend-mode:screen}
.event-hd-page .bdh-ribbon-text{color:var(--theme-on)!important;font-weight:800!important;letter-spacing:.1px}
.event-hd-page .bdh-rules{
  border-radius:0 0 18px 18px!important;
  background:var(--theme-card)!important;
  border:1px solid var(--ev-line)!important;
  border-top:0!important;
  box-shadow:var(--ev-shadow-md)!important;
  overflow:hidden;
}
.event-hd-page .bdh-rule{
  align-items:flex-start!important;
  padding:14px 13px!important;
  border-bottom:1px solid color-mix(in srgb,var(--theme-border) 45%,transparent)!important;
}
.event-hd-page .bdh-rule:last-child{border-bottom:0!important}
.event-hd-page .bdh-rule-num{
  flex:0 0 29px!important;width:29px!important;height:29px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--theme-primary) 24%,transparent);
}
.event-hd-page .bdh-rule p{line-height:1.58!important;color:var(--theme-ink)!important}

/* Penawaran countdown */
#page-penawaran .pnw-countdown-card{
  padding:16px!important;
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-penawaran .pnw-countdown-label{color:var(--theme-deep)!important;font-weight:800!important;margin-bottom:12px!important}
#page-penawaran .pnw-countdown{gap:6px!important;justify-content:center!important}
#page-penawaran .pnw-cd-num{
  min-width:42px!important;height:44px!important;
  border-radius:13px!important;
  display:inline-grid!important;place-items:center;
  color:var(--theme-deep)!important;
  background:linear-gradient(180deg,var(--theme-card),var(--theme-soft))!important;
  border:1px solid var(--ev-line)!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--theme-border) 40%,transparent);
}
#page-penawaran .pnw-day-header{
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-p2))!important;
  color:var(--theme-on)!important;
  box-shadow:var(--ev-shadow-sm);
}

/* Hadiah milestones */
#page-hadiah .hdh-days{
  background:color-mix(in srgb,var(--theme-card) 85%,transparent);
  border:1px solid var(--ev-line);
  border-radius:18px;
  padding:12px 8px!important;
  box-shadow:var(--ev-shadow-sm);
}
#page-hadiah .hdh-day{transition:transform .18s ease,filter .18s ease}
#page-hadiah .hdh-day.active{transform:translateY(-3px)}
#page-hadiah .hdh-day-coin{filter:drop-shadow(0 6px 7px rgba(15,23,42,.18))}
#page-hadiah .hdh-day-label{
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 5px 12px rgba(15,23,42,.12);
}

/* Referral 1 treasure */
#page-referral1 .ref-link-input{
  min-height:46px!important;
  border-radius:13px!important;
  background:var(--theme-soft)!important;
  border:1px solid var(--ev-line)!important;
  color:var(--theme-ink)!important;
}
#page-referral1 .ref-copy-btn{
  min-width:82px!important;border-radius:13px!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--theme-primary) 20%,transparent);
}
#page-referral1 .ref-social-row{gap:8px!important}
#page-referral1 .ref-social-item{
  border-radius:14px!important;
  padding:8px 5px!important;
  background:var(--theme-soft)!important;
  border:1px solid var(--ev-line)!important;
}
#page-referral1 .ph-progress{
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-referral1 .ph-prog-bar{
  height:11px!important;border-radius:999px!important;background:var(--theme-soft2)!important;overflow:hidden!important
}
#page-referral1 .ph-prog-fill{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--theme-p3),var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 0 14px color-mix(in srgb,var(--theme-primary) 30%,transparent);
}
#page-referral1 .ph-box{
  border-radius:17px!important;
  box-shadow:var(--ev-shadow-sm)!important;
  transition:transform .16s ease,box-shadow .16s ease;
}
#page-referral1 .ph-item:active .ph-box{transform:scale(.96);box-shadow:none!important}

/* Agent */
#page-agen .agn-tab,
#page-agen .agn-time,
#page-agen .agn-sub-tab{
  border-radius:13px!important;
  transition:all .16s ease;
}
#page-agen .agn-tab.active,
#page-agen .agn-time.active{
  color:var(--theme-on)!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;
}
#page-agen .agn-date-row,
#page-agen .agn-mini-card{
  border:1px solid var(--ev-line)!important;
  background:linear-gradient(145deg,var(--theme-card),var(--theme-soft))!important;
}

/* Bonus / login daily / check-in */
#page-bonus .bak-card,
#page-loginharian .clm-card,
#page-vipcheckin .cki-card{
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-bonus .bak-progress{
  height:12px!important;border-radius:999px!important;background:var(--theme-soft2)!important;overflow:hidden!important
}
#page-bonus .bak-progress-bar{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--theme-p3),var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--theme-primary) 26%,transparent);
}
#page-vipcheckin .cki-grid{gap:9px!important}
#page-vipcheckin .cki-day{
  border-radius:15px!important;
  border:1px solid var(--ev-line)!important;
  background:linear-gradient(145deg,var(--theme-card),var(--theme-soft))!important;
  box-shadow:var(--ev-shadow-sm);
}
#page-vipcheckin .cki-day-icon{filter:drop-shadow(0 5px 6px rgba(15,23,42,.13))}

/* VIP */
#page-vip .vp-body,
#page-viproule .vr-body,
#page-referral2 .rf2-body,
#page-bonusapp .ba-body,
#page-koderedeem .kr-body{
  background:transparent!important;
}
#page-vip .vp-merged-card{
  overflow:hidden!important;
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-vip .vp-bar-wrap{
  height:12px!important;border-radius:999px!important;background:var(--theme-soft2)!important;overflow:hidden!important
}
#page-vip .vp-bar{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--theme-p3),var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 0 13px color-mix(in srgb,var(--theme-primary) 28%,transparent);
}
#page-vip .vp-tabs-wrap,
#page-viproule .vr-tabs,
#page-referral2 .rf2-tabs{
  padding:5px!important;
  border-radius:17px!important;
  background:var(--theme-soft2)!important;
  border:1px solid var(--ev-line)!important;
}
#page-vip .vp-tab,
#page-viproule .vr-tab,
#page-referral2 .rf2-tab{
  border-radius:12px!important;
  font-weight:800!important;
}
#page-vip .vp-tab.active,
#page-viproule .vr-tab.active,
#page-referral2 .rf2-tab.active{
  color:var(--theme-on)!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;
}
#page-vip .vp-accordion{
  overflow:hidden;border-radius:16px!important;border:1px solid var(--ev-line)!important;background:var(--theme-card)!important;box-shadow:var(--ev-shadow-sm)
}
#page-vip .vp-table{
  overflow:hidden;border-radius:16px!important;border:1px solid var(--ev-line)!important;box-shadow:var(--ev-shadow-sm)
}

/* Keep wheel center buttons circular; only improve depth/clarity. */
#page-viproule .vr-go-btn,
#page-referral2 .rf2-go-btn{
  box-shadow:0 10px 24px color-mix(in srgb,var(--theme-primary) 28%,transparent),inset 0 2px 3px rgba(255,255,255,.35)!important;
  border:2px solid color-mix(in srgb,var(--theme-card) 70%,transparent)!important;
}
#page-tokowin .tw-detail-btn{
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:12px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  background:rgba(255,255,255,.15)!important;
  box-shadow:none!important;
  font-weight:800!important;
}

/* VIP Roulette + Referral2 wheels stay crisp and centered */
#page-viproule .vr-wheel,
#page-referral2 .rf2-wheel{
  image-rendering:auto!important;
  filter:drop-shadow(0 16px 20px rgba(15,23,42,.18)) saturate(1.04) contrast(1.02);
}
#page-viproule .vr-wheel-area,
#page-referral2 .rf2-wheel-stage{
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--theme-p3) 28%,transparent),transparent 58%),
    linear-gradient(180deg,color-mix(in srgb,var(--theme-card) 55%,transparent),transparent)!important;
}
#page-viproule .vr-jackpot-card{
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}

/* Referral 2 */
#page-referral2 .rf2-balance-card{
  background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary) 55%,var(--theme-p2))!important;
  color:var(--theme-on)!important;
  border-color:color-mix(in srgb,var(--theme-p3) 40%,transparent)!important;
}
#page-referral2 .rf2-progress{
  height:11px!important;border-radius:999px!important;background:rgba(255,255,255,.2)!important;overflow:hidden!important
}
#page-referral2 .rf2-progress-bar{
  border-radius:999px!important;
  background:linear-gradient(90deg,#fff,color-mix(in srgb,var(--theme-p3) 60%,white))!important;
}
#page-referral2 .rf2-invite{
  border-radius:17px!important;
  border:1px solid var(--ev-line)!important;
  background:var(--theme-card)!important;
  box-shadow:var(--ev-shadow-sm)!important;
}

/* Bonus App */
#page-bonusapp .ba-card,
#page-bonusapp .ba-rules-wrap{
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-bonusapp .ba-step{
  border:1px solid var(--ev-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,var(--theme-card),var(--theme-soft))!important;
  box-shadow:var(--ev-shadow-sm);
}
#page-bonusapp .ba-card-img,
#page-bonusapp .ba-phone-img{
  image-rendering:auto;
  filter:drop-shadow(0 12px 18px rgba(15,23,42,.14));
}

/* Redeem */
#page-koderedeem .kr-card{
  padding:18px!important;
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-koderedeem .kr-input{
  min-height:50px!important;
  border-radius:14px!important;
  border:1px solid var(--ev-line)!important;
  background:var(--theme-soft)!important;
  color:var(--theme-ink)!important;
  font-weight:700;
  letter-spacing:.4px;
}
#page-koderedeem .kr-paste-btn{
  border-radius:12px!important;
  background:var(--theme-soft2)!important;
  color:var(--theme-primary)!important;
  font-weight:800!important;
}

/* Cashback */
#page-cashback .cb-countdown-card,
#page-cashback .cb-loss-card{
  background:linear-gradient(145deg,var(--theme-card),var(--ev-accent-soft))!important;
}
#page-cashback .cb-digit{
  border-radius:12px!important;
  background:linear-gradient(180deg,var(--theme-deep),var(--theme-primary))!important;
  color:var(--theme-on)!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 20%,transparent)!important;
}
#page-cashback .cb-loss-box{
  border-radius:14px!important;
  border:1px solid var(--ev-line)!important;
  background:var(--theme-soft)!important;
}

/* Toko WIN */
#page-tokowin .tw-body{padding:14px!important;padding-bottom:42px!important}
#page-tokowin .tw-banner{
  width:100%!important;
  border-radius:20px!important;
  border:1px solid var(--ev-line)!important;
  box-shadow:var(--ev-shadow-lg)!important;
  image-rendering:auto;
}
#page-tokowin .tw-coin-card{
  background:linear-gradient(135deg,var(--theme-deep),var(--theme-primary) 55%,var(--theme-p2))!important;
  color:var(--theme-on)!important;
  overflow:hidden;
}
#page-tokowin .tw-coin-label,
#page-tokowin .tw-coin-val{color:var(--theme-on)!important}
#page-tokowin .tw-info-card{background:var(--theme-card)!important}
#page-tokowin .tw-tabs{
  padding:5px!important;border-radius:17px!important;background:var(--theme-soft2)!important;border:1px solid var(--ev-line)!important
}
#page-tokowin .tw-tab{border-radius:12px!important;font-weight:800!important}
#page-tokowin .tw-tab.active{
  color:var(--theme-on)!important;background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important
}
#page-tokowin .tw-grid{gap:12px!important}
#page-tokowin .tw-item,
#page-tokowin .tw-card{
  border-radius:17px!important;
  border:1px solid var(--ev-line)!important;
  background:var(--theme-card)!important;
  box-shadow:var(--ev-shadow-sm)!important;
  overflow:hidden!important;
}

/* Dynamic content generated by JS */
.event-hd-page .event-hd-dynamic-card{
  border-radius:16px!important;
  border:1px solid var(--ev-line)!important;
  background:linear-gradient(145deg,var(--theme-card),var(--theme-soft))!important;
  box-shadow:var(--ev-shadow-sm)!important;
}

/* Images: improve perceived clarity without changing artwork */
.event-hd-page img{
  -webkit-user-drag:none;
  image-rendering:auto;
}
.event-hd-page :is(.promo-banner-img,.event-hd-hero,.tw-banner){
  filter:saturate(1.025) contrast(1.015);
}

/* Skeleton used when an event image is still loading */
.event-hd-page img.event-hd-loading{
  background:linear-gradient(90deg,var(--theme-soft) 20%,var(--theme-soft2) 42%,var(--theme-soft) 65%);
  background-size:240% 100%;
  animation:eventHdShimmer 1.35s linear infinite;
}
@keyframes eventHdShimmer{to{background-position:-240% 0}}

/* Entrance motion */
.event-hd-reveal{
  opacity:0;
  transform:translateY(9px) scale(.995);
  transition:opacity .38s ease,transform .38s cubic-bezier(.2,.75,.25,1);
}
.event-hd-reveal.event-hd-in{opacity:1;transform:none}

/* Dark theme fine tuning */
html[data-theme="graphite-dark"] .event-hd-page{
  --ev-line:color-mix(in srgb,var(--theme-border) 68%,transparent);
  --ev-glass:color-mix(in srgb,var(--theme-card) 92%,transparent);
  --ev-shadow-lg:0 20px 46px rgba(0,0,0,.36),0 4px 14px rgba(0,0,0,.24);
  --ev-shadow-md:0 12px 28px rgba(0,0,0,.28),0 2px 9px rgba(0,0,0,.18);
  --ev-shadow-sm:0 7px 18px rgba(0,0,0,.22);
}
html[data-theme="graphite-dark"] .event-hd-page .layanan-title{text-shadow:none}
html[data-theme="graphite-dark"] .event-hd-page .sidebar-back{border-color:var(--theme-border)!important}
html[data-theme="graphite-dark"] #page-promosi .promo-item,
html[data-theme="graphite-dark"] .event-hd-page .bdh-rules,
html[data-theme="graphite-dark"] .event-hd-page .bdh-table-wrap{border-color:var(--theme-border)!important}

/* Small screens */
@media (max-width:390px){
  .event-hd-page .layanan-header{min-height:54px;padding:9px 12px!important}
  .event-hd-page .layanan-title{font-size:18px!important}
  #page-promosi .promo-item-footer{align-items:center!important}
  #page-promosi .promo-item-left span{font-size:13px!important}
  #page-promosi .promo-claim-btn{padding:0 12px!important;min-height:38px;font-size:12px!important}
  .event-hd-page .bdh-rule{padding:12px 11px!important}
}

@media (prefers-reduced-motion:reduce){
  .event-hd-page *,
  .event-hd-page *::before,
  .event-hd-page *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .event-hd-reveal{opacity:1!important;transform:none!important}
}

/* Event popups / sheets */
.vr-modal-overlay,
.rf2-overlay,
.rf2-share-overlay{
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
}
.vr-modal{
  width:min(88vw,360px)!important;
  border-radius:24px!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 68%,white)!important;
  background:
    radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--theme-p3) 36%,transparent),transparent 42%),
    linear-gradient(180deg,var(--theme-card),var(--theme-soft))!important;
  box-shadow:0 28px 70px rgba(15,23,42,.30)!important;
  overflow:hidden;
}
.vr-modal-title{
  color:var(--theme-deep)!important;
  font-weight:900!important;
  letter-spacing:-.2px;
}
.vr-modal-prize-ico{
  filter:drop-shadow(0 14px 18px rgba(15,23,42,.18));
}
.vr-modal-btn{
  min-height:46px!important;
  border-radius:14px!important;
  color:var(--theme-on)!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary),var(--theme-deep))!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--theme-primary) 25%,transparent)!important;
}
.rf2-modal-wrap{
  filter:drop-shadow(0 24px 60px rgba(15,23,42,.28));
}
.rf2-modal-tab{
  border-radius:18px 18px 0 0!important;
  color:var(--theme-deep)!important;
  font-weight:900!important;
  background:linear-gradient(135deg,var(--theme-soft2),color-mix(in srgb,var(--theme-p3) 34%,var(--theme-card)))!important;
  border:1px solid var(--ev-line)!important;
  border-bottom:0!important;
}
.rf2-modal{
  border-radius:0 0 22px 22px!important;
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme-p3) 28%,transparent),transparent 45%),
    linear-gradient(180deg,var(--theme-card),var(--theme-soft))!important;
  border:1px solid var(--ev-line)!important;
  box-shadow:none!important;
}
.rf2-modal-close{
  box-shadow:0 8px 20px color-mix(in srgb,var(--theme-primary) 24%,transparent)!important;
  border:2px solid color-mix(in srgb,var(--theme-card) 70%,transparent)!important;
}
.rf2-pink-btn{
  min-height:44px!important;
  border-radius:14px!important;
  color:var(--theme-on)!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 9px 20px color-mix(in srgb,var(--theme-primary) 22%,transparent)!important;
}
.rf2-share{
  border-radius:24px 24px 0 0!important;
  background:linear-gradient(180deg,var(--theme-card),var(--theme-soft))!important;
  border-top:1px solid var(--ev-line)!important;
  box-shadow:0 -20px 50px rgba(15,23,42,.18)!important;
}
.rf2-share-link{
  border-radius:14px!important;
  border:1px solid var(--ev-line)!important;
  background:var(--theme-soft)!important;
}
.rf2-share-item{
  border-radius:14px!important;
  padding:8px 4px!important;
  background:color-mix(in srgb,var(--theme-card) 76%,var(--theme-soft))!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 52%,transparent)!important;
}
#tw-cash-modal .cx-modal{
  border-radius:24px!important;
  border:1px solid var(--ev-line)!important;
  background:linear-gradient(180deg,var(--theme-card),var(--theme-soft))!important;
  box-shadow:0 26px 68px rgba(15,23,42,.28)!important;
  overflow:hidden;
}
#tw-cash-modal .cx-header{
  background:linear-gradient(135deg,var(--theme-soft2),var(--theme-bg2))!important;
  border-bottom:1px solid var(--ev-line)!important;
}
#tw-cash-modal .cx-title{color:var(--theme-deep)!important;font-weight:900!important}

/* Home event entry points: slider, mini promos, announcement */
#page-home .banner-slider{
  border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 62%,white)!important;
  background:var(--theme-soft2)!important;
  box-shadow:var(--ev-shadow-lg)!important;
  overflow:hidden!important;
}
#page-home .banner-slide-img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  image-rendering:auto;
}
#page-home .banner-dots{
  padding:6px 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--theme-card) 74%,transparent)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
#page-home .banner-dots span{
  width:7px!important;height:7px!important;
  background:color-mix(in srgb,var(--theme-muted) 40%,transparent)!important;
  transition:width .2s ease,background .2s ease;
}
#page-home .banner-dots span.active{
  width:22px!important;
  border-radius:999px!important;
  background:var(--theme-primary)!important;
  box-shadow:0 0 10px color-mix(in srgb,var(--theme-primary) 32%,transparent);
}
#page-home .promo-scroll{gap:10px!important;padding-top:12px!important}
#page-home .promo-card{
  border-radius:17px!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 58%,white)!important;
  box-shadow:var(--ev-shadow-sm)!important;
  overflow:hidden!important;
  background:var(--theme-card)!important;
  transform:translateZ(0);
  transition:transform .16s ease,box-shadow .16s ease;
}
#page-home .promo-card:active{transform:scale(.97);box-shadow:none!important}
#page-home .promo-card img{width:100%!important;height:100%!important;object-fit:cover!important;image-rendering:auto}
#page-home .ticker{
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--theme-border) 58%,white)!important;
  background:linear-gradient(135deg,var(--theme-card),var(--theme-soft))!important;
  box-shadow:var(--ev-shadow-sm)!important;
}
#page-home .ticker-chat{
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--theme-p2),var(--theme-primary))!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--theme-primary) 24%,transparent)!important;
}

/* Long daily-login artwork: keep full content, but present it as an HD poster card. */
#page-loginharian .layanan-header + div{
  padding:14px 14px 2px!important;
}
#page-loginharian .layanan-header + div > img{
  border-radius:20px!important;
  border:1px solid var(--ev-line)!important;
  box-shadow:var(--ev-shadow-lg)!important;
  background:var(--theme-soft2)!important;
  image-rendering:auto;
}