*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:#0a0a0a;color:#eee;font-size:14px;line-height:1.5;padding-bottom:70px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#0a0a0a 0%,#0a0a0a 100%);box-shadow:0 2px 12px rgba(0,0,0,.6)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#000;position:relative}
.header-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(34,227,107,.15),transparent 70%);pointer-events:none}
.menu-btn{background:#22e36b;border:none;border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.brand{display:flex;align-items:center;gap:6px}
.brand-name{font-size:22px;font-weight:900;color:#fff;letter-spacing:1px}
.brand-name span{color:#22e36b}
.lucky-badge{display:flex;align-items:center}
.marquee{background:#0d4a1e;color:#fff;font-size:12px;padding:6px 14px;white-space:nowrap;overflow:hidden;border-top:1px solid #22e36b;border-bottom:1px solid #22e36b}
.marquee span{display:inline-block;animation:scroll 30s linear infinite;padding-left:100%}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.category-bar{display:flex;gap:6px;padding:10px 12px;background:#0d0d0d;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #1f1f1f}
.category-bar::-webkit-scrollbar{display:none}
.cat-item{flex:0 0 auto;padding:8px 16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#bbb;font-size:12px;font-weight:700;letter-spacing:.5px}
.cat-item.active{background:linear-gradient(180deg,#22e36b,#0d8e3e);color:#000;border-color:#22e36b}
.hero{position:relative;min-height:280px;background:#072a14 url('https://www.google.com/search?q=casino+green+neon+banner&tbm=isch') center/cover no-repeat;overflow:hidden;border-bottom:2px solid #22e36b}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,30,15,.85) 0%,rgba(0,60,25,.5) 60%,transparent 100%)}
.hero-content{position:relative;padding:18px 14px;max-width:60%;z-index:2}
.hero-website{font-size:10px;color:#bbb;letter-spacing:1px;margin-bottom:8px}
.hero-title-block{margin:14px 0}
.hero-register{font-size:18px;font-weight:900;color:#fff;text-shadow:0 0 8px rgba(34,227,107,.8)}
.hero-free{font-size:24px;font-weight:900;color:#22e36b;line-height:1}
.hero-amount{font-size:48px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 14px rgba(34,227,107,.8)}
.hero-cta{display:inline-block;margin-top:14px;padding:10px 22px;background:linear-gradient(180deg,#22e36b,#0d8e3e);color:#000;font-weight:800;font-size:13px;border-radius:6px;letter-spacing:1px}
.hero-girl{position:absolute;right:80px;bottom:0;width:45%;max-width:200px;z-index:1}
.hero-girl img{height:auto;width:100%;object-fit:contain}
.hero-side-banners{position:absolute;right:6px;top:14px;display:flex;flex-direction:column;gap:6px;z-index:3;width:64px}
.hero-side-banners img{width:100%;border-radius:4px;border:1px solid #22e36b}
.hero-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:3}
.dot{width:8px;height:8px;border-radius:50%;background:#444}
.dot.active{background:#22e36b}
.recommended{background:#fff;color:#000;padding:8px 12px;border-bottom:3px solid #ffd400}
.rec-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.rec-rating{display:flex;align-items:center;gap:4px}
.rec-score{font-weight:900;color:#e63946;font-size:14px}
.rec-skg{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.rec-skg-text{display:flex;flex-direction:column;font-size:9px;line-height:1.1}
.rec-skg-text strong{font-size:13px;font-weight:900}
.rec-cert{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #22e36b;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:800;color:#22e36b}
.rec-title{background:#ffd400;color:#000;font-weight:900;font-size:18px;text-align:center;padding:6px;letter-spacing:2px;margin:0 -12px -8px;border-radius:0}
.jackpot{display:flex;align-items:center;gap:10px;padding:14px 12px;background:linear-gradient(180deg,#0a1a0a,#000);border-bottom:1px solid #1a1a1a}
.jp-label{font-size:14px;font-weight:900;color:#fff;line-height:1.1;letter-spacing:1px;flex:0 0 auto}
.jp-numbers{display:flex;gap:3px;align-items:center;flex:1;justify-content:center;flex-wrap:wrap}
.jp-numbers span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:32px;background:linear-gradient(180deg,#ffd400,#b88800);color:#000;font-weight:900;font-size:18px;border-radius:4px;border:1px solid #ffe066}
.jp-numbers .sep{background:transparent;color:#fff;width:auto;border:none}
.live-tx{padding:0 10px;margin-top:10px}
.tx-header{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;color:#fff;padding:8px 12px;font-weight:800;font-size:13px;border-radius:4px 4px 0 0;border:1px solid #333}
.tx-live{background:#e63946;color:#fff;padding:3px 8px;border-radius:3px;font-size:11px;display:inline-flex;align-items:center;gap:4px}
.tx-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.3}}
.tx-table-wrap{overflow-x:auto;border:1px solid #333;border-top:none;border-radius:0 0 4px 4px}
.tx-table{width:100%;border-collapse:collapse;table-layout:fixed}
.tx-table th{background:#0d0d0d;color:#bbb;font-size:11px;padding:6px 4px;text-align:left;font-weight:700;border-bottom:1px solid #333}
.tx-table td{padding:7px 6px;font-size:11px;border-bottom:1px solid #1a1a1a;color:#ddd;word-break:break-all;overflow:hidden;text-overflow:ellipsis}
.tx-table .amt{color:#22e36b;font-weight:700}
.tx-table tr:nth-child(odd) td{background:#0a0a0a}
.promo-banner{position:relative;margin:12px 10px;border-radius:8px;overflow:hidden;border:2px solid #22e36b}
.promo-banner img{width:100%;height:200px;object-fit:cover;background:#0d4a1e}
.promo-cta{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#ffd400,#b88800);color:#000;padding:6px 18px;font-weight:900;font-size:11px;border-radius:20px;letter-spacing:1px;white-space:nowrap}
.seo-content{padding:20px 14px;background:#0d0d0d;margin-top:12px;color:#ddd}
.seo-content h1{font-size:22px;color:#22e36b;margin-bottom:14px;line-height:1.3}
.seo-content h2{font-size:18px;color:#fff;margin:22px 0 10px;padding-left:10px;border-left:3px solid #22e36b}
.seo-content h3{font-size:15px;color:#22e36b;margin:18px 0 8px}
.seo-content p{margin-bottom:10px;color:#bbb}
.seo-content strong{color:#fff}
.seo-content ul{margin:10px 0 14px 20px}
.seo-content li{margin-bottom:6px;color:#bbb}
.seo-hero{background:linear-gradient(135deg,#0d4a1e,#062510);border:1px solid #22e36b;border-radius:8px;padding:16px;margin-bottom:18px}
.seo-hero-h{font-size:16px;font-weight:800;color:#22e36b;margin-bottom:8px}
.seo-cta{display:inline-block;margin-top:10px;padding:10px 18px;background:linear-gradient(180deg,#22e36b,#0d8e3e);color:#000;font-weight:800;border-radius:6px;font-size:13px}
.seo-content table{width:100%;border-collapse:collapse;margin:14px 0;font-size:12px;table-layout:fixed}
.seo-content table th{background:#22e36b;color:#000;padding:8px;text-align:left;font-weight:800}
.seo-content table td{padding:8px;border-bottom:1px solid #1f1f1f;background:#1a1a1a;word-break:break-word}
.seo-content table tr:nth-child(even) td{background:#141414}
.payments{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;justify-content:center}
.pay-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1a1a1a;padding:8px;border-radius:6px;border:1px solid #2a2a2a;width:calc(33.33% - 8px);min-width:80px}
.pay-item img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:4px;padding:3px}
.pay-item span{font-size:10px;color:#bbb}
.footer-block{background:#0a0a0a;padding:20px 16px;text-align:center;border-top:1px solid #1f1f1f}
.brand-foot{justify-content:center;margin-bottom:14px}
.foot-desc{font-size:12px;color:#aaa;line-height:1.6;margin-bottom:18px;text-align:left}
.foot-section{display:flex;gap:20px;margin-bottom:8px;text-align:left}
.foot-label{font-size:11px;font-weight:800;color:#fff;letter-spacing:1px;text-align:left;margin:14px 0 8px;flex:1}
.foot-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.foot-cert{flex:1;min-width:60px;max-width:90px}
.foot-row-resp{align-items:center;gap:14px}
.resp-icon{display:flex;align-items:center}
.resp-text{font-size:11px;color:#fff;text-align:left;line-height:1.2}
.foot-copy{margin-top:18px;font-size:11px;color:#888}
.foot-legal{margin-top:10px;font-size:10px;color:#666;line-height:1.5}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0d0d0d;border-top:1px solid #1f1f1f;z-index:99;padding:6px 0 8px}
.bn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#888;position:relative;padding:4px 0}
.bn.active{color:#22e36b}
.bn-mid svg{transform:translateY(-6px)}
.bn .badge{position:absolute;top:0;right:25%;background:#e63946;color:#fff;font-size:9px;font-weight:800;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1}
@media(min-width:768px){.hero{min-height:380px}.hero-content{max-width:55%}.hero-amount{font-size:64px}.hero-girl{max-width:300px;right:120px}.hero-side-banners{width:80px;top:30px}.seo-content{max-width:900px;margin:12px auto 0;padding:30px}.pay-item{width:auto;min-width:100px}.jp-numbers span{width:32px;height:38px;font-size:22px}.promo-banner img{height:280px}}
@media(min-width:1024px){body{font-size:15px}.hero{min-height:460px}.brand-name{font-size:26px}}