/* Mama BetPro International — gold MAMA + neon green BETPRO */
:root{
  --mama-gold:#d4af37;
  --mama-gold-bright:#ffe566;
  --mama-gold-shine:#fff3b0;
  --bp-green:#00ff66;
  --bp-green-2:#1aff7a;
  --bp-green-deep:#0b6a39;
  --ink:#070b08;
  --panel:#12160f;
  --panel-2:#1a1f16;
  --line:rgba(212,175,55,.35);
}
html,body{
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(212,175,55,.12), transparent 55%),
    radial-gradient(900px 500px at 100% 20%, rgba(0,255,102,.08), transparent 50%),
    linear-gradient(180deg,#050705 0%, #0a0e0a 40%, #070b08 100%) !important;
  color:#f2f5f0;
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.22;
  background-image:
    linear-gradient(rgba(0,255,102,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,175,55,.05) 1px, transparent 1px);
  background-size:28px 28px;
}
body > *{ position:relative; z-index:1; }

/* Brand wordmark */
.brand-mark{ display:flex; flex-direction:column; align-items:center; gap:.15rem; margin:0 auto .85rem; }
.brand-mark .mama{
  font-family: Impact, Haettenschweiler, 'Arial Black', sans-serif;
  font-size:2.35rem; letter-spacing:.12em; line-height:1;
  color:var(--mama-gold);
  text-shadow:
    0 0 2px #fff59a,
    0 0 8px rgba(255,230,100,.95),
    0 0 18px rgba(255,220,80,.75),
    0 0 28px rgba(212,175,55,.55),
    -1px -1px 0 #ffe566, 1px -1px 0 #ffe566, -1px 1px 0 #ffe566, 1px 1px 0 #ffe566;
  animation: mamaShine 2.4s ease-in-out infinite;
}
.brand-mark .betpro{
  font-family: 'Outfit', system-ui, sans-serif;
  font-weight:800; font-style:italic; font-size:1.35rem; letter-spacing:.18em;
  color:var(--bp-green);
  text-shadow: 0 0 10px rgba(0,255,102,.65), 0 0 22px rgba(0,255,102,.35);
}
@keyframes mamaShine{
  0%,100%{ filter:brightness(1); }
  50%{ filter:brightness(1.25); }
}

/* Auth card */
.card.auth, main.card.auth{
  background: linear-gradient(160deg, rgba(22,28,18,.92), rgba(8,10,8,.96)) !important;
  border:1px solid rgba(212,175,55,.35) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(0,255,102,.08), inset 0 1px 0 rgba(255,255,255,.05) !important;
  border-radius: 22px !important;
}
.card.auth .kicker{ color:var(--mama-gold-bright)!important; letter-spacing:.14em; }
.card.auth h1{ color:#fff!important; }
.card.auth .lead{ color:rgba(255,255,255,.65)!important; }
.card.auth label{ color:rgba(255,255,255,.72)!important; }
.card.auth input{
  background:#141a12!important; color:#fff!important;
  border:1.5px solid rgba(212,175,55,.45)!important;
  border-radius:14px!important;
}
.card.auth input#password, .card.auth .pass input{
  border-color: rgba(0,255,102,.55)!important;
  box-shadow: 0 0 0 1px rgba(0,255,102,.12);
}
.card.auth .btn.solid, .btn.solid{
  background: linear-gradient(135deg, #ffe566, #d4af37 45%, #b8860b)!important;
  color:#120e00!important; border:0!important; font-weight:900!important;
  box-shadow: 0 8px 22px rgba(212,175,55,.35), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.card.auth .btn.google, .btn.google{
  background: linear-gradient(135deg, #1aff7a, #00cc55)!important;
  color:#041208!important; border:0!important; font-weight:800!important;
}
.card.auth .btn.line, .btn.line{
  border:1.5px solid var(--bp-green)!important; color:var(--bp-green)!important;
  background:rgba(0,255,102,.08)!important;
}
.auth-actions{ display:grid; grid-template-columns:1fr 1fr; gap:.65rem; }
.auth-actions .btn.login{
  background: linear-gradient(135deg, #ffe566, #d4af37)!important; color:#120e00!important;
}
.auth-actions .btn.register{
  background: linear-gradient(135deg, #1aff7a, #00b84a)!important; color:#041208!important;
}

/* Landing */
.hero h1{ color:#fff!important; }
.hero h1 em{ color:var(--bp-green)!important; font-style:italic; }
.hero .sub{ color:rgba(255,255,255,.7)!important; }
.gate-link.bet{ border-color:var(--bp-green)!important; color:var(--bp-green)!important; }
.gate-link.mama{ border-color:var(--mama-gold)!important; color:var(--mama-gold)!important; }
.top .brand, .top{ background:transparent!important; }
.sign{ color:var(--mama-gold-bright)!important; border-color:rgba(212,175,55,.4)!important; }

/* Dashboard boards */
.board.betpro{
  border:1px solid rgba(0,255,102,.35)!important;
  background: linear-gradient(160deg, rgba(8,28,16,.95), rgba(7,11,8,.96))!important;
  box-shadow: 0 0 24px rgba(0,255,102,.12)!important;
}
.board.mama{
  border:1px solid rgba(212,175,55,.4)!important;
  background: linear-gradient(160deg, rgba(28,22,8,.95), rgba(7,11,8,.96))!important;
  box-shadow: 0 0 24px rgba(212,175,55,.14)!important;
}
.board .money.dep{ background:linear-gradient(135deg,#1aff7a,#00a844)!important; color:#041208!important; }
.board .money.wd{ background:linear-gradient(135deg,#ffe566,#d4af37)!important; color:#120e00!important; }

/* Admin theme */
body.admin, .admin-shell, .wrap{
  --accent: var(--mama-gold);
}

.brand-mark.compact{ margin:0; align-items:flex-start; }
.brand-mark.compact .mama{ font-size:1.15rem; letter-spacing:.08em; }
.brand-mark.compact .betpro{ font-size:.72rem; letter-spacing:.14em; }

/* Admin pages */
body.admin-authed, .admin-body, #app, .login-card {
  --gold: #d4af37;
  --green: #00ff66;
}
.login-card, .admin-login, .card.login {
  border-color: rgba(212,175,55,.4) !important;
}

/* Force dashboard away from green paper theme */
body:not(.auth-screen) {
  background:
    radial-gradient(900px 480px at 50% -10%, rgba(212,175,55,.14), transparent 55%),
    radial-gradient(700px 400px at 100% 0%, rgba(0,255,102,.08), transparent 50%),
    linear-gradient(180deg,#050705,#0a0e0a 40%,#070b08) !important;
  color: #f4f7f2 !important;
}
.loader { background: #050705 !important; }

.dash-crest{
  width:52px;height:52px;border-radius:12px;object-fit:cover;
  box-shadow:0 0 16px rgba(212,175,55,.45),0 0 20px rgba(0,255,102,.2);
}
.top, header.app, .app-top{
  background: rgba(5,7,5,.88) !important;
  border-bottom: 1px solid rgba(212,175,55,.22) !important;
}