/* AJO89: existing landing-page components, burgundy and gold artwork palette. */
:root { color-scheme: dark; --bg:#100608; --panel:#281015; --wine:#991d36; --gold:#e8bd65; --line:#9e773c; --text:#fff3dc; }
* { box-sizing:border-box; }
body { margin:0; padding-bottom:100px; background:radial-gradient(ellipse at top,#450c19,var(--bg) 65%); color:var(--text); font-family:Arial,sans-serif; line-height:1.6; }
a { color:var(--gold); text-decoration:none; }
a:hover { color:#ffe5a6; }
button,input { font:inherit; }
button { cursor:pointer; }
button,a,input { outline-offset:4px; }
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible { outline:2px solid var(--gold); }
img { max-width:100%; height:auto; object-fit:contain; }
svg { width:24px; height:24px; fill:currentColor; }
h1,h2,h3 { color:var(--gold); line-height:1.3; }
h1 { font-size:clamp(1.5rem,3vw,2.3rem); }
p { line-height:1.75; }
.wt-screen-reader-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.wt-display-none,.hidden,[hidden],.wt-overlay,.wt-menu__body,.wt-popover [role=tooltip] { display:none; }
.wt-list-unstyled { list-style:none; padding:0; }
.wt-position-relative { position:relative; }
.wt-position-absolute { position:absolute; }
.wt-position-top { top:0; }
.wt-position-left { left:0; }
.wt-position-right { right:0; }
.wt-width-full { width:100%; }
.wt-height-full { height:100%; }
.wt-display-flex-xs { display:flex; }
.wt-display-inline-flex-xs { display:inline-flex; }
.wt-align-items-center { align-items:center; }
.wt-justify-content-center { justify-content:center; }
.wt-justify-content-space-between { justify-content:space-between; }
.wt-flex-wrap { flex-wrap:wrap; }
.wt-flex-grow-xs-1 { flex-grow:1; }
.wt-icon { display:inline-flex; width:24px; height:24px; }
.wt-btn { border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--text); padding:8px 12px; }
.wt-input { color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:8px; padding:10px; max-width:100%; }
.wt-menu__trigger,.wt-popover__trigger { background:transparent; color:var(--gold); border:0; }
[data-wt-menu-body] { display:none; }
#gnav-header-inner { padding-block:16px; gap:16px; }
.image-carousel-container { flex:1; min-width:0; }
[data-carousel-pane-list] { width:100%; }
.wt-body-max-width,#content,.DEWA222-section,.DEWA222-rtp-section,#gnav-header-inner { width:min(1140px,100% - 32px); margin-inline:auto; }
#gnav-header { background:#16090c; border-bottom:1px solid var(--line); }
.gnav-user-avatar { width:32px; height:32px; }
.n-columns-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:12px 0 22px; }
.login,.register,.cyber-spin-btn { display:block; text-align:center; padding:12px 20px; font-weight:700; border:1px solid var(--gold); border-radius:8px; }
.login,.cyber-spin-btn { background:linear-gradient(100deg,var(--wine),#450c19); color:var(--text); }
.register { background:linear-gradient(100deg,#f2d28c,#b98735); color:#241006; }
.trust-suite-banner { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:12px; }
.trust-suite-banner .wt-banner__layout { gap:20px; flex-wrap:wrap; }
[data-ui=list-item-breadcrumbs] { display:inline-block; margin:8px; }
.listing-page-content .body-wrap { display:flex; gap:28px; margin-top:24px; width:100%; }
.image-col { flex:1 1 55%; min-width:0; }
.listing-page-content .body-wrap > :not(.image-col) { flex:1 1 45%; min-width:0; }
[data-carousel-pane-list],[data-image-overlay-list] { list-style:none; margin:0; padding-left:0; position:relative; }
[data-carousel-pane-list] > li { position:absolute; inset:0; }
[data-carousel-pane-list] img { width:100%; height:100%; object-fit:contain; border-radius:12px; border:1px solid var(--line); }
.rirozo-carousel { overflow:hidden; background:#16090c; border:1px solid var(--line); border-radius:10px; }
.carousel-track { display:flex; }
.carousel-track .slide { flex:0 0 100%; text-align:center; }
.carousel-track img { width:100%; max-height:130px; }
.rirozo-daftar { margin-top:16px; padding:12px; border:1px solid var(--gold); border-radius:8px; background:linear-gradient(100deg,var(--wine),#450c19); }
.rirozo-daftar img { display:block; max-height:90px; margin:auto; }
.DEWA222-section,.DEWA222-rtp-section { margin-top:28px; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:12px; }
.DEWA222-tabs { display:flex; gap:10px; margin-bottom:24px; }
.DEWA222-tab { flex:1; padding:12px; border:1px solid var(--line); border-radius:8px; color:var(--gold); background:var(--bg); }
.DEWA222-tab.is-active { background:linear-gradient(100deg,#f2d28c,#b98735); color:#241006; font-weight:bold; }
.DEWA222-panel { display:none; }
.DEWA222-panel.is-active { display:block; }
.DEWA222-faq details { padding:16px 0; border-bottom:1px solid var(--line); }
.DEWA222-faq summary { color:var(--gold); font-weight:bold; cursor:pointer; }
.testimoni-wrapper { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
blockquote { margin:0; padding:20px; background:var(--bg); border-left:3px solid var(--gold); border-radius:6px; }
cite { color:var(--gold); }
.DEWA222-rtp-layout { display:grid; grid-template-columns:1.3fr 1fr; gap:24px; }
.rtp-chart-frame { display:flex; gap:12px; }
.rtp-y-axis { display:flex; flex-direction:column; justify-content:space-between; padding-bottom:65px; color:var(--gold); }
.rtp-bars { display:flex; flex:1; gap:12px; }
.rtp-item { flex:1; text-align:center; min-width:0; }
.rtp-value,.rtp-name,.rtp-provider { display:block; font-size:12px; }
.rtp-value { color:var(--gold); }
.rtp-track { height:160px; display:flex; align-items:flex-end; background:var(--bg); border-radius:6px; overflow:hidden; }
.rtp-fill { width:100%; height:calc(var(--rtp) * 1%); background:linear-gradient(#e8bd65,#991d36); }
.cyber-slot-machine { padding:20px; background:var(--bg); border:1px solid var(--line); border-radius:12px; text-align:center; }
.cyber-reels { display:flex; justify-content:center; gap:10px; margin:18px 0; }
.cyber-reel { flex:1; padding:14px 4px; background:var(--panel); border:1px solid var(--gold); border-radius:6px; font-size:28px; }
.cyber-spin-btn { width:100%; }
.cyber-spin-btn:disabled { opacity:.6; cursor:wait; }
.cyber-result { min-height:30px; color:var(--gold); }
.rirozo-gacor-fixed-footer { position:fixed; bottom:0; left:0; right:0; z-index:99; display:flex; justify-content:space-around; background:#16090c; border-top:1px solid var(--gold); padding:10px 8px; box-shadow:0 -4px 20px #0006; }
.rirozo-gacor-fixed-footer a { display:flex; flex-direction:column; align-items:center; color:var(--text); font-size:12px; gap:4px; }
.rirozo-gacor-fixed-footer img { width:32px; height:32px; }
@media(max-width:767px) {
 #gnav-header-inner { flex-wrap:wrap; gap:8px; }
 #gnav-header-inner > * { min-width:0; max-width:100%; }
 #gnav-header-inner input { min-width:0; width:100%; }
 .listing-page-content .body-wrap { flex-direction:column; }
 .DEWA222-rtp-layout,.testimoni-wrapper { grid-template-columns:1fr; }
 .DEWA222-section,.DEWA222-rtp-section { padding:18px; }
 .wt-hide-xs,.wt-hide-sm { display:none; }
 .DEWA222-tabs { gap:6px; }
 .DEWA222-tab { padding:10px 6px; }
}
