.rift-rank-page{max-width:76rem;margin-inline:auto}
.rift-rank-page>.rift-ladder,.rift-rank-page>.rift-demo,.rift-rank-page>.rift-rules{margin-top:2.5rem}
.rift-rank-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1rem;align-items:center;overflow:hidden;padding:clamp(1.35rem,4vw,3.8rem);background:radial-gradient(ellipse at 78% 48%,#63469258,transparent 59%),linear-gradient(135deg,var(--panel),#171126)}
.rift-rank-hero h2{margin:.4rem 0 .85rem;font-size:clamp(1.8rem,4.1vw,3.8rem);line-height:1.04;letter-spacing:-.045em}
.rift-rank-hero .eyebrow{margin-top:1.2rem}
.rift-rank-hero p:last-child{max-width:54ch;color:var(--muted)}
.rift-rank-showpiece{position:relative;display:grid;place-items:center;min-height:14rem}
.rift-rank-showpiece::before{content:"";position:absolute;inset:10% 12%;border:1px solid #b5a0eb3a;border-radius:50%;transform:rotate(-23deg) scaleX(1.15)}
.rift-hero-primary,.rift-hero-secondary{height:auto;filter:drop-shadow(0 13px 20px #070711b3)}
.rift-hero-primary{position:relative;width:min(78%,14rem);transform:translateX(8%)}
.rift-hero-secondary{position:absolute;left:1%;top:6%;width:min(43%,7.5rem);opacity:.72;transform:rotate(-10deg)}
.rift-section-head{display:flex;gap:1rem 2rem;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}
.rift-section-head h2,.rift-section-head p{margin:0}
.rift-section-head>p{max-width:34ch;color:var(--muted)}
.rift-section-head .eyebrow{margin-bottom:.45rem}
.rift-tone-wulfenite{--rift-tone:#ffc579}
.rift-tone-dioptase{--rift-tone:#6ce3b1}
.rift-tone-benitoite{--rift-tone:#91b9ff}
.rift-tone-sugilite{--rift-tone:#c7adff}
.rift-tone-painite{--rift-tone:#ff8da9}
.rift-tone-rhodium{--rift-tone:#d0dbef}
.rift-tone-taaffeite{--rift-tone:#c3ebf1}
.rift-tone-alexandrite{--rift-tone:#f0aac1}
.rift-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;list-style:none;padding:0;margin:0}
.rift-tier{position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:.85rem .35rem 1rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--rift-tone) 27%,var(--line));background:radial-gradient(ellipse at 50% 22%,color-mix(in srgb,var(--rift-tone) 15%,transparent),transparent 65%),var(--panel)}
.rift-tier-index{position:absolute;top:.55rem;left:.7rem;color:var(--rift-tone);font-size:.67rem;letter-spacing:.14em;font-weight:750}
.rift-tier h3{font-size:clamp(.88rem,1.55vw,1.13rem);margin:.15rem 0 .2rem}
.rift-tier small{font-size:.72rem;line-height:1.25;color:var(--muted);margin-top:.35rem;min-height:2.5em}
.rift-tier p{margin:0;color:var(--rift-tone);font-size:.78rem}
.rift-rank-badge{display:block;width:min(100%,7.25rem);height:auto;filter:drop-shadow(0 5px 7px #090916a0)}
.rift-preview-icon{display:block;width:100%;height:auto}
.rift-demo-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.25rem}
.rift-demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}
.rift-demo-fields label{display:grid;align-content:end;gap:.35rem;color:var(--muted);font-size:.84rem}
.rift-demo-fields :is(input,select){width:100%;min-width:0}
.rift-demo-result{display:grid;grid-template-columns:minmax(3.5rem,5rem) minmax(0,1fr);align-items:center;gap:.55rem .8rem;padding:1rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--rift-tone) 42%,transparent);background:linear-gradient(140deg,color-mix(in srgb,var(--rift-tone) 12%,transparent),transparent 75%),var(--panel2)}
.rift-demo-result h3,.rift-demo-result p{margin:.16rem 0}
.rift-demo-result h3{color:var(--rift-tone)}
.rift-demo-progress,.rift-expected{grid-column:1/-1}
.rift-demo-progress progress{width:100%;accent-color:var(--rift-tone)}
.rift-demo-progress span,.rift-expected{font-size:.83rem;color:var(--muted)}
.rift-delta{display:inline-block;margin-inline-start:.25rem;color:var(--muted)}
.rift-delta[data-trend="1"]{color:var(--good)}
.rift-delta[data-trend="-1"]{color:var(--danger)}
@media(max-width:740px){.rift-rank-hero,.rift-demo-layout{grid-template-columns:minmax(0,1fr)}.rift-rank-showpiece{min-height:10rem}.rift-hero-primary{width:min(61%,10rem)}.rift-hero-secondary{left:21%;width:min(32%,6.2rem)}}
@media(max-width:580px){.rift-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rift-tier{padding-top:1rem}.rift-demo-fields{gap:.6rem}}
.rift-identity-panel[class*="rift-tone-"]{--card-accent:var(--rift-tone)}

.rift-navigation{margin:0 0 1rem}
.rift-tier{align-content:start}
.rift-tier details{width:100%;min-width:0;margin-top:.5rem;border-top:1px solid var(--line);padding:.5rem .25rem 0;text-align:left}
.rift-tier summary{font-size:.75rem;cursor:pointer;color:var(--text)}
.rift-tier details ul{list-style:none;padding:0;margin:.45rem 0 0}
.rift-tier details li{display:flex;gap:.15rem .5rem;justify-content:space-between;flex-wrap:wrap;padding:.3rem 0;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}
.rift-tier details li strong{color:var(--rift-tone)}
.rift-leaderboard-intro{display:grid;grid-template-columns:minmax(3.2rem,6rem) minmax(0,1fr);gap:1rem;align-items:center;margin:0 0 1rem}
.rift-leaderboard-intro .eyebrow{color:var(--rift-tone)}
.rift-leaderboard-intro h2{margin:.35rem 0}
.rift-leaderboard-intro p{margin:.3rem 0}
.rift-leaderboard-table th:first-child{color:var(--rift-tone)}
.rift-leaderboard-table td:last-child{font-weight:750;font-variant-numeric:tabular-nums}
.rift-leaderboard-table td:nth-child(2){overflow-wrap:anywhere}
@media(max-width:450px){.rift-leaderboard-table :is(th,td){padding:.55rem .35rem;font-size:.79rem}}

.rift-tone-champion{--rift-tone:#e8b9ff}
.rift-champion-link{margin-top:.6rem}