:root{--bk:#060b08;--bk2:#0b120d;--bk3:#101a14;--bk4:#162019;--g:#2ECC71;--g2:#4ADE80;--gd:rgba(46,204,113,.08);--gold:#F4B942;--gold2:#FFD700;--red:#E74C5A;--cyan:#1ABC9C;--purple:#9B59B6;--br:#1a2e1f;--br2:#2a4a32;--t:#F0EDE8;--t2:#A0A89A;--t3:#5A6E5C;--r:10px;--r2:14px;--mx:1160px;--felt:#0d2818;--burg:#6B1D2A}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:radial-gradient(ellipse at 50% 0%,#112a1a 0%,#0b160f 30%,#060b08 70%);background-attachment:fixed;color:var(--t);font-size:16px;line-height:1.7;padding-bottom:72px}
.hide{display:none!important}
/* TOPBAR */
.topbar{position:sticky;top:0;z-index:100;background:rgba(6,11,8,.95);backdrop-filter:blur(20px);height:50px;display:flex;align-items:center;padding:0 16px;border-bottom:none}
.topbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,rgba(244,185,66,.35),rgba(46,204,113,.25),rgba(244,185,66,.35),transparent 95%)}
.topbar-in{max-width:var(--mx);margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900;font-size:1.2rem}.logo span{color:var(--gold);text-shadow:0 0 12px rgba(244,185,66,.3)}
.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;font-family:inherit;font-weight:700;font-size:.92rem;border:none;border-radius:7px;cursor:pointer;text-decoration:none;transition:.2s}
.btn-g{background:var(--g);color:#000}.btn-g:hover{background:var(--g2)}
.btn-o{background:transparent;border:1px solid var(--br2);color:var(--t2)}.btn-o:hover{border-color:var(--gold);color:var(--gold)}
.btn-glow{background:linear-gradient(135deg,var(--g),#27ae60);color:#000;position:relative;animation:glow 2.5s ease-in-out infinite}
.btn-glow::after{content:'';position:absolute;inset:-3px;border-radius:10px;background:linear-gradient(135deg,rgba(46,204,113,.3),rgba(244,185,66,.15));z-index:-1;filter:blur(8px)}
@keyframes glow{0%,100%{box-shadow:0 0 8px rgba(46,204,113,.3)}50%{box-shadow:0 0 24px rgba(46,204,113,.6),0 0 48px rgba(244,185,66,.1)}}
@keyframes textShine{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes float{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-18px);opacity:1}}
@keyframes sparkle{0%,100%{opacity:.15;transform:scale(.5)}50%{opacity:.8;transform:scale(1)}}
@keyframes borderGlow{0%,100%{border-color:rgba(244,185,66,.05)}50%{border-color:rgba(244,185,66,.18)}}
@keyframes rotateSlow{to{transform:rotate(360deg)}}
@keyframes shimCard{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(0deg);opacity:.06}50%{transform:translateY(-30px) rotate(180deg);opacity:.12}}
.glow-text{background:linear-gradient(90deg,var(--gold),var(--gold2),var(--g),var(--gold));background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 4s linear infinite}
/* PAGES */
.page{display:none;max-width:var(--mx);margin:0 auto;padding:20px 16px 40px;min-height:70vh;position:relative;z-index:1}.page.active{display:block}
.sh{margin-bottom:16px}.sh h2{font-size:1.5rem;font-weight:800}.sh h2 span{color:var(--g);text-shadow:0 0 20px rgba(46,204,113,.2)}.sh p{color:var(--t2);font-size:1.05rem;margin-top:2px}
/* BANNERS */
.banners{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.banner{display:block;text-decoration:none;border-radius:var(--r2);overflow:hidden;border:1px solid rgba(244,185,66,.1);box-shadow:0 0 50px rgba(46,204,113,.05),0 0 100px rgba(244,185,66,.03);position:relative;cursor:pointer}
.banner::after{content:'';position:absolute;inset:-1px;border-radius:var(--r2);background:linear-gradient(135deg,rgba(244,185,66,.2),transparent 30%,transparent 70%,rgba(46,204,113,.12));z-index:0;pointer-events:none}
.banner-bg{width:100%;aspect-ratio:25/3;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.banner-html{overflow:hidden}.banner-html iframe{width:100%;border:none;display:block}
/* FEATURES */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}
.feat{background:linear-gradient(135deg,var(--bk2),var(--bk3));border:1px solid rgba(244,185,66,.08);border-radius:var(--r);padding:12px 8px;text-align:center;cursor:pointer;transition:.25s;position:relative;overflow:hidden}
.feat::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(244,185,66,.06) 0%,transparent 60%);opacity:0;transition:.4s}.feat:hover::before{opacity:1}
.feat:hover{border-color:rgba(244,185,66,.2);transform:translateY(-2px)}
.feat-icon{font-size:1.5rem;display:block;filter:drop-shadow(0 0 4px rgba(244,185,66,.3))}.feat h4{font-size:.9rem;font-weight:700;color:var(--gold)}.feat p{font-size:.72rem;color:var(--t2)}
/* LICENSE TABLE */
.ltab{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(180deg,var(--bk2),var(--bk3));border:1px solid rgba(244,185,66,.1);border-radius:var(--r2);overflow:hidden;font-size:1rem;margin-bottom:18px;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.ltab thead tr{background:linear-gradient(135deg,#1a3a24,#0d2818)}
.ltab th{padding:12px 10px;color:var(--gold);font-weight:700;letter-spacing:.3px;border-bottom:2px solid rgba(244,185,66,.15);white-space:nowrap;font-size:1.05rem}
.ltab th:first-child{text-align:left;padding-left:14px}
.ltab th:not(:first-child){text-align:center}
.ltab td{padding:10px;border-bottom:1px solid rgba(26,46,31,.4);transition:.2s;font-size:1rem}
.ltab td:first-child{font-weight:600;color:var(--t);padding-left:14px}
.ltab td:not(:first-child){text-align:center}
.ltab tr:nth-child(even){background:rgba(26,58,36,.1)}
.ltab tbody tr{cursor:pointer;transition:.2s}.ltab tbody tr:hover{background:rgba(46,204,113,.06)!important}
.ltab tbody tr:hover td:first-child{color:var(--gold)}
.lic-badge{background:rgba(46,204,113,.1);color:var(--g);padding:2px 6px;border-radius:3px;font-size:.72rem;font-weight:700}
.lic-check{color:var(--g);font-size:.9rem}
/* CARDS */
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.c{background:linear-gradient(135deg,var(--bk2),var(--bk3));border:1px solid rgba(244,185,66,.06);border-radius:var(--r);overflow:hidden;transition:.25s;cursor:pointer;text-decoration:none;color:inherit;display:block;position:relative;animation:borderGlow 5s ease-in-out infinite}
.c::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(244,185,66,.3),rgba(46,204,113,.2),transparent);z-index:2}
.c::after{content:'♠';position:absolute;bottom:4px;right:8px;font-size:2rem;color:rgba(244,185,66,.03);pointer-events:none;z-index:0}
.c:nth-child(2n)::after{content:'♦';color:rgba(231,76,90,.03)}
.c:nth-child(3n)::after{content:'♣';color:rgba(46,204,113,.03)}
.c:nth-child(4n)::after{content:'♥';color:rgba(231,76,90,.03)}
.c:hover{border-color:rgba(244,185,66,.2);transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 16px rgba(46,204,113,.06)}
.c-ph{width:100%;height:110px;background:linear-gradient(135deg,#0d1a12,#142a1a,#0d1a12);display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:.55rem;position:relative;overflow:hidden}
.c-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;display:block}
.c-ph::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(244,185,66,.04) 50%,transparent 60%);animation:shimCard 3s ease-in-out infinite}
.c-bd{padding:8px 10px;position:relative;z-index:1}.c-tp{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}
.c-rk{font-family:'JetBrains Mono',monospace;font-size:.7rem;font-weight:700;padding:1px 4px;border-radius:3px;background:rgba(46,204,113,.1);color:var(--g)}
.c-rk.gold{background:rgba(244,185,66,.12);color:var(--gold);box-shadow:0 0 8px rgba(244,185,66,.1)}
.bdg{font-size:.62rem;padding:2px 5px;border-radius:2px;font-weight:700;text-transform:uppercase}
.bh{background:rgba(231,76,90,.15);color:var(--red)}.bn{background:rgba(46,204,113,.12);color:var(--g)}.bv{background:rgba(155,89,182,.15);color:var(--purple)}.bt{background:rgba(244,185,66,.12);color:var(--gold)}
.c-bd h3{font-size:1.05rem;font-weight:700;margin-bottom:2px}.c-mt{font-size:.85rem;color:var(--t3);display:flex;gap:5px;margin-bottom:4px}
.c-bt{display:flex;align-items:center;justify-content:space-between;padding-top:5px;border-top:1px solid var(--br)}
.c-am{font-family:'JetBrains Mono',monospace}.c-am .big{font-size:1.1rem;font-weight:700;color:var(--gold);text-shadow:0 0 10px rgba(244,185,66,.2)}.c-am .old{font-size:.66rem;color:var(--red);text-decoration:line-through;margin-right:2px}.c-am .sub{font-size:.6rem;color:var(--t3);text-transform:uppercase;letter-spacing:.5px}.c-bt .btn{padding:5px 10px;font-size:.75rem}
/* WHEEL */
.wsec{text-align:center;padding:24px 16px}.ww{position:relative;display:inline-block;margin:12px auto}
.wp{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:22px solid var(--gold);z-index:5;filter:drop-shadow(0 2px 10px rgba(244,185,66,.6))}
.wb{margin-top:14px;padding:11px 32px;font-size:.9rem;font-weight:800;border-radius:50px;position:relative}
.wb::before{content:'';position:absolute;inset:-4px;border-radius:52px;background:linear-gradient(135deg,var(--g),var(--gold));z-index:-1;filter:blur(10px);opacity:.35;animation:glow 2s ease-in-out infinite}
.wsec canvas{filter:drop-shadow(0 0 24px rgba(46,204,113,.15))}
.wr{margin-top:14px;padding:12px 16px;background:linear-gradient(135deg,var(--gd),rgba(244,185,66,.04));border:1px solid rgba(244,185,66,.15);border-radius:var(--r);font-size:.96rem;font-weight:600;box-shadow:0 0 20px rgba(46,204,113,.06)}.wr a{color:var(--gold)}
/* FREESPIN */
.fss{text-align:center;padding:24px 16px}
.fsg{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:240px;margin:12px auto}
.fc{aspect-ratio:1;background:linear-gradient(135deg,var(--bk3),var(--bk4));border:2px solid rgba(244,185,66,.1);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:.2s;user-select:none;position:relative;overflow:hidden}
.fc::after{content:'✦';position:absolute;top:3px;right:4px;font-size:.45rem;color:var(--gold);opacity:.25;animation:sparkle 2.5s ease-in-out infinite}
.fc:hover:not(.rev){border-color:var(--gold);transform:scale(1.05);box-shadow:0 0 12px rgba(244,185,66,.1)}
.fc.rev{cursor:default}.fc .fb{pointer-events:none;transition:.3s}.fc .ff{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem;opacity:0;transition:.3s}
.fc.rev .fb{opacity:.15}.fc.rev .ff{opacity:1}.fc.win{border-color:var(--gold)!important;background:rgba(244,185,66,.06);box-shadow:0 0 16px rgba(244,185,66,.15)}
.fsr{margin-top:12px;padding:10px 14px;background:linear-gradient(135deg,var(--gd),rgba(244,185,66,.04));border:1px solid rgba(244,185,66,.15);border-radius:var(--r);font-size:.8rem;font-weight:600}.fsr a{color:var(--gold)}
/* ARTICLE */
.art{max-width:700px;margin:0 auto}
.toc{background:linear-gradient(135deg,var(--bk2),var(--bk3));border:1px solid rgba(244,185,66,.1);border-radius:var(--r2);padding:14px 16px;margin-bottom:18px;box-shadow:0 0 20px rgba(46,204,113,.03)}
.toc h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold);margin-bottom:6px}
.toc ol{list-style:none;padding:0;counter-reset:toc;columns:2;column-gap:12px}.toc li{counter-increment:toc;margin-bottom:2px}
.toc li a{color:var(--t2);text-decoration:none;font-size:.88rem;display:flex;align-items:center;gap:4px}
.toc li a::before{content:counter(toc,decimal-leading-zero);font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--gold);opacity:.5}
.toc li a:hover{color:var(--gold)}
.art h2{font-size:1.15rem;font-weight:800;margin:20px 0 6px;padding-top:10px;border-top:1px solid var(--br)}.art h2:first-of-type{border-top:2px solid rgba(244,185,66,.2);margin-top:0}.art h2 span{color:var(--g);text-shadow:0 0 16px rgba(46,204,113,.15)}
.art h3{font-size:1rem;font-weight:700;margin:12px 0 4px;color:var(--gold)}.art p{color:var(--t2);font-size:.95rem;margin-bottom:8px;line-height:1.85}.art strong{color:var(--t)}
.ib{border-left:3px solid var(--gold);border-radius:0 var(--r) var(--r) 0;padding:10px 12px;margin:8px 0;background:rgba(244,185,66,.04)}.ib.w{background:rgba(231,76,90,.04);border-left-color:var(--red)}.ib p{margin:0}
.apv{max-height:320px;overflow:hidden;position:relative;transition:max-height .8s ease}.apv.exp{max-height:999999px}
.afd{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--bk));pointer-events:none;z-index:5}
.faq{border:1px solid rgba(244,185,66,.06);border-radius:var(--r);margin-bottom:4px;background:linear-gradient(135deg,var(--bk2),var(--bk3))}
.faq-q{width:100%;background:none;border:none;color:var(--t);font-family:inherit;font-size:.92rem;font-weight:600;padding:10px 12px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-q:hover{color:var(--gold)}.faq-q svg{flex-shrink:0;opacity:.3;transition:.3s;color:var(--gold)}.faq-q.act svg{transform:rotate(45deg);opacity:1}
.faq-a{max-height:0;overflow:hidden;transition:.3s}.faq-a-in{padding:0 12px 8px;color:var(--t2);font-size:.88rem;line-height:1.8}
.ctb{background:linear-gradient(135deg,rgba(244,185,66,.04),rgba(46,204,113,.04));border:1px solid rgba(244,185,66,.12);border-radius:var(--r2);padding:22px 16px;text-align:center;margin:20px 0;position:relative;overflow:hidden;box-shadow:0 0 40px rgba(244,185,66,.04)}
.ctb::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(244,185,66,.04),transparent,rgba(46,204,113,.03),transparent);animation:rotateSlow 12s linear infinite}
/* MODAL */
.mbg{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.mdl{background:linear-gradient(135deg,var(--bk2),var(--bk3));border:1px solid rgba(244,185,66,.15);border-radius:var(--r2);padding:20px 16px;max-width:340px;width:90%;text-align:center;box-shadow:0 0 40px rgba(244,185,66,.08)}
.mdl h3{font-size:1.1rem;font-weight:800;margin-bottom:4px}.mdl h3 span{color:var(--gold)}
.mdl p{color:var(--t2);font-size:.92rem;margin-bottom:10px}
/* BOTTOM NAV */
.bnav{position:fixed;bottom:0;left:0;right:0;z-index:999;background:rgba(6,11,8,.97);backdrop-filter:blur(20px);border-top:2px solid rgba(244,185,66,.2);height:56px;display:flex;justify-content:center}
.bnav::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,rgba(244,185,66,.3),rgba(46,204,113,.2),rgba(244,185,66,.3),transparent 95%)}
.bnav-in{max-width:var(--mx);width:100%;display:flex;align-items:center;justify-content:space-around}
.bi{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--t3);font-size:.66rem;font-weight:600;padding:4px 6px;border-radius:6px;cursor:pointer;border:none;background:none;font-family:inherit;transition:.2s}
.bi svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}
.bi:hover,.bi.act{color:var(--gold)}.bi.act{background:rgba(244,185,66,.06);box-shadow:0 -3px 10px rgba(244,185,66,.1)}
.bi.act svg{filter:drop-shadow(0 0 5px rgba(244,185,66,.5))}
.footer{border-top:1px solid var(--br);padding:14px 16px 64px;text-align:center}.footer p{color:var(--t3);font-size:.78rem;max-width:460px;margin:0 auto}
/* PARTICLES */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none}
.page,.topbar,.footer,.mbg{position:relative;z-index:1}
@media(max-width:768px){.cg{grid-template-columns:repeat(2,1fr)}.feats{grid-template-columns:repeat(2,1fr)}.toc ol{columns:1}.banner-bg{aspect-ratio:25/3;min-height:60px;background-size:100% 100%;background-position:center}.ltab{font-size:.9rem}.ltab th,.ltab td{padding:8px 6px}.ltab th:nth-child(4),.ltab td:nth-child(4){display:none}}
@media(max-width:480px){.banner-bg{aspect-ratio:25/3;min-height:40px}.c-ph{height:90px}.ltab th:nth-child(4),.ltab td:nth-child(4),.ltab th:nth-child(5),.ltab td:nth-child(5),.ltab th:nth-child(6),.ltab td:nth-child(6){display:none}}