/* Eggy Universal Rank - compact card + daily login rewards */
.eggy-rank-card{
  margin:12px 0!important;
  padding:14px 18px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(13,24,42,.98),rgba(4,7,17,.98))!important;
  border:1px solid rgba(255,209,102,.25)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.30)!important;
  color:#fff!important;
  display:grid!important;
  grid-template-columns:minmax(390px,1fr) minmax(360px,.9fr) auto!important;
  gap:24px!important;
  align-items:center!important;
  overflow:hidden!important;
  position:relative!important;
}

.eggy-rank-left{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}

.eggy-rank-avatar-wrap{
  position:relative!important;
  width:86px!important;
  height:86px!important;
  flex:0 0 86px!important;
  display:grid!important;
  place-items:center!important;
}

.eggy-rank-avatar{
  width:78px!important;
  height:78px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  font-size:28px!important;
  box-shadow:0 10px 22px rgba(0,0,0,.30)!important;
}

.eggy-rank-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}

.eggy-rank-badge,.eggy-rank-small-badge{
  position:absolute!important;
  right:-4px!important;
  bottom:-4px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(7,12,25,.60)!important;
  backdrop-filter:blur(7px)!important;
  opacity:.92!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 0 14px rgba(255,209,102,.25)!important;
  font-size:15px!important;
}

.eggy-rank-small-badge img,.eggy-rank-badge img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:10px!important;}

