/* PGThai88: navy, royal blue, gold, black and white. */
:root {
  --pg-black: #03050b;
  --pg-navy: #030918;
  --pg-panel: #061127;
  --pg-blue: #092365;
  --pg-gold: #f0c65a;
  --pg-gold-light: #fff0b0;
  --pg-white: #f7f9ff;
  --pg-muted: #b8c6de;
  --pg-line: rgba(240,198,90,.32);
}
body { background: var(--pg-black); color: var(--pg-white); }
a { color: var(--pg-gold); }
a:hover, a:focus { color: var(--pg-gold-light); }
p { color: var(--pg-muted); }
.topbar-container { background: var(--pg-black); border-bottom: 1px solid var(--pg-line); }
.site-header { background: linear-gradient(180deg,#061127,#030918); border-color: var(--pg-line); box-shadow: 0 5px 22px #0006; }
.top-menu>li>a { color: var(--pg-white); }
.top-menu>li>a:hover, .top-menu>li[data-active="true"]>a { color: var(--pg-gold); }
.top-menu .game-list { background: rgba(7,20,47,.98); border-color: var(--pg-line); }
.top-menu .game-list>li>a .background { background: linear-gradient(90deg,#03091800,#092365b5); border-color: var(--pg-gold); }
.login-panel input[type=text], .login-panel input[type=password], .form-control {
  background: #020610; border-color: #33415b; color: var(--pg-white);
}
.login-panel input::placeholder, .form-control::placeholder { color: var(--pg-muted); opacity: 1; }
.login-panel .login-button { background: linear-gradient(#103382,#061638); color: #fff; border: 1px solid #304a78; }
.login-panel .login-button:hover { background: linear-gradient(#17449b,#0a2459); }
.login-panel .register-button, .standard-button-group .btn-primary, .download-apk .btn {
  background: linear-gradient(180deg,#fff0b0 0%,#f0c65a 48%,#bc861c 100%); color: #08142f; border-color: var(--pg-gold); font-weight: 700;
}
.login-panel .register-button:hover, .standard-button-group .btn-primary:hover, .download-apk .btn:hover {
  background: linear-gradient(#ffe599,#dba42d); color: #03050b;
}
.login-panel .forgot-password-link, .login-panel .forgot-password-link:hover { color: var(--pg-gold); }
.banner { background-color: var(--pg-black); }
.banner .carousel-indicators .active, .banner .carousel-indicators .slick-active { background: var(--pg-gold); border-color: var(--pg-gold); }
.home-info-container, .telegram-banner-container { background: var(--pg-navy); border-bottom-color: var(--pg-line); }
.announcement-container, .announcement-container>[data-section="announcements"] { background: #061127; color: var(--pg-gold); }
.announcement-container .announcement-list li { color: var(--pg-white); }
.jackpot-winners { background: linear-gradient(90deg,#030918,#081a3b,#030918); border-block: 1px solid var(--pg-line); }
.jackpot-winners .winners-ticker-container, .jackpot-winners .winners-ticker-container ul li { background: #020713; color: var(--pg-white); }
.progressive-jackpot .jackpot-currency, .progressive-jackpot .jackpot-container { color: var(--pg-gold-light); }
.popular-games { background-image: none; background-color: var(--pg-navy); }
.popular-games .tab-pane, .popular-games .tab-content { background: #061127; border-color: var(--pg-line); }
.popular-games [data-section="left"] .section-title { background: #061127; color: var(--pg-gold); }
.popular-games .nav-tabs>li>a { background: #030918; color: var(--pg-white); }
.popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li.active>a:focus, .popular-games .nav-tabs>li>a:hover { background: #0b2450; color: var(--pg-gold-light); border-color: var(--pg-line); }
.home-game-list-container .container-title span, .home-game-list-container .container-title span:after { background: #081a3b; color: var(--pg-gold-light); }
.home-game-list-container .container-content { background: var(--pg-navy); border-color: var(--pg-line); }
.home-game-list-container .container-content .game-list .game-item .game-name { color: var(--pg-white); }
.download-apk-container { background: radial-gradient(ellipse at 75% 50%,#081a3b 0%,#030918 60%,#03050b 100%); }
.site-footer { background: linear-gradient(180deg,#030918,#03050b); border-top: 1px solid var(--pg-line); }
.site-description, .site-description p, .site-description div, .site-info-container p,
.site-info .site-info-description p, .site-info .site-info-description ul li,
.bank-list p, .footer-links>li>a, .copyright { color: var(--pg-muted); }
.site-description h1, .site-description h2, .site-description h3, .site-description a,
.footer-section-title, .site-info-container h5, .site-info .site-info-description h4 { color: var(--pg-gold); }
.footer-separator, .provider-container, .footer-links>li+li>a { border-color: var(--pg-line); }
.provider-container>h5 { background: var(--pg-navy); color: var(--pg-muted); }
.player-reviews .player-review { background: var(--pg-navy); border-color: var(--pg-line); }
.player-reviews .player-reviews-title, .player-reviews .review-name, .player-reviews .review-stars { color: var(--pg-gold); }
.player-reviews .player-reviews-subtitle, .player-reviews .review-text { color: var(--pg-muted); }
.player-reviews .review-tag { background: #020610; border-color: var(--pg-line); color: var(--pg-gold-light); }
.snow-wrap .snowflake, .snow-wrap .snowflake.-lg {
  background: radial-gradient(circle at 30% 30%,#fff 0 36%,#fff0b0 46%,#f0c65a 62%,#092365cc 74%,transparent 80%);
  filter: drop-shadow(0 0 5px #f0c65a80);
}
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--pg-gold); outline-offset: 3px; }

/* Soft gold light over the dark navy surfaces. */
.site-header {
  background: linear-gradient(115deg,#030918 0%,#061127 48%,#282314 82%,#52401b 100%);
  border-bottom-color: #bd9342;
}
.home-info-container, .telegram-banner-container {
  background: linear-gradient(110deg,#030918 0%,#061127 64%,#302716 100%);
}
.announcement-container {
  background: linear-gradient(100deg,#061127 0%,#151b26 60%,#49391a 100%);
  border: 1px solid var(--pg-line);
}
.announcement-container>[data-section="announcements"] { background: transparent; }
.jackpot-winners {
  background: linear-gradient(100deg,#030918 0%,#0b1933 30%,#493819 52%,#0b1933 75%,#030918 100%);
}
.popular-games {
  background: radial-gradient(ellipse at top right,#72532140,transparent 58%),#030918;
}
.popular-games [data-section="left"] .section-title,
.home-game-list-container .container-title span {
  background: linear-gradient(110deg,#081a3b 0%,#24271f 60%,#715322 100%);
  color: var(--pg-gold-light);
}
.home-game-list-container .container-title span:after { background: #715322; }
.home-game-list-container .container-content {
  background: linear-gradient(135deg,#061127 0%,#030918 68%,#2d2414 100%);
}
.download-apk-container {
  background: radial-gradient(ellipse at 85% 45%,#77552380 0%,transparent 58%),linear-gradient(115deg,#03050b,#061127);
}
.site-footer {
  background: radial-gradient(ellipse at top right,#73512033,transparent 52%),linear-gradient(180deg,#030918,#03050b);
  border-top-color: #bd9342;
}
.player-reviews .player-review {
  background: linear-gradient(135deg,#061127 0%,#030918 65%,#2d2414 100%);
}
.player-reviews .player-review::before {
  background: linear-gradient(90deg,transparent,#f0c65a,transparent);
}
.login-panel .register-button, .standard-button-group .btn-primary, .download-apk .btn {
  background: linear-gradient(135deg,#b47a18 0%,#f0c65a 24%,#fff3be 45%,#e5b745 64%,#a96e12 100%);
  box-shadow: inset 0 1px 0 #fff6d680,0 3px 12px #d9a73726;
}
.login-panel .register-button:hover, .standard-button-group .btn-primary:hover, .download-apk .btn:hover {
  background: linear-gradient(135deg,#d59b2b 0%,#ffe18a 30%,#fff8d9 48%,#f0c65a 70%,#c18b22 100%);
}
/* Expanded gold accents. */
.topbar-container { background: linear-gradient(100deg,#03050b 15%,#302510 65%,#775520); }
.top-menu>li>a:hover, .top-menu>li[data-active="true"]>a { background: linear-gradient(180deg,#f0c65a26,#bd861b44); }
.popular-games .tab-content { background: linear-gradient(130deg,#061127 35%,#392b13 100%); border-color:#b68a36; }
.popular-games .nav-tabs>li.active>a, .popular-games .nav-tabs>li>a:hover { background:linear-gradient(110deg,#54401b,#bc8d34); color:#fff6d5; }
.home-game-list-container .container-title span { background:linear-gradient(110deg,#6a4915,#c29944,#63471b); color:#fff8df; }
.home-game-list-container .container-title span:after { background:#63471b; }
.player-reviews .review-tag { background:linear-gradient(120deg,#332610,#72531d); color:#fff0b0; }

/* FAQ below player reviews; native disclosure controls work without JavaScript. */
.pg-faq { margin:34px 0; padding:26px; border:1px solid var(--pg-line); border-radius:12px; background:radial-gradient(ellipse at top right,#98702c38,transparent 60%),linear-gradient(125deg,#061127,#030918); }
.pg-faq-label { color:var(--pg-gold); font-size:11px; font-weight:700; letter-spacing:2px; }
.pg-faq h2 { margin:8px 0 10px; color:var(--pg-gold-light); font-size:24px; line-height:1.35; font-weight:700; }
.pg-faq .pg-faq-intro { margin:0 0 20px; color:var(--pg-muted); line-height:1.6; }
.pg-faq-list { display:grid; gap:10px; }
.pg-faq details { border:1px solid var(--pg-line); border-radius:8px; overflow:hidden; background:#030918; }
.pg-faq summary { position:relative; padding:17px 50px 17px 18px; color:var(--pg-white); font-size:15px; font-weight:700; line-height:1.5; cursor:pointer; list-style:none; background:linear-gradient(110deg,#0a1830 20%,#3e2e13 100%); }
.pg-faq summary::-webkit-details-marker { display:none; }
.pg-faq summary::after { content:'+'; position:absolute; right:19px; top:13px; color:var(--pg-gold); font:26px Arial,sans-serif; }
.pg-faq details[open] summary { color:var(--pg-gold-light); border-bottom:1px solid var(--pg-line); }
.pg-faq details[open] summary::after { content:'−'; }
.pg-faq summary:hover { background:linear-gradient(110deg,#0c2041,#5a421a); }
.pg-faq summary:focus-visible { outline:2px solid var(--pg-gold); outline-offset:-3px; }
.pg-faq details p { margin:0; padding:17px 18px; color:var(--pg-muted); font-size:14px; line-height:1.8; }
@media(max-width:600px) { .pg-faq { margin:26px 0; padding:18px 14px; } .pg-faq h2 { font-size:21px; } .pg-faq summary { font-size:14px; padding-left:14px; } .pg-faq details p { padding:14px; font-size:13px; } }
/* PG Soft branding in the live jackpot panel. */
.home-progressive-jackpot .jackpot-play-section .pgsoft-jackpot-logo { width:110px; max-width:100%; height:auto; object-fit:contain; margin-bottom:6px; }
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text { color:var(--pg-gold-light); background:linear-gradient(135deg,#b47a18,#fff3be 45%,#e5b745 70%,#b47a18); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
/* Interactive RTP layout preview. */
.pg-rtp { padding:26px 0; background:radial-gradient(ellipse at top right,#99702830,transparent 60%),#030918; }
.pg-rtp-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:18px; }
.pg-rtp-eyebrow { color:var(--pg-gold); letter-spacing:2px; font-size:11px; }
.pg-rtp h2 { color:var(--pg-gold-light); font-size:24px; font-weight:700; margin:7px 0; }
.pg-rtp h2 span { display:inline-block; vertical-align:middle; padding:4px 8px; font-size:10px; letter-spacing:1px; border:1px solid #ad853d; border-radius:4px; color:#f0c65a; }
.pg-rtp p { margin:0; color:var(--pg-muted); line-height:1.6; }
.pg-rtp-actions { display:flex; gap:8px; flex-wrap:wrap; }
.pg-rtp-actions button { min-height:40px; padding:9px 14px; border:1px solid #b58a38; border-radius:6px; background:linear-gradient(125deg,#4d3715,#c39a45); color:#fff6d6; cursor:pointer; font-weight:700; }
.pg-rtp-actions button:hover, .pg-rtp-actions button[aria-pressed="true"] { background:linear-gradient(125deg,#986d23,#e5c476); color:#061127; }
.pg-rtp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:16px; border:1px solid #aa8238; border-radius:12px; background:linear-gradient(120deg,#30240f,#0a162b 45%,#513c18); }
.pg-rtp-card { display:flex; align-items:center; gap:12px; min-width:0; padding:12px; border:1px solid #b38b3d55; border-radius:9px; background:linear-gradient(115deg,#07142f,#03050b); transition:border-color .2s,transform .2s; }
.pg-rtp-card:hover { border-color:#f0c65a; transform:translateY(-2px); }
.pg-rtp-card img { width:70px; height:70px; border-radius:6px; object-fit:cover; flex-shrink:0; }
.pg-rtp-info { flex:1; min-width:0; }
.pg-rtp-card h3 { margin:0 0 12px; font-size:14px; font-weight:700; color:#f7f9ff; line-height:1.4; overflow-wrap:anywhere; }
.pg-rtp-track { height:10px; border-radius:20px; overflow:hidden; background:#313444; }
.pg-rtp-track span { display:block; height:100%; border-radius:20px; background:linear-gradient(90deg,#1741a1,#b98b2e 55%,#ffe18b); transition:width .7s ease; }
.pg-rtp-value { flex-shrink:0; color:#f0c65a; font:700 18px Arial,sans-serif; }
.pg-rtp-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:12px; font-size:12px; }
#pg-rtp-status { color:#e3c681; }
@media(max-width:1000px) { .pg-rtp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .pg-rtp { padding:20px 0; } .pg-rtp-grid { grid-template-columns:1fr; padding:10px; gap:9px; } .pg-rtp-card img { width:60px; height:60px; } .pg-rtp h2 { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { .pg-rtp-card,.pg-rtp-track span { transition:none; } }
/* Compact RTP strip: six cards in one horizontally scrollable row. */
.pg-rtp { padding:18px 0; }
.pg-rtp-heading { margin-bottom:12px; }
.pg-rtp-grid { display:flex; flex-wrap:nowrap; gap:10px; padding:12px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#c39a45 #07142f; }
.pg-rtp-card { flex:1 0 0; min-width:145px; flex-direction:column; align-items:stretch; gap:8px; padding:10px; }
.pg-rtp-card img { width:56px; height:56px; align-self:center; }
.pg-rtp-info { flex:1; }
.pg-rtp-card h3 { font-size:12px; text-align:center; min-height:34px; margin-bottom:8px; }
.pg-rtp-track { height:7px; }
.pg-rtp-value { font-size:16px; text-align:center; }
.pg-rtp-foot { margin-top:8px; }
@media(max-width:600px) { .pg-rtp-grid { padding:10px; } .pg-rtp-card { flex:0 0 145px; } .pg-rtp-card img { width:52px; height:52px; } }
/* Thai text: use a font with Thai glyphs while keeping the original layout. */
body { font-family: Tahoma, "Leelawadee UI", Arial, sans-serif; }
.site-description h1 { font-size:26px; line-height:1.6; margin:20px 0 14px; }
.site-description h2 { font-size:21px; line-height:1.6; margin:24px 0 10px; }
.site-description p { font-size:14px; line-height:1.9; margin-bottom:14px; }
.player-reviews-title,.home-progressive-jackpot .jackpot-play-section .jackpot-play-text { font-family:Tahoma,Arial,sans-serif; }