/* == JEMBATAN TOKEN (dihasilkan storefrontTema, jangan disunting tangan) == */
html[data-tema="arena"]{
  --t-bg:var(--bg,#f4f6fa);--t-frame:color-mix(in srgb,var(--bg,#f4f6fa) 82%,var(--txt,#162033));
  --t-surface:var(--card,#fff);--t-field:color-mix(in srgb,var(--card,#fff) 95%,var(--txt,#162033));
  --t-fill:color-mix(in srgb,var(--card,#fff) 92%,var(--txt,#162033));--t-line:var(--line,#dfe5ee);
  --t-text:var(--txt,#162033);--t-muted:var(--muted,#667085);--t-subtle:color-mix(in srgb,var(--muted,#667085) 70%,var(--card,#fff));
  --t-on-bg:var(--txt,#162033);--t-on-bg-muted:var(--muted,#667085);
  --t-on-bg-link:color-mix(in srgb,var(--brand,#4f7cff) 78%,var(--txt,#162033));
  --t-accent:var(--brand,#4f7cff);--t-accent-d:var(--brand-d,#3959be);--t-on-accent:#fff;
  --t-accent-text:color-mix(in srgb,var(--brand,#4f7cff) 78%,var(--txt,#162033));
  --t-accent-soft:color-mix(in srgb,var(--brand,#4f7cff) 12%,var(--card,#fff));
  --t-accent-line:color-mix(in srgb,var(--brand,#4f7cff) 32%,var(--line,#dfe5ee));
  --t-deep:color-mix(in srgb,var(--brand-d,#3959be) 30%,#0b1224);--t-deep-2:color-mix(in srgb,var(--brand,#4f7cff) 38%,#101a33);
  --t-on-deep:#fff;--t-on-deep-muted:rgba(255,255,255,.74);--t-scrim:rgba(6,8,14,.64);
  --t-ok:#22a95b;--t-ok-d:#13804a;--t-ok-soft:var(--ok-bg,#e9f9ef);--t-ok-text:var(--ok-tx,#0b7a3b);
  --t-err:#e5534b;--t-err-d:#a8261e;--t-err-soft:var(--err-bg,#fdecec);--t-err-text:var(--err-tx,#b42318);
  --t-err-line:color-mix(in srgb,var(--err-tx,#b42318) 30%,var(--card,#fff));
  --t-warn-soft:color-mix(in srgb,var(--gold,#f6b60c) 16%,var(--card,#fff));--t-warn-line:color-mix(in srgb,var(--gold,#f6b60c) 42%,var(--card,#fff));
  --t-warn-text:color-mix(in srgb,var(--gold-d,#d98e00) 62%,var(--txt,#162033));
  --t-gold:var(--gold,#f6b60c);--t-gold-d:var(--gold-d,#d98e00);--t-gold-soft:color-mix(in srgb,var(--gold,#f6b60c) 34%,var(--card,#fff));
  --t-gold-text:color-mix(in srgb,var(--gold-d,#d98e00) 85%,var(--txt,#162033));--t-on-gold:#2f2200;--t-promo:#d92d83;
  --t-font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--t-font-display:var(--t-font);
}
/* Kontrol formulir tidak mewarisi huruf; tema berhuruf sendiri butuh ini. */
html[data-tema="arena"] :is(input,select,textarea){font-family:inherit}
/* Kaki identitas duduk di atas kanvas halaman, bukan di atas kartu, jadi
   aksennya memakai warna tautan-di-kanvas: warna merek apa adanya nyaris
   hilang di tema berkanvas gelap (Domino, Arena, Nebula). */
html[data-tema="arena"] .ident-foot{--ident-accent:var(--t-on-bg-link)!important}
/* Baris tautan kebijakan juga duduk di kanvas, bukan di kartu. */
html[data-tema="arena"] .ident-kebijakan a{color:var(--t-on-bg-muted)}
html[data-tema="arena"] .ident-kebijakan a:hover{color:var(--t-on-bg-link)}
/* Cangkang halaman blog dan kebijakan: gayanya inline dan tidak memuat
   style.css, jadi permukaan dan teksnya dipetakan ke token di sini —
   sekali untuk semua tema. Isi artikel diberi panel supaya tetap terbaca
   di atas kanvas bertekstur atau gelap. */
html[data-tema="arena"] body{color:var(--t-on-bg)}
html[data-tema="arena"] :is(.b-title,.b-art-title,.b-lead,.b-date,.b-crumb,.b-pager-info,.b-foot){color:var(--t-on-bg)}
html[data-tema="arena"] .b-eyebrow{background:var(--t-accent-soft);color:var(--t-accent-text)}
html[data-tema="arena"] :is(.b-lead,.b-date,.b-pager-info,.b-crumb,.b-foot){color:var(--t-on-bg-muted)}
html[data-tema="arena"] :is(.b-card,.b-pager a){background:var(--t-surface);border-color:var(--t-line);color:var(--t-text)}
html[data-tema="arena"] .b-card a{color:inherit}
html[data-tema="arena"] .b-body{padding:16px 18px;border:1px solid var(--t-line);border-radius:16px;
  background:var(--t-surface);color:var(--t-text)}
html[data-tema="arena"] .b-body :is(h2,h3,h4,strong,b){color:var(--t-text)}
html[data-tema="arena"] .b-body a{color:var(--t-accent-text)}
html[data-tema="arena"] :is(.b-more,.b-card:hover h2,.b-pager a){color:var(--t-accent-text)}
html[data-tema="arena"] :is(.b-foot a,.b-crumb a:hover){color:var(--t-on-bg-link)}
html[data-tema="arena"] .b-crumb a{color:var(--t-on-bg-muted)}
html[data-tema="arena"] .b-body blockquote{border-color:var(--t-accent)}
html[data-tema="arena"]{--brand-soft:color-mix(in srgb,var(--brand,#4f7cff) 12%,var(--card,#fff));
  --brand-line:color-mix(in srgb,var(--brand,#4f7cff) 32%,var(--line,#dfe5ee))}
/* Huruf tema ikut ke halaman luar: tema bukan hanya warna. */
html[data-tema="arena"] body{font-family:var(--t-font)}
html[data-tema="arena"] :is(.b-brand,.b-title,.b-art-title,.b-card h2,.b-body h2,.b-body h3){font-family:var(--t-font-display)}
/* == /JEMBATAN TOKEN == */

/* ══ Tema ARENA — gelap penuh, oranye turnamen (pola UniPin/BangJeff) ══════
   Panel bersudut potong memakai clip-path; clip-path ikut memotong bayangan,
   jadi cahaya hanya dipasang pada elemen yang tidak dipotong. Garis aksen
   diagonal di sudut potong = lapisan latar --a-kilap (bukan ::before, supaya
   tidak bentrok dengan pseudo-elemen bawaan). */

@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url('huruf/chakra-petch-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url('huruf/chakra-petch-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url('huruf/barlow-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url('huruf/barlow-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── Palet & token ─────────────────────────────────────────────────────── */
html[data-tema="arena"]{
  --gold:#ffb347;--gold-d:#f08c1c;
  --bg:#0c0d11;--card:#15171d;--txt:#eef0f4;--muted:#8f95a4;--line:#2a2e38;
  --ok-bg:#10261a;--ok-tx:#4ee394;--err-bg:#2b1417;--err-tx:#ff8a8a;
  --t-bg:#0c0d11;--t-frame:#050608;--t-surface:#15171d;--t-field:#0f1116;--t-fill:#1f222a;--t-line:#2a2e38;
  --t-text:#eef0f4;--t-muted:#8f95a4;--t-subtle:#7d8393;
  --t-accent:#ff7a1a;--t-accent-d:#ffb347;--t-accent-text:#ff9a3d;--t-accent-soft:#241a12;--t-accent-line:#4d331d;--t-on-accent:#0c0d11;
  --t-deep:#0f1015;--t-deep-2:#191c23;--t-on-deep:#eef0f4;--t-on-deep-muted:#9ba1af;--t-scrim:rgba(3,4,6,.8);
  --t-ok:#2fc073;--t-ok-d:#1a8a4d;--t-ok-soft:#10261a;--t-ok-text:#4ee394;
  --t-err:#ff5a5a;--t-err-d:#b83232;--t-err-soft:#2b1417;--t-err-line:#5a2a2e;--t-err-text:#ff8a8a;
  --t-warn-soft:#272013;--t-warn-line:#54411f;--t-warn-text:#ffc46b;
  --t-gold:#ffb347;--t-gold-d:#f08c1c;--t-gold-soft:#2e2413;--t-gold-text:#ffc46b;--t-on-gold:#1a1204;--t-promo:#ff3d6e;
  --t-font:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--t-font-display:"Chakra Petch",system-ui,sans-serif;
  --a-chak:"Chakra Petch",system-ui,sans-serif;
  --a-or:linear-gradient(135deg,#ff7a1a,#ffb347);
  --a-panel:linear-gradient(180deg,#17191f,#131519);
  --a-cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  --a-jaj:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);
  --a-jaj-s:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);
  --a-jaj-l:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
  --a-hex:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  --a-kilap:linear-gradient(135deg,transparent 9.6px,#ff7a1a 9.6px,#ff7a1a 12.2px,transparent 12.2px) 0 0/26px 26px no-repeat;
  --a-grid:radial-gradient(620px 300px at 50% -60px,rgba(255,122,26,.2),transparent 72%),repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 24px),#0c0d11;
}
html[data-tema="arena"] body{color:var(--txt);background:var(--a-grid)}
html[data-tema="arena"] :is(input,select,textarea){color:var(--txt);color-scheme:dark}
html[data-tema="arena"] ::selection{background:rgba(255,122,26,.4);color:#fff}

/* ── Pola bersama ──────────────────────────────────────────────────────────
   :where() = kekhususan nol (cukup html[data-tema] = 0,1,1) supaya aturan per
   komponen di bawah tetap bisa menimpanya. :is() hanya bila aturan dasar yang
   harus dikalahkan lebih khusus. */
/* Huruf label: Chakra Petch kapital berjarak */
html[data-tema="arena"] :where(.card h2,.page-head h1,.pay-page h3,.pay-kicker,.pay-invoice-label,.pay-step,.order-ticket-top,.track-overline,.track-status-head strong,.track-ticket span,.track-detail-grid span,.track-buyer span:not(.track-avatar),.page-back,.info-more,.section-kicker,.summary-assurance,.checkout-benefits-head>span,.external-pay-head>span,.tabs button,.tabs a,.id-mode button,.player-identity-actions button,.tier-chip,.account-meters span,.wallet-pass-balance span,.checkin-card strong,.spender-head h2,.spender-periods button,.wallet-topup-head h4,.wallet-topup-steps,#wallet-topup-form legend,.wallet-topup-custom>span:first-child,.account-subhead strong,.account-subhead button,.account-filter label>span,.transaction-entry>button,.entry-status,.account-more,.wallet-pass-btn,.wallet-topup-record button,.track-nota-link,.refund-opt button,.login-card .login-back,.profile-editor button,.order-ticket-actions button,.seo-eyebrow,.seo-block-label,.seo-return span,.ident-segel>span,.ident-name,.paycard h3,.tg-miniapp-install-card h3,.bulk-confirm-actions button,.tg-miniapp-install-actions button,.event-popup-cta,.flash-sale-head h3,.promo-copy b){font-family:var(--a-chak);letter-spacing:.07em;text-transform:uppercase}
/* Tombol oranye jajar genjang berteks hitam (ID dasar butuh :is berkekhususan ID) */
html[data-tema="arena"] :is(#check-btn,#track-go,#bulk-preview-btn,#buy-btn){border:0;border-radius:0;background:var(--a-or);color:#0c0d11;font-family:var(--a-chak);font-weight:700;letter-spacing:.08em;text-transform:uppercase;clip-path:var(--a-jaj);box-shadow:none}
html[data-tema="arena"] :where(.btn-full,.nota-btn,.seo-toggle,.wallet-topup-submit,.checkin-card button,.track-ticket button){border:0;border-radius:0;background:var(--a-or);color:#0c0d11;font-family:var(--a-chak);font-weight:700;letter-spacing:.08em;text-transform:uppercase;clip-path:var(--a-jaj);box-shadow:none}
html[data-tema="arena"] :is(#buy-btn,.wallet-topup-submit,.checkin-card button):disabled{background:#262a33;color:#9ba1af;opacity:1}
html[data-tema="arena"] :is(#check-btn,#track-go,#buy-btn,#bulk-preview-btn,.btn-full,.nota-btn,.tabs button,.tabs a,.seo-toggle):focus-visible{outline:2px solid #fff;outline-offset:-5px}
/* Pilihan aktif: oranye pekat */
html[data-tema="arena"] :is(.tabs button.active,.tabs a.active,.id-mode button.is-on,.spender-periods button[aria-selected="true"],.wallet-topup-steps .active span,.pay-step.active .pay-step-dot,.checkin-days li.today:not(.done)>b){border-color:transparent;background:var(--a-or);color:#0c0d11;box-shadow:none}
html[data-tema="arena"] :where(.profile-save,.bulk-confirm-yes,.tg-miniapp-install-confirm,.event-popup-cta){border-color:transparent;background:var(--a-or);color:#0c0d11}
/* Panel bersudut potong */
html[data-tema="arena"] :where(.card,.account-menu,.cs-card,.checkin-card,.account-spender-card,.wallet-topup-card,.player-pass,.account-rank,.track-order-card,.seo-artikel){border:1px solid #252932;border-radius:0;background:var(--a-kilap),var(--a-panel);clip-path:var(--a-cut);box-shadow:none}
/* Kartu pilihan kecil (metode, saldo/poin, preset) */
html[data-tema="arena"] :where(.benefit-card,.paym,.wallet-topup-methods button,.wallet-topup-presets button){border:1px solid #272b34;border-radius:4px;background:#111318;color:var(--txt)}
html[data-tema="arena"] :where(.prod,.benefit-card,.paym,.wallet-topup-methods button,.wallet-topup-presets button):hover{border-color:#5a3a1f}
html[data-tema="arena"] :is(.benefit-card.active,.paym.active,.wallet-topup-methods button.active){border-color:#ff7a1a;background:#1f1813;box-shadow:inset 3px 0 0 #ff7a1a}
/* Ikon heksagon */
html[data-tema="arena"] :where(.benefit-icon,.checkin-mark,.spender-trophy,.wallet-pass-mark,.track-avatar,.bulk-done-mark,.tg-miniapp-install-mark,.seo-return b){border:0;border-radius:0;clip-path:var(--a-hex);box-shadow:none;font-family:var(--a-chak)}
html[data-tema="arena"] :is(.benefit-icon.wallet,.checkin-mark,.spender-trophy,.wallet-pass-mark){background:var(--a-or);color:#0c0d11}
/* Sudut 4px untuk kotak kecil lain */
html[data-tema="arena"] :where(input,.account-filter select,.bulk-field select,.bulk-field textarea,.email-help,.checkout-benefits,.pay-invoice,.pay-state-head,.order-ticket,.pay-email-note,.va,.track-buyer,.track-detail-grid,.refund-box,.track-error,.btn-outline,.nota-btn-sekunder,.info-promo-list img,.info-leaderboard-list img,.account-loading,.account-error,.profile-editor,.avatar-picker,.avatar-options button,.wallet-topup-input,.wallet-topup-quote>p,.wallet-topup-error,.wallet-topup-record,.wallet-topup-instruction,.wallet-topup-active,.wallet-topup-breakdown,.account-entry,.account-subhead button,.account-more,.mutation-sign,.spender-list li,.spender-avatar,.bulk-secondary,.bulk-summary,.bulk-rows-report,.bulk-warn,.bulk-confirm-detail,.bulk-confirm-actions button,.tg-miniapp-install-actions button,.seo-jelajah,.seo-route,.seo-block,.seo-faq,.ident-mark,.cs-avatar,.bantuan-avatar,.track-status-icon,.close,.paycard,.tg-miniapp-install-card,.event-popup-card,.event-popup-body,.flash-sale){border-radius:4px}

/* ── Header: kaca gelap + garis rambut oranye ──────────────────────────── */
html[data-tema="arena"] .hdr{color:var(--txt);background:rgba(12,13,17,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none}
html[data-tema="arena"] .hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff7a1a 50%,transparent);pointer-events:none}
html[data-tema="arena"] #brand-name{font:700 17px/1 var(--a-chak);letter-spacing:.12em}
html[data-tema="arena"] .brand img#brand-logo{border-radius:6px;box-shadow:0 0 0 1px #ff7a1a,0 0 14px rgba(255,122,26,.3)}
html[data-tema="arena"] .hdr-back{width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#ff7a1a}
html[data-tema="arena"] .hdr-back:hover{background:rgba(255,122,26,.1)}
html[data-tema="arena"] .hdr .link{color:var(--txt);border-radius:4px}

/* ── Hero (bila dinyalakan domain) ─────────────────────────────────────── */
html[data-tema="arena"] .hero:not(.hero-mati){
  color:var(--txt);border:1px solid #2a2e38;border-radius:0;clip-path:var(--a-cut);box-shadow:none;background-color:#0c0d11;
  background-image:linear-gradient(90deg,rgba(12,13,17,.97) 0%,rgba(12,13,17,.86) 44%,rgba(12,13,17,.2) 76%,rgba(12,13,17,0) 100%),linear-gradient(0deg,rgba(255,122,26,.28),transparent 42%),var(--hero-gambar,url('/assets/tokohiggs-hero-resmi-mitra-bergaransi.webp'))!important;
}
html[data-tema="arena"] .hero:not(.hero-mati)::before{content:"";position:absolute;inset:0;z-index:3;background:var(--a-kilap);pointer-events:none}
html[data-tema="arena"] .hero .badge{border:0;border-radius:0;clip-path:var(--a-jaj-s);padding:5px 12px;background:rgba(255,122,26,.2);box-shadow:none;color:#ffb347;font:600 9.5px/1.2 var(--a-chak);letter-spacing:.1em;text-transform:uppercase}
html[data-tema="arena"] .hero h1{font:700 24px/1.02 var(--a-chak);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 18px rgba(255,122,26,.35)}
html[data-tema="arena"] .hero .h1-kw{font:400 12px/1.3 var(--t-font);text-transform:none;text-shadow:none;color:#c9ced8;opacity:1}
html[data-tema="arena"] .hero p{color:#b4bac6;opacity:1}
html[data-tema="arena"] .hero-trust span{border:1px solid rgba(255,122,26,.45);border-radius:0;background:rgba(12,13,17,.86);box-shadow:none;color:var(--txt);font:600 9.5px/1 var(--a-chak);letter-spacing:.05em;text-transform:uppercase}
html[data-tema="arena"] .hero-trust b{border-radius:1px;background:#ff7a1a;color:#0c0d11}

/* ── Banner event ──────────────────────────────────────────────────────── */
html[data-tema="arena"] .event-slider{border-radius:0;clip-path:var(--a-cut);box-shadow:none;background:#0c0d11}
html[data-tema="arena"] .event-dots{gap:4px;margin-top:10px}
html[data-tema="arena"] .event-dots button{width:14px;height:3px;border-radius:0;background:rgba(255,255,255,.18)}
html[data-tema="arena"] .event-dots button.is-on{width:26px;background:#ff7a1a;box-shadow:0 0 8px #ff7a1a}

/* ── Kartu langkah ─────────────────────────────────────────────────────── */
html[data-tema="arena"] .card{margin-bottom:12px;padding:14px}
html[data-tema="arena"] .card h2{gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:.06em}
html[data-tema="arena"] .user-id-head h2{margin:0}
html[data-tema="arena"] .card h2 .num{width:32px;height:24px;flex:0 0 32px;border-radius:0;background:var(--a-or);color:#0c0d11;font:700 14px/1 var(--a-chak);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}

/* Isian */
html[data-tema="arena"] input{border:1px solid var(--line);background:var(--t-field)}
html[data-tema="arena"] :is(input,textarea)::placeholder{color:#6d7382;opacity:1}
html[data-tema="arena"] input:focus{border-color:#ff7a1a;background:#121419;box-shadow:0 0 0 3px rgba(255,122,26,.16),0 0 18px rgba(255,122,26,.12)}
html[data-tema="arena"] :is(#game-id,#track-input,#login-code,#wallet-topup-amount){font-family:var(--a-chak);letter-spacing:.06em}
html[data-tema="arena"] .wallet-topup-input input{background:transparent}
html[data-tema="arena"] :is(#check-btn,#track-go,#bulk-preview-btn){padding:0 18px;font-size:14px;line-height:1}
html[data-tema="arena"] #bulk-preview-btn{min-height:44px}
html[data-tema="arena"] .user-id-row #user-id-guide-btn{border:1px solid var(--line);border-radius:4px;background:var(--t-field)}
html[data-tema="arena"] .user-id-row #user-id-guide-btn:hover{border-color:#ff7a1a;background:#121419;box-shadow:0 0 12px rgba(255,122,26,.2)}
html[data-tema="arena"] .user-id-copy{font-size:12.5px;line-height:1.5}
html[data-tema="arena"] .buyer{padding:9px 12px;border:1px solid rgba(61,220,132,.35);border-radius:4px;background:rgba(61,220,132,.08);color:#3ddc84;font:600 13.5px/1.3 var(--a-chak);letter-spacing:.02em}
html[data-tema="arena"] .buyer.err{border-color:rgba(255,106,106,.4);background:rgba(255,90,90,.08);color:#ff8a8a}
html[data-tema="arena"] .id-mode{border-radius:0;background:#0f1116;box-shadow:inset 0 0 0 1px var(--line)}
html[data-tema="arena"] .id-mode button{border-radius:0;clip-path:var(--a-jaj-s);font-size:11.5px}

/* ── Kategori: chip jajar genjang ──────────────────────────────────────── */
html[data-tema="arena"] .tabs{gap:6px;margin:0 0 14px}
html[data-tema="arena"] .tabs button,html[data-tema="arena"] .tabs a{padding:10px 14px;border:0;border-radius:0;background:#1f222a;color:#a9afbd;font-size:12.5px;font-weight:600;line-height:1;letter-spacing:.05em;clip-path:var(--a-jaj);box-shadow:none}

/* ── Nominal: dua kolom, harga menyala ─────────────────────────────────── */
html[data-tema="arena"] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-tema="arena"] .prod{min-height:0;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto;align-content:start;align-items:center;gap:8px;padding:11px;border:1px solid #272b34;border-radius:6px;background:#17191f;color:var(--txt)}
html[data-tema="arena"] .prod .ic{grid-row:1;grid-column:1;width:32px;height:32px;overflow:hidden;font-size:18px}
html[data-tema="arena"] .prod.prod-image-native .ic img{width:32px;height:32px}
html[data-tema="arena"] .prod .ic img{font-size:9px;line-height:1.1}
html[data-tema="arena"] .prod .n{grid-row:1;grid-column:2;align-self:center;font:600 12.5px/1.2 var(--a-chak);letter-spacing:.03em}
html[data-tema="arena"] .prod-price{grid-row:2;grid-column:1/-1;display:grid;justify-items:start;gap:6px}
html[data-tema="arena"] .prod-price strong,html[data-tema="arena"] .prod .p{color:#ff9a3d;font:700 17px/1 var(--a-chak);letter-spacing:.02em;text-shadow:0 0 14px rgba(255,122,26,.45)}
html[data-tema="arena"] .prod .p{grid-column:1/-1;justify-self:start;padding:0;border-radius:0;background:none;box-shadow:none}
html[data-tema="arena"] .prod-price del{color:var(--t-subtle);font:600 11px/1 var(--a-chak)}
html[data-tema="arena"] .prod-points{padding:3px 7px;border:1px solid rgba(255,179,71,.35);border-radius:2px;background:transparent;color:#ffb347;font:600 10.5px/1 var(--t-font);letter-spacing:.02em}
html[data-tema="arena"] .prod.active{border-color:#ff7a1a;background:linear-gradient(180deg,#241a12,#17191f);box-shadow:0 0 0 1px #ff7a1a,0 0 22px rgba(255,122,26,.28)}
html[data-tema="arena"] .prod.active::after{content:"";position:absolute;top:0;right:0;width:18px;height:18px;border-top-right-radius:5px;background:#ff7a1a;clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
html[data-tema="arena"] .promo-badge{top:6px;right:6px;padding:4px 9px;font-family:var(--a-chak);letter-spacing:.08em}
html[data-tema="arena"] .flash-sale{border:1px solid rgba(255,122,26,.35);background:radial-gradient(90% 120% at 0 0,rgba(255,122,26,.18),transparent 60%),#101216;box-shadow:none}
html[data-tema="arena"] .flash-ticket{background:var(--a-or);color:#0c0d11;font-family:var(--a-chak)}
html[data-tema="arena"] .flash-sale-head h3{font-size:15px;font-weight:700}

/* ── Email ─────────────────────────────────────────────────────────────── */
html[data-tema="arena"] .email-help{border:1px dashed #3a3f4b;background:rgba(255,255,255,.02);color:var(--muted);font-size:12px}
html[data-tema="arena"] .email-help::before{border-radius:2px;background:#ff7a1a;color:#0c0d11}
html[data-tema="arena"] .email-help[data-kind="error"]{border-color:var(--t-err-line);background:var(--err-bg)}
html[data-tema="arena"] .email-help[data-kind="error"]::before{background:var(--err-tx)}

/* ── Langkah 4: saldo/poin + metode ────────────────────────────────────── */
html[data-tema="arena"] .checkout-benefits{padding:11px 12px;border:1px dashed #3a3f4b;background:rgba(8,9,12,.4)}
html[data-tema="arena"] :is(.checkout-benefits-head,.external-pay-head)>span{font-size:12.5px;font-weight:700}
html[data-tema="arena"] :is(.checkout-benefits-head,.external-pay-head) small{font-size:11.5px}
html[data-tema="arena"] .benefit-card.locked{background:#101216}
html[data-tema="arena"] .benefit-card b{font:700 11px/1.1 var(--a-chak);letter-spacing:.07em}
html[data-tema="arena"] .benefit-card strong{font:700 14px/1.25 var(--a-chak)}
html[data-tema="arena"] .benefit-card small{font-size:10.5px}
html[data-tema="arena"] .benefit-icon{font-size:12px;font-weight:700}
html[data-tema="arena"] .external-pay-head{border-top:1px dashed #3a3f4b}
html[data-tema="arena"] .paygrid{gap:8px}
html[data-tema="arena"] .paym{padding:11px 12px}
html[data-tema="arena"] .paym-ic{width:fit-content;max-width:100%;height:24px;padding:2px 6px;border-radius:2px}
html[data-tema="arena"] .paym-ic-fb{height:auto;padding:0;background:transparent}
html[data-tema="arena"] .paym-n{font:700 14px/1.15 var(--a-chak);letter-spacing:.03em;color:var(--txt)}
html[data-tema="arena"] .paym-p{font-size:12.5px;color:var(--muted)}
html[data-tema="arena"] .paym.active .paym-p{color:#ff9a3d}
html[data-tema="arena"] .paym-internal{background:linear-gradient(135deg,#10261a,#111318)}
html[data-tema="arena"] .paym-internal .paym-ic{border-radius:0;clip-path:var(--a-hex);background:linear-gradient(135deg,#2fc073,#1a8a4d);color:#0c0d11}

/* ── Bar bayar: kaca gelap, total menyala ──────────────────────────────── */
html[data-tema="arena"] .summary{gap:6px 12px;padding:9px 10px 10px 14px;background:rgba(15,16,21,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.55)}
html[data-tema="arena"] .summary-assurance{padding-bottom:6px;border-bottom:1px solid #22252d;color:#3ddc84;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.06em}
html[data-tema="arena"] .summary>div::before{color:var(--muted);font:400 10.5px/1.3 var(--t-font);letter-spacing:.12em;text-transform:uppercase}
html[data-tema="arena"] #sum-price{color:#ff9a3d;font:700 21px/1.1 var(--a-chak);letter-spacing:.01em;text-shadow:0 0 14px rgba(255,122,26,.4);white-space:nowrap}
html[data-tema="arena"] #buy-btn{min-width:148px;max-width:230px;padding:13px 20px;font-size:13.5px;line-height:1.1;letter-spacing:.07em;white-space:normal}

/* Tombol CS melayang: warna Telegram tetap, bentuk ikut tema */
html[data-tema="arena"] .bantuan-tg{border-radius:6px;border-color:rgba(255,255,255,.3)}
html[data-tema="arena"] .bantuan-avatar>img{border-radius:3px}

/* ── Navigasi bawah: titik menyala + tombol tengah heksagon ────────────── */
html[data-tema="arena"] .bnav{background:#0c0d11;border-top:1px solid #1d2028;box-shadow:0 -10px 24px rgba(0,0,0,.45);font-family:var(--a-chak)}
html[data-tema="arena"] .bnav a{color:#7d8393;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
html[data-tema="arena"] .bnav a[aria-current="page"]{color:#ff7a1a;font-weight:700}
html[data-tema="arena"] .bnav a[aria-current="page"]::before{display:none}
html[data-tema="arena"] .bnav a[aria-current="page"] svg{filter:drop-shadow(0 0 6px rgba(255,122,26,.55))}
html[data-tema="arena"] .bnav a[aria-current="page"]::after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#ff7a1a;box-shadow:0 0 8px #ff7a1a}
html[data-tema="arena"] .bnav li.center a{color:#ffb347}
html[data-tema="arena"] .bnav li.center a[aria-current="page"]::after{display:none}
html[data-tema="arena"] .bnav li.center::before{content:"";position:absolute;top:-28px;left:50%;width:62px;height:69px;transform:translateX(-50%);background:linear-gradient(160deg,rgba(255,179,71,.55),rgba(255,122,26,.12) 60%,#0c0d11);clip-path:var(--a-hex);pointer-events:none}
html[data-tema="arena"] .bnav .bnav-fab{top:-24px;width:54px;height:61px;border:0;border-radius:0;background:linear-gradient(160deg,#ffb347,#ff7a1a);clip-path:var(--a-hex);box-shadow:none}
html[data-tema="arena"] .bnav .bnav-fab svg{stroke:#0c0d11;stroke-width:2.4}
html[data-tema="arena"] .bnav li.center a[aria-current="page"] .bnav-fab{background:linear-gradient(160deg,#ffc978,#ff8f33);box-shadow:none}
html[data-tema="arena"] .bnav .bnav-dot{border-color:#0c0d11}
html[data-tema="arena"] .bnav .bnav-dot.pts{z-index:2;border-radius:2px;font-family:var(--a-chak)}

/* ── Halaman ───────────────────────────────────────────────────────────── */
html[data-tema="arena"] .page-head::before{content:"";display:block;width:34px;height:3px;margin-bottom:10px;background:var(--a-or);box-shadow:0 0 10px rgba(255,122,26,.6)}
html[data-tema="arena"] .page-head h1{font-size:26px;font-weight:700;line-height:1.08;letter-spacing:.04em}
html[data-tema="arena"] .page-head p{font-size:12.5px}
html[data-tema="arena"] .section-kicker{color:#ff7a1a;font-size:11px;font-weight:600;letter-spacing:.14em}
html[data-tema="arena"] .page-back{color:#ffb347;font-size:12.5px;font-weight:600}
html[data-tema="arena"] :is(.btn-full,.nota-btn){padding:14px;font-size:14px;line-height:1.1;clip-path:var(--a-jaj-l)}
html[data-tema="arena"] :is(.btn-full.btn-outline,.nota-btn-sekunder){clip-path:none;border:1px solid rgba(255,122,26,.6);background:rgba(255,122,26,.06);color:#ffb347}
html[data-tema="arena"] .btn-full.btn-outline:hover{background:rgba(255,122,26,.12);box-shadow:0 0 16px rgba(255,122,26,.18)}
html[data-tema="arena"] #pay-body a.btn-full{color:#0c0d11!important}
html[data-tema="arena"] .muted{color:var(--muted)}

/* ── Pembayaran /pesanan/<nomor> ───────────────────────────────────────── */
html[data-tema="arena"] .payment-card::before{display:none}
html[data-tema="arena"] .pay-page{padding:18px 14px 14px}
html[data-tema="arena"] .pay-kicker{color:#ff7a1a;font-size:11px;font-weight:600;letter-spacing:.16em}
html[data-tema="arena"] .pay-page h3{font-size:19px;font-weight:700;letter-spacing:.05em}
html[data-tema="arena"] .pay-invoice{padding:14px;border:1px solid rgba(255,122,26,.35);background:linear-gradient(135deg,rgba(255,122,26,.13),transparent 70%),#121419;box-shadow:none}
html[data-tema="arena"] .pay-invoice-label{color:#ffb347;font-size:11px;font-weight:600;letter-spacing:.12em}
html[data-tema="arena"] .pay-invoice-amount{margin-top:6px;color:var(--txt);font:700 33px/1.05 var(--a-chak);letter-spacing:.01em;text-shadow:0 0 18px rgba(255,122,26,.35)}
html[data-tema="arena"] .pay-invoice-product{color:var(--muted);font:600 13px/1.3 var(--a-chak);letter-spacing:.04em}
html[data-tema="arena"] .pay-funding-breakdown{border-top:1px dashed #3a3f4b}
html[data-tema="arena"] .pay-funding-breakdown :is(span,b){font-size:12px}
html[data-tema="arena"] .pay-nota-link{color:#ffb347;font-family:var(--a-chak);letter-spacing:.04em}
html[data-tema="arena"] .pay-step{gap:6px;color:#7d8393;font-size:11.5px;font-weight:600;letter-spacing:.05em}
html[data-tema="arena"] .pay-step.active,html[data-tema="arena"] .pay-step.done{color:var(--txt)}
html[data-tema="arena"] .pay-step-dot{width:28px;height:22px;border-radius:0;background:#1f222a;color:#8f95a4;font:700 12px/1 var(--a-chak);clip-path:var(--a-jaj-s)}
html[data-tema="arena"] .pay-step.done .pay-step-dot{background:#2fc073;color:#0c0d11}
html[data-tema="arena"] .pay-step-line{flex:1 1 auto;width:auto;min-width:8px;height:2px;border-radius:0;background:var(--line)}
html[data-tema="arena"] .pay-step-line.done{background:#2fc073}
html[data-tema="arena"] .pay-state-head{padding:12px;background:#111318}
html[data-tema="arena"] .pay-state-symbol{border:1px solid rgba(255,179,71,.4);border-radius:4px;background:rgba(255,179,71,.12);color:#ffb347;box-shadow:none}
html[data-tema="arena"] .pay-status.ok .pay-state-symbol{border-color:rgba(61,220,132,.4);background:rgba(61,220,132,.12);color:#3ddc84}
html[data-tema="arena"] .pay-status.err .pay-state-symbol{border-color:rgba(255,106,106,.45);background:rgba(255,90,90,.12);color:#ff8a8a}
html[data-tema="arena"] .pay-state-head strong{font:600 14.5px/1.3 var(--a-chak);letter-spacing:.02em}
html[data-tema="arena"] .pay-state-head p{font-size:12.5px}
html[data-tema="arena"] .order-ticket{padding:14px;border:1px dashed #3a3f4b;background:#0f1015;box-shadow:none}
html[data-tema="arena"] .order-ticket::after{display:none}
html[data-tema="arena"] .order-ticket-top{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em}
html[data-tema="arena"] .order-ticket-top b{color:#ffb347;font:700 17px/1 var(--a-chak);letter-spacing:.06em;text-shadow:0 0 12px rgba(255,122,26,.3)}
html[data-tema="arena"] .order-ticket-actions{grid-template-columns:1fr 1fr;gap:8px;border-top-color:#2a2e38}
html[data-tema="arena"] .order-ticket-actions button{padding:10px 8px;border:1px solid var(--line);border-radius:4px;background:#15171d;color:var(--txt);font-size:12px;font-weight:600;line-height:1;letter-spacing:.05em}
html[data-tema="arena"] .order-ticket-actions button:last-child{border-color:transparent;background:var(--a-or);color:#0c0d11}
html[data-tema="arena"] .pay-email-note{border:1px solid rgba(61,220,132,.25)}
html[data-tema="arena"] .va{background:#0f1116;color:#ffb347;font-family:var(--a-chak)}
html[data-tema="arena"] #pay-body img{background:#fff;border-radius:4px;padding:6px}

/* ── Lacak pesanan & nota ──────────────────────────────────────────────── */
html[data-tema="arena"] .track-order-card{background:#15171d}
html[data-tema="arena"] .track-status-icon{box-shadow:none;color:#0c0d11}
html[data-tema="arena"] :is(.track-status-icon,.pay-state-symbol).has-asset{color:var(--txt)}
html[data-tema="arena"] .track-overline{font-size:10px;font-weight:600;letter-spacing:.14em}
html[data-tema="arena"] .track-status-head strong{font-size:17px;font-weight:700;letter-spacing:.04em}
html[data-tema="arena"] .track-status-head p{font-size:12px}
html[data-tema="arena"] .track-buyer{background:#111318}
html[data-tema="arena"] .track-buyer strong{font:700 14.5px/1.25 var(--a-chak);letter-spacing:.02em}
html[data-tema="arena"] :is(.track-buyer span:not(.track-avatar),.track-detail-grid span,.track-ticket span){letter-spacing:.1em}
html[data-tema="arena"] .track-detail-grid>div{background:#121419}
html[data-tema="arena"] .track-detail-grid b{font-size:12.5px}
html[data-tema="arena"] .track-ticket{background:#0f1015;border-top:1px dashed #3a3f4b}
html[data-tema="arena"] .track-ticket b{color:#ffb347;font:700 17px/1.1 var(--a-chak);letter-spacing:.06em}
html[data-tema="arena"] .track-ticket button{padding:9px 14px;font-size:11px;line-height:1;clip-path:var(--a-jaj-s)}
html[data-tema="arena"] .track-nota-link{border-color:var(--line);border-radius:4px}
html[data-tema="arena"] .refund-box{border:1px solid var(--line);background:#111318}
html[data-tema="arena"] .refund-box[style]{color:var(--err-tx)!important}
html[data-tema="arena"] .refund-opt button{border-radius:4px;background:transparent;color:#ffb347}

/* ── Bantuan & Info ────────────────────────────────────────────────────── */
html[data-tema="arena"] .faq-item{border-top-color:#22252d}
html[data-tema="arena"] .faq-item summary{font-weight:600;font-size:14px}
html[data-tema="arena"] .faq-item summary::after,html[data-tema="arena"] .seo-faq summary::after{border-radius:2px;background:#1f222a;color:#ff7a1a;font-family:var(--a-chak)}
html[data-tema="arena"] .faq-item[open] summary::after{background:#ff7a1a;color:#0c0d11}
html[data-tema="arena"] .cs-copy b{font:700 15px/1.2 var(--a-chak);letter-spacing:.04em}
html[data-tema="arena"] .cs-go{color:#ff7a1a}
html[data-tema="arena"] :is(.info-promo-list,.info-leaderboard-list) img{border-color:#2a2e38}
html[data-tema="arena"] .info-posts li{border-top-color:#22252d}
html[data-tema="arena"] .info-posts a b{font-weight:600;font-size:14px}
html[data-tema="arena"] .info-posts a:hover b{color:#ffb347}
html[data-tema="arena"] .info-more{color:#ffb347;font-size:12.5px;font-weight:600}
html[data-tema="arena"] .info-brand{color:#ff9a3d}

/* Menu akun / tautan halaman */
html[data-tema="arena"] :is(.account-menu a,.account-menu button){border-top-color:#22252d;font-weight:600;font-size:14px}
html[data-tema="arena"] :is(.account-menu a,.account-menu button):hover{background:#1b1e25}
html[data-tema="arena"] :is(.account-menu a,.account-menu button)>span{border-radius:2px;background:rgba(255,122,26,.12);color:#ff9a3d;box-shadow:inset 0 0 0 1px rgba(255,122,26,.3);font-family:var(--a-chak)}
html[data-tema="arena"] .account-menu a>i{color:#ff7a1a}
html[data-tema="arena"] .account-menu button.danger>span{background:var(--err-bg);color:var(--err-tx);box-shadow:inset 0 0 0 1px rgba(255,128,128,.3)}
html[data-tema="arena"] .login-card .login-back{border-radius:4px;background:transparent}

/* ── Akun: kartu pemain & check-in ─────────────────────────────────────── */
html[data-tema="arena"] .player-pass{border-color:#2a2e38;background:var(--a-kilap),radial-gradient(120% 90% at 100% 0,rgba(255,122,26,.2),transparent 55%),linear-gradient(160deg,#1a1d24,#0e0f13)}
html[data-tema="arena"] .player-pass::before,html[data-tema="arena"] .player-pass::after{background:#0c0d11;box-shadow:inset 0 0 0 1px #2a2e38}
html[data-tema="arena"] .player-avatar{border:1px solid rgba(255,179,71,.6);border-radius:4px;box-shadow:0 0 16px rgba(255,122,26,.18)}
html[data-tema="arena"] .avatar-initials{background:linear-gradient(145deg,#2b2f39,#15171d);color:#ff9a3d;font-family:var(--a-chak)}
html[data-tema="arena"] .player-identity strong{font:700 16px/1.25 var(--a-chak);letter-spacing:.03em}
html[data-tema="arena"] .player-identity-actions button{color:#ffb347;font-size:10.5px;font-weight:600;letter-spacing:.06em}
html[data-tema="arena"] .tier-chip{padding:6px 12px;border:0;border-radius:0;clip-path:var(--a-jaj-s);background:rgba(255,122,26,.18);color:#ffb347;font-size:9.5px;font-weight:700;letter-spacing:.08em}
html[data-tema="arena"] .account-meters{border-top:1px dashed rgba(255,255,255,.14)}
html[data-tema="arena"] .account-meters>div+div{border-left-color:rgba(255,255,255,.1)}
html[data-tema="arena"] :is(.account-meters span,.wallet-pass-balance span){letter-spacing:.12em}
html[data-tema="arena"] .account-meters strong{font:700 20px/1.2 var(--a-chak);letter-spacing:.02em}
html[data-tema="arena"] .tier-track{height:6px;border-radius:0;background:rgba(255,255,255,.08)}
html[data-tema="arena"] .tier-track span{border-radius:0;background:var(--a-or);box-shadow:0 0 10px rgba(255,122,26,.6)}
html[data-tema="arena"] :is(.profile-editor,.avatar-picker){background:rgba(0,0,0,.3)}
html[data-tema="arena"] .profile-editor input{border-color:var(--line);background:#0f1116;color:var(--txt)}
html[data-tema="arena"] .checkin-mark{font-size:12px;font-weight:700}
html[data-tema="arena"] .checkin-card strong{font-size:14px;letter-spacing:.04em}
html[data-tema="arena"] .checkin-card span{font-size:11.5px}
html[data-tema="arena"] .checkin-card button{padding:10px 14px;font-size:11px;line-height:1;clip-path:var(--a-jaj-s)}
html[data-tema="arena"] .checkin-days li{border-color:#272b34;border-radius:2px;background:#111318;font-family:var(--a-chak)}
html[data-tema="arena"] .checkin-days li>b{border-radius:0;clip-path:var(--a-hex);background:#1f222a;color:#9ba1af}
html[data-tema="arena"] .checkin-days li.done{border-color:rgba(255,122,26,.4);background:#1f1813}
html[data-tema="arena"] .checkin-days li.done>b{background:#ff7a1a;color:#0c0d11}
html[data-tema="arena"] .checkin-days li.today{border-color:#ff7a1a;box-shadow:0 0 0 1px #ff7a1a,0 0 14px rgba(255,122,26,.3)}
html[data-tema="arena"] .checkin-days li.bonus{border-color:rgba(255,179,71,.45);background:#272013}
html[data-tema="arena"] .account-rank{background:var(--a-kilap),linear-gradient(145deg,#272013,#15171d)}
html[data-tema="arena"] .account-rank strong{font-family:var(--a-chak);text-shadow:0 0 14px rgba(255,179,71,.4)}
html[data-tema="arena"] .account-spender-card{background:var(--a-kilap),radial-gradient(90% 70% at 100% 0,rgba(255,122,26,.12),transparent 60%),var(--a-panel)}
html[data-tema="arena"] .spender-card::after{border-color:rgba(255,122,26,.07)}
html[data-tema="arena"] .spender-head h2{font-size:17px;font-weight:700;letter-spacing:.05em}
html[data-tema="arena"] .spender-periods{border-radius:0;background:#0f1116;box-shadow:inset 0 0 0 1px #22252d}
html[data-tema="arena"] .spender-periods button{border-radius:0;clip-path:var(--a-jaj-s);color:#a9afbd;font-size:11px;font-weight:600}
html[data-tema="arena"] .spender-list li{border-color:#272b34;background:#111318}
html[data-tema="arena"] .spender-avatar{color:#fff}
html[data-tema="arena"] .spender-list li>b{color:#ff9a3d;font-family:var(--a-chak)}

/* ── Saldo ─────────────────────────────────────────────────────────────── */
html[data-tema="arena"] .wallet-pass-mark{font-size:17px;font-weight:700}
html[data-tema="arena"] .wallet-pass-copy strong{font:700 16px/1.25 var(--a-chak);letter-spacing:.03em}
html[data-tema="arena"] .wallet-pass-balance{border-top-color:rgba(255,255,255,.14)}
html[data-tema="arena"] .wallet-pass-balance strong{color:#ff9a3d;font:700 34px/1.05 var(--a-chak);letter-spacing:.01em;text-shadow:0 0 20px rgba(255,122,26,.45)}
html[data-tema="arena"] .wallet-pass-btn{border-radius:4px;letter-spacing:.07em}
html[data-tema="arena"] .wallet-pass-btn.primary{border:0;border-radius:0;background:var(--a-or);color:#0c0d11;font-weight:700;clip-path:var(--a-jaj-l)}
html[data-tema="arena"] .wallet-pass-btn.primary:hover{background:linear-gradient(135deg,#ff8a33,#ffc26b)}
html[data-tema="arena"] .wallet-pass-btn.primary b{border-radius:0;background:rgba(12,13,17,.18)}
/* Tanda Rp heksagon lewat ::before supaya lencana "+" di sudutnya tidak ikut terpotong */
html[data-tema="arena"] .wallet-topup-mark{isolation:isolate;background:none;color:#0c0d11;font-family:var(--a-chak);box-shadow:none}
html[data-tema="arena"] .wallet-topup-mark::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--a-or);clip-path:var(--a-hex)}
html[data-tema="arena"] .wallet-topup-mark span{z-index:1;border-color:#15171d;color:#0c0d11}
html[data-tema="arena"] .wallet-topup-head h4{font-size:16px;font-weight:700;letter-spacing:.05em}
html[data-tema="arena"] .wallet-topup-steps{letter-spacing:.04em}
html[data-tema="arena"] .wallet-topup-steps span{width:28px;height:22px;border-radius:0;clip-path:var(--a-jaj-s);background:#1f222a}
html[data-tema="arena"] .wallet-topup-steps li:not(:last-child)::after{background:var(--line)}
html[data-tema="arena"] :is(#wallet-topup-form legend,.wallet-topup-custom>span:first-child,.account-filter label>span){letter-spacing:.1em}
html[data-tema="arena"] .wallet-topup-presets button{font:700 13px/1.1 var(--a-chak);letter-spacing:.02em}
html[data-tema="arena"] .wallet-topup-presets button[aria-pressed="true"]{border-color:#ff7a1a;background:#241a12;color:#ff9a3d;box-shadow:0 0 0 1px #ff7a1a,0 0 14px rgba(255,122,26,.25)}
html[data-tema="arena"] .wallet-topup-input{background:#0f1116}
html[data-tema="arena"] .wallet-topup-input:focus-within{border-color:#ff7a1a;box-shadow:0 0 0 3px rgba(255,122,26,.16)}
html[data-tema="arena"] .wallet-topup-input b{color:#ff9a3d;font-family:var(--a-chak)}
html[data-tema="arena"] .wallet-topup-method-logo{border-radius:2px;background:#fff}
html[data-tema="arena"] .wallet-topup-submit{padding:13px 14px;font-size:13px;line-height:1.1;clip-path:var(--a-jaj-l)}
html[data-tema="arena"] .wallet-topup-instruction img{background:#fff}
html[data-tema="arena"] .wallet-topup-record button{border-radius:2px;color:#0c0d11}
html[data-tema="arena"] .account-subhead strong{font-size:13px;font-weight:700;letter-spacing:.06em}
html[data-tema="arena"] .account-filter select{background:#0f1116}
html[data-tema="arena"] .account-entry{border-color:#272b34;background:#15171d}
html[data-tema="arena"] .transaction-entry>button{border-radius:2px;color:#ffb347}
html[data-tema="arena"] .entry-status{border-radius:2px}
html[data-tema="arena"] .entry-value>strong{font-family:var(--a-chak)}
html[data-tema="arena"] .account-more{background:transparent;color:#ffb347}

/* Pesan massal: cukup ikut token; isian & tombol sekunder digelapkan */
html[data-tema="arena"] :is(.bulk-field select,.bulk-field textarea){background:#0f1116}
html[data-tema="arena"] .bulk-secondary{color:var(--txt)}
html[data-tema="arena"] .bulk-hist{border-radius:2px}

/* ── Artikel panduan, jelajah, kaki identitas ─────────────────────────── */
html[data-tema="arena"] .seo-jelajah{border-color:#252932;background:#121419}
html[data-tema="arena"] .seo-jelajah a{color:#ffb347;font-family:var(--a-chak);letter-spacing:.03em}
html[data-tema="arena"] .seo-artikel{--seo-soft:#111318;--seo-line:#2a2e38;background:#131519}
html[data-tema="arena"] .seo-article-head{background:var(--a-kilap),radial-gradient(80% 120% at 100% 0,rgba(255,122,26,.16),transparent 60%),#15171d}
html[data-tema="arena"] .seo-article-head::after{opacity:.16}
html[data-tema="arena"] .seo-eyebrow{color:#ff7a1a;font-weight:600;letter-spacing:.14em}
html[data-tema="arena"] .seo-eyebrow span{border-radius:0;background:var(--a-or);box-shadow:0 0 8px rgba(255,122,26,.6)}
html[data-tema="arena"] .seo-artikel h2{font-weight:700;letter-spacing:.02em;text-transform:uppercase}
html[data-tema="arena"] .seo-artikel h3{font-weight:700;letter-spacing:.03em}
html[data-tema="arena"] .seo-toggle{padding:11px 22px;font-size:12.5px;line-height:1.1}
html[data-tema="arena"] .seo-article-lead{background:#131519}
html[data-tema="arena"] .seo-route{background:#0f1116;box-shadow:none}
html[data-tema="arena"] .seo-route span{font-family:var(--a-chak);letter-spacing:.03em}
html[data-tema="arena"] .seo-route i{color:#ff7a1a}
html[data-tema="arena"] .seo-article-body{background:#101216}
html[data-tema="arena"] .seo-block{background:#15171d;box-shadow:none}
html[data-tema="arena"] .seo-block::before{border-radius:0;background:var(--a-or);box-shadow:0 0 8px rgba(255,122,26,.5)}
html[data-tema="arena"] .seo-block-label{color:#ff9a3d;font-weight:600;letter-spacing:.14em}
html[data-tema="arena"] .seo-step-list li::before{border-radius:0;clip-path:var(--a-jaj-s);width:30px;flex-basis:30px;background:var(--a-or);color:#0c0d11;font-family:var(--a-chak);box-shadow:none}
html[data-tema="arena"] .seo-return{background:var(--a-or);color:#0c0d11}
html[data-tema="arena"] .seo-return span{letter-spacing:.04em}
html[data-tema="arena"] .seo-return b{background:rgba(12,13,17,.16)}
html[data-tema="arena"] footer.foot{color:#7d8393}
html[data-tema="arena"] .ident-foot{--ident-accent-d:#ffb347;border-top-color:#22252d}
html[data-tema="arena"] .ident-segel>span{border-radius:0;padding:7px 16px 7px 12px;background:rgba(255,122,26,.12);box-shadow:none;color:#ffb347;font-weight:600;letter-spacing:.08em;clip-path:var(--a-jaj-s)}
html[data-tema="arena"] .ident-mark{box-shadow:inset 0 0 0 1px #2a2e38}
/* Logo nama kaki halaman dibuat untuk latar terang: diputihkan */
html[data-tema="arena"] .ident-wordmark{filter:brightness(0) invert(1)}
html[data-tema="arena"] .ident-kontak a{border-bottom-color:#3a3f4b}

/* ── Overlay ───────────────────────────────────────────────────────────── */
html[data-tema="arena"] :is(.paycard,.tg-miniapp-install-card){border:1px solid #2a2e38;box-shadow:0 24px 60px rgba(0,0,0,.6)}
html[data-tema="arena"] #event-popup-close{border:1px solid #ff7a1a;border-radius:4px;background:#0c0d11;color:#ff7a1a}

/* ── Lebar khusus ──────────────────────────────────────────────────────── */
@media (max-width:700px){
  /* Chip kategori lengket di ponsel: latarnya ikut panel kartu */
  html[data-tema="arena"] .tabs{margin:0 -4px 12px;padding:5px 4px;background:rgba(21,23,29,.95)}
}
@media (max-width:400px){
  html[data-tema="arena"] #buy-btn{min-width:132px;padding:12px 16px;font-size:12.5px;letter-spacing:.05em}
  html[data-tema="arena"] #sum-price{font-size:19px}
  html[data-tema="arena"] .prod{padding:10px 9px}
  html[data-tema="arena"] .prod-price strong{font-size:16px}
  html[data-tema="arena"] :is(.tabs button,.tabs a){padding:10px 11px;font-size:12px}
}
@media (min-width:701px){
  html[data-tema="arena"] body{background:#050608}
  html[data-tema="arena"] body::before{background:var(--a-grid);box-shadow:0 0 0 1px #1d2028,0 24px 60px rgba(0,0,0,.6)}
  html[data-tema="arena"] .bnav a{font-size:11px}
}

/* == HALAMAN LUAR: bilah merek blog & kebijakan ===================== */
html[data-tema="arena"]{--t-on-bg-link:#ffb347}
html[data-tema="arena"] .b-top{color:var(--txt);background:rgba(12,13,17,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none}
html[data-tema="arena"] .b-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff7a1a 50%,transparent);pointer-events:none}
html[data-tema="arena"] .b-brand{color:var(--txt)}
html[data-tema="arena"] .b-brand span{font:700 17px/1 var(--a-chak);letter-spacing:.12em;text-transform:uppercase}
html[data-tema="arena"] .b-brand img:not(.b-wordmark){border-radius:6px;box-shadow:0 0 0 1px #ff7a1a,0 0 14px rgba(255,122,26,.3)}
html[data-tema="arena"] .b-back{border:1px solid var(--line);border-radius:4px;background:transparent;color:#ff7a1a}
html[data-tema="arena"] .b-back:hover{background:rgba(255,122,26,.1)}
/* == /HALAMAN LUAR ================================================== */

/* == AKSEN MEREK (terbatas) ======================================== */
/* Identitas Arena adalah oranye pendar, sudut terpotong, dan huruf Chakra.
   Menyeret semuanya ke warna domain berarti temanya hilang, jadi yang ikut
   hanya TOMBOL AJAKAN — momen yang memang milik merek domain. Bentuk,
   huruf, dan kapital tetap. Keadaan mati (:disabled) lebih khusus dan
   tidak tersentuh aturan ini. */
html[data-tema="arena"] :is(#check-btn,#track-go,#bulk-preview-btn,#buy-btn,.btn-full,.nota-btn,.wallet-topup-submit,.checkin-card button,.track-ticket button,.wallet-pass-btn.primary,.seo-toggle,.bulk-confirm-yes,.tg-miniapp-install-confirm,.event-popup-cta){background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#fff));color:var(--brand-on,#0c0d11)}
html[data-tema="arena"] :is(.btn-full.btn-outline,.nota-btn-sekunder){border-color:color-mix(in srgb,var(--brand) 60%,transparent);background:color-mix(in srgb,var(--brand) 8%,transparent);color:color-mix(in srgb,var(--brand) 55%,#fff)}
/* == /AKSEN MEREK ================================================== */