/* ================================================================
   RTP KINGTOTO — TOTAL PREMIUM REDESIGN
   Direction: luxury silver / champagne gold / editorial dashboard
   This file intentionally overrides the legacy casino theme.
   ================================================================ */

:root{
  --silver-0:#ffffff;
  --silver-1:#f7f7f5;
  --silver-2:#ececea;
  --silver-3:#d7d7d3;
  --silver-4:#b8b8b1;
  --ink-0:#181816;
  --ink-1:#30302d;
  --ink-2:#62625d;
  --gold-0:#fff5c9;
  --gold-1:#e4ca78;
  --gold-2:#c2a24b;
  --gold-3:#8e7026;
  --gold-line:rgba(158,126,42,.24);
  --shadow-soft:0 18px 50px rgba(45,42,33,.10);
  --shadow-card:0 12px 30px rgba(40,38,31,.08);
}

html{background:#f0efeb !important;scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.96) 0, rgba(255,255,255,0) 30%),
    radial-gradient(circle at 88% 8%, rgba(230,212,156,.28) 0, rgba(230,212,156,0) 26%),
    linear-gradient(180deg,#efeee9 0%,#f8f7f4 44%,#ecebe6 100%) !important;
  color:var(--ink-0) !important;
  padding:18px 18px 112px !important;
  min-height:100vh;
  animation:none !important;
  overflow-x:hidden;
}

body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-5;
  background:
    linear-gradient(115deg,rgba(255,255,255,.55),transparent 22%,transparent 76%,rgba(204,177,99,.08)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 1px,transparent 1px 12px);
  mix-blend-mode:soft-light;opacity:.8;
}

.bg-particle-container,.thunderstorm-overlay,.rain-container{display:none !important}

