html{scroll-behavior:smooth}
#beranda,#tentang,#artikel,#faq,#keunggulan,#ulasan,#minigame{scroll-margin-top:190px}
a{text-decoration:none}

.lnk_logo{display:flex;align-items:center;width:auto}
.lnk_logo img{display:block;height:110px;width:auto;margin:-22px 0 -20px -12px}
.row_footLogo li{list-style:none}
.row_footLogo li.logo01{background:none;width:auto}
.row_footLogo li.logo01 img{display:block;height:86px;width:auto;margin:-18px 0 -17px -10px}

.are_head .btn_akses{display:inline-flex;align-items:center;justify-content:center;padding:0 16px}
.are_head .btn_gabung{margin-left:14px;color:#000;background:linear-gradient(180deg,#f4e3b5 0,#d6b680)}
.btn_optionBanner{text-decoration:none}
form.are_head{position:relative}
.are_head .head_mail{position:absolute;right:0;top:-19px;font-size:12px;letter-spacing:.5px;color:#f2dba3;white-space:nowrap}
.are_head .head_mail:hover{color:#e0be1f}
.are_lang .img_lang{width:20px;height:20px;object-fit:contain}
.nav .li_nav.is-active .lnk_nav .txt_nav{color:#ffe082;font-weight:700;text-shadow:0 0 10px rgba(255,214,102,.65)}

.banner[data-v-3fa9b724]{height:auto}
.banner-item[data-v-6e5d0c19]{height:auto}
.reg_homeBanner[data-v-3fa9b724]{height:auto}
.are_homeBanner[data-v-3fa9b724]{position:relative;z-index:0}
.are_bannerOption[data-v-3fa9b724]{margin-top:-290px;padding-top:140px;background-position:center 140px;z-index:3;pointer-events:none}
.are_bannerOption .swiper-slide{pointer-events:auto}

.optionSwiper .swiper-slide [class^="optionBanner"]{perspective:700px}
.optionSwiper .swiper-slide .btn_optionBanner{z-index:4}
.chana_pop{position:absolute;left:50%;bottom:24%;height:112%;width:auto;max-width:none;z-index:3;pointer-events:none;opacity:0;
  transform-origin:50% 100%;transform:translateX(-50%) translateY(14%) scale(.7);
  transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;
  filter:drop-shadow(0 14px 16px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(255,214,140,.35));will-change:transform}
.optionSwiper .swiper-slide.is-pop .chana_pop{opacity:1;
  transform:translateX(-50%) translate3d(var(--px,0px),var(--py,0px),60px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.16);
  animation:chanaBob 2.6s ease-in-out .6s infinite}
.optionSwiper .swiper-slide.is-pop [class^="optionBanner"]>img:first-child{filter:brightness(.55)}
@keyframes chanaBob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media (prefers-reduced-motion:reduce){.chana_pop{transition:opacity .2s}.optionSwiper .swiper-slide.is-pop .chana_pop{animation:none}}

.wrapper_footer{width:1200px}
.id-id .sec_footer .reg_footLink .are_footLink,.th-th .sec_footer .reg_footLink .are_footLink{width:170px}

.subTit_homeWhy h1.txt_blond{display:inline;font-size:23px;font-weight:700;line-height:1.45;margin:0}
.btn_homeWhy{display:inline-flex;align-items:center;justify-content:center}
.cpn_btn_foot{position:relative;display:inline-block}
.cpn_btn_foot a.btn_foot{font-size:12px;color:#000;font-weight:600;position:relative;background:none;border:none;padding:4px 18px;display:inline-block}
.cpn_btn_foot div.btn_foot:has(+a.btn_foot:hover){filter:brightness(1.5)}
.footer h2.txt_footTit{font-weight:400}

.sec_chanaInfo{width:1300px;margin:0 auto;padding:52px 70px 10px;position:relative}
.sec_chanaInfo .wrap_chanaInfo{background:linear-gradient(180deg,rgba(29,26,22,.94),rgba(17,16,21,.97));border:1px solid rgba(187,141,81,.32);border-radius:14px;padding:40px 48px;box-shadow:inset 1px 1px 1px rgba(255,224,175,.12),0 18px 40px rgba(0,0,0,.4)}
.sec_chanaInfo .art_head{margin-bottom:24px;text-align:center}
.sec_chanaInfo .art_chana>p,.sec_chanaInfo .art_chana>h2,.sec_chanaInfo .art_chana>h3,.sec_chanaInfo .art_chana>ol,.sec_chanaInfo .art_chana>ul,.sec_chanaFaq .faq_item{text-align:left}
.sec_chanaInfo ol li{list-style:decimal}
.sec_chanaInfo ul.chana_list{padding-left:22px;margin:8px 0 16px}
.sec_chanaInfo ul.chana_list li{list-style:disc;margin-bottom:7px;color:#d8d2c6;font-size:15px;line-height:1.8}
.sec_chanaInfo .art_kicker{display:inline-block;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:#d6ab60;margin-bottom:10px;padding:4px 14px;border:1px solid rgba(214,171,96,.38);border-radius:999px;background:rgba(214,171,96,.08)}
.sec_chanaInfo h1.art_h1,.sec_chanaInfo h2{font-size:28px;letter-spacing:.5px;line-height:1.35;background:linear-gradient(180deg,#ffedb8 0,#fccc8c 55%,#b88448);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 10px}
.sec_chanaInfo .art_chana>h2{font-size:23px;margin:28px 0 12px}
.sec_chanaInfo h3{font-size:18.5px;color:#f2dba3;margin:22px 0 10px}
.sec_chanaInfo p,.sec_chanaInfo li{font-size:15px;line-height:1.82;color:#d8d2c6}
.sec_chanaInfo p{margin-bottom:13px}
.sec_chanaInfo ol{padding-left:22px;margin:8px 0 16px}
.sec_chanaInfo li{margin-bottom:7px}
.sec_chanaInfo a{color:#f2dba3;border-bottom:1px solid rgba(242,219,163,.35)}
.sec_chanaInfo a:hover{color:#e0be1f}
.sec_chanaInfo strong{color:#ffe0af;font-weight:700}
.sec_chanaInfo .art_meta{font-size:13px;color:#9e927d;margin-top:8px}
.sec_chanaInfo .art_meta time{font-size:13px;color:#d6ab60}
.sec_chanaInfo .art_cta{display:flex;justify-content:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.sec_chanaInfo .art_cta .btn_akses{margin-left:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 28px;border:none;border-bottom:none;color:#000;font-weight:700;border-radius:6px;background:linear-gradient(180deg,#ffe59e 0,#cfa349)}
.sec_chanaInfo .art_cta .btn_gabung{background:linear-gradient(180deg,#f4e3b5 0,#d6b680)}

.chana_crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#b8ad99;margin-bottom:18px}
.chana_crumb a{color:#f2dba3;border-bottom:none}
.chana_crumb strong{color:#fff}

.chana_table_wrap{overflow-x:auto;margin:16px 0 22px;border:1px solid rgba(187,141,81,.35);border-radius:10px;background:rgba(14,13,17,.9)}
.chana_table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.chana_table th{background:linear-gradient(180deg,rgba(62,48,26,.9),rgba(34,27,16,.95));color:#ffe2a8;padding:12px 16px;border-bottom:1px solid rgba(187,141,81,.4);font-weight:700}
.chana_table td{padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.07);color:#dcd6ca;vertical-align:top}
.chana_table tr:last-child td{border-bottom:none}
.chana_table tr:hover td{background:rgba(218,173,72,.05)}

.chana_notice{background:rgba(218,173,72,.09);border-left:4px solid #daad48;padding:14px 18px;border-radius:8px;margin:16px 0;color:#efe6d5;font-size:14px}
.chana_reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.chana_rev{background:rgba(20,20,24,.9);border:1px solid rgba(187,141,81,.28);border-radius:10px;padding:18px 20px;text-align:left}
.chana_rev .rev_head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.chana_rev .rev_name{color:#ffe0af;font-weight:700;font-size:15px}
.chana_rev .rev_tag{font-size:12px;color:#d6ab60;background:rgba(214,171,96,.12);padding:2px 9px;border-radius:999px}
.chana_rev p{margin:0;font-size:13.8px;line-height:1.7;color:#d2ccc0}

.sec_chanaFaq{padding-bottom:56px}
.sec_chanaFaq .faq_list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sec_chanaFaq .faq_item{background:rgba(20,20,23,.88);border:1px solid #3a332c;border-radius:10px;padding:18px 22px}
.sec_chanaFaq .faq_item h3{margin:0 0 8px;font-size:16.5px;color:#ffe0af}
.sec_chanaFaq .faq_item p{margin:0;font-size:14px;line-height:1.72}

.chana_subnav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0 8px}
.chana_subnav a{padding:7px 15px;border-radius:999px;background:rgba(26,23,19,.92);border:1px solid rgba(187,141,81,.38);color:#f2dba3;font-size:13px;transition:all .2s}
.chana_subnav a:hover,.chana_subnav a.is-current{background:linear-gradient(180deg,#ffe59e,#cfa349);color:#120f0a;font-weight:700;border-color:#ffe59e}

/* Interactive Minigame Stage */
.mg_box{background:radial-gradient(circle at 50% 20%,#261e12 0%,#121116 70%);border:2px solid rgba(218,173,72,.55);border-radius:16px;padding:26px;margin:18px 0 28px;box-shadow:0 16px 38px rgba(0,0,0,.6)}
.mg_hud{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;background:rgba(10,10,14,.85);border:1px solid rgba(218,173,72,.35);border-radius:12px;padding:12px 18px;margin-bottom:18px}
.mg_stat{display:flex;flex-direction:column;text-align:left}
.mg_stat span{font-size:11.5px;color:#a89f8d;text-transform:uppercase;letter-spacing:.8px}
.mg_stat strong{font-size:20px;color:#ffe299;font-weight:700}
.mg_stage{background:rgba(8,8,12,.92);border:1px solid rgba(218,173,72,.28);border-radius:12px;padding:22px;text-align:center;position:relative;overflow:hidden}
.mg_controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px}
.mg_btn{cursor:pointer;padding:10px 22px;border-radius:999px;border:1px solid #e6be68;background:linear-gradient(180deg,#2a2318,#17130d);color:#ffe299;font-weight:700;font-size:14px;transition:transform .15s,filter .15s}
.mg_btn:hover{filter:brightness(1.2);transform:translateY(-1px)}
.mg_btn--primary{background:linear-gradient(180deg,#ffeaab 0,#d9a441 55%,#9e6c16 100%);color:#140f06;font-size:15px;padding:12px 30px;box-shadow:0 0 18px rgba(218,173,72,.45)}
.mg_log{margin-top:14px;font-size:14px;color:#f5deb3;min-height:24px;font-weight:600}
.mg_grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:680px;margin:0 auto}
.mg_cell{background:linear-gradient(180deg,#1f1b16,#12100d);border:1.5px solid rgba(218,173,72,.45);border-radius:10px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:84px;transition:transform .2s,border-color .2s}
.mg_cell.is-win{border-color:#ffe57f;box-shadow:0 0 18px rgba(255,229,127,.6);transform:scale(1.04)}
.mg_sym{font-size:32px;line-height:1.1}
.mg_sym_lbl{font-size:11px;color:#cfc4b0;margin-top:4px}
.mg_canvas{width:100%;max-width:860px;height:360px;border-radius:10px;background:radial-gradient(circle at 50% 30%,#0b3558,#051526 75%);border:1px solid rgba(96,195,250,.45);cursor:crosshair;display:block;margin:0 auto}
.mg_road{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;max-width:520px;margin:14px auto 0;padding:10px;background:rgba(0,0,0,.55);border-radius:8px;border:1px solid rgba(218,173,72,.25)}
.mg_dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin:0 auto}
.mg_dot--P{background:#1d4ed8;border:2px solid #93c5fd}
.mg_dot--B{background:#b91c1c;border:2px solid #fca5a5}
.mg_dot--T{background:#15803d;border:2px solid #86efac}