:root {
  --black:#11120f; --dark:#191b16; --panel:#22241e; --paper:#f7f4ed;
  --white:#fffcf5; --ink:#25271f; --muted:#696c60; --line:#ded9cc;
  --gold:#ddc28b; --gold-dark:#7c5d24; --dark-line:#d5be7b38;
  --font:-apple-system,BlinkMacSystemFont,'PingFang HK','Noto Sans TC','Microsoft JhengHei',sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding:110px 0 100px; }
body { margin:0; font:16px/1.8 var(--font); background:var(--black); color:var(--ink); -webkit-font-smoothing:antialiased; }
body,button { font-family:var(--font); }
button { font:inherit; cursor:pointer; border:0; }
a { color:inherit; text-decoration:none; }
a,button,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; transition:background .18s,color .18s,border-color .18s,transform .18s; }
button,summary { cursor:pointer; }
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible { outline:3px solid #af883a; outline-offset:5px; }
img { display:block; max-width:100%; height:auto; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { line-height:1.35; }
[hidden] { display:none!important; }
summary { list-style:none; }
summary::-webkit-details-marker { display:none; }
summary>span { color:var(--gold-dark); display:inline-block; font-size:22px; flex-shrink:0; transition:transform .18s; }
details[open]>summary>span { transform:rotate(45deg); }
.shell { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.skip { position:fixed; z-index:100; left:14px; top:-90px; padding:12px 20px; background:var(--gold); color:#111; }
.skip:focus { top:10px; }
.preview-strip { min-height:30px; display:flex; justify-content:center; align-items:center; gap:22px; padding:4px 16px; color:#b8b7a7; background:#22241d; font-size:10px; letter-spacing:1.4px; }
.preview-strip span { letter-spacing:.4px; }
.preview-strip>a { text-decoration:underline; margin-left:12px; }
.header { position:sticky; top:0; z-index:30; background:#11120ff5; color:#f6f1e6; border-bottom:1px solid var(--dark-line); }
.header-inner { height:86px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; flex-shrink:0; }
.brand img { width:174px; height:54px; object-fit:contain; }
.header nav { display:flex; align-items:center; gap:32px; font-size:14px; }
.header nav>a { min-height:44px; display:flex; align-items:center; }
.header nav>a:hover { color:var(--gold); }
.nav-contact { padding:9px 20px; border:1px solid #bba16a80; gap:28px; color:var(--gold); }
.menu-toggle { display:none; }
.actions { display:flex; gap:12px; margin-top:30px; }
.button { min-height:54px; display:inline-flex; align-items:center; justify-content:space-between; gap:26px; padding:12px 23px; font-size:16px; font-weight:550; border:1px solid #a8915955; }
.button:hover { transform:translateY(-2px); }
.button>span { font-size:20px; }
.gold { color:#24261d; background:linear-gradient(110deg,#e8d29e,#d2b16c); border-color:#e3c887; }
.outline { color:#efdfb7; background:#ffffff03; border-color:#b8a16a80; }
.gold:hover { background:#ead7ac; }
.outline:hover { background:#d2b16c16; border-color:var(--gold); }
.destination { margin-top:15px; color:#b0b7a4; font-size:11px; }
.quick-bar { border-block:1px solid var(--dark-line); color:#e5e7db; background:#1b1b19; }
.quick-inner { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.quick-label { color:#bfc6b2; font-size:13px; }
.quick-inner>a { display:flex; align-items:center; gap:22px; min-height:48px; color:var(--gold); font:12px Georgia,serif; }
.quick-inner strong { color:#f3f2e9; font:500 16px var(--font); }
.light { background:var(--paper); }
.intro { padding:48px 0; border-bottom:1px solid var(--line); }
.intro-inner { display:flex; align-items:flex-start; justify-content:space-between; gap:75px; }
.intro-inner>div { max-width:920px; }
.intro h2 { font-size:28px; font-weight:550; margin-bottom:18px; }
.intro p { color:#5e6555; font-size:16px; line-height:1.9; }
.intro p+p { margin-top:12px; }
.intro-source { color:#717769!important; font-size:14px!important; }
.text-link { min-height:48px; display:inline-flex; align-items:center; justify-content:space-between; gap:32px; font-size:15px; font-weight:550; border-bottom:1px solid #987a3f80; color:var(--gold-dark); }
.text-link:hover { color:#46340e; border-color:currentColor; }
.intro .text-link { flex-shrink:0; margin-top:3px; }
.dark-section { background:#151515; color:var(--white); }
.games { padding:78px 0; }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-bottom:34px; }
.eyebrow { color:var(--gold-dark); font-size:11px; letter-spacing:2px; font-weight:550; margin-bottom:15px; }
.dark-section .eyebrow { color:var(--gold); }
h2 { font-size:36px; font-weight:550; letter-spacing:.3px; }
.section-heading>p { max-width:440px; color:var(--muted); font-size:15px; line-height:1.85; }
.dark-section .section-heading>p { color:#c1bbaa; }
.game-directory { margin-top:22px; border-block:1px solid #bbad7b33; color:#d6cfc0; }
.game-directory>summary { min-height:56px; display:flex; align-items:center; justify-content:space-between; color:#d9c48c; font-size:15px; }
.game-directory>summary>span { color:#d9c48c; }
.game-directory-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; padding:20px 0 28px; }
.game-directory-grid h3 { font-size:18px; margin-bottom:12px; }
.game-directory-grid p { color:#c8c1b2; font-size:15px; }
.game-directory-grid a { display:flex; align-items:center; min-height:44px; color:#e6cd93; text-decoration:underline; font-size:14px; margin-top:7px; }
.offers { padding:78px 0; }
.offer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.offer-card { display:flex; flex-direction:column; border:1px solid #c9bc9d; border-radius:7px; overflow:hidden; background:#fffdf7; box-shadow:0 9px 24px #493c1e09; }
.offer-card.featured { border-color:#a58239; }
.official-offer-image { width:100%; aspect-ratio:710/312; height:auto; object-fit:contain; background:#151712; border-bottom:1px solid #ab8e47; }
.offer-body { padding:25px; display:flex; flex-direction:column; flex:1; }
.offer-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.offer-heading h3 { font-size:21px; font-weight:600; }
.offer-value { display:flex; align-items:baseline; gap:2px; color:#72521d; font-size:24px; font-weight:600; line-height:1.2; white-space:nowrap; }
.offer-value>small { font-size:10px; font-weight:500; margin-right:4px; }
.offer-value>span { font-size:17px; }
.offer-tag { color:var(--muted); font-size:13px; line-height:1.7; min-height:24px; margin-bottom:18px; }
.offer-card dl { margin:0; border-top:1px solid var(--line); }
.offer-card dl>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:center; min-height:54px; border-bottom:1px solid #ebe6da; }
.offer-card dt { font-size:13px; color:#676c5e; }
.offer-card dd { margin:0; text-align:right; font-size:15px; font-weight:550; font-variant-numeric:tabular-nums; }
.offer-card details { margin-top:auto; }
.offer-card summary { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:15px; font-weight:550; color:#72511d; }
.detail-body { border-top:1px solid var(--line); padding-top:18px; font-size:15px; line-height:1.9; color:#545c4d; }
.detail-body p+p { margin-top:14px; }
.detail-body a { min-height:44px; display:flex; align-items:center; color:#775920; text-decoration:underline; margin-top:14px; }
.checkin-days { margin:16px 0; padding:0; display:grid; grid-template-columns:1fr 1fr; list-style:none; gap:6px 12px; font-size:13px; }
.checkin-days li { padding:6px 8px; background:#f0eddf; }
.section-note { margin-top:22px; font-size:13px; color:var(--muted); }
.banking { padding-bottom:78px; }
.banking-layout { border-top:1px solid var(--line); padding-top:65px; }
.banking-intro { display:grid; grid-template-columns:1fr 1fr; gap:16px 70px; margin-bottom:30px; }
.banking-intro .eyebrow { grid-column:1/-1; margin:0; }
.banking-intro h2 { grid-column:1; }
.banking-intro>p:not(.eyebrow) { grid-column:2; grid-row:2; font-size:16px; color:var(--muted); }
.steps { display:flex; align-items:center; flex-wrap:wrap; gap:20px; font:12px Georgia,serif; color:#92713b; }
.steps span { display:flex; gap:12px; align-items:center; }
.steps b { font:14px var(--font); color:#59624f; font-weight:400; }
.banking-intro>.text-link { justify-self:end; grid-column:2; }
.bank-card { padding:30px; border:1px solid #c9bea3; background:#fffdf7; border-radius:8px; }
.bank-tabs { display:flex; gap:10px; border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:22px; }
.bank-tabs button { padding:10px 26px; min-height:48px; font-size:16px; border:1px solid #d4cdbb; border-radius:3px; color:#616958; background:#f5f2e8; }
.bank-tabs button[aria-selected="true"] { background:#25231e; color:#f0d69d; border-color:#25231e; }
.bank-tabs button:hover { border-color:#9a7a36; }
.timing { color:#626b58; font-size:14px; line-height:1.85; margin-bottom:22px; }
.bank-methods { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:22px; }
.bank-method { padding:25px; background:#f7f3e9; border:1px solid #e0d7c1; border-radius:5px; }
.bank-method h3 { font-size:22px; font-weight:550; margin-bottom:22px; }
.bank-method h3>span { display:block; font-size:9px; letter-spacing:1.5px; color:#7b806e; margin-top:6px; font-weight:400; }
.bank-stats { display:grid; grid-template-columns:.8fr 1.3fr 1fr; gap:14px; }
.bank-stats span { display:block; font-size:12px; color:#6a715f; margin-bottom:8px; }
.bank-stats strong { font-size:23px; font-weight:600; line-height:1.35; white-space:nowrap; font-variant-numeric:tabular-nums; }
.fee { background:#f3e6c8; border-left:3px solid #9b7b37; padding:18px 22px; color:#5a4d2a; }
.fee>strong { font-size:15px; }
.fee p { font-size:14px; line-height:1.9; margin-top:8px; }
.deposit-methods { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
.deposit-methods span { padding:9px 16px; border:1px solid var(--line); background:#f2efe4; font-size:15px; }
.deposit-stats { margin-bottom:25px; max-width:800px; padding:20px 0; }
.deposit-stats strong { font-size:26px; }
.faq { padding:68px 0 78px; background:#f0ebe1; border-top:1px solid var(--line); }
.faq-layout { display:grid; grid-template-columns:.7fr 1.4fr; gap:95px; }
.faq-layout h2 { font-size:34px; }
.faq-items details { border-bottom:1px solid #cec7b6; }
.faq-items details:first-child { border-top:1px solid #cec7b6; }
.faq-items summary { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:70px; padding:18px 0; font-size:16px; font-weight:500; }
.faq-items p { color:#565f4e; font-size:16px; line-height:1.9; padding:0 35px 23px 0; }
.contact { background:radial-gradient(ellipse at 95% 100%,#9c82321f,transparent 60%),#181816; padding:65px 0; color:var(--white); }
.contact-inner { display:grid; grid-template-columns:1.25fr .8fr; gap:95px; align-items:center; }
.contact h2 { font-size:34px; font-weight:500; margin-bottom:23px; }
.contact p { font-size:16px; color:#cbc5b8; max-width:600px; }
.contact-actions { background:#ffffff04; border:1px solid #b2a16e45; padding:27px; display:flex; flex-direction:column; gap:12px; border-radius:5px; }
.support-badge { display:flex; align-items:center; gap:17px; padding-bottom:17px; }
.support-badge svg { width:46px; height:46px; color:#dac089; flex-shrink:0; }
.support-badge strong { display:block; font-size:18px; font-weight:500; }
.support-badge span { display:block; font-size:12px; color:#c3bba9; margin-top:5px; }
.contact-actions>span { color:#bfb7a6; font-size:10px; text-align:center; }
footer { background:#111110; color:#bdb5a5; padding:27px 0 20px; }
.footer-top { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:25px; }
.footer-top p { font-size:13px; }
.footer-top>a:last-child { min-height:44px; display:flex; align-items:center; font-size:13px; }
.sources { border-block:1px solid #ffffff1a; }
.sources summary { display:flex; align-items:center; justify-content:space-between; min-height:50px; font-size:13px; }
.sources p { color:#c8c0af; font-size:14px; line-height:1.9; margin:12px 0 16px; }
.sources>div { display:flex; flex-wrap:wrap; gap:14px 25px; margin-bottom:16px; }
.sources a { min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; font-size:14px; color:#d6cdbb; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:20px; font-size:11px; }
.footer-bottom b { border:1px solid #899577; font-weight:400; padding:4px 7px; margin-right:10px; }
.footer-bottom a { display:flex; align-items:center; min-height:44px; }
.footer-bottom>span { letter-spacing:1px; font-size:9px; }
.mobile-dock { display:none; }
@media(max-width:1100px) {
 .shell { width:calc(100% - 64px); }
 .header nav { gap:22px; }
 .offer-grid { gap:16px; }
 .offer-body { padding:20px; }
 .offer-heading { align-items:flex-start; flex-direction:column; gap:8px; }
 .offer-heading h3 { font-size:21px; }
 .offer-value { font-size:21px; }
 .offer-card dl>div { gap:8px; }
 .offer-card dt { font-size:12px; }
 .offer-card dd { font-size:14px; }
 .bank-method { padding:21px; }
 .bank-stats strong { font-size:20px; }
 .banking-intro { gap:16px 40px; }
 .steps { gap:16px; }
 .steps span { gap:9px; }
 .faq-layout,.contact-inner { gap:45px; }
}
@media(max-width:850px) and (min-width:761px) {
 .brand img { width:150px; }
 .header nav { gap:16px; font-size:13px; }
 .nav-contact { gap:16px; padding-inline:13px; }
 .offer-heading { min-height:68px; }
 .offer-tag { min-height:48px; }
 .offer-card dl>div { min-height:78px; }
 .bank-card { padding:24px; }
 .bank-stats { grid-template-columns:1fr 1.35fr; gap:12px; }
 .bank-stats>div:last-child { grid-column:1/-1; }
 .bank-method { padding:19px; }
 .banking-intro .steps { grid-column:1/-1; grid-row:3; }
 .banking-intro>.text-link { grid-row:4; }
}
@media(max-width:760px) {
 html { scroll-padding-top:92px; scroll-padding-bottom:100px; }
 .shell { width:calc(100% - 40px); }
 .preview-strip { justify-content:space-between; gap:8px; font-size:9px; padding:5px 20px; letter-spacing:.6px; }
 .preview-strip>a { display:none; }
 .header-inner { height:72px; }
 .brand img { width:145px; height:48px; }
 .menu-toggle { display:flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:6px 12px; color:#ead9b5; background:transparent; border:1px solid #ad965f88; font-size:16px; }
 .menu-toggle span { font-size:16px; }
 .header nav { display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; padding:12px 20px 22px; background:#20201c; border-bottom:1px solid #baa36670; gap:3px; box-shadow:0 15px 20px #0004; }
 .header nav.open { display:flex; }
 .header nav>a { padding:10px 13px; font-size:16px; min-height:48px; }
 .nav-contact { justify-content:space-between; margin-top:6px; }
 .actions { margin-top:23px; gap:10px; }
 .button { min-height:50px; padding:12px 15px; font-size:16px; gap:14px; }
 .destination { margin-top:12px; font-size:10px; }
 .quick-inner { min-height:0; padding-block:13px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .quick-label { grid-column:1/-1; font-size:12px; }
 .quick-inner>a { min-height:44px; gap:7px; font-size:10px; }
 .quick-inner strong { font-size:14px; white-space:nowrap; }
 .intro { padding:38px 0; }
 .intro-inner { display:block; }
 .intro h2 { font-size:26px; margin-bottom:16px; }
 .intro p { font-size:16px; }
 .intro p+p { margin-top:14px; }
 .intro .text-link { margin-top:20px; font-size:16px; }
 .games,.offers { padding:45px 0; }
 .section-heading { display:block; margin-bottom:24px; }
 .eyebrow { font-size:10px; margin-bottom:12px; }
 h2,.section-heading h2 { font-size:29px; letter-spacing:0; }
 .section-heading>p { margin-top:16px; font-size:15px; }
 .game-directory { margin-top:20px; }
 .game-directory>summary { font-size:16px; min-height:56px; }
 .game-directory-grid { grid-template-columns:1fr 1fr; gap:24px 18px; }
 .game-directory-grid p { font-size:16px; }
 .game-directory-grid a { font-size:15px; }
 .offer-grid { grid-template-columns:1fr; gap:21px; }
 .offer-body { padding:22px; }
 .offer-heading { flex-direction:row; align-items:center; gap:10px; }
 .offer-heading h3 { font-size:21px; }
 .offer-value { font-size:22px; }
 .offer-value small { font-size:10px; }
 .offer-tag { margin-bottom:16px; font-size:14px; }
 .offer-card dl>div { min-height:57px; gap:12px; }
 .offer-card dt { font-size:14px; }
 .offer-card dd { font-size:16px; }
 .offer-card summary { font-size:16px; min-height:52px; }
 .detail-body { font-size:16px; }
 .checkin-days { font-size:14px; }
 .section-note { font-size:13px; line-height:1.9; }
 .banking { padding-bottom:45px; }
 .banking-layout { padding-top:42px; }
 .banking-intro { display:block; margin-bottom:22px; }
 .banking-intro h2 { margin-bottom:16px; }
 .banking-intro>p:not(.eyebrow) { font-size:16px; }
 .steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:20px; }
 .steps>span { display:flex; flex-direction:column; align-items:flex-start; gap:6px; border-top:1px solid var(--line); padding-top:10px; }
 .steps b { font-size:13px; }
 .banking-intro>.text-link { margin-top:14px; font-size:16px; }
 .bank-card { padding:20px; }
 .bank-tabs { gap:9px; padding-bottom:18px; }
 .bank-tabs button { flex:1; padding:9px 12px; min-height:48px; }
 .timing { font-size:15px; }
 .bank-methods { grid-template-columns:1fr; gap:16px; margin-bottom:20px; }
 .bank-method { padding:20px; }
 .bank-method h3 { font-size:21px; margin-bottom:22px; }
 .bank-stats { grid-template-columns:1fr 1.3fr; gap:17px 10px; }
 .bank-stats span { font-size:13px; }
 .bank-stats strong { font-size:21px; }
 .bank-stats>div:last-child { grid-column:1/-1; display:flex; align-items:center; gap:16px; padding-top:14px; border-top:1px solid #dbd3bf; }
 .bank-stats>div:last-child>span { margin-bottom:0; }
 .fee { padding:16px; }
 .fee>strong { font-size:16px; }
 .fee p { font-size:15px; line-height:1.9; }
 .deposit-methods { gap:8px; }
 .deposit-methods span { font-size:15px; padding:8px 12px; }
 .deposit-stats { padding:8px 0 20px; }
 .faq { padding:42px 0 45px; }
 .faq-layout { display:block; }
 .faq-layout h2 { font-size:29px; }
 .faq-items { margin-top:26px; }
 .faq-items summary { gap:14px; font-size:16px; min-height:70px; padding:17px 0; }
 .faq-items p { padding-right:5px; font-size:16px; }
 .contact { padding:43px 0; }
 .contact-inner { display:block; }
 .contact h2 { font-size:29px; margin-bottom:18px; }
 .contact p { font-size:16px; }
 .contact-actions { padding:22px; margin-top:26px; }
 .support-badge { gap:15px; }
 .support-badge strong { font-size:18px; }
 .support-badge span { font-size:12px; }
 .support-badge svg { width:40px; height:40px; }
 .contact-actions .button { min-height:52px; }
 .contact-actions>span { font-size:10px; }
 footer { padding:22px 0 18px; }
 .footer-top { display:grid; grid-template-columns:1fr auto; gap:12px; margin-bottom:20px; }
 .footer-top p { grid-row:2; grid-column:1/-1; font-size:13px; }
 .footer-top>a:last-child { font-size:14px; }
 .sources summary { font-size:14px; }
 .sources p { font-size:14px; }
 .sources>div { gap:8px 20px; }
 .footer-bottom { flex-wrap:wrap; gap:10px; font-size:12px; }
 .footer-bottom p { line-height:2.4; }
 .footer-bottom>span { font-size:9px; }
 .mobile-dock:not([hidden]) { display:flex; position:fixed; z-index:40; left:12px; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); padding:5px; gap:5px; background:#202719; border:1px solid #c4a56580; box-shadow:0 6px 26px #0006; }
 .mobile-dock a { min-height:48px; flex:1; display:flex; align-items:center; justify-content:center; color:#e7d9b5; font-size:16px; }
 .mobile-dock a:first-child { color:#252a1e; background:#dec58c; }
 body.dock-active { padding-bottom:82px; }
}
@media(max-width:360px) {
 .shell { width:calc(100% - 32px); }
 .quick-inner>a { gap:5px; }
 .quick-inner strong { font-size:12px; }
 .game-directory-grid { grid-template-columns:1fr; }
 .offer-body { padding:18px; }
 .offer-heading { align-items:flex-start; }
 .offer-heading h3 { font-size:19px; }
 .offer-value { font-size:20px; }
 .offer-value small { font-size:9px; }
 .offer-card dt { font-size:13px; }
 .offer-card dd { font-size:15px; }
 .bank-card { padding:16px; }
 .bank-method { padding:16px; }
 .bank-stats strong { font-size:19px; }
 .contact-actions { padding:18px; }
 .support-badge span { font-size:11px; }
 h2,.section-heading h2 { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*:before,*:after { transition:none!important; animation:none!important; }
 .button:hover { transform:none; }
}

.bank-icon{float:right;width:38px;height:38px;color:#9a7937;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bank-method h3{padding-right:40px}
.faq-guide{margin-top:35px;padding:24px;border:1px solid #cfc5ac;background:#f8f5ec}
.faq-guide>strong{display:block;font-size:16px;font-weight:550;margin-bottom:12px}
.faq-guide p{font-size:15px;color:#616a56;line-height:1.85}
.faq-guide .text-link{margin-top:12px}
@media(max-width:760px){.faq-guide{display:none}.bank-icon{width:34px;height:34px}}


.banking-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-top:20px}
.banking-foot .text-link{flex-shrink:0}
.banking-foot .steps{margin:0}
@media(max-width:760px){
 .banking-foot{display:block;margin-top:20px}
 .banking-foot .steps{margin:0}
 .banking-foot .text-link{margin-top:14px;font-size:16px}
}

/* Offers: one main promotion with two compact supporting cards. */
.offers { padding:60px 0; background:#eee6d6; }
.offers .section-heading h2 { font-family:Georgia,"Noto Serif TC","Songti TC",serif; font-size:clamp(30px,3vw,42px); color:#32291b; }
.offer-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:20px; }
.offer-card { border-radius:12px; border-color:#bbab88; box-shadow:0 12px 30px #493c1e0c; background:#fffaf0; }
.offer-card.featured { grid-row:span 2; border-color:#9b7738; background:#171713; }
.featured .official-offer-image { background:#171713; border:0; }
.featured .offer-body { background:#fffaf0; margin:0 12px 12px; padding:28px; border-radius:7px; }
.featured .offer-heading { min-height:78px; flex-direction:row; align-items:center; }
.featured .offer-heading h3 { font-size:26px; }
.featured .offer-value { font:600 64px/1 Georgia,serif; color:#76541d; }
.featured .offer-value>span { font-size:30px; }
.featured .offer-tag { font-size:16px; min-height:0; margin:3px 0 26px; }
.featured dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.featured dl>div { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; min-height:90px; border:0; }
.featured dd { text-align:left; font-size:17px; }
.featured details { border-top:1px solid #d8c9ac; }
.offer-card:not(.featured) { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:stretch; overflow:hidden; }
.offer-card:not(.featured) .official-offer-image { grid-column:2; grid-row:1; position:static; width:100%; height:100%; min-height:100%; aspect-ratio:auto; object-fit:cover; object-position:center; border:0; border-left:1px solid #bba578; border-radius:0; background:#151712; }
.offer-card:not(.featured) .offer-body { grid-column:1; grid-row:1; padding:22px 20px 10px 22px; }
.offer-card:not(.featured) .offer-heading { flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; width:100%; min-height:72px; margin-bottom:8px; }
.offer-card:not(.featured) .offer-heading h3 { font-size:19px; }
.offer-card:not(.featured) .offer-value { font-size:34px; }
.offer-card:not(.featured) .offer-value>small { font-size:11px; }
.offer-card:not(.featured) .offer-tag { font-size:13px; min-height:24px; margin:0 0 12px; }
.offer-card:not(.featured) dl>div { min-height:37px; gap:12px; }
.offer-card:not(.featured) dt { font-size:12px; }
.offer-card:not(.featured) dd { font-size:14px; }
.offer-card:not(.featured) summary { min-height:47px; font-size:14px; }
@media(max-width:1000px) {
 .offer-grid { grid-template-columns:1fr; }
 .offer-card.featured { grid-row:auto; }
 .featured .official-offer-image { aspect-ratio:710/230; object-fit:contain; }
 .featured .offer-body { padding:24px; }
 .featured .offer-heading h3 { font-size:25px; }
 .featured .offer-value { font-size:54px; }
 .offer-card:not(.featured) { grid-template-columns:1fr; }
 .offer-card:not(.featured) .official-offer-image { grid-column:1; grid-row:1; min-height:0; aspect-ratio:710/260; object-fit:contain; border-left:0; border-bottom:1px solid #bba578; }
 .offer-card:not(.featured) .offer-body { grid-column:1; grid-row:2; }
 .offer-card:not(.featured) .offer-heading { min-height:64px; }
}
@media(max-width:760px) {
 .offers { padding:40px 0; }
 .offer-grid { gap:16px; }
 .featured .official-offer-image { aspect-ratio:710/312; }
 .featured .offer-body { margin:0 7px 7px; padding:18px; }
 .featured .offer-heading { min-height:60px; gap:10px; }
 .featured .offer-heading h3 { font-size:20px; }
 .featured .offer-value { font-size:43px; }
 .featured .offer-value>span { font-size:23px; }
 .featured .offer-tag { font-size:14px; margin-bottom:15px; }
 .featured dl { gap:10px; margin-bottom:9px; }
 .featured dl>div { min-height:75px; gap:6px; }
 .featured dt { font-size:11px; }
 .featured dd { font-size:14px; }
 .offer-card:not(.featured) .offer-body { padding:17px 17px 6px; }
 .offer-card:not(.featured) .official-offer-image { aspect-ratio:710/280; }
 .offer-card:not(.featured) .offer-heading { min-height:70px; }
 .offer-card:not(.featured) .offer-heading h3 { font-size:18px; }
 .offer-card:not(.featured) .offer-value { font-size:30px; }
 .offer-card:not(.featured) dl>div { min-height:40px; }
 .offer-card:not(.featured) dt { font-size:12px; }
 .offer-card:not(.featured) dd { font-size:13px; }
 .offer-card:not(.featured) summary { min-height:48px; font-size:15px; }
}
@media(max-width:360px) {
 .featured .offer-body { padding:14px; }
 .featured .offer-heading h3 { font-size:18px; }
 .featured .offer-value { font-size:37px; }
 .featured dd { font-size:12px; }
 .featured dl { gap:6px; }
 .offer-card:not(.featured) .offer-heading h3 { font-size:16px; }
 .offer-card:not(.featured) .offer-value { font-size:27px; }
 .offer-card:not(.featured) .offer-tag { font-size:12px; }
}

/* Dual arenas using unmodified platform artwork. */
.games { padding:56px 0; }
.games .section-heading { margin-bottom:26px; }
.games .section-heading h2 { font-family:Georgia,"Noto Serif TC","Songti TC",serif; color:#f0dfb8; font-size:clamp(28px,3.1vw,44px); font-weight:600; }
.game-dual { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.scene-note { margin-top:12px; font-size:11px; color:#bdb5a5; text-align:right; }
.game-feature { position:relative; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); min-height:420px; overflow:hidden; isolation:isolate; border:1px solid #92764580; border-radius:12px; background:linear-gradient(160deg,#1c1914 0%,#12110f 55%,#0e0d0b 100%); }
.feature-art { grid-column:2; grid-row:1; width:100%; height:100%; min-height:420px; object-fit:cover; object-position:center top; z-index:0; border-left:1px solid #92764540; }
.feature-copy { grid-column:1; grid-row:1; position:relative; z-index:2; width:auto; min-height:420px; padding:40px 28px 34px 30px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
.feature-en { order:1; font:17px Georgia,serif; letter-spacing:2px; color:#ebd39d; margin:5px 0 18px; }
.feature-copy h3 { order:0; font:600 clamp(36px,4vw,58px)/1.25 Georgia,"Noto Serif TC","Songti TC",serif; color:#f4dfa9; margin:0; text-shadow:0 2px 12px #000; }
.feature-provider { order:3; font-size:12px; line-height:1.5; color:#c5bdab; margin-bottom:20px; }
.feature-description { order:2; border-top:1px solid #d5bc7e80; padding-top:14px; margin-bottom:10px; font-size:15px; line-height:1.9; color:#d0c9bb; max-width:16em; min-height:54px; }
.feature-link { order:4; margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; padding:10px 14px; border:1px solid #c8a764; background:linear-gradient(135deg,#f3dfa9,#c7a15e); color:#242019; font-size:14px; font-weight:600; }
.feature-link:hover { background:#f2dba9; }
.secondary-heading { display:flex; align-items:center; justify-content:space-between; margin:28px 0 14px; gap:16px; }
.secondary-heading h3 { font-size:18px; font-weight:500; color:#e6dcc6; }
.secondary-heading>span { font-size:11px; color:#bdb5a5; }
.game-secondary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; }
.category-tile { position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #82704466; border-radius:10px; background:#171613; padding-bottom:60px; overflow:hidden; }
.category-tile>img { width:100%; height:auto; aspect-ratio:3/4; object-fit:contain; }
.category-label { position:absolute; inset:auto 0 0; background:#171613; border-top:1px solid #82704440; display:flex; align-items:center; justify-content:space-between; gap:6px; padding:11px 12px; min-height:60px; font:600 clamp(16px,1.65vw,23px)/1.5 Georgia,"Noto Serif TC","Songti TC",serif; color:#f2e4c8; }
.category-label>span { color:#dec18a; }
.category-tile:hover { border-color:#dec18a; background:#30291e; }
@media(max-width:1100px) and (min-width:761px) {
 .games .section-heading { display:block; }
 .games .section-heading>p { margin-top:12px; max-width:none; }
 .game-dual { gap:16px; }
 .game-feature,.feature-copy,.feature-art { min-height:330px; }
 .feature-copy { padding:22px 18px 22px 20px; }
 .feature-copy h3 { font-size:28px; }
 .feature-link { padding-inline:10px; gap:10px; font-size:13px; }
 .feature-provider { font-size:11px; }
 .feature-description { font-size:12px; line-height:1.8; }
 .game-secondary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
 .category-tile { display:flex; }
 .category-label { padding:10px; font-size:17px; }
}
@media(max-width:760px) {
 .games { padding:38px 0; }
 .games .section-heading { margin-bottom:22px; }
 .category-tile { padding-bottom:44px; }
 .game-dual { grid-template-columns:1fr; gap:16px; }
 .game-feature { grid-template-columns:minmax(0,1fr) minmax(0,.9fr); }
 .game-feature,.feature-copy,.feature-art { min-height:290px; }
 .feature-copy { padding:20px 14px 20px 18px; }
 .feature-copy h3 { font-size:27px; }
 .feature-en { font-size:10px; margin-bottom:10px; letter-spacing:1.5px; }
 .feature-provider { font-size:11px; line-height:1.6; margin-bottom:10px; }
 .feature-description { font-size:12px; line-height:1.7; min-height:50px; }
 .feature-link { min-height:46px; padding:8px 10px; font-size:13px; gap:10px; }
 .secondary-heading { margin-top:24px; }
 .secondary-heading h3 { font-size:17px; }
 .game-secondary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .category-label { min-height:44px; padding:9px 8px; font-size:13px; }
 .category-label>span { font-size:12px; }
}
@media(max-width:360px) {
 .games .section-heading h2 { font-size:26px; }
 .feature-copy { padding:18px 12px 18px 14px; }
 .feature-copy h3 { font-size:25px; }
 .feature-provider { font-size:10px; }
 .feature-description { font-size:12px; text-wrap:balance; }
 .feature-link { font-size:12px; gap:8px; padding-inline:8px; }
 .game-secondary { gap:8px; }
 .category-label { padding-inline:6px; font-size:12px; }
}

/* TOP8 branded campaign hero: live copy on artwork negative space. */
.hero { color:#25271f; overflow:hidden; background:#f5efe3; padding:22px 0 0; }
.hero-inner { position:relative; width:min(1440px,calc(100% - 48px)); min-height:560px; height:clamp(500px,42vw,640px); isolation:isolate; }
.hero-world { position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:8px 8px 0 0; }
.hero-cover { width:100%; height:100%; object-fit:cover; object-position:center 28%; }
.hero-world figcaption { position:absolute; bottom:10px; right:14px; padding:3px 8px; border-radius:3px; color:#4e4028; background:#fff6e8e8; font-size:10px; }
.hero-copy { position:relative; width:37%; height:100%; display:flex; flex-direction:column; justify-content:center; padding:0 0 28px 36px; }
.hero-heading { min-width:0; }
.hero-brand { display:inline-block; padding:8px 12px; border:1px solid #a88b4f; border-radius:3px; background:#151713; }
.hero-brand img { width:300px; height:auto; }
.hero-topic { display:block; font-size:clamp(26px,2.6vw,38px); line-height:1.5; font-weight:600; letter-spacing:1px; margin-top:14px; }
.hero-intro { color:#565140; font-size:14px; line-height:1.9; margin-top:12px; max-width:23em; }
.hero-cta { margin-top:26px; }
.hero .actions { gap:10px; margin:0; }
.hero .button { font-size:14px; min-height:48px; padding:11px 17px; gap:18px; }
.hero .gold { background:#8d6728; color:#fffaf0; border-color:#8d6728; }
.hero .gold:hover { background:#79551e; }
.hero .outline { color:#503e21; background:#fff8ec9c; border-color:#a98a4e; }
.hero .outline:hover { background:#f3e1bc; }
.hero .destination { color:#655d4c; font-size:10px; margin-top:9px; }
.hero-explore { position:absolute; left:36px; bottom:15px; min-height:44px; display:flex; align-items:center; gap:26px; color:#72531f; font-size:12px; }
@media(max-width:1200px) and (min-width:601px) {
 .hero-inner { height:clamp(380px,46vw,540px); min-height:0; }
 .hero-copy { width:38%; padding:0 0 40px 24px; }
 .hero-brand { max-width:100%; padding:6px 8px; }
 .hero-brand img { width:210px; }
 .hero-topic { font-size:clamp(21px,2.6vw,28px); letter-spacing:0; margin-top:8px; }
 .hero-intro { font-size:13px; line-height:1.7; margin-top:6px; }
 .hero .actions { flex-direction:column; align-items:flex-start; gap:8px; }
 .hero .button { min-width:150px; min-height:44px; font-size:13px; padding:8px 12px; }
 .hero-cta { margin-top:14px; }
 .hero-cover { object-fit:contain; object-position:center; }
 .hero-world { background:#f5efe3; }
 .hero-explore { left:24px; bottom:5px; font-size:11px; min-height:36px; }
 .hero .destination { font-size:9px; line-height:1.6; }
}
@media(max-width:600px) {
 .hero { padding:0; background:#f5efe3; }
 .hero-inner { width:100%; height:auto; min-height:0; display:flex; flex-direction:column; }
 .hero-copy { width:100%; height:auto; padding:18px 20px 8px; }
 .hero-heading h1 { display:flex; align-items:center; gap:12px; }
 .hero-brand { flex-shrink:0; padding:6px 8px; }
 .hero-brand img { width:160px; }
 .hero-topic { margin:0; font-size:18px; line-height:1.5; letter-spacing:0; }
 .hero-intro { margin-top:8px; font-size:13px; max-width:none; line-height:1.7; }
 .hero-cta { margin-top:12px; }
 .hero .actions { gap:9px; }
 .hero .button { flex:1; font-size:14px; padding:8px 12px; min-height:48px; gap:8px; }
 .hero .destination { margin-top:6px; font-size:10px; }
 .hero-world { position:relative; inset:auto; z-index:auto; width:100%; border-radius:0; }
 .hero-cover { width:100%; height:clamp(240px,72vw,320px); object-fit:cover; object-position:right center; mask-image:linear-gradient(to bottom,transparent,#000 18px); }
 .hero-world figcaption { right:10px; bottom:8px; font-size:9px; }
 .hero-explore { position:relative; bottom:auto; left:auto; justify-content:space-between; margin:0; padding:0 20px; min-height:40px; }
}
@media(max-width:360px) {
 .hero-copy { padding:16px 16px 8px; }
 .hero-brand img { width:128px; }
 .hero-topic { font-size:16px; }
 .hero-intro { font-size:12px; }
 .hero .button { font-size:13px; padding-inline:10px; }
}

/* Banking polish: align with offers/games champagne-gold hierarchy. CSS only. */
.banking { background:#f3eee4; padding:60px 0 72px; }
.banking-layout { border-top:0; padding-top:0; }
.banking-intro { margin-bottom:28px; gap:16px 48px; }
.banking-intro .eyebrow { color:#8a6d34; letter-spacing:1px; font-size:12px; }
.banking-intro h2 { font-family:Georgia,"Noto Serif TC","Songti TC",serif; font-size:clamp(30px,3vw,42px); color:#32291b; font-weight:600; }
.banking-intro>p:not(.eyebrow) { font-size:15px; line-height:1.85; color:#5f6756; }
.bank-card { padding:28px; border:1px solid #bbab88; border-radius:12px; background:#fffaf0; box-shadow:0 12px 30px #493c1e0c; }
.bank-tabs { gap:8px; border-bottom:1px solid #e0d7c1; padding-bottom:16px; margin-bottom:22px; }
.bank-tabs button { border-radius:8px; border-color:#d2c6a8; background:#f7f2e6; color:#5d654f; font-weight:550; }
.bank-tabs button[aria-selected="true"] { background:#1c1914; color:#f0d69d; border-color:#1c1914; }
.bank-methods { gap:16px; }
.bank-method { padding:24px; border-radius:10px; border:1px solid #d5c7a4; background:linear-gradient(165deg,#fffdf8 0%,#f6f0e2 100%); }
.bank-method h3 { font-family:Georgia,"Noto Serif TC","Songti TC",serif; font-size:22px; font-weight:600; color:#32291b; margin-bottom:18px; }
.bank-method h3>span { color:#9a7a36; letter-spacing:1.6px; font-size:10px; }
.bank-stats { gap:12px; padding-top:4px; border-top:1px solid #e5dcc6; }
.bank-stats span { color:#6d7461; font-size:12px; margin-bottom:6px; }
.bank-stats strong { font-family:Georgia,serif; font-size:24px; color:#76541d; font-weight:600; }
.deposit-stats strong { font-family:Georgia,serif; color:#76541d; }
.deposit-methods span { border-radius:999px; border-color:#d2c6a8; background:#f7f2e6; color:#4f5645; }
.fee { border-radius:8px; border-left:4px solid #9b7b37; background:#f6e9c8; padding:18px 20px; }
.fee>strong { font-family:Georgia,"Noto Serif TC","Songti TC",serif; color:#5a4218; }
.timing { color:#5f6756; }
.timing-extra { margin-top:4px; }
.banking-foot { margin-top:24px; padding-top:8px; }
.banking-foot .steps { color:#8a6d34; }
.banking-foot .steps b { color:#4f5645; }
.bank-icon { color:#9a7937; }
@media(max-width:760px) {
 .banking { padding:42px 0 52px; }
 .bank-card { padding:18px; }
 .bank-method { padding:18px; }
 .bank-stats strong { font-size:20px; white-space:normal; }
 .deposit-stats strong { font-size:22px; }
}

/* banking17 follow-up: compact, integrated category cards. */
.game-feature { grid-template-columns:minmax(0,.42fr) minmax(0,.58fr); min-height:336px; background:linear-gradient(125deg,#25191c,#14100f); }
.game-feature:nth-child(2) { background:linear-gradient(125deg,#14202b,#101419); }
.feature-art { grid-column:1/-1; position:absolute; top:0; right:0; width:58%; min-height:0; height:100%; object-fit:contain; border-left:0; background:#220b11; }
.game-feature:nth-child(2) .feature-art { background:#121a22; }
.game-feature::after { content:""; position:absolute; z-index:1; top:0; bottom:0; left:40%; width:8%; pointer-events:none; background:linear-gradient(90deg,#191114,transparent); }
.game-feature:nth-child(2)::after { background:linear-gradient(90deg,#121b24,transparent); }
.feature-copy { min-height:336px; padding:30px 16px 28px 24px; justify-content:center; }
.feature-copy h3 { font-size:clamp(28px,2.7vw,40px); line-height:1.3; white-space:nowrap; }
.feature-en { font-size:12px; letter-spacing:1.6px; margin:5px 0 16px; }
.feature-description { min-height:62px; border-top:1px solid #d5bc7e60; padding-top:13px; margin-bottom:12px; font-size:13px; line-height:1.85; }
.feature-provider { display:inline-flex; min-height:25px; align-items:center; margin:0; padding:3px 8px; border:1px solid #c9b37c40; border-radius:4px; background:#ffffff06; color:#d1c5ab; font-size:10px; }
.feature-link { margin-top:24px; gap:12px; min-height:46px; padding:9px 12px; font-size:13px; white-space:nowrap; }
@media(max-width:1100px) and (min-width:761px) {
 .game-feature { grid-template-columns:minmax(0,.46fr) minmax(0,.54fr); }
 .game-feature,.feature-copy { min-height:300px; }
 .feature-art { width:54%; }
 .feature-copy { padding:22px 10px 22px 18px; }
 .feature-copy h3 { font-size:25px; }
 .feature-en { font-size:10px; letter-spacing:1px; }
 .feature-description { font-size:12px; }
 .feature-link { font-size:12px; gap:6px; padding-inline:9px; }
 .game-feature::after { left:44%; }
}
@media(max-width:760px) {
 .game-feature { grid-template-columns:minmax(0,.44fr) minmax(0,.56fr); }
 .game-feature,.feature-copy { min-height:250px; }
 .feature-art { width:56%; }
 .feature-copy { padding:20px 10px 20px 18px; }
 .feature-copy h3 { font-size:26px; }
 .feature-en { font-size:10px; margin-bottom:12px; letter-spacing:1px; }
 .feature-description { font-size:12px; line-height:1.75; padding-top:11px; margin-bottom:10px; text-wrap:balance; }
 .feature-link { margin-top:18px; min-height:44px; font-size:12px; gap:8px; padding:8px 10px; }
 .game-feature::after { left:42%; }
}
@media(max-width:360px) {
 .game-feature { grid-template-columns:minmax(0,.48fr) minmax(0,.52fr); }
 .feature-art { width:52%; }
 .feature-copy { padding:18px 8px 18px 13px; }
 .feature-copy h3 { font-size:23px; }
 .feature-en { font-size:9px; letter-spacing:.7px; }
 .feature-description { font-size:11px; }
 .feature-link { font-size:11px; padding-inline:8px; gap:5px; }
 .game-feature::after { left:46%; }
}

/* Phone hero: one visible brand logo in the header. */
@media(max-width:600px) {
 .hero-heading h1 { position:relative; display:block; }
 .hero-heading .hero-brand { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
 .hero-topic { font-size:26px; line-height:1.4; }
 .hero-copy { padding-top:20px; }
}
@media(max-width:360px) {
 .hero-topic { font-size:24px; }
}

/* Phone hero: view the poster before choosing an action. */
@media(max-width:600px) {
 .hero-copy { display:contents; }
 .hero-heading { order:0; padding:20px 20px 4px; }
 .hero-world { order:1; }
 .hero-cta { order:2; margin:0; padding:14px 20px 18px; }
 .hero-explore { display:none; }
}
@media(max-width:360px) {
 .hero-heading { padding:18px 16px 4px; }
 .hero-cta { padding:12px 16px 16px; }
}

/* Offer banners retain landscape composition; cards use natural height. */
.offer-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:start; }
.offer-support { display:grid; gap:20px; min-width:0; }
.offer-card.featured { grid-row:auto; }
.offer-card .offer-body { flex:initial; }
.offer-card details { margin-top:0; }
.featured .offer-body { padding:24px; }
.featured .offer-heading { min-height:64px; }
.featured .offer-tag { margin-bottom:18px; }
.featured dl { margin-bottom:12px; }
.featured dl>div { min-height:78px; }
.offer-card:not(.featured) { display:flex; flex-direction:column; }
.offer-card:not(.featured) .official-offer-image { position:static; width:100%; height:auto; min-height:0; max-height:160px; aspect-ratio:710/312; object-fit:contain; border:0; border-bottom:1px solid #bba578; border-radius:0; background:#151712; }
.offer-card:not(.featured) .offer-body { display:flex; padding:18px 22px 8px; }
.offer-card:not(.featured) .offer-heading { flex-direction:row; align-items:center; justify-content:space-between; width:100%; min-height:38px; gap:14px; margin-bottom:6px; }
.offer-card:not(.featured) .offer-value { font-size:30px; }
.offer-card:not(.featured) .offer-tag { min-height:0; margin-bottom:10px; }
.offer-card:not(.featured) dl>div { grid-template-columns:minmax(0,1fr) minmax(0,1fr); min-height:34px; }
.offer-card:not(.featured) summary { min-height:46px; }
@media(max-width:1000px) {
 .offer-grid { grid-template-columns:1fr; }
 .offer-support { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
 .offer-card:not(.featured) .official-offer-image { max-height:none; }
 .offer-card:not(.featured) .offer-body { padding:16px 18px 6px; }
 .offer-card:not(.featured) .offer-heading { flex-direction:column; align-items:flex-start; min-height:68px; gap:5px; }
 .offer-card:not(.featured) .offer-tag { min-height:44px; }
 .offer-card:not(.featured) dl>div { min-height:52px; }
}
@media(max-width:760px) {
 .offer-support { grid-template-columns:1fr; gap:16px; }
 .featured .offer-body { padding:18px; }
 .featured .offer-heading { min-height:58px; }
 .featured .offer-tag { margin-bottom:15px; }
 .featured dl>div { min-height:75px; }
 .offer-card:not(.featured) .offer-heading { flex-direction:row; align-items:center; min-height:42px; }
 .offer-card:not(.featured) .offer-heading h3 { font-size:18px; }
 .offer-card:not(.featured) .offer-value { font-size:28px; }
 .offer-card:not(.featured) .offer-tag { min-height:0; }
 .offer-card:not(.featured) dl>div { min-height:42px; }
 .offer-card:not(.featured) summary { min-height:48px; }
}
@media(max-width:360px) {
 .featured .offer-body { padding:14px; }
 .offer-card:not(.featured) .offer-heading { gap:8px; }
 .offer-card:not(.featured) .offer-heading h3 { font-size:16px; }
 .offer-card:not(.featured) .offer-value { font-size:26px; }
 .offer-card:not(.featured) .offer-value>small { font-size:9px; }
}

/* Approved illustrated promotions with live HTML terms and zoom links. */
.offers .offer-grid { display:flex; flex-direction:column; gap:22px; max-width:1100px; margin-inline:auto; }
.offers .offer-support { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; width:100%; align-items:start; }
.offers .offer-card { width:100%; display:flex; flex-direction:column; background:#fffaf0; border:1px solid #bba578; box-shadow:0 8px 22px #493c1e0a; }
.offers .offer-art-link { display:block; background:#151712; }
.offers .offer-art-link:focus-visible { outline:3px solid #9a6d25; outline-offset:-3px; }
.offers .offer-card .official-offer-image { display:block; position:static; width:100%; height:auto; max-height:none; min-height:0; aspect-ratio:auto; object-fit:contain; border:0; border-radius:0; }
.offers .offer-card .offer-body { display:flex; flex-direction:column; flex:initial; padding:16px 22px 6px; margin:0; border-radius:0; background:#fffaf0; }
.offers .offer-card .offer-heading { min-height:0; margin:0 0 5px; width:100%; display:block; }
.offers .offer-card .offer-heading h3 { font:600 20px/1.5 var(--font); }
.offers .offer-card .offer-value { display:none; }
.offers .offer-card .offer-tag { min-height:0; margin:0 0 8px; font-size:13px; }
.offers .offer-card details { margin-top:0; border-top:1px solid #d8c9ac; }
.offers .offer-card summary { min-height:48px; font-size:14px; }
.offers .offer-card details>dl { display:block; margin:0 0 16px; border-top:0; }
.offers .offer-card dl>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:12px; min-height:44px; border-bottom:1px solid #ebe6da; }
.offers .offer-card dt { font-size:13px; }
.offers .offer-card dd { font:550 14px/1.6 var(--font); text-align:right; }
.offer-enlarge { display:flex; align-items:center; gap:7px; min-height:44px; margin-top:0; font-size:12px; color:#72511d; text-decoration:underline; }
@media(max-width:760px) {
 .offers .offer-support { grid-template-columns:1fr; gap:18px; }
 .offers .offer-grid { gap:18px; }
 .offers .offer-card .offer-body { padding:14px 17px 4px; }
 .offers .offer-card .offer-heading h3 { font-size:18px; }
 .offers .offer-card .offer-tag { font-size:13px; }
 .offers .offer-card summary { font-size:15px; }
}

.offer-art-note { margin-top:20px; font-size:12px; color:#655d4c; }

/* Compact comparison rows for deposit and withdrawal information. */
.banking .bank-card { padding:24px; }
.banking .bank-tabs { display:inline-flex; gap:4px; padding:5px; margin:0 0 20px; border:1px solid #d5c7a4; border-radius:10px; background:#eee7d7; }
.banking .bank-tabs button { min-height:44px; padding:8px 24px; border:1px solid transparent; border-radius:7px; font-size:15px; }
.banking .bank-tabs button[aria-selected="true"] { box-shadow:0 2px 6px #1b140e19; }
.banking .timing { margin-bottom:16px; padding:10px 14px; border-left:2px solid #ad8b49; background:#f4efdf; font-size:13px; line-height:1.8; }
.banking .bank-methods { gap:18px; margin-bottom:16px; }
.banking .bank-method { padding:20px 22px 12px; background:#fffdf7; }
.banking .bank-method h3 { font-size:22px; line-height:1.4; margin-bottom:16px; }
.banking .bank-method h3>span { font-size:9px; letter-spacing:1.2px; margin-top:4px; }
.banking .bank-icon { width:28px; height:28px; top:21px; right:20px; }
.banking .bank-method .bank-stats { display:block; padding-top:4px; }
.banking .bank-method .bank-stats>div { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:45px; padding:8px 0; border-bottom:1px solid #e9e1d1; }
.banking .bank-method .bank-stats>div:last-child { border-bottom:0; }
.banking .bank-method .bank-stats span { margin:0; font-size:13px; line-height:1.6; }
.banking .bank-method .bank-stats strong { flex-shrink:0; font-size:23px; line-height:1.3; font-variant-numeric:tabular-nums; }
.banking .bank-method .bank-stats>div:last-child strong { font-size:20px; background:#f0e5cb; color:#65491a; border-radius:5px; padding:3px 9px; }
.banking .timing-extra { background:none; border-left:0; padding:0; margin-bottom:18px; }
.banking .fee { display:grid; grid-template-columns:210px minmax(0,1fr); align-items:start; gap:18px; padding:17px 20px; background:#f4e7c5; }
.banking .fee>strong { font:600 16px/1.8 var(--font); }
.banking .fee p { margin:0; font-size:13px; line-height:1.9; }
.banking .deposit-stats { padding-top:14px; padding-bottom:16px; }
@media(max-width:1100px) {
 .banking .fee { grid-template-columns:1fr; gap:6px; }
 .banking .bank-method { padding-inline:18px; }
 .banking .bank-method h3 { font-size:20px; }
 .banking .bank-method .bank-stats strong { font-size:21px; }
}
@media(max-width:760px) {
 .banking .bank-card { padding:17px; }
 .banking .bank-tabs { display:flex; width:100%; margin-bottom:16px; }
 .banking .bank-tabs button { flex:1; padding:8px 12px; font-size:14px; }
 .banking .timing { padding:10px 12px; font-size:13px; }
 .banking .bank-methods { gap:12px; }
 .banking .bank-method { padding:17px 16px 10px; }
 .banking .bank-method h3 { font-size:21px; margin-bottom:13px; }
 .banking .bank-icon { width:26px; height:26px; top:18px; right:16px; }
 .banking .bank-method .bank-stats>div { min-height:43px; gap:10px; }
 .banking .bank-method .bank-stats span { font-size:12px; }
 .banking .bank-method .bank-stats strong { font-size:22px; }
 .banking .bank-method .bank-stats>div:last-child { align-items:flex-start; }
 .banking .bank-method .bank-stats>div:last-child span { max-width:9em; }
 .banking .bank-method .bank-stats>div:last-child strong { font-size:19px; }
 .banking .fee { padding:14px 15px; }
 .banking .fee p { font-size:14px; }
}
@media(max-width:360px) {
 .banking .bank-card { padding:14px; }
 .banking .bank-method { padding-inline:13px; }
 .banking .bank-method h3 { font-size:19px; }
 .banking .bank-method .bank-stats strong { font-size:20px; }
 .banking .bank-method .bank-stats>div:last-child strong { font-size:17px; }
}

/* Offer artwork footer: a compact row of two separate controls. */
.offers .offer-card .offer-body { position:relative; padding:0 20px; }
.offers .offer-card details { border-top:0; }
.offers .offer-card summary { width:calc(100% - 126px); min-height:58px; padding-block:10px; gap:12px; }
.offers .offer-card .offer-enlarge { position:absolute; top:7px; right:20px; width:108px; min-height:44px; margin:0; justify-content:flex-end; font-size:12px; }
.offers .offer-card details>.offer-heading { padding-top:15px; border-top:1px solid #d8c9ac; margin:0 0 6px; }
.offers .offer-card details>.offer-tag { margin-bottom:12px; }
.offers .offer-card details>.detail-body { padding-bottom:18px; }
@media(max-width:760px) {
 .offers .offer-card .offer-body { padding:0 15px; }
 .offers .offer-card summary { width:calc(100% - 114px); font-size:14px; min-height:58px; }
 .offers .offer-card .offer-enlarge { right:15px; width:98px; font-size:12px; }
}
@media(max-width:360px) {
 .offers .offer-card summary { width:calc(100% - 98px); gap:6px; font-size:13px; }
 .offers .offer-card .offer-enlarge { width:87px; font-size:11px; }
}

/* FAQ categories with visible navigation and complete HTML answers. */
.faq { padding:60px 0; background:#f1ece2; }
.faq-layout { grid-template-columns:260px minmax(0,1fr); gap:56px; align-items:start; }
.faq-layout h2 { font:600 clamp(30px,3vw,40px)/1.4 Georgia,"Noto Serif TC","Songti TC",serif; color:#32291b; }
.faq-nav { display:flex; flex-direction:column; gap:8px; margin-top:25px; }
.faq-nav a { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:11px 15px; border:1px solid #d5c7a4; border-radius:7px; background:#fffaf0; font-size:14px; color:#5a4724; }
.faq-nav a::after { content:"↓"; color:#9a7937; margin-left:12px; }
.faq-nav a:hover { background:#ecdfc3; border-color:#aa884b; }
.faq-guide { margin-top:22px; padding:19px; border-radius:8px; background:#e9e1d0; }
.faq-guide p { font-size:14px; }
.faq-items { min-width:0; display:grid; gap:20px; }
.faq-group { scroll-margin-top:110px; border:1px solid #cfbea0; border-radius:10px; background:#fffaf0; }
.faq-group h3 { margin:0; padding:15px 20px; font-size:15px; font-weight:600; color:#74551f; border-bottom:1px solid #d8c9ac; background:#ede3cf; border-radius:9px 9px 0 0; }
.faq-items .faq-group details { margin:0 20px; border-bottom:1px solid #e1d7c2; }
.faq-items .faq-group details:last-child { border-bottom:0; }
.faq-items .faq-group details:first-child { border-top:0; }
.faq-items .faq-group summary { min-height:62px; padding:15px 0; gap:18px; font-size:16px; line-height:1.6; }
.faq-items .faq-group summary:focus-visible { outline-offset:-3px; }
.faq-items .faq-group details[open]>summary { color:#73521c; }
.faq-items .faq-group p { padding:0 22px 19px 0; margin:0; color:#52594c; font-size:15px; line-height:1.95; }
@media(max-width:1100px) {
 .faq-layout { grid-template-columns:210px minmax(0,1fr); gap:28px; }
}
@media(max-width:760px) {
 .faq { padding:42px 0; }
 .faq-layout { display:block; }
 .faq-nav { flex-direction:row; gap:7px; margin-top:18px; }
 .faq-nav a { flex:1; justify-content:center; min-width:0; min-height:46px; padding:10px 5px; font-size:12px; white-space:nowrap; }
 .faq-nav a::after { display:none; }
 .faq-items { margin-top:20px; gap:16px; }
 .faq-group { scroll-margin-top:90px; }
 .faq-group h3 { padding:13px 15px; font-size:14px; }
 .faq-items .faq-group details { margin-inline:15px; }
 .faq-items .faq-group summary { min-height:62px; font-size:15px; gap:12px; }
 .faq-items .faq-group p { padding-right:0; font-size:15px; }
}
@media(max-width:360px) {
 .faq-nav { gap:5px; }
 .faq-nav a { font-size:11px; }
 .faq-items .faq-group details { margin-inline:13px; }
 .faq-items .faq-group summary { font-size:14px; }
}

/* Contact host: fictional portrait, existing platform instruction and destination. */
.contact .contact-actions { padding:24px; gap:16px; }
.contact .support-badge { gap:20px; padding-bottom:0; align-items:center; }
.contact .support-portrait { flex:0 0 104px; margin:0; }
.contact .support-portrait img { display:block; width:104px; height:138px; object-fit:cover; object-position:50% 28%; border:1px solid #aa8b4e66; border-radius:8px; }
.contact .support-portrait figcaption { margin-top:5px; font-size:10px; line-height:1.5; color:#bfb7a6; text-align:center; }
.contact .support-badge>div { min-width:0; }
.contact .support-badge strong { font-size:20px; line-height:1.5; }
.contact .support-badge span { font-size:13px; line-height:1.8; margin-top:8px; }
.contact .contact-actions .button { min-width:0; min-height:54px; padding:14px 18px; gap:12px; font-size:16px; white-space:nowrap; }
.contact .contact-actions .button span { flex-shrink:0; }
@media(max-width:1100px) and (min-width:761px) {
 .contact .contact-inner { grid-template-columns:1fr 1fr; gap:30px; }
 .contact .contact-actions { padding:18px; }
 .contact .support-badge { gap:14px; }
 .contact .support-portrait { flex-basis:86px; }
 .contact .support-portrait img { width:86px; height:118px; }
 .contact .support-badge strong { font-size:18px; }
}
@media(max-width:360px) {
 .contact .contact-actions { padding:16px; }
 .contact .support-badge { gap:13px; }
 .contact .support-portrait { flex-basis:82px; }
 .contact .support-portrait img { width:82px; height:114px; }
 .contact .support-badge strong { font-size:17px; }
 .contact .support-badge span { font-size:12px; }
 .contact .contact-actions .button { font-size:15px; padding-inline:13px; }
}

/* Native supplier logos from the platform footer; no partnership claim. */
.provider-strip { margin-top:34px; scroll-margin-top:110px; }
.provider-heading { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-bottom:13px; }
.provider-heading h3 { color:var(--gold); font-size:18px; font-weight:500; }
.provider-heading>span { color:#b9b5a8; font-size:12px; }
.provider-logos { list-style:none; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:0; margin:0; padding:12px; background:#f1ece2; border:1px solid #c3ac7870; border-radius:10px; }
.provider-logos li { min-width:0; display:flex; align-items:center; justify-content:center; }
.provider-logos img { display:block; width:100%; max-width:140px; height:auto; aspect-ratio:2/1; object-fit:contain; }
@media(max-width:1000px) {
 .provider-logos { grid-template-columns:repeat(4,minmax(0,1fr)); padding:10px; }
}
@media(max-width:600px) {
 .provider-strip { margin-top:26px; scroll-margin-top:90px; }
 .provider-heading h3 { font-size:17px; }
 .provider-heading>span { font-size:11px; }
 .provider-logos { grid-template-columns:repeat(2,minmax(0,1fr)); padding:8px 12px; }
 .provider-logos img { max-width:132px; }
}

/* Sixteen platform-listed suppliers, compact four-column phone grid. */
@media(max-width:600px) {
 .provider-logos { grid-template-columns:repeat(4,minmax(0,1fr)); padding:10px 5px; }
 .provider-logos li { min-height:48px; }
 .provider-logos img { max-width:140px; }
}

/* Supplier list closes the page after customer support. */
.provider-bottom { background:#181816; padding:0 0 40px; }
.provider-bottom .provider-strip { margin-top:0; padding-top:24px; border-top:1px solid var(--dark-line); }
@media(max-width:600px) { .provider-bottom { padding-bottom:30px; } }

/* The relocated provider list is a peer section; retain its compact title. */
.provider-heading h2 { color:var(--gold); font-size:18px; font-weight:500; }
@media(max-width:600px) { .provider-heading h2 { font-size:17px; } }