:root{--bg:#060606;--panel:#111;--panel2:#171717;--gold:#f6c34a;--gold2:#a97814;--text:#f6f2e8;--muted:#a9a29a;--danger:#ff4d5d;--ok:#36d37e;--warn:#ffb020;--line:rgba(246,195,74,.18)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#241b08 0,#060606 38%,#020202 100%);color:var(--text);min-height:100vh}.app{max-width:1180px;margin:auto;padding:18px 18px 90px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;top:0;z-index:9;background:linear-gradient(180deg,rgba(6,6,6,.96),rgba(6,6,6,.78));backdrop-filter:blur(10px);padding:12px 0}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#fff1a8,var(--gold2));color:#111;display:grid;place-items:center;font-weight:900;box-shadow:0 0 28px rgba(246,195,74,.25)}h1,h2,h3,p{margin:0}.brand h1{font-size:22px;letter-spacing:.8px}.brand p,.muted{color:var(--muted);font-size:13px}.pill{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:9px 12px;color:var(--gold);font-weight:700}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:12px}.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.banner{min-height:235px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(246,195,74,.28),transparent 33%),linear-gradient(135deg,#111,#211706,#080808)}.banner:after{content:"";position:absolute;inset:auto -40px -80px auto;width:270px;height:270px;background:rgba(246,195,74,.1);border-radius:50%;filter:blur(4px)}.banner h2{font-size:36px;line-height:1.05;margin-bottom:8px}.banner .big{font-size:54px;color:var(--gold);font-weight:950;letter-spacing:1px}.cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.btn{border:0;border-radius:16px;padding:12px 16px;background:linear-gradient(135deg,var(--gold),#fff0a2);color:#15110a;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn.secondary{background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.stat b{display:block;font-size:24px;color:var(--gold)}.toolbar{display:grid;grid-template-columns:1fr 210px 150px;gap:10px;margin:16px 0}.input,select{width:100%;background:#101010;border:1px solid var(--line);border-radius:16px;color:var(--text);padding:13px 14px;outline:none}.tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}.tab{white-space:nowrap;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:10px 13px;border-radius:999px;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--gold),#fff1a6);color:#111;font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game{padding:14px;border-radius:20px;background:linear-gradient(180deg,#171717,#0c0c0c);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.game:before{content:"";position:absolute;top:-45px;right:-45px;width:105px;height:105px;border-radius:50%;background:rgba(246,195,74,.09)}.game h3{font-size:15px;margin-bottom:6px;min-height:38px}.provider{font-size:12px;color:var(--muted);margin-bottom:12px}.meter{height:8px;border-radius:99px;background:#262626;overflow:hidden;margin:9px 0}.bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold2),var(--gold),#fff4bd)}.rtp{display:flex;justify-content:space-between;align-items:center}.rtp b{font-size:25px;color:var(--gold)}.tag{font-size:11px;border-radius:999px;padding:5px 8px;font-weight:900}.hot{background:rgba(54,211,126,.13);color:var(--ok)}.normal{background:rgba(255,176,32,.13);color:var(--warn)}.cold{background:rgba(255,77,93,.12);color:var(--danger)}.page{display:none}.page.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 12px}.ranking{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px}.rank-no{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--gold),#fff1a6);color:#111;display:grid;place-items:center;font-weight:950}.bottom{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:20;background:rgba(12,12,12,.92);border:1px solid var(--line);border-radius:24px;display:flex;gap:6px;padding:8px;backdrop-filter:blur(12px);box-shadow:0 12px 45px rgba(0,0,0,.45)}.nav{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:17px;font-weight:800;cursor:pointer}.nav.active{background:linear-gradient(135deg,var(--gold),#fff1a6);color:#111}.admin-wrap{max-width:980px;margin:auto;padding:18px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:10px;text-align:left;font-size:13px}.hidden{display:none!important}.notice{border:1px solid rgba(255,176,32,.25);background:rgba(255,176,32,.08);color:#ffe0a3;border-radius:16px;padding:12px;margin:12px 0;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.small{font-size:12px;padding:8px 10px;border-radius:12px}.delete{background:rgba(255,77,93,.15);color:#ffd0d5;border:1px solid rgba(255,77,93,.25)}@media(max-width:900px){.hero{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.ranking{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.banner h2{font-size:28px}.banner .big{font-size:42px}}@media(max-width:520px){.app{padding:14px 12px 90px}.grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.brand h1{font-size:18px}.pill{font-size:12px}.nav{font-size:12px;padding:9px}.bottom{width:calc(100% - 20px);justify-content:space-around}.stats{grid-template-columns:1fr 1fr}.card{border-radius:20px;padding:14px}}.logo-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
}

.logo-img{
  width:60px;
  height:60px;
  object-fit:contain;
}