.eggy-rank-main{min-width:0!important;}
.eggy-rank-main small{
  display:block!important;
  color:#9ecbff!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.09em!important;
  line-height:1.1!important;
}
.eggy-rank-main strong{
  display:block!important;
  font-size:22px!important;
  line-height:1.02!important;
  margin:2px 0 1px!important;
  color:#fff!important;
  font-weight:1000!important;
}
.eggy-rank-main p{
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:800!important;
}
#eggyRankMeta{color:#dfe8f7!important;font-weight:700!important;}
.eggy-rank-bar{
  height:9px!important;
  max-width:520px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.13)!important;
  overflow:hidden!important;
  margin:7px 0 5px!important;
}
.eggy-rank-bar span{
  display:block!important;
  height:100%!important;
  width:0%;
  border-radius:999px!important;
  background:linear-gradient(90deg,#00f5ff,#a5f3b8,#ffd166,#ff4d7d)!important;
  transition:width .4s ease!important;
}
#eggyRankXp{
  margin-top:0!important;
  font-size:11px!important;
  line-height:1.1!important;
  color:#9ecbff!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
}
.eggy-rank-pool-stats{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:8px!important;
  flex-wrap:wrap!important;
  color:#b8d8ff!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
}
.eggy-rank-pool-stats span{display:inline-flex!important;gap:4px!important;align-items:baseline!important;white-space:nowrap!important;}
.eggy-rank-pool-stats b{font-size:13px!important;color:#fff!important;}

.eggy-daily-login-panel{
  border-left:1px solid rgba(255,255,255,.13)!important;
  padding-left:28px!important;
  min-width:0!important;
}
.eggy-daily-login-panel h3{
  margin:0 0 12px!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:1000!important;
  color:#fff!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.eggy-daily-days{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;}
.eggy-daily-day{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  isolation:isolate!important;
  font-weight:1000!important;
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.8)!important;
  border:3px solid rgba(255,45,85,.95)!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.16),rgba(255,45,85,.28) 45%,rgba(45,5,14,.95) 76%)!important;
  box-shadow:0 0 16px rgba(255,45,85,.35), inset 0 0 18px rgba(0,0,0,.72)!important;
}
.eggy-daily-day b{font-size:24px!important;line-height:1!important;}
.eggy-daily-day::after{
  content:'DAY'!important;
  position:absolute!important;
  left:50%!important;
  bottom:-18px!important;
  transform:translateX(-50%)!important;
  font-size:10px!important;
  font-weight:1000!important;
  color:#d9e5f4!important;
  letter-spacing:.03em!important;
  text-shadow:0 2px 7px rgba(0,0,0,.8)!important;
}
.eggy-daily-day.done{
  border-color:#2f9bff!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),rgba(47,155,255,.24) 46%,rgba(4,18,36,.96) 78%)!important;
  box-shadow:0 0 18px rgba(47,155,255,.55), inset 0 0 18px rgba(0,0,0,.70)!important;
}
.eggy-daily-day.today{
  border-color:#ffd166!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.18),rgba(255,209,102,.36) 46%,rgba(46,27,4,.98) 78%)!important;
  box-shadow:0 0 18px rgba(255,209,102,.55), inset 0 0 18px rgba(0,0,0,.70)!important;
}
.eggy-daily-day.today::after{color:#ffd166!important;}

.eggy-rank-actions{text-align:right!important;min-width:130px!important;}
.eggy-rank-actions button{
  border:0!important;
  border-radius:999px!important;
  padding:9px 18px!important;
  font-size:13px!important;
  font-weight:1000!important;
  cursor:pointer!important;
  background:linear-gradient(135deg,#ffd166,#ff9f1c)!important;
  color:#251a00!important;
  white-space:nowrap!important;
}
.eggy-rank-actions button.locked{background:rgba(255,255,255,.1)!important;color:#91a2bb!important;cursor:not-allowed!important;}
.eggy-rank-actions em{display:block!important;margin-top:8px!important;color:#ffd166!important;font-style:normal!important;font-size:12px!important;line-height:1.15!important;font-weight:1000!important;}


/* Guest/logged-out Universal Rank card state */
.eggy-rank-guest-card .eggy-rank-avatar{
  background:linear-gradient(145deg,#e8edf5,#aeb8c6)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.eggy-guest-avatar-head{
  width:100%!important;
  height:100%!important;
  display:block!important;
  position:relative!important;
  background:linear-gradient(145deg,#d9e1eb,#7f8b9a)!important;
}
.eggy-guest-avatar-head:before{
  content:''!important;
  position:absolute!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  left:50%!important;
  top:14px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(145deg,#f4f7fb,#909baa)!important;
  box-shadow:inset 0 -5px 10px rgba(0,0,0,.16)!important;
}
.eggy-guest-avatar-head:after{
  content:''!important;
  position:absolute!important;
  width:58px!important;
  height:34px!important;
  left:50%!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  border-radius:999px 999px 18px 18px!important;
  background:linear-gradient(145deg,#f4f7fb,#8793a2)!important;
  box-shadow:inset 0 -6px 14px rgba(0,0,0,.16)!important;
}
.eggy-rank-guest-card #eggyRankTitle{
  color:#b9c7d9!important;
}
.eggy-rank-guest-card #eggyRankMeta{
  color:#fff!important;
  font-weight:1000!important;
}
.eggy-rank-guest-card #eggyRankXp{
  color:#ffd166!important;
}
.eggy-rank-guest-card .eggy-rank-bar span{
  width:0%!important;
  background:rgba(255,255,255,.18)!important;
}
.eggy-guest-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  align-items:flex-end!important;
}
.eggy-auth-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
}
.eggy-login-btn{
  background:linear-gradient(135deg,#38bdf8,#2563eb)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(56,189,248,.28)!important;
}
.eggy-register-btn{
  background:linear-gradient(135deg,#ffd166,#ff9f1c)!important;
  color:#251a00!important;
  box-shadow:0 0 16px rgba(255,209,102,.28)!important;
}
.eggy-rank-guest-card .eggy-daily-day.done,
.eggy-rank-guest-card .eggy-daily-day.today{
  border-color:rgba(255,45,85,.95)!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.16),rgba(255,45,85,.28) 45%,rgba(45,5,14,.95) 76%)!important;
  box-shadow:0 0 16px rgba(255,45,85,.35), inset 0 0 18px rgba(0,0,0,.72)!important;
}
.eggy-rank-guest-card .eggy-daily-day.today::after{color:#d9e5f4!important;}

.eggy-rank-splash{position:fixed;inset:0;z-index:10000;display:none;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.eggy-rank-splash.show{display:grid}
.eggy-rank-splash-card{width:min(420px,92vw);border-radius:30px;padding:28px;text-align:center;color:#fff;background:radial-gradient(circle at top,#ffd166,#7c3aed 42%,#07101d 76%);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.eggy-rank-splash-card h2{margin:0 0 8px;font-size:32px}
.eggy-rank-splash-card button{margin-top:16px;border:0;border-radius:999px;padding:12px 20px;font-weight:1000;background:#fff;color:#111827;cursor:pointer}

@media(max-width:1050px){
  .eggy-rank-card{grid-template-columns:1fr!important;gap:16px!important;}
  .eggy-daily-login-panel{border-left:0!important;border-top:1px solid rgba(255,255,255,.12)!important;padding-left:0!important;padding-top:14px!important;}
  .eggy-rank-actions{text-align:left!important;display:flex!important;align-items:center!important;gap:12px!important;}
  .eggy-rank-actions em{margin-top:0!important;}
  .eggy-guest-actions{align-items:flex-start!important;flex-direction:row!important;}
}
@media(max-width:760px){
  .eggy-rank-card{padding:12px!important;border-radius:18px!important;}
  .eggy-rank-left{gap:10px!important;align-items:flex-start!important;}
  .eggy-rank-avatar-wrap{width:70px!important;height:70px!important;flex-basis:70px!important;}
  .eggy-rank-avatar{width:64px!important;height:64px!important;border-radius:16px!important;}
  .eggy-rank-badge,.eggy-rank-small-badge{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;}
  .eggy-rank-main strong{font-size:19px!important;}
  .eggy-rank-main p{font-size:12px!important;}
  .eggy-daily-login-panel h3{font-size:16px!important;}
  .eggy-daily-days{gap:7px!important;overflow-x:auto!important;padding-bottom:20px!important;}
  .eggy-daily-day{width:38px!important;height:38px!important;min-width:38px!important;border-width:2px!important;}
  .eggy-daily-day b{font-size:18px!important;}
}
