/* REFERENCE 6 — color layer and responsive corrections.
   Desktop section geometry comes from the four supplied reference stylesheets. */
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('noto-thai.ttf') format('truetype');
}
:root {
  color-scheme: dark;
  --gold: #e2bd69;
  --gold-light: #ffe7a6;
  --panel: #17140f;
  --line: #6d532b;
  --body-theme-bg: #090909;
  --body-color: #eee6d8;
  --announcement-cntr-bg: #211b10;
  --announcement-cntr-color: #f5dfac;
  --announcement-cntr-section-announcement-bg: #211b10;
  --announcement-cntr-section-announcement-color: #f5dfac;
  --announcement-cntr-list-li-color: #f5dfac;
  --banner-bg: #090909;
  --home-info-cntr-bg: #100f0c;
  --home-info-cntr-border: 1px solid #6d532b;
  --site-header-bg: linear-gradient(110deg, #090909, #2b2213 52%, #0c0b09);
  --site-header-border: 1px solid #9c783e;
  --top-menu-game-list-bg: #15120d;
  --top-menu-game-list-btop: 1px solid #a17a36;
  --top-menu-game-list-bbot: 1px solid #6d532b;
  --popular-games-bg: #15120d;
  --popular-games-left-section-title-bg: #45341a;
  --popular-games-left-section-title-color: #ffe5a1;
  --popular-games-nav-tabs-li-a-bg: #2a2215;
  --popular-games-nav-tabs-li-a-active-bg: #98732f;
  --popular-games-scrtabs-tab-cntr-bg: #15120d;
  --popular-games-tab-pane-bg: #18140e;
  --popular-games-tab-content-border: 1px solid #6d532b;
  --popular-games-list-game-item-hover-link-cntr-bg: #080706cc;
  --jackpot-winners-bg: #211b12;
  --home-progressive-jackpot-bg: linear-gradient(120deg, #1c160d, #554021, #19150e);
  --download-apk-color: #eee2ca;
  --download-apk-section-i-color: #e2bd69;
  --download-apk-btn-color: #171107;
  --download-apk-btn-bg: linear-gradient(120deg, #b78938, #ffe0a0, #bb8f42);
  --game-list-game-name-color: #f3deb0;
  --game-list-game-name-bg: #19150e;
  --promotion-cntr-bg: #15120d;
  --promotion-list-bg: #211b12;
  --provider-slide-bg: #15120d;
  --arcade-games-cntr-bg: #15120d;
  --sports-cntr-bg: #15120d;
}
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: 'Noto Sans Thai', Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #eee6d8;
  background: radial-gradient(ellipse at 50% 0, #59402144, transparent 45%),
    linear-gradient(150deg, #080808, #18140d 55%, #090909);
}
h1, h2, h3, h4, h5, h6, p, a, button, input { font-family: inherit; }
a { color: #e7c777; }
a:hover { color: #fff0c5; }
a:focus-visible, button:focus-visible { outline: 3px solid #ffe6a1; outline-offset: 3px; }
img { max-width: 100%; }
.container, .row, .popular-games, .popular-games > div { min-width: 0; }
.topbar-container { background: #10100d; border-bottom: 1px solid var(--line); }
.topbar-left-section .topbar-item a.telegram-btn, .topbar-left-section .topbar-item a.telegram-btn:hover { color: #ffe8ae; background-image: linear-gradient(#5e4824, #282014); }
.site-header { background: var(--site-header-bg); border-bottom: var(--site-header-border); }
.top-menu > li > a { color: #f4dfad; }
.top-menu > li > a:hover { color: #fff2ce; background-color: #5d462433; }
/* Preserve the reference's logo column and category-menu position. */
.site-header .logo { background: none; }
.site-header .logo > img { object-fit: contain; max-width: 100%; }
.login-panel { gap: 10px; align-items: center; }
.login-panel .login-panel-item { margin: 0; }
.login-panel .login-button, .login-panel .register-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  min-height: 44px;
  margin: 0;
  padding: 8px 16px;
  border: 1px solid #d5ac54;
  border-radius: 9px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.login-panel .register-button {
  color: #1b1307;
  background: linear-gradient(130deg, #b78b39, #ffe3a4 52%, #c89b4a);
}
.login-panel .login-button { color: #ffe7ac; background: linear-gradient(130deg, #46341a, #16130e); }
/* Single-slide snapshot: clear saved desktop pixel widths, retain full-width hero. */
.banner { position: relative; overflow: hidden; }
.banner .slick-track, .banner .slick-slide { width: 100%; transform: none; }
.banner .slick-slide { float: none; }
.banner .banner-img { display: block; width: 100%; height: auto; }
.banner .carousel-indicators { display: none; }
.announcement-container, .announcement-container [data-section] { color: #f1dbac; background-color: #211b10; }
.announcement-list { position: static; width: auto; }
.announcement-list li { color: #f1dbac; }
.home-info-container { background: #100f0c; border-color: var(--line); }
.container-title, .popular-games [data-section='left'] .section-title {
  color: #ffe4a0;
  background: linear-gradient(110deg, #513b1c, #201a10);
  border-color: #8b692e;
}
.container-title::before, .container-title::after { background-color: #947035; }
.home-progressive-jackpot { background: var(--home-progressive-jackpot-bg); }
.home-progressive-jackpot .jackpot-play-section .jackpot-play-text { font-family: 'Noto Sans Thai', Tahoma, Arial, sans-serif; color: #f4d18a; font-size: 24px; line-height: 1.5; }
.home-progressive-jackpot .jackpot-container { font-family: inherit; }
#progressive_jackpot { font-size: clamp(20px, 2.2vw, 30px); letter-spacing: 0; }
.jackpot-currency { display: none; }
.lottery-result-container { background: #211a0e; border: 1px solid #957039; }
.lottery-result-title { color: #f7dc9a; }
.lottery-date { color: #d1bea0; }
.lottery-result-container [data-lottery-number] { background: #15110a; color: #f0d18e; border: 1px solid #9d783b; border-radius: 5px; font-size: 28px; text-align: center; line-height: 43px; }
.site-header .menu-slide > .glyphicon { font-family: Georgia, serif; cursor: pointer; }
.site-header .menu-slide > .glyphicon-chevron-left::before { content: '‹'; }
.site-header .menu-slide > .glyphicon-chevron-right::before { content: '›'; }
/* The source's horizontal game strips and three-column provider pane are retained. */
.popular-game-title-container, .popular-game-title-container .container-content,
.home-game-list-container .container-content { background: #17130d; }
.game-list .game-name, .game-list .provider-name { color: #e7d3aa; }
.game-list .link-container a, .popular-game-list .link-container a {
  background: linear-gradient(135deg, #c29644, #f4d693);
  color: #211609;
  border-color: #cda257;
}
.tab-pane[hidden] { display: none; }
/* Saved scrolling-tabs widths require a fluid viewport, not a different layout. */
.popular-games [data-section='left'] { min-width: 0; }
.popular-games [data-section='right'] { flex: 0 0 455px; }
.scrtabs-tab-container, .scrtabs-tabs-fixed-container { width: 100%; max-width: 100%; }
.scrtabs-tabs-fixed-container { overflow-x: auto; }
.scrtabs-tabs-movable-container { position: static; width: max-content; max-width: none; }
#popular_providers { display: flex; flex-wrap: nowrap; width: max-content; height: auto; }
#popular_providers > li { flex: 0 0 auto; float: none; }
.scrtabs-tab-scroll-arrow { display: none; }
.download-apk-container {
  background: linear-gradient(120deg, #16120c, #2c2314, #12110d);
  border-block: 1px solid var(--line);
}
.download-apk > div { opacity: 1; }
.download-apk .h2, .download-apk .h3, .download-apk-info { font-family: 'Noto Sans Thai', Tahoma, Arial, sans-serif; color: #f5dfae; }
.download-apk-info .download-apk-section { flex-basis: 100%; max-width: 340px; }
.mobile-site-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border: 1px solid #bc944d;
  border-radius: 18px;
  color: #f8d990;
  background: linear-gradient(140deg, #54401f, #17140e);
  font-size: 42px;
}
.site-footer {
  background: linear-gradient(135deg, #0d0c0a, #211b11 50%, #0c0c0a);
  border-top: 1px solid #99723b;
}
.site-footer .container, .site-footer .footer-description-section, .site-footer .site-description {
  background: transparent;
  color: #e9e0ce;
}
.site-description { line-height: 1.85; overflow-wrap: anywhere; }
.site-description h1 { color: #f8dea0; font-size: 32px; line-height: 1.5; }
.site-description h2 { color: #e8c77c; font-size: 27px; line-height: 1.55; margin: 30px 0 15px; }
.site-description h3 { color: #ecd39b; font-size: 21px; line-height: 1.6; margin: 22px 0 10px; }
.site-description p { color: #e9e0ce; font-size: 16px; line-height: 1.85; }
.site-description ul, .site-description ol { display: block; padding-left: 28px; margin: 12px 0 22px; }
.site-description ul { list-style: disc outside; }
.site-description ol { list-style: decimal outside; }
.site-description ul > li, .site-description ol > li {
  display: list-item;
  list-style: inherit;
  float: none;
  width: auto;
  padding: 0 0 0 3px;
  margin: 0 0 10px;
  color: #e9e0ce;
  line-height: 1.85;
}
.site-description table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.site-description th, .site-description td { border: 1px solid #76603a; padding: 12px; color: #e9e0ce; text-align: left; }
.site-description th { background: #49371c; }
.site-description tr:nth-child(even) td { background: #241e13; }
.table-wrap { max-width: 100%; overflow-x: auto; }
.footer-copyright-section, .footer-sitemap a { color: #c9b88e; }
.site-footer > .row { margin-inline: 0; }
.modal, .language-selector { display: none; }
.skip-link { position: fixed; top: -100px; left: 12px; z-index: 1000; padding: 12px; background: #e8c479; color: #15110b; }
.skip-link:focus { top: 12px; }
/* Responsive adjustments apply only below the reference desktop breakpoint. */
@media (max-width: 991px) {
  .container { width: 100%; max-width: 100%; }
  .topbar-container { padding: 10px 0; height: auto; }
  .topbar-container .row { display: flex; align-items: center; }
  .topbar-left-container { display: none; }
  .topbar-right-container { width: 100%; }
  .login-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 10px; }
  .login-panel .login-panel-item { width: auto; min-width: 0; padding: 0; }
  .login-panel .login-button, .login-panel .register-button { width: 100%; min-height: 48px; }
  .site-header .row > div { width: 100%; float: none; }
  .site-header .logo { padding: 12px 0; height: auto; }
  .site-header .logo > img { position: static; display: block; width: 220px; height: 80px; margin: auto; transform: none; }
  .site-header .menu-slide { position: static; overflow-x: auto; }
  .site-header .menu-slide > i { display: none; }
  .site-header .top-menu { display: flex; position: static; width: max-content; min-width: 100%; padding: 0; margin: 0; }
  .site-header .top-menu > li { float: none; flex: 0 0 auto; width: auto; }
  .site-header .top-menu > li > a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 14px; width: auto; min-height: 70px; }
  .site-header .top-menu > li > a > img { position: static; width: 28px; height: 28px; margin: 0 0 5px; transform: none; }
  .site-header .top-menu .game-list { display: none; }
  .home-inner-container { flex-wrap: wrap; }
  .home-inner-container > [data-section] { min-width: 0; max-width: 100%; }
  .popular-games { display: flex; flex-direction: column; }
  .popular-games [data-section='left'], .popular-games [data-section='right'] { width: 100%; flex-basis: auto; margin-right: 0; }
  .popular-games .popular-game-list { padding-inline: 10px; }
  .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 24px) / 4.3); }
  .download-apk { gap: 18px; }
}
@media (max-width: 600px) {
  .container { padding-inline: 15px; }
  .topbar-container .row { margin-inline: 0; }
  .topbar-right-container { padding: 0; }
  .site-header .logo > img { width: 200px; height: 73px; }
  .site-header .top-menu > li > a { font-size: 12px; padding: 8px 12px; }
  .announcement-container { display: flex; min-height: 48px; height: auto; }
  .announcement-container [data-section='title'], .announcement-container [data-section='date'] { display: none; }
  .announcement-container [data-section='announcements'] { width: 100%; min-width: 0; padding: 9px; }
  .tickercontainer, .tickercontainer .mask { width: 100%; height: auto; }
  .announcement-list li { white-space: normal; font-size: 12px; line-height: 1.7; }
  .home-inner-container { gap: 12px; margin-bottom: 20px; }
  .home-inner-container > [data-section] { width: 100%; }
  .home-progressive-jackpot .jackpot-play-section { display: none; }
  .home-progressive-jackpot .jackpot-container { width: 100%; }
  #progressive_jackpot { font-size: 21px; }
  .lottery-result-container { max-width: 100%; }
  .popular-game-title-container .container-content .game-list .games-group { width: calc((100% - 18px) / 2.6); }
  .popular-game-title-container .container-content .game-list .game-item { width: calc((100% - 30px) / 2.6); }
  .popular-game-title-container .container-content .game-list .games-group .game-item { width: 100%; }
  .popular-games .popular-game-list .game-item { width: calc(100% / 3); }
  .popular-games .animated-image { opacity: .18; }
  .container-title { font-size: 19px; }
  .game-name { font-size: 11px; }
  .download-apk { flex-direction: column; padding: 22px 0; }
  .download-apk > div { width: 100%; flex-basis: auto; }
  .download-apk .h2 { font-size: 24px; }
  .download-apk .h3 { font-size: 18px; }
  .download-apk-info .download-apk-section { max-width: 100%; }
  .download-apk-detail .btn { min-height: 44px; display: flex; align-items: center; justify-content: center; }
  .site-description { padding: 14px 0; }
  .site-description h1 { font-size: 26px; }
  .site-description h2 { font-size: 23px; }
  .site-description h3 { font-size: 19px; }
  .site-description table { min-width: 540px; font-size: 14px; }
  .site-description th, .site-description td { padding: 10px; }
  .footer-sitemap-section, .provider-section { overflow: hidden; }
}
@media (hover: none) {
  .game-list .link-container, .popular-game-list .link-container { opacity: 1; }
  .game-list .link-container .try-now, .popular-game-list .link-container .try-now { display: none; }
  .game-list .link-container, .popular-game-list .link-container { justify-content: flex-end; }
  .game-list .link-container .play-now, .popular-game-list .link-container .play-now { font-size: 12px; padding: 6px; margin: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}