/* ============= JEPANG88 — style-tweak.css (Overrides) ============= Tujuan: Membuat tampilan beda tipis tanpa mengubah HTML/JS. Cara pakai: load setelah style.css di . ================================================================ */ /* ---- Variabel/tema (sedikit diubah) ---- */ :root{ --primary:#E31B23; /* sebelumnya #D50000 */ --primary-dark:#A10D17; /* sebelumnya #9A0000 */ --bg:#0E0E10; /* sedikit lebih gelap */ --surface:#151518; /* panel sedikit ke abu biru */ --gold:#FFC857; /* emas sedikit berbeda */ --neon:#00FFA1; /* neon kehijauan */ --radius-lg:18px; /* 20px -> 18px */ --shadow:0 10px 28px rgba(0,0,0,.40); /* shadow beda */ } /* ---- Latar belakang (pola & posisi gradasi diubah tipis) ---- */ body{ background: radial-gradient(1200px circle at 68% -12%, #2F000A 0%, #0E0E10 58%, #0A0A0C 100%) fixed; } /* ---- Tombol (border sedikit lebih tebal & hover beda) ---- */ .btn{ border-width:2px } .btn:hover{ transform: translateY(-1px) } .btn-primary{ background: linear-gradient( 180deg, color-mix(in oklab, var(--primary) 85%, white 15%), var(--primary-dark) ); border-color: rgba(0,0,0,.22); box-shadow: 0 10px 22px rgba(227,27,35,.35); } .btn-outline{ border-color: color-mix(in oklab, var(--primary) 85%, white 15%) } .btn-ghost{ border-color: rgba(255,255,255,.2) } /* ---- Shine sweep (arah & durasi beda tipis) ---- */ @keyframes sweep{ to{ transform: translateX(140%) rotate(8deg) } } .btn:hover::before,.j88-chip:hover::before,.j88-linkbtn:hover::before{ animation-duration:1.4s; } /* ---- Menu chip & link button (gradasi & border beda) ---- */ .j88-chip{ background: linear-gradient(180deg, #161719, #0F1013); border-color: rgba(255,255,255,.10); box-shadow: 0 8px 20px rgba(0,0,0,.35); } .j88-chip:hover{ box-shadow: 0 16px 34px rgba(0,0,0,.50) } .j88-linkbtn{ border-color: color-mix(in oklab, var(--primary) 65%, black 35%); } .j88-linkbtn:hover{ border-color: color-mix(in oklab, var(--gold) 70%, white 30%); } /* ---- Ticker (kecepatan marquee sedikit diubah) ---- */ .j88-ticker__track{ animation-duration:14s } /* semula 16s */ /* ---- Jackpot LED (tone merah & inner glow beda) ---- */ .jackpot-screen{ background: linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.06)); } .jackpot-led{ background: linear-gradient(180deg, #1a1b1c, #08090a); box-shadow: inset 0 2px 10px rgba(255,0,0,.35), inset 0 0 0 1px rgba(255,0,0,.12); } .jackpot-currency, .jackpot-value{ color:#ff1a2d; text-shadow: 0 0 10px rgba(255,26,45,.35); } /* ---- Accordion (warna panel beda tipis) ---- */ .j88-acc__item{ border-color: color-mix(in oklab, var(--primary) 55%, black 45%); background:#131317 } .j88-acc__q{ background:#15161a } .j88-acc__a{ background:#0f1014 } /* ---- Footer (gradasi halus) ---- */ .j88-footer{ background: linear-gradient(180deg, var(--surface), #141418) } .j88-watermark__img{ opacity:.9; filter: drop-shadow(0 3px 6px rgba(0,0,0,.5)) } /* ---- Mobile tweak ---- */ @media (max-width:600px){ .j88-linkbtn{ height:58px } /* 56px -> 58px */ .jackpot-screen{ height:90px } /* 86px -> 90px */ .jackpot-currency{ font-size:1.1rem } /* 1.05 -> 1.1 */ .jackpot-value{ font-size:1.45rem } /* 1.35 -> 1.45 */ }