/* ANIMUS v1.2.1 — UNIVERSE / Leaderboards + Legacy + Power
   Adds the missing public-facing metagame systems to the APEX motorsport shell. */
.apex-ranking-universe{padding:30px;border:1px solid #32291d;background:radial-gradient(circle at 85% 0,rgba(201,168,76,.07),transparent 28%),linear-gradient(145deg,#0e0d12,#09090d)}
.apex-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}
.apex-ranking-board{border:1px solid #332b20;background:linear-gradient(155deg,#121117,#0b0b0f);min-width:0;overflow:hidden;position:relative}
.apex-ranking-board::after{content:"";position:absolute;right:-70px;top:-70px;width:170px;height:170px;border:1px solid rgba(201,168,76,.05);border-radius:50%;pointer-events:none}
.apex-ranking-board>header{display:flex;gap:12px;align-items:flex-start;padding:16px;border-bottom:1px solid #30281d;background:linear-gradient(90deg,rgba(201,168,76,.05),transparent)}
.apex-ranking-board>header>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #5b4824;color:#c9a84c;font:900 12px Inter;flex:0 0 auto}
.apex-ranking-board header small{display:block;color:#8f7339;font:800 7px Inter;letter-spacing:.15em}
.apex-ranking-board header h3{margin:3px 0 2px;color:#eee4ca;font:900 18px/1 "Barlow Condensed";letter-spacing:.04em}
.apex-ranking-board header p{margin:0;color:#746c60;font-size:9px}
.apex-ranking-board.legacy{border-top:2px solid #c9a84c}.apex-ranking-board.power{border-top:2px solid #e0694f}.apex-ranking-board.champ{border-top:2px solid #e5d8b6}
.apex-rank-row{display:grid;grid-template-columns:27px 18px minmax(0,1fr) auto;grid-template-areas:"rank flag name value" "rank flag meta meta";gap:2px 8px;align-items:center;padding:10px 13px;border-bottom:1px solid #262119;text-decoration:none;transition:.15s ease}
.apex-rank-row:last-child{border-bottom:0}.apex-rank-row:hover{background:rgba(201,168,76,.055);transform:translateX(2px)}
.apex-rank-row em{grid-area:rank;font:900 12px "Barlow Condensed";font-style:normal;color:#746544}.apex-rank-row .flag{grid-area:flag;width:16px;height:11px}.apex-rank-row b{grid-area:name;color:#e7dcc3;font:800 10px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apex-rank-row strong{grid-area:value;color:#d2b35d;font:900 12px "Barlow Condensed";white-space:nowrap}.apex-rank-row small{grid-area:meta;color:#665f55;font:700 7px Inter;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apex-rank-empty{padding:22px;color:#6f685d;font-size:10px}.apex-ranking-grid-page{align-items:start}.apex-ranking-grid-page .apex-ranking-board{max-height:980px;overflow:auto;scrollbar-color:#4e4024 #0b0b0f;scrollbar-width:thin}.apex-ranking-page-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px;border:1px solid #3b3020;border-left:3px solid #c9a84c;background:radial-gradient(circle at 100% 0,rgba(201,168,76,.08),transparent 34%),#0d0c10}.apex-ranking-page-hero small{color:#96783a;font:800 8px Inter;letter-spacing:.2em}.apex-ranking-page-hero h2{margin:6px 0;color:#f0e6c8;font:900 38px/1 "Barlow Condensed"}.apex-ranking-page-hero p{max-width:760px;color:#867d70;font-size:11px}
.apex-record-row-six{grid-template-columns:repeat(4,1fr)}.apex-record-row-six .apex-record-cta{grid-column:span 2}
/* make the homepage feel like the whole ANIMUS platform is visible, not a teaser */
.apex-ranking-universe+.apex-loop{margin-top:18px!important}.apex-record-universe{background:radial-gradient(circle at 18% 0,rgba(201,168,76,.045),transparent 26%),#0b0b10}
/* no accidental cyan identity in the new boards */
.public-mode .apex-ranking-board a,.public-mode .apex-ranking-board strong{--link-accent:#c9a84c}.public-mode .apex-ranking-board a:hover b{color:#f4e9cd}
@media(max-width:1100px){.apex-ranking-grid{grid-template-columns:1fr 1fr}.apex-ranking-board.power{grid-column:1/-1}.apex-record-row-six{grid-template-columns:repeat(3,1fr)}.apex-record-row-six .apex-record-cta{grid-column:auto}}
@media(max-width:700px){.apex-ranking-grid{grid-template-columns:1fr}.apex-ranking-board.power{grid-column:auto}.apex-ranking-page-hero{display:block}.apex-ranking-page-hero .apex-btn{margin-top:14px}.apex-record-row-six{grid-template-columns:1fr}.apex-record-row-six .apex-record-cta{grid-column:auto}}
