/* GOLD EMPIRE leaderboard 1.0: mobile-first game ranking.
   Uses only read-only /api/leaderboard values, never synthetic balances. */
.ge-ui #page-leaderboard{min-width:0}
.ge-ui .ge-leaderboard{display:grid;gap:16px;max-width:900px;margin:0 auto;padding-bottom:18px;color:var(--ge-text,#f4f5f7)}
.ge-ui .ge-leader-head{
  position:relative;isolation:isolate;overflow:hidden;display:grid;gap:9px;
  padding:clamp(22px,5vw,36px);border-radius:21px;
  border:1px solid rgba(229,188,103,.36);
  background:radial-gradient(circle at 92% 2%,rgba(229,188,103,.24),transparent 55%),
    linear-gradient(145deg,#302a29,#1e2330 65%,#151a22);
}
.ge-ui .ge-leader-head::after{
  content:"♛";position:absolute;z-index:-1;right:18px;bottom:-45px;
  font-size:180px;line-height:1;color:rgba(229,188,103,.11);
}
.ge-ui .ge-leader-eyebrow{color:var(--ge-gold,#e5bc67);font-size:10px;font-weight:850;letter-spacing:.11em}
.ge-ui .ge-leader-head h1{font-size:clamp(23px,5vw,36px);line-height:1.2;letter-spacing:-.04em;margin:0;color:var(--ge-text,#f4f5f7)}
.ge-ui .ge-leader-head p{font-size:13px;line-height:1.55;color:var(--ge-muted,#aeb6c5);max-width:470px;margin:0}
.ge-ui .ge-leader-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ge-ui .ge-leader-overview>div{
  display:grid;gap:8px;min-width:0;border:1px solid rgba(229,188,103,.27);
  border-radius:17px;padding:19px 17px;background:linear-gradient(145deg,#292c36,#1b2029);
}
.ge-ui .ge-leader-overview small{font-size:10px;font-weight:800;letter-spacing:.075em;color:var(--ge-gold,#e5bc67)}
.ge-ui .ge-leader-overview strong{font-size:clamp(21px,4vw,30px);line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ge-ui .ge-leader-overview span{color:var(--ge-muted,#aeb6c5);font-size:11px;line-height:1.4}
.ge-ui .ge-leader-board{
  display:grid;gap:12px;min-width:0;padding:clamp(13px,3vw,21px);
  border:1px solid var(--ge-border,rgba(255,255,255,.1));border-radius:19px;background:#1b202a;
}
.ge-ui .ge-leader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ge-ui .ge-leader-toolbar>div{min-width:0}
.ge-ui .ge-leader-toolbar h2{font-size:16px;margin:0 0 4px;line-height:1.3}
.ge-ui .ge-leader-toolbar p{font-size:11px;color:var(--ge-muted,#aeb6c5);margin:0;line-height:1.5}
.ge-ui .ge-leader-toolbar .button{
  flex:none;min-height:44px;padding:10px 12px;border:1px solid rgba(229,188,103,.34);
  color:var(--ge-gold-light,#f1d08d);background:#292f3c;border-radius:12px;
}
.ge-ui .ge-leader-list{display:grid;gap:8px;list-style:none;padding:0;margin:0;min-width:0}
.ge-ui .ge-leader-row{
  display:grid;grid-template-columns:42px minmax(0,1fr) minmax(80px,auto);
  align-items:center;gap:10px;min-width:0;
  padding:13px 12px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:#252a36;
}
.ge-ui .ge-leader-row:nth-child(1){border-color:rgba(229,188,103,.42);background:linear-gradient(110deg,#393125,#252b37)}
.ge-ui .ge-leader-row:nth-child(2){border-color:rgba(191,201,215,.27)}
.ge-ui .ge-leader-row:nth-child(3){border-color:rgba(201,150,106,.32)}
.ge-ui .ge-leader-row.is-me{
  outline:1px solid rgba(81,212,160,.52);
  background:linear-gradient(115deg,#233e37,#242a35);
}
.ge-ui .ge-leader-place{
  display:grid;place-items:center;width:42px;height:42px;border-radius:13px;
  border:1px solid rgba(229,188,103,.26);background:rgba(229,188,103,.09);
  font-size:16px;font-weight:850;color:var(--ge-gold-light,#f1d08d);
  font-variant-numeric:tabular-nums;
}
.ge-ui .ge-leader-person{display:flex;flex-direction:column;gap:4px;min-width:0}
.ge-ui .ge-leader-person>strong{
  font-size:13px;line-height:1.35;color:var(--ge-text,#f4f5f7);
  white-space:normal;overflow-wrap:anywhere;
}
.ge-ui .ge-leader-person small{font-size:10px;color:var(--ge-muted,#aeb6c5)}
.ge-ui .ge-leader-you{
  display:inline-flex;align-items:center;margin-left:4px;padding:3px 5px;
  border-radius:5px;font-size:9px;color:#67e4af;background:rgba(81,212,160,.13);
}
.ge-ui .ge-leader-capital{
  color:var(--ge-gold-light,#f1d08d);text-align:right;font-size:12px;
  font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere;
}
.ge-ui .ge-leader-outside{display:grid;gap:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:17px}
.ge-ui .ge-leader-outside>small{color:var(--ge-gold,#e5bc67);font-size:10px;font-weight:800;letter-spacing:.05em}
.ge-ui .ge-leader-loading{
  border:1px dashed rgba(229,188,103,.34);border-radius:15px;
  background:#242a34;color:var(--ge-muted,#aeb6c5);padding:24px 16px;text-align:center;
}
.ge-ui .ge-leader-note{font-size:11px;color:var(--ge-muted,#aeb6c5);line-height:1.65;margin:0}
@media(max-width:530px){
  .ge-ui .ge-leaderboard{gap:12px}
  .ge-ui .ge-leader-overview{gap:7px}
  .ge-ui .ge-leader-overview>div{padding:14px 12px;gap:6px}
  .ge-ui .ge-leader-overview strong{font-size:clamp(18px,5vw,25px)}
  .ge-ui .ge-leader-board{padding:12px}
  .ge-ui .ge-leader-row{grid-template-columns:36px minmax(0,1fr) minmax(64px,auto);gap:8px;padding:11px 9px}
  .ge-ui .ge-leader-place{width:36px;height:36px;font-size:14px}
  .ge-ui .ge-leader-capital{font-size:11px}
}
@media(max-width:360px){
  .ge-ui .ge-leader-overview{grid-template-columns:minmax(0,1fr)}
  .ge-ui .ge-leader-toolbar{flex-wrap:wrap}
  .ge-ui .ge-leader-toolbar .button{width:100%}
  .ge-ui .ge-leader-person>strong{font-size:12px}
  .ge-ui .ge-leader-head h1{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .ge-ui .ge-leaderboard *{scroll-behavior:auto!important;transition:none!important}
}
