/* ==========================================================
   IDLE ASCENSION — LIVE RANKINGS V3
   ========================================================== */
.ia-ranking{
  --rk-bg:#03070b;
  --rk-panel:#071018;
  --rk-panel2:#0a151e;
  --rk-line:rgba(218,168,67,.26);
  --rk-gold:#d9a843;
  --rk-gold2:#f0ce78;
  --rk-text:#edf2f4;
  --rk-muted:#8999a2;
  --rk-green:#65d68e;
  color:var(--rk-text);
  background:var(--rk-bg);
}
.ia-ranking *{box-sizing:border-box}
.ia-wrap{width:min(1320px,calc(100% - 40px));margin-inline:auto}
.ia-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* HERO */
.ia-hero{
  position:relative;
  min-height:600px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid var(--rk-line);
  background:url('/assets/images/hero.jpg.png') center 35%/cover no-repeat;
}
.ia-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,7,11,.97),rgba(2,7,11,.70) 48%,rgba(2,7,11,.33)),
    linear-gradient(0deg,#03070b 0%,transparent 42%);
}
.ia-hero__shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 34%,rgba(115,69,140,.15),transparent 29rem)}
.ia-hero__inner{position:relative;z-index:2;padding-top:72px;padding-bottom:64px;text-align:center}
.ia-rank-crest{width:140px;height:100px;margin:0 auto 4px;background:url('/assets/images/idle-ascension-logo.png') center/contain no-repeat;filter:drop-shadow(0 10px 24px #000)}
.ia-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--rk-line);background:rgba(3,10,15,.7);color:var(--rk-gold2);font:700 10px Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.ia-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--rk-green);box-shadow:0 0 10px var(--rk-green)}
.ia-hero h1{margin:16px 0 0;color:#fff;font:700 clamp(48px,6vw,82px)/.95 Cinzel,serif;letter-spacing:-.035em;text-shadow:0 6px 30px #000}
.ia-hero h1 em{display:block;color:var(--rk-gold2);font-style:normal}
.ia-hero__inner>p{max-width:720px;margin:18px auto 0;color:#bdc8cd;font-size:15px;line-height:1.65}
.ia-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}
.ia-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:3px;text-decoration:none!important;font:700 11px Cinzel,serif}
.ia-button--primary{border:1px solid #e3bd63;background:linear-gradient(180deg,#ce9d3d,#8b5c12);color:#150e04!important}
.ia-button--ghost{border:1px solid var(--rk-line);background:#071018;color:#dde5e8!important}

.ia-overview{max-width:920px;margin:34px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rk-line);background:rgba(5,14,20,.86);backdrop-filter:blur(5px)}
.ia-overview__item{min-width:0;padding:15px 14px;border-right:1px solid rgba(218,168,67,.13)}
.ia-overview__item:last-child{border-right:0}
.ia-overview__item strong{display:block;overflow:hidden;color:var(--rk-gold2);font:700 18px Cinzel,serif;text-overflow:ellipsis;white-space:nowrap}
.ia-overview__item span{display:block;margin-top:4px;color:#73858e;font-size:8px;letter-spacing:.1em;text-transform:uppercase}

/* CONTENT */
.ia-content{padding-bottom:80px;background:radial-gradient(circle at 50% 0,rgba(74,43,97,.08),transparent 38rem),#03070b}
.ia-block{padding-top:72px}
.ia-heading{max-width:740px;margin:0 auto 30px;text-align:center}
.ia-heading--left{margin:0;text-align:left}
.ia-heading>span,.ia-cta>span{color:var(--rk-gold);font:700 9px Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.ia-heading h2,.ia-cta h2{margin:6px 0 0;color:var(--rk-gold2);font:700 clamp(30px,3.6vw,48px)/1.05 Cinzel,serif;letter-spacing:-.02em}
.ia-heading p,.ia-cta p{margin:8px 0 0;color:var(--rk-muted);font-size:12px;line-height:1.55}
.ia-heading-ornament{width:170px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,var(--rk-gold),transparent)}

/* PODIUM */
.ia-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;max-width:1080px;margin:auto}
.ia-podium>.ia-board-message{grid-column:1/-1}
.ia-podium-card{position:relative;min-width:0;padding:26px 20px 22px;border:1px solid var(--rk-line);border-radius:5px;background:linear-gradient(160deg,#0b1821,#050c11);text-align:center;overflow:hidden}
.ia-podium-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(218,168,67,.06),transparent 42%);pointer-events:none}
.ia-podium-card--first{order:2;min-height:365px;border-color:rgba(240,206,120,.55);transform:translateY(-12px);box-shadow:0 18px 55px rgba(0,0,0,.35)}
.ia-podium-card--second{order:1}
.ia-podium-card--third{order:3}
.ia-podium-card__rank{position:absolute;top:13px;right:14px;color:#7e6a43;font:700 12px Cinzel,serif}
.ia-avatar{display:grid;place-items:center;width:58px;height:58px;margin:7px auto 14px;border:1px solid rgba(218,168,67,.42);border-radius:50%;background:#071018;color:var(--rk-gold2);font:700 18px Cinzel,serif}
.ia-podium-card--first .ia-avatar{width:78px;height:78px;font-size:24px}
.ia-podium-card__label{display:block;color:#71828a;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.ia-podium-card h3{margin:7px 0 15px;color:#edf2f4;font:700 18px Cinzel,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ia-power-panel{padding:12px;border-block:1px solid rgba(218,168,67,.13)}
.ia-power-panel span{display:block;color:#71828a;font-size:8px;text-transform:uppercase}
.ia-power-panel strong{display:block;margin-top:3px;color:var(--rk-gold2);font:700 20px Cinzel,serif}
.ia-meter{height:4px;margin-top:8px;overflow:hidden;background:#111b21;border-radius:10px}
.ia-meter i{display:block;height:100%;background:linear-gradient(90deg,#8d5d17,#efc96c)}
.ia-podium-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}
.ia-podium-card__stats>div{padding:10px 6px;background:#061017}
.ia-podium-card__stats span{display:block;color:#6f8089;font-size:8px;text-transform:uppercase}
.ia-podium-card__stats strong{display:block;margin-top:3px;color:#c6d0d4;font-size:11px}

/* TOOLS */
.ia-rankings__top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.ia-tools{display:flex;align-items:center;gap:9px}
.ia-category-tabs{display:flex;border:1px solid var(--rk-line);border-radius:4px;overflow:hidden;background:#061017}
.ia-category-tabs button{min-height:43px;padding:0 14px;border:0;border-right:1px solid rgba(218,168,67,.13);background:transparent;color:#82929a;font:700 10px Cinzel,serif;cursor:pointer}
.ia-category-tabs button:last-child{border-right:0}
.ia-category-tabs button.active{background:linear-gradient(180deg,#b07b20,#76500f);color:#fff0c5}
.ia-search{position:relative;display:flex;align-items:center;width:285px;min-height:45px;border:1px solid var(--rk-line);border-radius:4px;background:#061017}
.ia-search svg{width:17px;height:17px;margin-left:12px;fill:none;stroke:#9c7a3d;stroke-width:1.7}
.ia-search input{width:100%;min-height:43px;padding:0 38px 0 9px!important;border:0!important;background:transparent!important;color:#e1e8eb!important;outline:none;font-size:13px}
.ia-search button{position:absolute;right:9px;border:0;background:none;color:#7a8a91;font-size:20px;cursor:pointer}

.ia-ranking-banner{display:flex;align-items:center;justify-content:center;height:25px;margin-bottom:8px;color:#816b43;font:700 8px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ia-ranking-banner:before,.ia-ranking-banner:after{content:"";width:70px;height:1px;margin:0 10px;background:linear-gradient(90deg,transparent,#745825)}
.ia-ranking-banner:after{background:linear-gradient(90deg,#745825,transparent)}

/* BOARD */
.ia-board{width:100%;overflow:hidden;border:1px solid var(--rk-line);border-radius:5px;background:#050d12;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.ia-board__header,.ia-board-row{display:grid;grid-template-columns:70px minmax(210px,1.45fr) minmax(180px,1.1fr) 115px 105px 125px;align-items:center}
.ia-board__header{min-height:44px;color:#b9954f;background:#0b161e;border-bottom:1px solid var(--rk-line);font:700 9px Cinzel,serif;text-transform:uppercase}
.ia-board__header span{padding:0 13px}
.ia-board-row{min-height:68px;border-bottom:1px solid rgba(255,255,255,.045);transition:background .15s}
.ia-board-row:last-child{border-bottom:0}
.ia-board-row:hover{background:#08141c}
.ia-board-row--rank-1{background:linear-gradient(90deg,rgba(218,168,67,.09),transparent 50%)}
.ia-board-row--rank-2{background:linear-gradient(90deg,rgba(180,190,195,.045),transparent 50%)}
.ia-board-row--rank-3{background:linear-gradient(90deg,rgba(163,92,47,.06),transparent 50%)}
.ia-board-cell{min-width:0;padding:10px 13px}
.ia-board-cell--rank{text-align:center}
.ia-rank-badge{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid rgba(218,168,67,.32);border-radius:50%;color:#d6b258;font:700 10px Cinzel,serif}
.ia-player{display:flex;align-items:center;gap:10px;min-width:0}
.ia-player .ia-avatar{flex:0 0 36px;width:36px;height:36px;margin:0;font-size:12px}
.ia-player>div:last-child{min-width:0}
.ia-player strong{display:block;overflow:hidden;color:#e3e9eb;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ia-player small{display:block;margin-top:2px;color:#6e7f87;font-size:9px}
.ia-row-power strong{display:block;color:var(--rk-gold2);font:700 13px Cinzel,serif}
.ia-board-cell--number{color:#b7c1c5;text-align:right;font-size:11px}
.ia-board-message,.ia-empty{padding:38px 20px;text-align:center;color:#7f8e95}
.ia-board-message strong,.ia-empty strong{display:block;color:#d9ba69;font:700 16px Cinzel,serif}
.ia-board-message span,.ia-empty span{display:block;margin-top:5px;font-size:10px}

.ia-board-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;color:#6f8088;font-size:10px}
.ia-show-more{min-height:38px;padding:0 15px;border:1px solid var(--rk-line);border-radius:3px;background:#071018;color:#d8bd75;font:700 10px Cinzel,serif;cursor:pointer}

.ia-cta{margin-top:55px;padding:34px;text-align:center;border:1px solid var(--rk-line);border-radius:5px;background:linear-gradient(90deg,rgba(3,9,14,.94),rgba(3,9,14,.74)),url('/assets/images/gallery/battle.jpg') center 48%/cover}
.ia-cta .ia-button{margin-top:20px}

/* TABLET */
@media(max-width:980px){
  .ia-rankings__top{align-items:stretch;flex-direction:column}
  .ia-tools{width:100%}
  .ia-search{flex:1;width:auto}
  .ia-podium{grid-template-columns:1fr;max-width:620px}
  .ia-podium-card,.ia-podium-card--first,.ia-podium-card--second,.ia-podium-card--third{order:initial;min-height:0;transform:none}
}

/* MOBILE — genuine cards, no sideways table */
@media(max-width:700px){
  .ia-wrap{width:min(100% - 20px,1320px)}
  .ia-hero{min-height:0;background-position:62% center}
  .ia-hero__inner{padding-top:52px;padding-bottom:38px}
  .ia-rank-crest{width:110px;height:76px}
  .ia-eyebrow{font-size:8px}
  .ia-hero h1{font-size:42px}
  .ia-hero__inner>p{font-size:13px;line-height:1.55}
  .ia-actions{display:grid;grid-template-columns:1fr;width:100%}
  .ia-button{width:100%}

  .ia-overview{grid-template-columns:1fr 1fr;margin-top:24px}
  .ia-overview__item{padding:12px 8px}
  .ia-overview__item:nth-child(2){border-right:0}
  .ia-overview__item:nth-child(-n+2){border-bottom:1px solid rgba(218,168,67,.13)}
  .ia-overview__item strong{font-size:15px}

  .ia-content{padding-bottom:45px}
  .ia-block{padding-top:48px}
  .ia-heading{margin-bottom:22px}
  .ia-heading h2{font-size:30px}
  .ia-heading p{font-size:11px}

  .ia-podium{gap:9px}
  .ia-podium-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 13px;text-align:left;padding:15px}
  .ia-podium-card .ia-avatar{grid-row:1 / span 3;margin:0;width:52px;height:52px}
  .ia-podium-card--first .ia-avatar{width:52px;height:52px;font-size:17px}
  .ia-podium-card__rank{top:10px;right:11px}
  .ia-podium-card__label{grid-column:2}
  .ia-podium-card h3{grid-column:2;margin:4px 35px 8px 0;font-size:15px}
  .ia-power-panel{grid-column:1/-1;margin-top:9px}
  .ia-podium-card__stats{grid-column:1/-1}

  .ia-tools{display:grid;grid-template-columns:1fr;width:100%}
  .ia-category-tabs{width:100%}
  .ia-category-tabs button{flex:1;min-height:42px}
  .ia-search{width:100%}

  .ia-board{border:0;background:transparent;box-shadow:none}
  .ia-board__header{display:none}
  #iaRankingBoard{display:grid;gap:8px}
  .ia-board-row{
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto;
    grid-template-areas:
      "rank player power"
      "rank stats stats";
    min-height:0;
    padding:12px;
    gap:9px 10px;
    border:1px solid var(--rk-line);
    border-radius:5px;
    background:#071018;
  }
  .ia-board-cell{padding:0}
  .ia-board-cell--rank{grid-area:rank;display:flex;align-items:center;justify-content:center}
  .ia-board-cell--player{grid-area:player}
  .ia-board-cell--power{grid-area:power;text-align:right}
  .ia-board-cell--gold{grid-area:stats}
  .ia-board-cell--gems,.ia-board-cell--dps{grid-area:stats}
  .ia-board-cell--gold,.ia-board-cell--gems,.ia-board-cell--dps{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    min-width:0;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.05);
    text-align:left;
    font-size:10px;
  }
  .ia-board-cell--gold:before{content:"Gold";color:#6f8088}
  .ia-board-cell--gems:before{content:"Gems";color:#6f8088}
  .ia-board-cell--dps:before{content:"DPS";color:#6f8088}

  /* On mobile stats are arranged as a mini grid inside each card */
  .ia-board-row{
    grid-template-areas:
      "rank player power"
      "gold gold gold"
      "gems gems gems"
      "dps dps dps";
  }
  .ia-board-cell--gold{grid-area:gold}
  .ia-board-cell--gems{grid-area:gems}
  .ia-board-cell--dps{grid-area:dps}
  .ia-player .ia-avatar{display:none}
  .ia-player strong{font-size:12px}
  .ia-row-power strong{font-size:12px;white-space:nowrap}

  .ia-board-footer{align-items:stretch;flex-direction:column}
  .ia-show-more{width:100%}
  .ia-cta{margin-top:38px;padding:25px 16px}
  .ia-cta h2{font-size:28px}
}

@media(max-width:380px){
  .ia-hero h1{font-size:36px}
  .ia-board-row{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"rank player" "power power" "gold gold" "gems gems" "dps dps"}
  .ia-board-cell--power{grid-area:power;text-align:left;padding-top:7px;border-top:1px solid rgba(255,255,255,.05)}
}