/* Compact homepage Trivia Arena card. Dedicated leaderboard page is untouched. */
.leaderboard-public-panel.lb-home-arena{
  position:relative;overflow:hidden;min-height:0;padding:0;
  border:1px solid rgba(103,231,255,.28);border-radius:20px;
  background:
    radial-gradient(circle at 12% 10%,rgba(41,216,255,.12),transparent 30%),
    radial-gradient(circle at 90% 14%,rgba(255,63,175,.10),transparent 28%),
    linear-gradient(145deg,#0d121b,#070910 58%,#0b0910);
  box-shadow:0 18px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
}
.leaderboard-public-panel.lb-home-arena-compact{grid-column:auto}
.lb-home-arena::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;
  background:
    radial-gradient(circle at 11% 18%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 35% 76%,rgba(255,221,118,.95) 0 1px,transparent 2px),
    radial-gradient(circle at 68% 19%,rgba(101,231,255,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 73%,rgba(255,85,185,.85) 0 1px,transparent 2px);
  animation:lbHomeStars 5.8s ease-in-out infinite;
}
.lb-home-arena-shell{position:relative;z-index:2;padding:14px}
.lb-home-compact-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:4px}
.lb-home-kicker{display:block;color:#74ebff!important;font-size:9px!important;font-weight:950!important;letter-spacing:.13em;text-shadow:0 0 8px rgba(41,216,255,.35)}
.lb-home-compact-head h2{
  margin:3px 0 0!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(1.85rem,3vw,2.7rem)!important;line-height:.95!important;letter-spacing:.025em;
  background:linear-gradient(180deg,#fffdf3 0%,#ffe9a7 18%,#dba947 44%,#885112 61%,#f2d27d 80%,#fff8df 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 2px 0 rgba(81,45,10,.9)) drop-shadow(0 5px 10px rgba(0,0,0,.4))!important;
}
.lb-home-compact-head>strong{
  flex:0 0 auto;font-family:Georgia,'Times New Roman',serif;font-size:17px!important;font-weight:950;line-height:1;
  text-align:right;text-shadow:0 0 12px currentColor;
}
.lb-home-compact-tagline{margin:4px 0 10px;color:#fff0b0;font-size:10px;font-weight:950;letter-spacing:.14em}

.lb-home-podium-window{
  min-width:0;padding:10px;border:1px solid rgba(255,218,103,.23);border-radius:14px;
  background:radial-gradient(circle at 50% 5%,rgba(255,215,93,.09),transparent 42%),linear-gradient(180deg,rgba(15,14,18,.95),rgba(5,8,13,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px rgba(0,0,0,.3)
}
.lb-home-podium-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.lb-home-podium-heading span{color:#68e9ff;font-size:8px!important;font-weight:950;letter-spacing:.14em}
.lb-home-podium-heading strong{color:#f4d47f;font-family:Georgia,'Times New Roman',serif;font-size:11px;letter-spacing:.04em}

.lb-home-teaser{display:block}
.lb-home-top3{display:grid;grid-template-columns:.9fr 1.12fr .9fr;gap:7px;align-items:end}
.lb-home-card{
  position:relative;min-width:0;min-height:126px;padding:22px 6px 8px;border:1px solid rgba(220,235,245,.6);border-radius:11px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;
  background:linear-gradient(155deg,#1b232c,#0a0f16 56%,#121821);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 4px 0 #24323b,0 7px 12px rgba(0,0,0,.3)
}
.lb-home-card.rank-1{
  min-height:145px;border-color:#e4bd48;
  background:radial-gradient(circle at 50% 15%,rgba(255,216,93,.16),transparent 42%),linear-gradient(155deg,#332a12,#120e06 44%,#08090d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 0 #5b430f,0 9px 16px rgba(0,0,0,.38),0 0 16px rgba(255,216,93,.10)
}
.lb-home-card.rank-3{border-color:#bc7046;background:linear-gradient(155deg,#281913,#0d0b0c 58%,#18100e)}
.lb-home-card>b{position:absolute;top:5px;left:6px;padding:2px 5px;border:1px solid currentColor;border-radius:5px;background:rgba(4,7,10,.75);color:#d9edf7;font-size:8px}
.lb-home-card.rank-1>b{color:#ffe36f}.lb-home-card.rank-3>b{color:#ffad79}
.lb-home-card em{display:none}
.lb-home-avatar{
  width:54px;height:54px;border-radius:50%;overflow:hidden;background:#10151d;border:2px solid #d9e7f3;
  box-shadow:0 5px 10px rgba(0,0,0,.38),0 0 10px rgba(184,232,255,.08)
}
.lb-home-card.rank-1 .lb-home-avatar{width:70px;height:70px;border:3px solid #ffd84f;box-shadow:0 6px 13px rgba(0,0,0,.42),0 0 15px rgba(255,216,79,.15)}
.lb-home-card.rank-3 .lb-home-avatar{border-color:#d98a55}
.lb-home-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.lb-home-avatar span{height:100%;display:grid;place-items:center;font-size:1rem;font-weight:900}
.lb-home-card>strong{margin-top:5px;color:#72ecff;font-size:10px!important;line-height:1.1!important;font-weight:950;text-shadow:0 0 6px rgba(101,231,255,.38)}
.lb-home-card.rank-1>strong{font-size:12px!important}
.lb-home-card>span{margin-top:2px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:10px!important;font-weight:950}
.lb-home-card.rank-1>span{color:#ffe484;font-size:12px!important}

.lb-home-compact-footer{display:grid;grid-template-columns:1fr;gap:8px;margin-top:9px}
.lb-home-enter{
  min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 0 12px;
  border:1px solid #65e7ff;border-radius:9px;background:linear-gradient(90deg,rgba(24,185,220,.16),rgba(255,54,170,.17));
  color:#fff;font-size:10px!important;font-weight:950;letter-spacing:.08em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 14px rgba(0,0,0,.28),0 0 14px rgba(41,216,255,.08)
}
.lb-home-enter b{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e4c65f;border-radius:50%;color:#fff09a;background:#191509;font-size:14px}
.lb-home-enter:hover{filter:brightness(1.12);transform:translateY(-1px)}

@keyframes lbHomeStars{0%,100%{opacity:.4}50%{opacity:.85}}
@media(max-width:760px){
  .leaderboard-public-panel.lb-home-arena-compact{grid-column:auto}
  .lb-home-arena-shell{padding:12px}
  .lb-home-top3{gap:5px}
  .lb-home-card{min-height:118px}
  .lb-home-card.rank-1{min-height:136px}
  .lb-home-avatar{width:48px;height:48px}
  .lb-home-card.rank-1 .lb-home-avatar{width:62px;height:62px}
}
@media(prefers-reduced-motion:reduce){.lb-home-arena::before{animation:none!important}}

/* 2026-09-18 compact no-photo homepage leaderboard card, matched to Record Shop footprint. */
.leaderboard-public-panel.lb-home-arena-compact{
  grid-column:auto!important;
  min-height:360px;
  max-height:430px;
}
.lb-home-arena-compact .lb-home-arena-shell{padding:14px}
.lb-home-arena-compact .lb-home-podium-window{padding:10px}
.lb-home-arena-compact .lb-home-top3{grid-template-columns:repeat(3,1fr);gap:8px;align-items:stretch}
.lb-home-arena-compact .lb-home-card,
.lb-home-arena-compact .lb-home-card.rank-1,
.lb-home-arena-compact .lb-home-card.rank-3{
  min-height:154px;
  padding:28px 8px 12px;
  justify-content:flex-end;
}
.lb-home-arena-compact .lb-home-avatar{
  display:none!important;
}
.lb-home-arena-compact .lb-home-card::before{
  content:"";
  position:absolute;
  left:50%;top:26px;
  width:42px;height:42px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(circle,#18212c 0 34%,#0a0f16 35% 100%);
  border:2px solid #b9d9e7;
  box-shadow:0 0 0 4px rgba(185,217,231,.08),0 0 14px rgba(103,231,255,.10);
}
.lb-home-arena-compact .lb-home-card.rank-1::before{
  width:50px;height:50px;border-color:#ffd84f;
  background:radial-gradient(circle,#3a2d0b 0 34%,#120d03 35% 100%);
  box-shadow:0 0 0 4px rgba(255,216,79,.10),0 0 18px rgba(255,216,79,.16);
}
.lb-home-arena-compact .lb-home-card.rank-3::before{border-color:#d98a55}
.lb-home-arena-compact .lb-home-card::after{
  content:"";
  position:absolute;top:42px;left:50%;
  width:10px;height:10px;transform:translateX(-50%) rotate(45deg);
  background:#dbe9f0;box-shadow:0 0 8px currentColor;
}
.lb-home-arena-compact .lb-home-card.rank-1::after{background:#ffe46e}
.lb-home-arena-compact .lb-home-card.rank-3::after{background:#e29a68}
.lb-home-arena-compact .lb-home-card>strong{margin-top:58px}
.lb-home-arena-compact .lb-home-enter{margin-top:0}

/* 2026-09-18 restore homepage Top 3 portraits. */
.lb-home-arena-compact .lb-home-card,
.lb-home-arena-compact .lb-home-card.rank-3{
  min-height:126px!important;
  padding:22px 6px 8px!important;
  justify-content:center!important;
}
.lb-home-arena-compact .lb-home-card.rank-1{
  min-height:145px!important;
  padding:22px 6px 8px!important;
  justify-content:center!important;
}
.lb-home-arena-compact .lb-home-avatar{
  display:grid!important;
  width:54px!important;
  height:54px!important;
}
.lb-home-arena-compact .lb-home-card.rank-1 .lb-home-avatar{
  width:70px!important;
  height:70px!important;
}
.lb-home-arena-compact .lb-home-card::before,
.lb-home-arena-compact .lb-home-card::after{
  display:none!important;
}
.lb-home-arena-compact .lb-home-card>strong{
  margin-top:5px!important;
}

/* 2026-09-22 anchor Trivia Arena CTA at bottom and use middle space */
@media(min-width:761px){
  .leaderboard-public-panel.lb-home-arena-compact{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
  }
  .lb-home-arena-compact .lb-home-arena-shell{
    height:100%;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
  }
  .lb-home-arena-compact .lb-home-compact-footer{
    flex:1 1 auto;
    min-height:0;
    margin-top:9px;
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .lb-home-arena-compact .lb-home-enter{
    margin-top:auto!important;
    flex:0 0 40px;
  }
}

/* 2026-09-22 bright luxury gold CTA text */
.lb-home-enter>span{

  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:950!important;
  color:#f4d27f!important;
  background:linear-gradient(180deg,#fffdf5 0%,#fff0bf 18%,#e5bf68 40%,#a66b1e 58%,#f3d98f 78%,#fff9e7 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:.18px rgba(255,245,215,.55)!important;
  text-shadow:none!important;
  filter:drop-shadow(0 1px 0 rgba(255,247,220,.18)) drop-shadow(0 2px 0 rgba(73,43,14,.65))!important;
}