/* HERO */
.site-hero{
  position:relative;max-width:1240px;margin:0 auto 18px;padding:22px 26px 26px !important;
  border:1px solid rgba(255,255,255,.82) !important;
  border-radius:30px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(239,239,236,.92) 48%,rgba(249,244,224,.92));
  box-shadow:0 25px 80px rgba(52,48,38,.12), inset 0 1px 0 #fff !important;
  overflow:hidden;backdrop-filter:blur(18px);text-align:center;
}
.site-hero::before{
  content:"";position:absolute;left:-8%;right:-8%;top:0;height:7px;
  background:linear-gradient(90deg,transparent 0%,#c8c8c2 12%,#fff 34%,#e4ca78 50%,#fff 66%,#c8c8c2 88%,transparent 100%);
  opacity:.95;
}
.site-hero::after{
  content:"";position:absolute;width:560px;height:220px;right:-160px;top:-100px;
  background:radial-gradient(circle,rgba(228,202,120,.26),transparent 68%);pointer-events:none;
}
.hero-noise{position:absolute;inset:0;opacity:.16;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.55),transparent 55%)}
.hero-topline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:0 2px;color:#77756e;font-size:10px;font-weight:900;letter-spacing:1.15px;text-transform:uppercase}
.hero-status{display:inline-flex;align-items:center;gap:7px}.hero-status i{width:8px;height:8px;border-radius:50%;background:#4e9b5e;box-shadow:0 0 0 4px rgba(78,155,94,.11),0 0 12px rgba(78,155,94,.35)}
.hero-mini-note{opacity:.74}
.hero-logo{position:relative;z-index:2;margin-bottom:16px !important}
.logo-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:18px;background:linear-gradient(145deg,#fff,#e6e6e3);border:1px solid rgba(129,120,96,.18);box-shadow:inset 0 1px 0 #fff,0 12px 24px rgba(54,50,41,.08)}
.logo-glint{position:absolute;inset:0;border-radius:18px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.95) 49%,transparent 61%);opacity:.35;pointer-events:none;mix-blend-mode:screen}
.site-logo{display:block;max-width:min(307px,74vw) !important;width:307px;height:auto;filter:drop-shadow(0 6px 12px rgba(88,72,32,.16)) !important}
.hero-copy{position:relative;z-index:2;max-width:760px;margin:0 auto}
.hero-kicker{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(165,132,43,.22);border-radius:999px;background:rgba(255,247,218,.72);color:#876b28;font-size:10px;font-weight:950;letter-spacing:1.45px;box-shadow:inset 0 1px 0 #fff}
.hero-copy h1{margin:13px 0 9px !important;font-size:clamp(26px,4vw,44px) !important;line-height:1.04;letter-spacing:-1.6px !important;text-transform:none !important;font-weight:950 !important;color:#22211e !important;background:none !important;-webkit-text-fill-color:initial !important;text-shadow:none !important}
.hero-copy h1 span{background:linear-gradient(135deg,#6f5620,#caa957 45%,#8b6a22);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{max-width:650px;margin:0 auto;color:#66635d !important;font-size:13px;line-height:1.75;font-weight:600}
.hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;margin:22px auto 17px}
.hero-stat{padding:12px 10px;border:1px solid rgba(127,123,111,.15);border-radius:15px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 #fff}
.hero-stat strong{display:block;color:#7a5f22;font-size:15px;letter-spacing:.7px}.hero-stat span{display:block;margin-top:3px;color:#7b7870;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}

/* CLOCK */
.live-clock-dashboard{position:relative;z-index:2;max-width:720px;margin:0 auto !important;border-radius:18px !important;border:1px solid rgba(112,105,86,.15) !important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(246,243,234,.88)) !important;box-shadow:var(--shadow-card),inset 0 1px 0 #fff !important;overflow:hidden}
.clock-panel-top,.clock-panel-bottom{background:transparent !important;color:var(--ink-1) !important;border:none !important}
.clock-panel-top{padding:11px 14px !important;font-size:10px !important;font-weight:900;letter-spacing:.9px;text-transform:uppercase}
.clock-panel-bottom{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 14px 14px !important;border-top:1px solid rgba(116,109,92,.10) !important}
.timer-label{color:#77746d !important;font-size:10px !important;font-weight:900;letter-spacing:1px}
.neon-timer-digital{color:#171714 !important;text-shadow:none !important;font-size:22px !important;letter-spacing:2px;font-weight:950}

/* TICKER */
.win-ticker-bar{max-width:1240px;margin:0 auto 18px !important;height:40px !important;border:1px solid rgba(115,107,88,.12) !important;border-radius:14px !important;background:linear-gradient(90deg,#ffffff,#efefeb 50%,#fffdf4) !important;box-shadow:0 8px 18px rgba(44,42,36,.06),inset 0 1px 0 #fff !important}
.ticker-kapsul-item{color:#69675f !important;font-size:11px !important}
.ticker-tag{background:linear-gradient(135deg,#7e6425,#b99b4c) !important;box-shadow:none !important;border-radius:999px !important}
.t-user{color:#6d6042 !important}.t-win{color:#528456 !important;text-shadow:none !important}.t-game{color:#8e6d24 !important}

/* PROVIDER NAV */
.provider-nav-tabs{position:sticky;top:10px;z-index:50;max-width:1240px !important;margin:0 auto 18px !important;padding:8px !important;border:1px solid rgba(122,117,106,.14) !important;border-radius:18px !important;background:rgba(255,255,255,.82) !important;backdrop-filter:blur(18px) !important;box-shadow:0 14px 34px rgba(42,39,32,.07),inset 0 1px 0 #fff !important}
.tab-btn{padding:11px 18px !important;border-radius:12px !important;border:1px solid transparent !important;background:transparent !important;color:#77756e !important;box-shadow:none !important;font-size:10px !important;letter-spacing:.95px !important;font-weight:950 !important}
.tab-btn:hover{transform:none !important;color:#5e543b !important;background:#f6f3e8 !important;border-color:rgba(167,135,51,.12) !important}
.tab-btn.active{color:#231f15 !important;background:linear-gradient(135deg,#f4e7b7,#d4b762) !important;border-color:rgba(129,98,27,.22) !important;box-shadow:0 8px 18px rgba(160,125,42,.16),inset 0 1px 0 rgba(255,255,255,.75) !important}

/* PROVIDER SECTIONS */
.provider-section{max-width:1240px !important;margin:0 auto 18px !important;padding:18px !important;border-radius:24px !important;border:1px solid rgba(123,118,104,.14) !important;background:rgba(255,255,255,.78) !important;box-shadow:var(--shadow-soft),inset 0 1px 0 #fff !important;backdrop-filter:blur(16px) !important}
.provider-section h2{color:#292823 !important;font-size:17px !important;letter-spacing:.5px !important;border-bottom:1px solid rgba(120,113,95,.12) !important;padding:6px 2px 13px !important;margin-bottom:15px !important}
.provider-section h2::after{content:'● LIVE' !important;color:#7c6a3d !important;background:#f5f0df !important;border:1px solid rgba(142,111,39,.16) !important;box-shadow:none !important;animation:none !important}
.game-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:13px !important}

/* GAME CARDS */
.game-card{position:relative !important;overflow:hidden !important;border-radius:17px !important;border:1px solid rgba(123,118,103,.16) !important;background:linear-gradient(180deg,#ffffff 0%,#f7f7f4 100%) !important;box-shadow:var(--shadow-card),inset 0 1px 0 #fff !important;transform:translateY(0) !important}
.game-card:hover{transform:translateY(-4px) !important;box-shadow:0 22px 34px rgba(42,39,31,.13),0 0 0 1px rgba(194,162,75,.14),inset 0 1px 0 #fff !important}
.game-card::after{height:2px !important;background:linear-gradient(90deg,transparent,#e6cd81,transparent) !important;opacity:.0}
.game-card:hover::after{animation:none !important;opacity:.75}
.img-container{height:155px !important;background:linear-gradient(145deg,#efefec,#dadad5) !important;border-bottom:1px solid rgba(114,108,94,.11) !important;position:relative !important}
.img-container::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(32,30,25,.12) 100%);pointer-events:none}
.img-container img{transition:transform .45s ease,filter .45s ease !important}
.game-card:hover .img-container img{transform:scale(1.045) !important;filter:saturate(.98) contrast(1.02) brightness(1.02) !important}
.game-info{padding:11px 11px 12px !important}
.game-info h3{color:#272722 !important;font-size:11px !important;line-height:1.35 !important;font-weight:900 !important;min-height:30px;display:flex;align-items:center}
.rtp-bar-container{height:22px !important;margin:8px 0 10px !important;border:1px solid rgba(119,114,101,.12) !important;background:#ecece8 !important;border-radius:999px !important;overflow:hidden !important;box-shadow:inset 0 2px 4px rgba(61,58,50,.07) !important}
.rtp-bar{height:100% !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important}
.rtp-text{color:#fff !important;font-size:10px !important;font-weight:950 !important;text-shadow:0 1px 2px rgba(0,0,0,.32) !important}
.btn-mainkan,.btn-pola{width:100% !important;border-radius:10px !important;padding:8px 0 !important;font-size:10px !important;font-weight:950 !important;letter-spacing:.65px !important}
.btn-mainkan{background:linear-gradient(135deg,#2f2d28,#171714) !important;color:#fff !important;border:1px solid #3e3b34 !important;box-shadow:0 6px 12px rgba(30,29,25,.09) !important}
.btn-pola{background:linear-gradient(180deg,#fbfaf7,#efeee9) !important;color:#796021 !important;border:1px solid rgba(158,126,42,.20) !important}
.btn-mainkan:hover{background:linear-gradient(135deg,#b58d35,#e1c675) !important;color:#19160f !important;box-shadow:0 10px 18px rgba(157,123,42,.18) !important}
.btn-pola:hover{background:#f4e8be !important;color:#5d4818 !important;box-shadow:0 10px 18px rgba(157,123,42,.13) !important}
.badge-status{background:linear-gradient(135deg,#b28b37,#e2c977) !important;color:#221b0c !important;border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 12px rgba(82,62,19,.16) !important;border-radius:999px !important;padding:5px 8px !important;font-size:8px !important;letter-spacing:1px}

/* MODAL */
.modal-overlay{background:rgba(33,31,26,.55) !important;backdrop-filter:blur(16px) !important}
.modal-box{max-width:720px !important;border-radius:24px !important;border:1px solid rgba(255,255,255,.72) !important;background:linear-gradient(145deg,#ffffff,#f1f0eb) !important;box-shadow:0 30px 80px rgba(26,24,20,.28),inset 0 1px 0 #fff !important;color:var(--ink-0) !important}
.modal-close-btn{background:#f1f0eb !important;color:#66635c !important;border-color:rgba(113,109,98,.14) !important}
.modal-close-btn:hover{background:#ad8737 !important;color:#fff !important;border-color:#ad8737 !important}
.modal-header-text h2{color:#26251f !important}.modal-header-text h4{color:#8b6b29 !important}
.modal-left-poster{border:1px solid rgba(115,108,94,.15) !important;box-shadow:0 15px 30px rgba(44,41,33,.10) !important}
.modal-action-btn{background:linear-gradient(135deg,#b48d3c,#e5cd84) !important;color:#241d0e !important;border:1px solid rgba(129,98,27,.22) !important;box-shadow:0 10px 20px rgba(156,123,41,.15) !important}

/* FOOTER */
.seo-footer{max-width:1240px !important;margin:22px auto 0 !important;padding:24px !important;border-radius:22px 22px 0 0 !important;background:linear-gradient(180deg,#f3f2ee,#e9e8e3) !important;border:1px solid rgba(118,113,101,.12) !important;color:#65635d !important;box-shadow:0 -12px 30px rgba(46,43,35,.05),inset 0 1px 0 #fff !important}
.footer-table-container,.footer-seo-intro,.footer-block{background:rgba(255,255,255,.62) !important;border-color:rgba(121,116,103,.12) !important;box-shadow:inset 0 1px 0 #fff !important}
.footer-table-container h3,.footer-block h3{color:#35342e !important}
.seo-table th{background:#e9e4d6 !important;color:#57461e !important}.seo-table td{background:rgba(255,255,255,.58) !important;color:#66635d !important}
.footer-links li a{color:#71654a !important}.footer-links li a:hover{color:#8c6c25 !important;text-shadow:none !important}
.footer-bottom{border-top:1px solid rgba(118,113,101,.12) !important}.footer-bottom p{color:#8a877f !important}

/* FLOATING ACTION BAR */
.floating-bottom-nav{position:fixed !important;left:50% !important;transform:translateX(-50%) !important;bottom:16px !important;width:min(640px,calc(100% - 24px)) !important;height:74px !important;padding:7px !important;background:rgba(37,34,29,.94) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:22px !important;box-shadow:0 22px 45px rgba(33,30,25,.24),inset 0 1px 0 rgba(255,255,255,.10) !important;backdrop-filter:blur(18px) !important;z-index:99999}
.floating-nav-shell{display:grid;grid-template-columns:repeat(4,1fr);width:100%;height:100%;align-items:stretch}
.nav-item{height:100% !important;gap:5px !important;border-radius:16px !important;transition:background .2s ease,transform .2s ease !important}
.nav-item:hover{transform:none !important;background:rgba(255,255,255,.06) !important}
.nav-icon-circle{width:36px !important;height:36px !important;border-radius:12px !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:none !important}
.icon-wa{background:linear-gradient(145deg,#2c2b27,#161512) !important}.icon-daftar{background:linear-gradient(145deg,#8a6b2f,#cdb66a) !important}.icon-login{background:linear-gradient(145deg,#645e51,#2c2a25) !important}.icon-roda{background:linear-gradient(145deg,#8b7a50,#3a3427) !important}
.nav-text{font-size:8px !important;letter-spacing:1px !important;color:#ddd6c8 !important}.text-wa,.text-daftar,.text-login,.text-roda{color:#ddd6c8 !important}
.nav-custom-img{width:19px !important;height:19px !important}

/* RESPONSIVE */
@media (max-width:1100px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media (max-width:820px){
  body{padding:12px 12px 108px !important}.site-hero{padding:18px 14px 20px !important}.hero-topline{font-size:8px}.hero-copy h1{font-size:30px !important}.hero-stats{gap:7px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.provider-section{padding:14px !important}.img-container{height:150px !important}
}
@media (max-width:560px){
  .hero-topline{flex-direction:column;align-items:center;gap:6px}.site-logo{max-width:260px !important}.hero-copy h1{font-size:26px !important;letter-spacing:-1px !important}.hero-copy p{font-size:12px}.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-stat{padding:10px 6px}.hero-stat strong{font-size:13px}.hero-stat span{font-size:8px}.clock-panel-bottom{flex-direction:column;gap:4px}.neon-timer-digital{font-size:19px !important}.provider-nav-tabs{top:6px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}.img-container{height:138px !important}.game-info{padding:9px !important}.game-info h3{font-size:10px !important}.rtp-bar-container{height:20px !important}.btn-mainkan,.btn-pola{padding:7px 0 !important;font-size:9px !important}.floating-bottom-nav{bottom:10px !important;height:68px !important;border-radius:19px !important}.nav-icon-circle{width:32px !important;height:32px !important}.nav-custom-img{width:17px !important;height:17px !important}.nav-text{font-size:7px !important}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}