/* JOKER88 VIP branding + multilingual single-button dropdown update */
:root{--joker88-gold:#f4b400;--joker88-dark:#050508;--joker88-line:rgba(244,180,0,.35)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.brand img[src*="joker88-logo"]{height:68px!important;width:auto!important;max-width:240px!important;object-fit:contain;border-radius:14px;box-shadow:0 0 0 1px var(--joker88-line),0 12px 30px rgba(0,0,0,.35)}
.language-switcher{display:flex;align-items:center;margin-left:.75rem;position:relative;z-index:50}
.language-dropdown{position:relative}
.language-dropdown summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-width:84px;height:40px;padding:0 .95rem;border:1px solid var(--joker88-line);border-radius:999px;color:#080808;text-decoration:none;font-weight:800;font-size:.9rem;line-height:1;background:linear-gradient(135deg,#ffd35a,#f4b400);box-shadow:0 8px 24px rgba(244,180,0,.18);cursor:pointer;user-select:none}
.language-dropdown summary::-webkit-details-marker{display:none}
.language-dropdown summary:hover,.language-dropdown[open] summary{filter:brightness(1.03)}
.language-current{display:inline-flex;align-items:center;justify-content:center}
.language-caret{display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;transition:transform .2s ease}
.language-dropdown[open] .language-caret{transform:rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 10px);right:0;display:grid;gap:8px;min-width:110px;padding:10px;background:rgba(8,8,10,.98);border:1px solid var(--joker88-line);border-radius:18px;box-shadow:0 18px 38px rgba(0,0,0,.38)}
.language-menu a{display:flex;align-items:center;justify-content:center;min-width:72px;height:38px;padding:0 .85rem;border:1px solid var(--joker88-line);border-radius:999px;color:#fff;text-decoration:none;font-weight:800;font-size:.9rem;line-height:1;background:rgba(255,255,255,.05);transition:background .2s ease,color .2s ease,border-color .2s ease}
.language-menu a:hover,.language-menu a:focus{background:linear-gradient(135deg,#ffd35a,#f4b400);color:#080808;outline:none}
.language-menu a.active{background:linear-gradient(135deg,#ffd35a,#f4b400);color:#080808;box-shadow:0 0 0 2px rgba(244,180,0,.2)}
.lang-note{border:1px solid var(--joker88-line);background:rgba(244,180,0,.08);border-radius:18px;padding:1rem;margin:1rem 0;color:#fff}
@media(max-width:920px){.language-switcher{width:100%;justify-content:center;margin:.75rem 0 0}.language-menu{left:50%;right:auto;transform:translateX(-50%)}.brand img[src*="joker88-logo"]{height:58px!important;max-width:205px!important}}


/* Joker88 RTP comparison and game spec blocks */
.rtp-comparison-section{position:relative}
.rtp-table-wrap{width:100%;overflow:auto;border:1px solid rgba(244,180,0,.24);border-radius:20px;background:rgba(255,255,255,.035);box-shadow:0 20px 45px rgba(0,0,0,.18)}
.rtp-table{width:100%;border-collapse:collapse;min-width:920px;font-size:.94rem}
.rtp-table th,.rtp-table td{padding:.82rem .9rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
.rtp-table th{position:sticky;top:0;background:linear-gradient(135deg,rgba(244,180,0,.24),rgba(255,255,255,.06));color:#ffe6a0;font-weight:900;white-space:nowrap}
.rtp-table td:first-child{font-weight:850;color:#fff;white-space:nowrap}
.rtp-table td a{color:#fff;text-decoration:none}
.rtp-table td a:hover{color:#ffd35a;text-decoration:underline}
.rtp-note{margin-top:.85rem;color:rgba(255,255,255,.72);font-size:.88rem;line-height:1.65}
.game-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:.8rem 0}
.game-spec-grid>div{border:1px solid rgba(244,180,0,.22);background:rgba(255,255,255,.045);border-radius:16px;padding:.85rem}
.game-spec-grid strong{display:block;color:#ffd35a;margin-bottom:.35rem;font-size:.9rem}
.game-spec-grid span{display:block;color:#fff;font-weight:800;line-height:1.45}
@media(max-width:760px){.rtp-table{min-width:780px;font-size:.88rem}.rtp-table th,.rtp-table td{padding:.7rem}.game-spec-grid{grid-template-columns:1fr 1fr}.rtp-note{font-size:.82rem}}
@media(max-width:480px){.game-spec-grid{grid-template-columns:1fr}}

/* Joker88 Top 5 RTP comparison */
.rtp-comparison{margin:clamp(28px,5vw,56px) auto;padding:clamp(18px,3vw,30px);border:1px solid rgba(244,180,0,.28);border-radius:24px;background:linear-gradient(180deg,rgba(255,211,90,.08),rgba(255,255,255,.025));box-shadow:0 18px 42px rgba(0,0,0,.22)}
.rtp-comparison .section-head{max-width:880px;margin:0 auto 18px;text-align:center}
.rtp-comparison h2{margin:.35rem 0;font-size:clamp(1.45rem,3.6vw,2.35rem);line-height:1.2}
.rtp-comparison p{color:rgba(255,255,255,.82)}
.table-wrap{overflow-x:auto;border-radius:18px;border:1px solid rgba(244,180,0,.2)}
.rtp-table{width:100%;border-collapse:collapse;min-width:680px;background:rgba(5,5,8,.62)}
.rtp-table th,.rtp-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
.rtp-table th{background:linear-gradient(135deg,#ffd35a,#f4b400);color:#080808;font-weight:900}
.rtp-table td:first-child{font-weight:900;color:#ffd35a}
.rtp-table tr:last-child td{border-bottom:0}
.rtp-note{margin:14px 0 0;font-size:.92rem;color:rgba(255,255,255,.72)!important}
@media(max-width:720px){.rtp-comparison{padding:16px}.rtp-table th,.rtp-table td{padding:12px}.rtp-table{min-width:620px}}

/* Joker88 EN/ZH generated hero banners */
.language-hero-banner{padding:10px;overflow:hidden;max-width:620px;margin-left:auto;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(244,180,0,.28)}
.language-hero-banner picture{display:block}
.language-hero-banner img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:0 18px 46px rgba(0,0,0,.38)}
.language-hero-banner .image-caption{margin:.65rem .25rem .1rem;color:#ffe09a;font-weight:900;text-align:center;font-size:.95rem}
@media(max-width:980px){.language-hero-banner{max-width:100%;margin-left:0}.language-hero-banner img{max-height:560px}}
@media(max-width:640px){.language-hero-banner{padding:8px}.language-hero-banner img{border-radius:15px}.language-hero-banner .image-caption{font-size:.88rem}}