.deposit-card{
  background:linear-gradient(180deg,#171717,#080808);
  border:1px solid rgba(255,215,90,.35);
  border-radius:22px;
  padding:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
}

.deposit-result{
  margin-top:18px;
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg,#1d1d1d,#090909);
  border:1px solid rgba(255,215,90,.3);
}

.deposit-result h3{
  font-size:22px;
  margin-bottom:12px;
}

.deposit-result p{
  margin:5px 0;
  font-size:15px;
}

.deposit-result h2{
  margin-top:10px;
  font-size:26px;
  color:#ffe680;
  text-shadow:0 0 12px rgba(255,215,90,.35);
}

.input,
select{
  height:48px;
  border-radius:16px;
  border:1px solid rgba(255,215,90,.35);
  background:#070707;
  color:#fff;
  padding:0 16px;
  font-weight:600;
  outline:none;
}

.input:focus,
select:focus{
  border-color:#ffe680;
  box-shadow:0 0 0 3px rgba(255,215,90,.12);
}

.btn{
  border:0;
  border-radius:16px;
  padding:13px 20px;
  font-weight:900;
  background:linear-gradient(135deg,#ffd95a,#fff1a8);
  color:#111;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(255,215,90,.25);
}

.btn:active{
  transform:scale(.97);
}

.deposit-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}

#loadingScreen{
    position:fixed;
    inset:0;
    background:#050505;
    z-index:999999;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.loading-logo{
    width:140px;
    height:auto;
    animation:floatLogo 2s ease-in-out infinite;
    filter:drop-shadow(0 0 25px rgba(255,215,90,.45));
}

.loading-title{
    margin-top:15px;
    font-size:32px;
    font-weight:900;
    color:#f8d56a;
}

.loading-subtitle{
    margin-top:5px;
    color:#999;
    font-size:14px;
}

.loader{
    margin-top:25px;
    width:220px;
    height:8px;
    border-radius:999px;
    overflow:hidden;
    background:#222;
}

.loader-bar{
    height:100%;
    width:0%;
    background:linear-gradient(
        90deg,
        #c99915,
        #ffd95a,
        #fff1a8
    );
    animation:loadBar 2.5s linear forwards;
}

@keyframes loadBar{
    from{width:0%;}
    to{width:100%;}
}

@keyframes floatLogo{
    0%,100%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-10px);
    }
}

.popup-banner{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.82);
    backdrop-filter:blur(4px);
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.popup-card{
    width:100%;
    max-width:420px;
    overflow:hidden;
    border-radius:24px;
    background:#0b0b0b;
    border:1px solid rgba(255,215,90,.35);
    box-shadow:
    0 25px 60px rgba(0,0,0,.6),
    0 0 30px rgba(255,215,90,.15);
    animation:popupShow .35s ease;
}

.popup-image{
    width:100%;
    display:block;
    cursor:pointer;
    position:relative;
    z-index:5;
}

.popup-footer{
    padding:28px 24px 30px;
    text-align:center;
}

.popup-footer h2{
    margin:0;
    color:#ffd95a;
}

.popup-footer p{
    color:#bdbdbd;
    margin:10px 0 18px;
}

.popup-btn{
    width:100%;
    height:56px;
    border:none;
    border-radius:16px;
    font-weight:900;
    font-size:17px;
    color:#111;
    cursor:pointer;

    background:linear-gradient(
        180deg,
        #ffe680 0%,
        #f8d04d 50%,
        #d6a520 100%
    );

    box-shadow:
        0 8px 0 #8a6500,
        0 12px 25px rgba(0,0,0,.35);

    transition:all .12s ease;
}

.popup-close{
    position:absolute;
    margin:10px;
    width:40px;
    height:40px;
    border-radius:50%;
    border:0;
    font-size:20px;
    font-weight:900;
    background:#ffd95a;
    color:#111;
    right:0;
    z-index:10;
}

@keyframes popupShow{
    from{
        opacity:0;
        transform:scale(.85);
    }
    to{
        opacity:1;
        transform:scale(1);
    }
}

.popup-hide{
    animation:popupHide .4s ease forwards;
}

@keyframes popupHide{
    0%{
        opacity:1;
        transform:scale(1);
    }
    100%{
        opacity:0;
        transform:scale(.8);
    }
}

.app-show{
    animation:appShow .5s ease;
}

@keyframes appShow{
    from{
        opacity:0;
        transform:translateY(15px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.popup-btn{
    position:relative;
    overflow:hidden;
}

.popup-btn::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:rgba(255,255,255,.5);
    transform:skewX(-25deg);
}

.popup-btn:active{
    transform:translateY(6px);
    box-shadow:
        0 2px 0 #8a6500,
        0 5px 12px rgba(0,0,0,.25);
}

@keyframes shine{
    from{left:-120%;}
    to{left:150%;}
}

.popup-btn:hover{
    filter:brightness(1.05);
}

.virgo-btn{
    margin-top:22px;
}

.purnama-btn{
    margin-top:14px;
}

.popup-title{
    margin:0 0 12px;
    color:#ffd95a;
    font-size:22px;
    font-weight:900;
}

.popup-desc{
    margin:0 0 18px;
    color:#bdbdbd;
    line-height:1.6;
}

.popup-info{
    margin-top:15px;
    padding:12px 16px;

    background:rgba(255,215,90,.08);

    border:1px solid rgba(255,215,90,.18);

    border-radius:12px;

    color:#ffd95a;
    font-size:14px;
    font-weight:700;

    text-align:center;
}

.virgo-btn{
    margin-top:15px;
}

.purnama-btn{
    margin-top:10px;
}

.app-btn{
    margin-top:14px;

    background:linear-gradient(
        180deg,
        #2d2d2d,
        #151515
    );

    color:#ffd95a;

    border:1px solid rgba(255,215,90,.3);

    box-shadow:
        0 8px 0 #0a0a0a,
        0 12px 25px rgba(0,0,0,.35);
}

.app-btn:active{
    transform:translateY(6px);

    box-shadow:
        0 2px 0 #0a0a0a,
        0 5px 12px rgba(0,0,0,.25);
}
.popup-divider{
    width:80px;
    height:2px;
    background:rgba(255,215,90,.25);
    margin:18px auto;
    border-radius:999px;
}