/* SpaceMC rank-category experience — inspired by the clean comparison-led structure of modern Tebex stores, with SpaceMC styling. */
.spm-ranks-page{width:min(1180px,calc(100% - 42px))!important;margin:0 auto!important;padding:58px 0 82px!important}.spm-ranks-hero{text-align:center;max-width:820px;margin:0 auto 32px}.spm-ranks-breadcrumb{display:flex;justify-content:center;gap:8px;margin-bottom:22px;color:#60708e;font-size:.64rem;font-weight:900;letter-spacing:.11em}.spm-ranks-breadcrumb a{text-decoration:none;color:#7f90b4}.spm-ranks-breadcrumb strong{color:#b7c4dd}.spm-ranks-hero h1{margin:7px 0 12px!important;color:#fff!important;font-size:clamp(2.7rem,6vw,4.8rem)!important;line-height:.95!important;letter-spacing:-.065em!important}.spm-ranks-hero>p{max-width:700px;margin:0 auto;color:#8f9db9;font-size:.92rem;line-height:1.7}.spm-ranks-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:23px}.spm-ranks-trust span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#9aa8c4;font-size:.64rem;font-weight:850}.spm-ranks-trust span:first-child{color:#80d7ba}.spm-ranks-subnav{justify-content:center;margin:0 auto 24px!important}
.spm-rank-path{position:relative;overflow:hidden;padding:20px 22px;margin:0 0 42px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(12,19,43,.96),rgba(7,11,27,.96));box-shadow:0 22px 56px rgba(0,0,0,.2)}.spm-rank-path:before{content:"";position:absolute;inset:auto -10% -70px 10%;height:130px;background:radial-gradient(circle,rgba(100,122,255,.15),transparent 70%);pointer-events:none}.spm-rank-path-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.spm-rank-path-label small{color:var(--cyan);font-size:.56rem;font-weight:950;letter-spacing:.16em}.spm-rank-path-label strong{color:#d7e1f5;font-size:.76rem}.spm-rank-path-track{position:relative;z-index:1;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:3px 0 10px;scrollbar-width:thin}.spm-rank-path-track span{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);font-size:.69rem;font-weight:950}.spm-rank-path-track i{color:#43506e;font-style:normal}.spm-rank-path-track .grinder{color:#54ed58}.spm-rank-path-track .knight{color:#ffae45}.spm-rank-path-track .master{color:#df78ff}.spm-rank-path-track .ultimate{color:#6bbfff}.spm-rank-path-track .immortal{color:#e14b61}.spm-rank-path-track .spacehero{color:#ff6258}.spm-rank-path-track .spacedragon{color:#ff9b45}.spm-rank-path-track .radiant{color:#63e9ff;border-color:rgba(99,233,255,.28);box-shadow:0 0 24px rgba(99,233,255,.07)}.spm-rank-path-note{position:relative;z-index:1;margin-top:3px;color:#657593;font-size:.64rem;line-height:1.5}.spm-rank-path-note b{color:#b8c5df}
.spm-ranks-section{margin-top:10px}.spm-ranks-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 18px}.spm-ranks-section-head h2{margin:4px 0 0!important;color:#fff!important;font-size:clamp(1.55rem,3vw,2.2rem)!important;letter-spacing:-.045em!important}.spm-ranks-section-head>p{max-width:440px;margin:0;color:#72809d;font-size:.75rem;line-height:1.55;text-align:right}.spm-ranks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.spm-ranks-grid-boxpvp{grid-template-columns:repeat(4,minmax(0,1fr))}
.spm-rank-card{--rank:#7da8ff;--rank-rgb:125,168,255;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,rgba(14,21,45,.98),rgba(7,11,26,.99));box-shadow:0 16px 44px rgba(0,0,0,.22);transition:transform .2s,border-color .2s,box-shadow .2s}.spm-rank-card:hover{transform:translateY(-4px);border-color:rgba(var(--rank-rgb),.42);box-shadow:0 24px 60px rgba(0,0,0,.29),0 0 34px rgba(var(--rank-rgb),.06)}.spm-rank-accent{height:3px;background:linear-gradient(90deg,transparent,var(--rank),transparent);opacity:.95}.spm-rank-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 5px}.spm-rank-eyebrow{display:block;color:var(--rank);font-size:.52rem;font-weight:950;letter-spacing:.15em}.spm-rank-card h2{margin:5px 0 0!important;color:#fff!important;font-size:1.35rem!important;line-height:1.05!important;letter-spacing:-.035em!important}.spm-rank-number{font-size:1.7rem;font-weight:950;letter-spacing:-.05em;color:rgba(var(--rank-rgb),.18)}.spm-rank-visual{height:104px;margin:3px 18px 10px;border:1px solid rgba(var(--rank-rgb),.13);border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(var(--rank-rgb),.13),transparent 68%)}.spm-rank-visual img{display:block!important;width:100%!important;height:90px!important;object-fit:contain!important;filter:drop-shadow(0 13px 19px rgba(0,0,0,.32))}.spm-rank-orb{width:62px;height:62px;border:1px solid rgba(var(--rank-rgb),.35);border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--rank-rgb),.14),rgba(var(--rank-rgb),.03));box-shadow:inset 0 0 25px rgba(var(--rank-rgb),.05),0 10px 30px rgba(0,0,0,.22)}.spm-rank-orb span{color:var(--rank);font-size:1.45rem;text-shadow:0 0 18px rgba(var(--rank-rgb),.7)}.spm-rank-subtitle{min-height:37px;margin:0;padding:0 18px;color:#72809c;font-size:.69rem;line-height:1.45}.spm-rank-perks{list-style:none!important;margin:15px 0 0!important;padding:14px 18px 2px!important;border-top:1px solid var(--line);display:grid;gap:8px}.spm-rank-perks li{display:flex;gap:7px;align-items:flex-start;color:#99a6c1;font-size:.66rem;line-height:1.35}.spm-rank-perks li>span{flex:0 0 15px;color:var(--rank);font-weight:950}.spm-rank-perks b{color:#dbe4f5;font-weight:850}.spm-rank-perks .spm-rank-requirement{padding:7px 8px;margin:-3px 0 2px;border:1px solid rgba(var(--rank-rgb),.2);border-radius:9px;background:rgba(var(--rank-rgb),.06);color:#bedbe3}.spm-rank-description{max-height:180px;overflow:auto;margin:14px 18px 0;padding-top:14px;border-top:1px solid var(--line);color:#8998b5!important;font-size:.68rem!important;line-height:1.5!important}.spm-rank-buy{margin-top:auto;padding:17px 18px 18px}.spm-rank-buy .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.spm-rank-buy .price{display:flex;align-items:baseline;gap:6px;margin:0 0 3px!important;color:#7584a1!important;font-size:.62rem!important}.spm-rank-buy .price:before{content:"FROM";font-size:.48rem;font-weight:950;letter-spacing:.13em}.spm-rank-buy .price strong{color:#fff!important;font-size:1.22rem!important}.spm-rank-buy .add,.spm-rank-buy .subscribe{min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-color:rgba(var(--rank-rgb),.3)!important;background:linear-gradient(135deg,rgba(var(--rank-rgb),.95),rgba(157,124,255,.95))!important;color:#07101d!important}.spm-rank-buy .gift{display:none!important}.spm-rank-buy .quantity-field{margin-top:0!important}.spm-rank-prereq{margin:0 0 9px;padding:8px 9px;border-radius:9px;background:rgba(var(--rank-rgb),.07);color:#9bcbd5;font-size:.58rem;line-height:1.4}.spm-rank-grinder{--rank:#55ef5a;--rank-rgb:85,239,90;order:1}.spm-rank-knight{--rank:#ff9e1a;--rank-rgb:255,158,26;order:2}.spm-rank-master{--rank:#d81bff;--rank-rgb:216,27,255;order:3}.spm-rank-ultimate{--rank:#2c8cfe;--rank-rgb:44,140,254;order:4}.spm-rank-immortal{--rank:#c9262a;--rank-rgb:201,38,42;order:5}.spm-rank-spacehero{--rank:#ff3825;--rank-rgb:255,56,37;order:6}.spm-rank-spacedragon{--rank:#fb5800;--rank-rgb:251,88,0;order:7}.spm-rank-radiant{--rank:#0ef0f8;--rank-rgb:14,240,248;order:8;border-color:rgba(14,240,248,.24);background:linear-gradient(155deg,rgba(8,31,48,.98),rgba(6,12,28,.99))}.spm-rank-generic{order:50}
.spm-rank-compare-section{margin-top:52px}.spm-rank-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(12,19,42,.96),rgba(7,11,26,.97));box-shadow:0 18px 50px rgba(0,0,0,.2)}.spm-rank-table{width:100%;min-width:1060px;border-collapse:separate;border-spacing:0;color:#9ba9c4;font-size:.68rem}.spm-rank-table th,.spm-rank-table td{padding:13px 11px;border-right:1px solid rgba(143,170,255,.08);border-bottom:1px solid rgba(143,170,255,.08);text-align:center;white-space:nowrap}.spm-rank-table th:first-child,.spm-rank-table tbody th{text-align:left;position:sticky;left:0;z-index:2;background:#0a1126;color:#dbe4f5;font-weight:850}.spm-rank-table thead th{position:sticky;top:0;z-index:3;background:#0b132a;color:#dce6f8;font-size:.64rem;font-weight:950}.spm-rank-table thead th:first-child{z-index:4}.spm-rank-table tr:last-child th,.spm-rank-table tr:last-child td{border-bottom:0}.spm-rank-table th:last-child,.spm-rank-table td:last-child{border-right:0}.spm-rank-table .grinder{color:#55ef5a}.spm-rank-table .knight{color:#ff9e1a}.spm-rank-table .master{color:#d81bff}.spm-rank-table .ultimate{color:#5ba9ff}.spm-rank-table .immortal{color:#df4d5c}.spm-rank-table .spacehero{color:#ff6254}.spm-rank-table .spacedragon{color:#ff9346}.spm-rank-table .radiant{color:#37e9f0}.spm-rank-table td.yes{color:#67dcb0;font-weight:950}.spm-rank-source-note{margin:10px 4px 0;color:#5f6e8b;font-size:.6rem;line-height:1.5}
@media(max-width:1040px){.spm-ranks-grid-boxpvp{grid-template-columns:repeat(2,minmax(0,1fr))}.spm-ranks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.spm-ranks-page{width:min(100% - 24px,1180px)!important;padding:37px 0 62px!important}.spm-ranks-hero{margin-bottom:24px}.spm-ranks-hero h1{font-size:2.7rem!important}.spm-ranks-section-head{align-items:flex-start;flex-direction:column;gap:7px}.spm-ranks-section-head>p{text-align:left}.spm-ranks-grid,.spm-ranks-grid-boxpvp{grid-template-columns:1fr}.spm-rank-path-label{align-items:flex-start;flex-direction:column;gap:4px}.spm-rank-card h2{font-size:1.48rem!important}.spm-rank-visual{height:112px}.spm-rank-subtitle{min-height:0}.spm-rank-compare-section{margin-top:40px}}


/* V12 cumulative rank upgrades + Radiant monthly callout */
.spm-radiant-callout{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:24px 0;padding:22px 24px;overflow:hidden;border:1px solid rgba(77,231,255,.24);border-radius:20px;background:radial-gradient(circle at 92% 12%,rgba(83,226,255,.14),transparent 34%),linear-gradient(140deg,rgba(10,25,42,.98),rgba(8,13,29,.99));box-shadow:0 18px 44px rgba(0,0,0,.22)}
.spm-radiant-callout:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#4de7ff,transparent);opacity:.75}
.spm-radiant-callout-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(77,231,255,.35);border-radius:18px;background:rgba(77,231,255,.08);box-shadow:inset 0 0 28px rgba(77,231,255,.06),0 0 34px rgba(77,231,255,.08);color:#69efff;font-size:1.55rem}
.spm-radiant-callout-copy h2{margin:4px 0 6px!important;color:#f6fdff!important;font-size:1.35rem!important;letter-spacing:-.04em!important}
.spm-radiant-callout-copy p{max-width:720px;margin:0;color:#8ea0ba;font-size:.64rem;line-height:1.65}
.spm-radiant-callout-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.spm-radiant-callout-tags span{padding:6px 9px;border:1px solid rgba(77,231,255,.14);border-radius:999px;background:rgba(77,231,255,.045);color:#9bdce6;font-size:.5rem;font-weight:800}
.spm-radiant-callout-button{display:flex;align-items:center;gap:18px;padding:13px 16px;border:1px solid rgba(77,231,255,.25);border-radius:12px;background:linear-gradient(135deg,#63dcff,#9a7cff);color:#06101b!important;font-size:.58rem;font-weight:950;text-decoration:none!important;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.spm-radiant-callout-button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(91,218,255,.18)}
@media(max-width:850px){.spm-radiant-callout{grid-template-columns:auto 1fr}.spm-radiant-callout-button{grid-column:1/-1;justify-content:space-between}}
@media(max-width:560px){.spm-radiant-callout{grid-template-columns:1fr;padding:18px}.spm-radiant-callout-icon{width:52px;height:52px}.spm-radiant-callout-button{grid-column:auto}}

.spm-rank-cumulative-note{border-color:rgba(102,225,255,.16)!important;background:rgba(102,225,255,.045)!important;color:#8fddea!important}