:root{--gold-50: #fffbeb;--gold-100: #fef3c7;--gold-200: #fde68a;--gold-300: #fcd34d;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--gold-700: #b45309;--gold-800: #92400e;--gold-900: #78350f;--primary-color: #f0c14b;--primary-light: #f7d97a;--primary-dark: #d4a010;--secondary-color: #fce8a3;--accent-color: #fff3b8;--dark-bg: #0a0c0f;--dark-bg-soft: #0f1217;--dark-bg-card: #141820;--card-bg: #181e28;--card-bg-hover: #1c232e;--card-bg-elevated: #222b38;--text-primary: #fafafa;--text-secondary: #e8ecf1;--text-muted: #a8b4c4;--text-dim: #6b7a8f;--border-color: rgba(240, 193, 75, .2);--border-light: rgba(255, 255, 255, .08);--border-gold: rgba(240, 193, 75, .45);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 40px rgba(240, 193, 75, .2);--gradient-primary: linear-gradient(135deg, #f0c14b 0%, #f7d97a 35%, #f0c14b 70%, #e8b020 100%);--gradient-primary-soft: linear-gradient(135deg, #f5d05a 0%, #f9e18a 100%);--gradient-dark: linear-gradient(180deg, #10141a 0%, #0a0c0f 100%);--gradient-card: linear-gradient(145deg, #1c2430 0%, #161c26 100%);--gradient-card-hover: linear-gradient(145deg, #222b38 0%, #1a202a 100%);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-pill: 50px;--transition-speed: .25s;--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.navbar-brand,.navbar-brand .logo-container{flex-shrink:0}.navbar-brand .logo-image,.logo-image{height:56px!important;min-height:56px!important;max-height:56px!important;width:auto!important;object-fit:contain!important;flex-shrink:0!important}@media(max-width:991.98px){.navbar-brand .logo-image,.logo-image{height:56px!important;min-height:56px!important}}body{background-color:var(--dark-bg)!important;background-image:radial-gradient(ellipse 130% 90% at 15% 0%,rgba(240,193,75,.06) 0%,transparent 45%),radial-gradient(ellipse 90% 70% at 85% 100%,rgba(251,191,36,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.15) 0%,transparent 65%)!important;min-height:100vh}.navbar{background:linear-gradient(180deg,#0d1014fa,#080a0dfa)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)!important;box-shadow:0 4px 24px #0000004d!important}.navbar-brand{background:var(--gradient-primary)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:700!important;letter-spacing:.5px!important}.nav-link{color:var(--text-secondary)!important;font-weight:500!important;border-radius:var(--border-radius-sm)!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.nav-link:hover{color:var(--primary-color)!important;background:#f0c14b1f!important}.nav-link.active{background:linear-gradient(135deg,#f0c14b,#f7d97a)!important;color:#1a1a1a!important;font-weight:700!important;box-shadow:0 2px 12px #f0c14b80,0 0 0 2px #f0c14b66!important;border-left:3px solid #e8b020!important;position:relative}.user-avatar{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;box-shadow:var(--shadow-md),0 0 20px #f0c14b33!important;border:1px solid rgba(255,255,255,.2)!important}.balance-card{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--border-radius)!important}.balance-icon,.user-avatar-mobile,.user-avatar{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important}.zodiac-card,.card{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius)!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.zodiac-card:hover,.card:hover{background:var(--gradient-card-hover)!important;border-color:var(--border-gold)!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important;transform:translateY(-2px)}.number-box{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;color:var(--primary-color)!important;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0a!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.number-box:hover{border-color:var(--border-gold)!important;box-shadow:var(--shadow-md),0 0 25px #f0c14b26!important}.btn-custom,.bet-amount-btn,.diskon-btn,.game-menu-btn,.mobile-menu-btn{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;font-weight:600!important;border:none!important;border-radius:var(--border-radius)!important;padding:.5rem 1rem!important;box-shadow:var(--shadow-sm),inset 0 1px #ffffff26!important;transition:all var(--transition-speed) var(--transition-smooth)!important;letter-spacing:.3px!important}.bet-amount-btn:not(.active),.diskon-btn:not(.active),.game-menu-btn:not(.active){opacity:.5!important;filter:saturate(.45) brightness(.7)!important;box-shadow:0 1px 4px #0000004d!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.btn-custom:hover,.bet-amount-btn:hover,.diskon-btn:hover,.game-menu-btn:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md),0 0 25px #f0c14b40!important;color:#1a1a1a!important;opacity:1!important;filter:saturate(1) brightness(1)!important}.btn-custom.active,.bet-amount-btn.active,.diskon-btn.active,.game-menu-btn.active{background:linear-gradient(145deg,#f5d04a,#e8b82e,#f7e07a)!important;box-shadow:0 0 0 3px #ffd700e6,0 0 20px #f0c14b99,inset 0 1px #fff6!important;color:#0d0d0d!important;font-weight:800!important;text-shadow:0 1px 2px rgba(255,255,255,.4)!important;opacity:1!important;filter:saturate(1.1) brightness(1.05)!important;transform:scale(1.03) translateY(-1px)!important;border:1px solid rgba(255,220,100,.8)!important;position:relative!important;z-index:2!important;transition:all var(--transition-speed) var(--transition-smooth)!important}@media(max-width:767.98px){.mobile-bar-btn.bet-amount-btn.active{background:linear-gradient(145deg,#f5d04a,#e8b82e,#f7e07a)!important;box-shadow:0 0 0 3px #ffd700e6,0 0 15px #f0c14b80,inset 0 1px #fff6!important;color:#0d0d0d!important;font-weight:800!important;transform:none!important;border:1px solid rgba(255,220,100,.8)!important;position:relative!important;z-index:2!important}}.bet-amount-btn.active i,.diskon-btn.active i,.game-menu-btn.active i{color:#0d0d0d!important}.btn[onclick*=submit],.btn[onclick*=Pasang],.btn[onclick*=Variasi],.btn-md.rounded-pill{background:var(--gradient-primary)!important;color:#1a1a1a!important;font-weight:600!important;border:none!important;border-radius:var(--border-radius-pill)!important;padding:.6rem 1.5rem!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.btn[onclick*=submit]:hover,.btn[onclick*=Pasang]:hover,.btn[onclick*=Variasi]:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-lg),0 0 35px #f0c14b4d!important}.btn-danger,.btn-danger.btn-sm{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;border:none!important;border-radius:var(--border-radius)!important;color:#fff!important;font-weight:600!important}.btn-success,.btn-success.btn-sm{background:linear-gradient(135deg,#059669,#10b981)!important;border:none!important;border-radius:var(--border-radius)!important;color:#fff!important;font-weight:600!important}.table thead th,.bet-table .table thead tr th,tr.text-center[style*=gradient] th{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;font-weight:600!important;border:none!important;padding:.7rem .75rem!important;letter-spacing:.5px!important;font-size:.8rem!important}.table-dark{background-color:var(--card-bg)!important;border-color:var(--border-light)!important}.table-dark td{border-color:var(--border-light)!important;color:var(--text-secondary)!important}.table-dark tbody tr:hover{background:#d4af370a!important}.info-card,.bet-options-container,.info-item{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius)!important;box-shadow:var(--shadow-sm)!important}.info-item:hover{border-color:var(--border-gold)!important;box-shadow:var(--shadow-md)!important}.zodiac-container .select-box,.zodiac-wrapper .form-control{background:var(--card-bg)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius)!important}.zodiac-scroll{background:var(--gradient-dark)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-md)!important}.zodiac-btn{background:#ffffff0a!important;border:1px solid var(--border-light)!important;color:var(--text-secondary)!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.zodiac-btn:hover{background:#f0c14b1f!important;border-color:var(--border-gold)!important;color:var(--primary-color)!important}.zodiac-btn.active{background:linear-gradient(135deg,#f0c14b,#f7d97a)!important;border-color:transparent!important;color:#1a1a1a!important;font-weight:700!important;box-shadow:0 2px 12px #f0c14b80!important}.zodiac-header h5,.zodiac-icon{color:var(--primary-color)!important}.mobile-bet-action-bar{background:linear-gradient(180deg,#0d1014fa,#080a0dfa)!important;backdrop-filter:blur(20px);border-top:1px solid var(--border-light)!important;box-shadow:0 -4px 24px #0006!important}.mobile-bar-btn{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;border-radius:var(--border-radius)!important;font-weight:600!important}.balance-card-mobile{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius)!important;box-shadow:var(--shadow-sm)!important}.balance-icon-mobile{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important}.accordion-button{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;font-weight:600!important;border:none!important;border-radius:var(--border-radius-sm)!important}.accordion-button:not(.collapsed){background:var(--gradient-primary)!important;box-shadow:var(--shadow-sm)!important}.accordion-body{background:var(--card-bg)!important}.form-control,.form-select{background-color:var(--card-bg)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius-sm)!important;color:var(--text-primary)!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.form-control:focus,.form-select:focus{border-color:var(--border-gold)!important;box-shadow:0 0 0 3px #f0c14b26!important}.bet-table .form-select,.bet-table select,.bet-table select option{font-size:.72rem!important}.form-control::placeholder{color:var(--text-muted)!important}.nav-tabs .nav-link{color:var(--text-secondary)!important}.nav-tabs .nav-link.active{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;border-color:transparent!important}.tab-content{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius)!important}.bg-dark.text-white.games-container,#defaultGameView{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important}.badge-coin{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;font-weight:600!important;border-radius:var(--border-radius-pill)!important}.page-title{background:var(--gradient-primary)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.glass-effect{background:#161c24d9!important;backdrop-filter:blur(20px);border:1px solid var(--border-light)!important}.card-header{background:var(--gradient-dark)!important;border-bottom:1px solid var(--border-light)!important;color:var(--text-primary)!important}.card-header h6{color:var(--primary-color)!important;border-left-color:var(--primary-color)!important}.billiard-ball[data-pool]{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important}.quick-bet-amount-btn.active{background:var(--gradient-primary)!important}.btn.active{background:var(--gradient-primary-soft)!important;color:#1a1a1a!important;box-shadow:var(--shadow-md)!important}.custom-radio-input:checked+.custom-radio-label{background:var(--gradient-primary-soft)!important}.select-box select{background:var(--gradient-card)!important;border-color:var(--border-gold)!important}.select-box:after{color:var(--primary-color)!important}.zodiac-result{background:var(--gradient-card)!important;border-color:var(--border-gold)!important}.border-gold{border:1px solid var(--border-gold)!important;box-shadow:var(--shadow-glow)!important}.search-box input{background:var(--gradient-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--border-radius)!important;transition:all var(--transition-speed) var(--transition-smooth)!important}.search-box input:focus{border-color:var(--border-gold)!important;box-shadow:0 0 0 3px #f0c14b26!important}.zodiac-container{padding:2rem!important}@media(max-width:767.98px){.bet-options-container{max-height:48vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}#betOptionsAccordion,.bet-options-container .accordion{max-height:44vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.game-menu-row .col-3 .game-menu-btn{font-size:.6rem!important;min-height:24px!important;padding:3px 2px!important}.game-menu-row .col-3 .game-menu-btn i{display:none}.game-menu-row .col-3 .game-menu-btn span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--primary-dark))!important}.pagination .page-item.active .page-link{background:var(--gradient-primary-soft)!important;border-color:transparent!important;color:#1a1a1a!important}.modal .text-primary,.modal-title .text-primary{color:var(--primary-color)!important}.btn-primary{background:var(--gradient-primary-soft)!important;border:none!important;color:#1a1a1a!important;font-weight:600!important}.btn-primary:hover{background:var(--gradient-primary)!important;color:#1a1a1a!important}.bet-table-footer{gap:1rem!important}.bet-table-footer button[onclick*=submit],.bet-table-footer button[onclick*=Pasang],.bet-table-footer .btn.rounded-pill.fw-bold.w-100,.bet-table .bet-table-footer .btn{white-space:nowrap!important;font-size:clamp(.7rem,2.2vw,.85rem)!important;padding:.5rem .75rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.bet-table-footer .bg-dark.p-3.rounded-3,.bet-table-footer>div:first-child,.total-bayar-box,.bet-table .bg-dark.p-3.rounded-3:has(.total-bayar-input-group),.d-flex.flex-column .bg-dark.p-3.rounded-3:has(.total-bayar-input-group){background:linear-gradient(145deg,#1c2430,#161c26)!important;border:1px solid rgba(240,193,75,.25)!important;border-radius:14px!important;padding:1rem 1.25rem!important;box-shadow:0 4px 16px #00000040,0 0 0 1px #ffffff08!important;max-width:100%!important;min-width:0!important}.bet-table-footer .d-flex.justify-content-between.align-items-center,.total-bayar-box .d-flex.justify-content-between.align-items-center,.bg-dark.p-3.rounded-3:has(.total-bayar-input-group) .d-flex{gap:1rem;flex-wrap:wrap}.bet-table-footer .d-flex.justify-content-between .text-white,.bg-dark.p-3.rounded-3:has(.total-bayar-input-group) .text-white,.bg-dark.p-3.rounded-3:has(.total-bayar-input-group) span:first-child{font-size:.9rem!important;font-weight:600!important;color:var(--text-secondary)!important;flex-shrink:0}.bet-table-footer .input-group,.bet-table-footer .total-bayar-input-group,.total-bayar-input-group{min-width:140px!important;max-width:240px!important;flex:1 1 auto;border-radius:10px;overflow:hidden;border:1px solid rgba(240,193,75,.3);box-shadow:inset 0 2px 4px #0003}.bet-table-footer .input-group-text,.total-bayar-input-group .input-group-text{background:linear-gradient(135deg,#f0c14b40,#f0c14b1f)!important;border:none!important;color:var(--primary-color)!important;font-weight:700!important;font-size:.9rem!important;padding:.5rem .75rem!important}.bet-table-footer .input-group input.form-control,.bet-table-footer .input-group input[readonly],.total-bayar-input-group input.form-control,.total-bayar-input-group input[readonly]{background:linear-gradient(145deg,#1a2028,#13181e)!important;border:none!important;color:var(--primary-color)!important;font-weight:700!important;font-size:1rem!important;padding:.5rem 1rem!important;text-align:right!important;min-width:80px}.bet-table-footer .input-group input::placeholder,.total-bayar-input-group input::placeholder{color:#f0c14b59}@media(max-width:575.98px){.bet-table-footer .bg-dark.p-3.rounded-3,.bet-table-footer>div:first-child,.bg-dark.p-3.rounded-3:has(.total-bayar-input-group){padding:.875rem 1rem!important}.bet-table-footer .input-group,.total-bayar-input-group{min-width:120px!important}.bet-table-footer .input-group input.form-control,.bet-table-footer .input-group input[readonly],.total-bayar-input-group input.form-control,.total-bayar-input-group input[readonly]{font-size:.95rem!important}}