/* =========================================================
   ULTRA PREMIUM BLACK + GREEN GLOBAL THEME
   Shared header/footer for every non-game page
   ========================================================= */
:root{--up-bg:#030604;--up-panel:#07100b;--up-panel2:#0a1510;--up-line:rgba(0,255,132,.18);--up-green:#00ff84;--up-green2:#00c968;--up-text:#f4fff8;--up-muted:#8fa99a;--up-shadow:0 18px 55px rgba(0,0,0,.58)}
html{background:var(--up-bg);scroll-behavior:smooth}
body{background:radial-gradient(circle at 50% -10%,rgba(0,255,132,.09),transparent 34%),linear-gradient(180deg,#020403 0%,#050906 55%,#020403 100%);color:var(--up-text);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(0,255,132,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,132,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.wrap{max-width:1180px;padding:22px 18px 38px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(2,6,4,.86);border-bottom:1px solid rgba(0,255,132,.16);backdrop-filter:blur(18px);box-shadow:0 8px 35px rgba(0,0,0,.45)}
.site-header:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--up-green),transparent);opacity:.7}
.site-header-inner{max-width:1180px;margin:auto;min-height:72px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:15px;letter-spacing:1px}
.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:15px}.brand small{font-size:8px;color:var(--up-muted);letter-spacing:2px;margin-top:4px}
.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0aff8a,#00783f);color:#001b0d;font-weight:1000;font-size:19px;box-shadow:0 0 24px rgba(0,255,132,.22),inset 0 1px rgba(255,255,255,.35)}
.site-nav{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}
.site-nav a{white-space:nowrap;color:#b7cbbf!important;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;transition:.2s}.site-nav a:hover,.site-nav a.active{color:#00170b!important;background:var(--up-green);box-shadow:0 0 20px rgba(0,255,132,.18)}.site-nav .nav-cta{background:linear-gradient(135deg,var(--up-green),#00a957);color:#00170b!important}.site-nav .nav-logout{border:1px solid rgba(255,80,80,.25);color:#ff9b9b!important}.site-nav .nav-logout:hover{background:#b51f31;color:#fff!important}
.card{background:linear-gradient(145deg,rgba(9,20,14,.97),rgba(5,10,7,.97));border:1px solid var(--up-line);border-radius:20px;padding:21px;margin:15px 0;box-shadow:var(--up-shadow),inset 0 1px rgba(255,255,255,.025);position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;width:42%;height:1px;background:linear-gradient(90deg,var(--up-green),transparent);opacity:.65}.card h1,.card h2,.card h3{color:#f1fff6}.card p,small{color:var(--up-muted)}
.balance{color:var(--up-green)!important;text-shadow:0 0 18px rgba(0,255,132,.18)}
.btn{background:linear-gradient(135deg,#00dc73,#008f49);color:#00180b;border:1px solid rgba(255,255,255,.08);box-shadow:0 7px 22px rgba(0,255,132,.12)}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.green{background:linear-gradient(135deg,#00ff84,#00a957);color:#00180b}.btn.gold{background:linear-gradient(135deg,#00ff84,#00b45d);color:#00180b}.btn.red{background:linear-gradient(135deg,#d83245,#8d1325);color:#fff}
.input,textarea.input,select.input{background:#030805;border-color:rgba(0,255,132,.2);color:#effff5;outline:none}.input:focus{border-color:var(--up-green);box-shadow:0 0 0 3px rgba(0,255,132,.08)}
table{background:rgba(2,7,4,.45);border-radius:14px;overflow:hidden}th{background:#0a1710;color:var(--up-green);font-size:11px;text-transform:uppercase;letter-spacing:.7px}th,td{border-bottom-color:rgba(0,255,132,.1)}
.flash{background:rgba(0,160,80,.13);border:1px solid rgba(0,255,132,.18);color:#baffd8}.flash.err{background:rgba(180,20,45,.13);border-color:rgba(255,80,100,.2)}
.grid{gap:16px}.nav{background:linear-gradient(90deg,rgba(0,255,132,.04),transparent);border:1px solid rgba(0,255,132,.1);border-radius:16px;padding:12px 15px}.logo{color:var(--up-green);text-shadow:0 0 18px rgba(0,255,132,.25)}
.site-footer{margin-top:35px;border-top:1px solid rgba(0,255,132,.12);background:#020503}.site-footer-inner{max-width:1180px;margin:auto;padding:22px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#667d6e;font-size:11px}.site-footer-inner>div:first-child{display:flex;flex-direction:column;gap:5px}.footer-brand{color:#c9e8d4;letter-spacing:1px}.footer-links{display:flex;gap:14px}.footer-links a{color:#6f8c79}.footer-links a:hover{color:var(--up-green)}
.admin-header .brand-mark{background:linear-gradient(145deg,#00ff84,#006f3a)}
@media(max-width:700px){.site-header-inner{min-height:64px;padding:8px 12px;align-items:flex-start}.brand-mark{width:36px;height:36px;border-radius:10px}.site-nav{padding-top:3px}.site-nav a{padding:8px 9px;font-size:10px}.site-footer-inner{flex-direction:column;align-items:flex-start}.footer-links{order:2}.footer-copy{order:3}.wrap{padding:13px 10px 30px}.card{padding:16px;border-radius:17px}.grid{gap:10px}}

/* =========================================================
   GAME BACKGROUND + GAME FOOTER ON ALL PAGES
   ========================================================= */
body{
  background-color:#010503!important;
  background-image:
    linear-gradient(rgba(1,7,4,.72),rgba(1,7,4,.88)),
    url('game/assets/background.jpg')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 0%,rgba(0,255,132,.13),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.38));
}
.wrap{padding-bottom:125px!important}
.game-page-footer{padding-bottom:92px}
.game-style-footer{
  position:fixed!important;
  left:50%!important;
  bottom:max(9px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(94vw,620px)!important;
  height:76px!important;
  z-index:9999!important;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:center!important;
  padding:7px!important;
  border:1px solid rgba(0,255,132,.48)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(1,8,5,.97),rgba(4,22,13,.95),rgba(0,7,4,.98))!important;
  box-shadow:0 15px 45px rgba(0,0,0,.82),0 0 32px rgba(0,255,132,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.game-style-footer:before{
  content:"";position:absolute;top:0;left:10%;right:10%;height:2px;border-radius:10px;
  background:linear-gradient(90deg,transparent,#00ff84,#baffdc,#00ff84,transparent);
  box-shadow:0 0 14px rgba(0,255,132,.85);
}
.game-style-footer .footer-btn{
  color:#799887!important;height:62px!important;gap:3px!important;border-radius:17px!important;
}
.game-style-footer .footer-icon{
  width:34px!important;height:34px!important;border-radius:11px!important;font-size:18px!important;
  background:linear-gradient(145deg,rgba(0,255,132,.10),rgba(255,255,255,.025))!important;
  border:1px solid rgba(0,255,132,.12)!important;
}
.game-style-footer .footer-text{font-size:8px!important;font-weight:1000!important;letter-spacing:.8px!important}
.game-style-footer .footer-btn:hover,.game-style-footer .footer-btn.active{color:#00ff84!important;transform:translateY(-3px)}
.game-style-footer .footer-btn.active .footer-icon{
  color:#001a0d!important;border-color:rgba(0,255,132,.7)!important;
  background:linear-gradient(145deg,#00ff84,#00b45d)!important;
  box-shadow:0 0 22px rgba(0,255,132,.28),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.game-style-footer .footer-btn.active:after{
  content:"";position:absolute;bottom:1px;width:5px;height:5px;border-radius:50%;
  background:#00ff84;box-shadow:0 0 12px #00ff84;
}
@media(max-width:600px){
  .game-style-footer{width:calc(100vw - 12px)!important;height:72px!important;padding:5px!important;border-radius:21px!important}
  .game-style-footer .footer-btn{height:60px!important}
  .game-style-footer .footer-icon{width:31px!important;height:31px!important;font-size:17px!important}
  .game-style-footer .footer-text{font-size:7px!important;letter-spacing:.5px!important}
  .game-page-footer{padding-bottom:95px}
}
@media(max-width:380px){
  .game-style-footer{width:calc(100vw - 8px)!important;height:67px!important;border-radius:18px!important}
  .game-style-footer .footer-btn{height:57px!important}
  .game-style-footer .footer-icon{width:28px!important;height:28px!important;font-size:15px!important}
  .game-style-footer .footer-text{font-size:6px!important}
}

/* =========================================================
   FINAL MOBILE GAME-SHELL POLISH
   Exact game background is reused on every normal page.
   The actual game page keeps its own controls unchanged.
   ========================================================= */
html,body{min-height:100%;width:100%;overflow-x:hidden}
body{background-color:#010503!important;background-image:linear-gradient(rgba(0,4,2,.64),rgba(0,7,4,.86)),url('game/assets/background.jpg')!important;background-position:center center!important;background-size:cover!important;background-attachment:fixed!important;background-repeat:no-repeat!important}
.site-header{width:100%;}
.site-header-inner{width:100%;}
.wrap{width:100%;max-width:1180px;margin-left:auto;margin-right:auto;}
input,select,textarea,button{max-width:100%;font-size:16px}
img,video,canvas{max-width:100%;}

@media(max-width:700px){
  body{background-attachment:scroll!important;background-position:center top!important;background-size:auto 100%!important;}
  .site-header{position:sticky;top:0;}
  .site-header-inner{min-height:58px;padding:7px 9px;gap:8px;}
  .brand{min-width:0;gap:8px;}
  .brand-mark{width:34px;height:34px;min-width:34px;border-radius:10px;font-size:16px;}
  .brand b{font-size:13px;letter-spacing:.7px;}
  .brand small{font-size:7px;letter-spacing:1.2px;}
  .site-nav{flex:1;justify-content:flex-end;min-width:0;gap:3px;}
  .site-nav a{padding:7px 8px;font-size:9px;border-radius:9px;}
  .site-nav a:nth-child(n+5){display:none;}
  .wrap{padding:10px 9px 112px!important;}
  .card{width:100%;margin:10px 0;padding:14px;border-radius:16px;}
  .card h1{font-size:23px}.card h2{font-size:19px}.card h3{font-size:16px;}
  .grid{grid-template-columns:1fr!important;gap:9px!important;}
  .input,textarea.input,select.input{width:100%;min-height:46px;padding:11px 12px;border-radius:11px;}
  .btn{min-height:44px;padding:11px 14px;border-radius:11px;font-size:12px;}
  table{width:100%;font-size:10px;}
  th,td{padding:9px 7px;white-space:nowrap;}
  .nav{padding:9px 11px;display:flex;align-items:center;gap:8px;overflow:auto;}
  .game-page-footer{padding-bottom:98px!important;}
  .game-style-footer{width:calc(100vw - 10px)!important;max-width:620px!important;bottom:max(5px,env(safe-area-inset-bottom))!important;height:68px!important;border-radius:20px!important;}
  .game-style-footer .footer-btn{height:58px!important;min-width:0!important;padding:3px 2px!important;}
  .game-style-footer .footer-icon{width:29px!important;height:29px!important;border-radius:10px!important;font-size:15px!important;}
  .game-style-footer .footer-text{font-size:6.5px!important;line-height:1!important;letter-spacing:.35px!important;}
}
@media(max-width:380px){
  .site-header-inner{padding-left:7px;padding-right:7px;}
  .brand-mark{width:31px;height:31px;min-width:31px;font-size:14px;}
  .brand b{font-size:11px}.brand small{font-size:6px;}
  .site-nav a{padding:6px 6px;font-size:8px;}
  .game-style-footer{width:calc(100vw - 6px)!important;height:64px!important;border-radius:18px!important;}
  .game-style-footer .footer-btn{height:55px!important;}
  .game-style-footer .footer-icon{width:27px!important;height:27px!important;font-size:14px!important;}
  .game-style-footer .footer-text{font-size:6px!important;}
}

/* =========================================================
   MOBILE-APPLICATION UI SHELL
   ========================================================= */
:root{
  --app-green:#00ff78;
  --app-green2:#00c95f;
  --app-bg:#020604;
  --app-surface:rgba(5,14,9,.94);
  --app-border:rgba(0,255,120,.18);
}
*{box-sizing:border-box}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-x:none}
.site-header-inner{max-width:1180px}
.brand-mark{position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.32),transparent 65%);transform:translateX(-70%);animation:appShine 5s infinite}
@keyframes appShine{0%,65%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}
.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn,.site-nav a,.game-style-footer .footer-btn{touch-action:manipulation}

/* App-like page frame on phones */
@media(max-width:700px){
  html{background:#010302}
  body{min-height:100dvh;background-color:#010302!important}
  .site-header{background:rgba(1,5,3,.90)!important;border-bottom-color:rgba(0,255,120,.20)!important}
  .site-header-inner{max-width:520px;margin:0 auto;height:58px;min-height:58px;padding:7px 10px!important}
  .brand{flex:0 0 auto}
  .site-nav{gap:3px;overflow:hidden}
  .site-nav a{display:none!important}
  .site-nav a.nav-cta,.site-nav a.nav-logout{display:block!important;padding:8px 10px!important;font-size:9px!important}
  .wrap{max-width:520px!important;margin:0 auto!important;padding:11px 10px 112px!important}

  /* Give major content a native-app card hierarchy */
  .card{margin:9px 0!important;padding:14px!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(7,18,11,.95),rgba(2,8,5,.96))!important;border:1px solid rgba(0,255,120,.16)!important;box-shadow:0 12px 30px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.035)!important}
  .card:after{content:"";position:absolute;right:-50px;top:-50px;width:130px;height:130px;border-radius:50%;background:rgba(0,255,120,.035);filter:blur(4px);pointer-events:none}
  .card h1{font-size:22px!important;line-height:1.18!important}
  .card h2{font-size:18px!important;line-height:1.2!important}
  .card h3{font-size:15px!important}
  .card p{font-size:12px;line-height:1.55}

  /* Touch-friendly controls */
  .btn{min-height:46px!important;border-radius:13px!important;font-weight:900!important;letter-spacing:.2px}
  .input,textarea.input,select.input{min-height:48px!important;border-radius:13px!important;background:rgba(0,5,3,.82)!important}
  input[type=checkbox],input[type=radio]{accent-color:var(--app-green)}
  table{border-radius:14px!important}

  /* App dashboard grids */
  .grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .grid>.card:only-child{grid-column:1/-1}
  .stat-grid,.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}

  /* Make long lists feel like app cards */
  .card table tr{background:rgba(0,255,120,.012)}
  .card table td,.card table th{font-size:9px!important;padding:9px 7px!important}

  /* Fixed bottom app navigation */
  .game-style-footer{height:70px!important;width:calc(100vw - 10px)!important;max-width:520px!important;bottom:max(5px,env(safe-area-inset-bottom))!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(1,8,5,.985),rgba(3,18,10,.97))!important;box-shadow:0 14px 40px rgba(0,0,0,.85),0 0 30px rgba(0,255,120,.12)!important}
  .game-style-footer .footer-btn{position:relative!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .game-style-footer .footer-icon{transition:.18s transform,.18s box-shadow!important}
  .game-style-footer .footer-btn:active .footer-icon{transform:scale(.90)}
  .game-style-footer .footer-btn.active .footer-icon{transform:translateY(-2px) scale(1.03)}

  /* Home-screen-app feel */
  .nav{border-radius:14px!important;background:rgba(1,8,5,.72)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .logo{font-weight:1000!important}
}
@media(min-width:701px){
  body{background-attachment:fixed!important}
}
@media(max-width:380px){
  .grid,.stat-grid,.stats-grid{grid-template-columns:1fr!important}
  .site-header-inner{padding-left:7px!important;padding-right:7px!important}
  .wrap{padding-left:7px!important;padding-right:7px!important}
  .card{border-radius:16px!important;padding:12px!important}
  .game-style-footer{width:calc(100vw - 6px)!important;height:66px!important}
}

/* =========================================================
   MOBILE APP UI — REFERENCE STYLE POLISH
   Single-column phone-app experience inspired by the supplied
   mobile reference: compact header, large glass cards, fixed
   premium navigation and game background.
   ========================================================= */
@media (max-width:700px){
  html{background:#010503!important}
  body{
    background-image:
      linear-gradient(180deg,rgba(0,5,3,.50),rgba(0,5,3,.78)),
      url('game/assets/background.jpg')!important;
    background-position:center top!important;
    background-size:cover!important;
    background-attachment:scroll!important;
    font-family:Arial,Helvetica,sans-serif!important;
  }
  .site-header{
    background:rgba(1,6,4,.94)!important;
    border-bottom:1px solid rgba(0,255,120,.30)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.55)!important;
  }
  .site-header-inner{
    max-width:520px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0 auto!important;
    padding:8px 14px!important;
  }
  .brand-mark{
    width:42px!important;height:42px!important;min-width:42px!important;
    border-radius:13px!important;font-size:20px!important;
    box-shadow:0 0 20px rgba(0,255,120,.22)!important;
  }
  .brand b{font-size:16px!important;letter-spacing:.8px!important}
  .brand small{font-size:8px!important;letter-spacing:1.8px!important;margin-top:4px!important}
  .site-nav{flex:0 0 auto!important;overflow:visible!important}
  .site-nav a{display:none!important}
  .site-nav a.nav-logout,.site-nav a.nav-cta{
    display:block!important;
    padding:10px 15px!important;
    border-radius:13px!important;
    font-size:10px!important;
    letter-spacing:.8px!important;
    background:rgba(0,255,120,.035)!important;
  }
  .site-nav .nav-logout{
    color:#ff9da8!important;
    border:1px solid rgba(255,80,100,.28)!important;
  }
  .wrap{
    max-width:520px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:12px 10px 132px!important;
  }
  .card,
  .compBox,
  .nav{
    background:linear-gradient(145deg,rgba(3,15,9,.96),rgba(1,8,5,.94))!important;
    border:1px solid rgba(0,255,120,.19)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.035)!important;
    backdrop-filter:blur(13px)!important;
    -webkit-backdrop-filter:blur(13px)!important;
  }
  .card{margin:10px 0!important;padding:18px 16px!important;border-radius:21px!important}
  .card:before{width:55%!important;height:2px!important;opacity:.7!important}
  .card h1{font-size:23px!important}.card h2{font-size:19px!important}.card h3{font-size:16px!important}
  .card p{font-size:12px!important;line-height:1.6!important;color:#9bb1a4!important}
  .card small{font-size:11px!important;color:#9db4a6!important;letter-spacing:.2px}
  .balance{
    font-size:34px!important;line-height:1.08!important;font-weight:1000!important;
    color:#00ff78!important;text-shadow:0 0 18px rgba(0,255,120,.24)!important;
    margin:5px 0 9px!important;
  }
  .btn{
    min-height:48px!important;padding:12px 16px!important;border-radius:14px!important;
    font-size:12px!important;font-weight:1000!important;
    box-shadow:0 7px 20px rgba(0,255,120,.12)!important;
  }
  .input,textarea.input,select.input{
    min-height:49px!important;width:100%!important;border-radius:14px!important;
    border:1px solid rgba(0,255,120,.20)!important;
    background:rgba(0,4,2,.88)!important;color:#effff5!important;
  }
  .grid{grid-template-columns:1fr!important;gap:10px!important}
  .grid>.card{width:100%!important}
  .compBox{padding:16px!important;border-radius:21px!important;margin:10px 0!important}
  .compStat{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .compStat div{background:rgba(0,8,5,.72)!important;border-color:rgba(0,255,120,.14)!important;border-radius:14px!important;padding:11px!important}
  table{font-size:10px!important;background:rgba(0,6,4,.55)!important}
  th{color:#00ff78!important;background:#06150d!important}
  th,td{padding:10px 8px!important;border-bottom-color:rgba(0,255,120,.10)!important}
  .nav{border-radius:16px!important;padding:10px 12px!important}
  .nav .logo{color:#00ff78!important;font-size:14px!important}

  .premium-footer.game-style-footer{
    width:min(520px,calc(100vw - 10px))!important;
    height:76px!important;
    bottom:max(5px,env(safe-area-inset-bottom))!important;
    padding:6px!important;
    border-radius:23px!important;
    background:linear-gradient(145deg,rgba(0,9,5,.985),rgba(2,20,11,.97))!important;
    border:1px solid rgba(0,255,120,.42)!important;
    box-shadow:0 16px 45px rgba(0,0,0,.86),0 0 28px rgba(0,255,120,.14)!important;
  }
  .game-style-footer .footer-btn{height:64px!important;border-radius:18px!important;padding:3px 2px!important}
  .game-style-footer .footer-icon{
    width:36px!important;height:36px!important;border-radius:12px!important;font-size:18px!important;
    border:1px solid rgba(0,255,120,.14)!important;
  }
  .game-style-footer .footer-text{font-size:7px!important;letter-spacing:.55px!important;color:#9eb5a7!important}
  .game-style-footer .footer-btn.active .footer-text{color:#00ff78!important}
  .game-style-footer .footer-btn.active .footer-icon{box-shadow:0 0 22px rgba(0,255,120,.30)!important}
  .game-page-footer{padding-bottom:112px!important}
}

@media(max-width:380px){
  .site-header-inner{height:62px!important;min-height:62px!important;padding:7px 9px!important}
  .brand-mark{width:38px!important;height:38px!important;min-width:38px!important}
  .brand b{font-size:14px!important}.brand small{font-size:7px!important}
  .site-nav .nav-logout,.site-nav .nav-cta{padding:8px 11px!important;font-size:9px!important}
  .wrap{padding-left:8px!important;padding-right:8px!important;padding-bottom:124px!important}
  .card{padding:15px 13px!important;border-radius:18px!important}
  .balance{font-size:30px!important}
  .premium-footer.game-style-footer{height:70px!important;border-radius:21px!important}
  .game-style-footer .footer-btn{height:59px!important}
  .game-style-footer .footer-icon{width:32px!important;height:32px!important;font-size:16px!important}
}

/* =========================================================
   DASHBOARD — PREMIUM FUND WALLET + REFERRAL APP UI
========================================================= */
.app-wallet-card,.app-referral-card{width:100%;box-sizing:border-box;border-radius:24px;margin:14px 0;padding:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(3,18,11,.97),rgba(5,30,18,.94));border:1px solid rgba(0,255,120,.35);box-shadow:0 0 0 1px rgba(0,255,120,.04),0 8px 30px rgba(0,0,0,.45),inset 0 0 30px rgba(0,255,100,.035)}
.app-wallet-card:before,.app-referral-card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-100px;background:rgba(0,255,100,.12);filter:blur(35px);border-radius:50%;pointer-events:none}
.app-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.app-label{display:block;color:#8ea99a;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.app-balance{color:#00ff72;font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-1px;text-shadow:0 0 18px rgba(0,255,100,.35);overflow-wrap:anywhere}.wallet-icon{width:54px;height:54px;flex:0 0 54px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(145deg,#0b3c25,#03150c);border:1px solid #00e96866;box-shadow:0 0 20px rgba(0,255,100,.15)}
.app-user-info{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,255,120,.12);color:#a9b9b0;font-size:14px;font-weight:600}.app-user-info span:first-child{color:#fff}.dot{color:#00ed70}.ref-title{display:flex;align-items:center;gap:12px}.ref-icon{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:22px;background:linear-gradient(145deg,#0c4027,#04160d);border:1px solid rgba(0,255,110,.35)}.ref-title strong{display:block;color:#fff;font-size:16px;letter-spacing:.4px}.ref-title small{display:block;margin-top:4px;color:#7f998d;font-size:11px}.ref-description{color:#a4b5ab;font-size:13px;line-height:1.6;margin:17px 0}.ref-link-box{display:flex;flex-direction:column;gap:10px}.ref-input{width:100%;min-height:52px;box-sizing:border-box;padding:0 15px;border-radius:16px;border:1px solid rgba(0,255,120,.30);outline:none;background:#020b07;color:#dcefe5;font-size:13px;font-weight:600;box-shadow:inset 0 0 15px rgba(0,255,100,.035)}.ref-input:focus{border-color:#00ff73;box-shadow:0 0 15px rgba(0,255,100,.15)}.ref-copy-btn{width:100%;min-height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#00ff78,#00c957);color:#001b0d;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(0,255,100,.20);transition:.2s ease}.ref-copy-btn:active{transform:scale(.97)}.ref-copy-btn:hover{box-shadow:0 0 25px rgba(0,255,100,.35)}.copy-message{min-height:20px;margin-top:10px;color:#00ff78;font-size:13px;font-weight:800}
@media(max-width:600px){.app-wallet-card,.app-referral-card{border-radius:22px;padding:18px;margin:12px 0}.app-balance{font-size:31px}.wallet-icon{width:48px;height:48px;flex-basis:48px;font-size:23px}.ref-description{font-size:13px;margin:14px 0}.ref-input{font-size:12px;min-height:54px}.ref-copy-btn{min-height:54px;font-size:14px}}
@media(max-width:380px){.app-wallet-card,.app-referral-card{padding:15px;border-radius:19px}.app-balance{font-size:27px}.app-user-info{font-size:12px}.ref-title strong{font-size:14px}}

.kw-dashboard-btn{display:block;text-align:center;text-decoration:none;padding:13px 15px;border-radius:15px;background:linear-gradient(135deg,#00ff78,#00b95a);color:#00180b;font-weight:1000;box-shadow:0 8px 25px rgba(0,255,120,.16)}
.kw-dashboard-btn.locked{background:linear-gradient(145deg,#171c1a,#111613);color:#a9b9b0;border:1px solid rgba(255,255,255,.08);box-shadow:none}