/* =========================================================
   RUSTMODS V5.2 — REAL SECTION PAGES
   Servers / Store / Partners
   ========================================================= */

.rm52-page {
    min-height: calc(100vh - var(--rm5-topbar-h));
}

.rm52-kicker {
    color: var(--rm5-pink);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 1.25px;
}

.rm52-content {
    padding: 28px 30px 55px;
}

.rm52-section-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 17px;
}

.rm52-section-title > div > span {
    color: var(--rm5-pink);
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.rm52-section-title h2 {
    margin: 4px 0 0;
    color: #f1eef4;
    font-size: 22px;
    font-weight: 900;
}

.rm52-section-title > p {
    max-width: 440px;
    margin: 0;
    color: #746e84;
    font-size: 9px;
    line-height: 1.55;
}


/* =========================================================
   SERVERS
   ========================================================= */

.rm52-servers-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) 420px;
    align-items: center;
    gap: 34px;
    padding: 36px 30px;
    background:
        radial-gradient(circle at 82% 38%, rgba(71,137,255,.14), transparent 24%),
        linear-gradient(135deg,#27233f,#211d36);
    border-bottom: 1px solid #383250;
}

.rm52-servers-copy h1,
.rm52-store-copy h1,
.rm52-partners-copy h1 {
    margin: 9px 0 0;
    color: #f5f2f7;
    font-size: clamp(38px,4.2vw,58px);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -1.5px;
}

.rm52-servers-copy h1 span {
    color: #65a4ff;
}

.rm52-servers-copy > p,
.rm52-store-copy > p,
.rm52-partners-copy > p {
    max-width: 670px;
    margin: 16px 0 0;
    color: #938da2;
    font-size: 11px;
    line-height: 1.65;
}

.rm52-server-search {
    display: grid;
    grid-template-columns: 1fr auto;
    max-width: 620px;
    margin-top: 21px;
    padding: 4px;
    background: #1b192c;
    border: 1px solid #3b3555;
    border-radius: 9px;
}

.rm52-server-search input {
    min-width: 0;
    height: 38px;
    padding: 0 12px;
    background: transparent;
    color: #edeaf0;
    border: 0;
    outline: 0;
}

.rm52-server-search button {
    min-width: 88px;
    background: var(--rm5-blue);
    color: #fff;
    border: 1px solid #69a1ff;
    border-radius: 6px;
    font-size: 8px;
    font-weight: 900;
    cursor: pointer;
}

.rm52-filter-row,
.rm52-market-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 13px;
}

.rm52-filter-row span,
.rm52-market-chips span {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    background: #292540;
    color: #777187;
    border: 1px solid #3b3654;
    border-radius: 6px;
    font-size: 7px;
    font-weight: 900;
}

.rm52-filter-row span.is-active,
.rm52-market-chips span.is-active {
    background: #332c4d;
    color: #fff;
    border-color: #554970;
}

.rm52-monitor-panel {
    padding: 18px;
    background: rgba(23,21,38,.72);
    border: 1px solid #443b60;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(5,4,15,.16);
}

.rm52-monitor-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rm52-monitor-head span {
    color: #69637b;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: 1px;
}

.rm52-monitor-head strong {
    display: block;
    margin-top: 3px;
    color: #dcd8e3;
    font-size: 11px;
}

.rm52-monitor-head i {
    width: 9px;
    height: 9px;
    background: var(--rm5-green);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(110,215,130,.42);
}

.rm52-monitor-graph {
    display: flex;
    align-items: end;
    gap: 6px;
    height: 120px;
    margin-top: 20px;
    padding: 10px 8px 0;
    border-bottom: 1px solid #38324d;
}

.rm52-monitor-graph b {
    flex: 1;
    min-width: 5px;
    background: linear-gradient(to top,#3977df,#6facff);
    border-radius: 4px 4px 0 0;
    opacity: .8;
}

.rm52-monitor-footer {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 7px;
    margin-top: 12px;
}

.rm52-monitor-footer span {
    padding: 8px;
    background: #1c192e;
    color: #615b72;
    border: 1px solid #343048;
    border-radius: 6px;
    font-size: 6px;
    font-weight: 900;
}

.rm52-monitor-footer strong {
    display: block;
    margin-top: 3px;
    color: #a8a2b4;
    font-size: 7px;
}

.rm52-featured-server {
    display: grid;
    grid-template-columns: minmax(300px,.9fr) minmax(0,1.1fr);
    overflow: hidden;
    background: var(--rm5-panel);
    border: 1px solid var(--rm5-line);
    border-radius: 12px;
}

.rm52-featured-server-art {
    position: relative;
    min-height: 285px;
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 38%,rgba(255,151,87,.20),transparent 20%),
        linear-gradient(145deg,#6b3326,#29223a 62%,#202344);
}

.rm52-demo-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
    padding: 6px 8px;
    background: rgba(18,16,29,.55);
    color: #d5d0dc;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 5px;
    font-size: 7px;
    font-weight: 900;
}

.rm52-horizon {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 78%;
    height: 48%;
    background: linear-gradient(160deg,transparent 28%,rgba(15,15,24,.55) 29%);
}

.rm52-tower {
    position: absolute;
    right: 25%;
    bottom: 20%;
    width: 34px;
    height: 100px;
    background: #171722;
    transform: skew(-5deg);
    box-shadow: 0 0 30px rgba(0,0,0,.25);
}

.rm52-featured-server-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px;
}

.rm52-live-label {
    color: var(--rm5-green);
    font-size: 7px;
    font-weight: 900;
}

.rm52-live-label i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 6px;
    background: var(--rm5-green);
    border-radius: 50%;
}

.rm52-featured-server-info h2 {
    margin: 7px 0 0;
    color: #f0edf3;
    font-size: 25px;
}

.rm52-featured-server-info > p {
    margin: 5px 0 0;
    color: #7c768a;
    font-size: 9px;
}

.rm52-server-numbers {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    margin-top: 21px;
}

.rm52-server-numbers div {
    padding: 10px;
    background: #1d1a30;
    border: 1px solid #38334f;
    border-radius: 7px;
}

.rm52-server-numbers strong {
    display: block;
    color: #e8e4ec;
    font-size: 13px;
}

.rm52-server-numbers span {
    color: #665f75;
    font-size: 7px;
}

.rm52-server-progress,
.rm52-mini-progress {
    overflow: hidden;
    height: 5px;
    margin-top: 14px;
    background: #19172a;
    border-radius: 999px;
}

.rm52-server-progress span,
.rm52-mini-progress span {
    display: block;
    height: 100%;
    background: linear-gradient(90deg,#4789ff,#68b5ff);
    border-radius: inherit;
}

.rm52-featured-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 17px;
}

.rm52-featured-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    background: #302b4a;
    color: #fff !important;
    border: 1px solid #463f64;
    border-radius: 6px;
    font-size: 8px;
    font-weight: 900;
}

.rm52-featured-actions span {
    color: #615b70;
    font-size: 7px;
}

.rm52-server-card-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-top: 13px;
}

.rm52-server-tile {
    overflow: hidden;
    background: var(--rm5-panel);
    border: 1px solid var(--rm5-line);
    border-radius: 10px;
}

.rm52-server-tile-cover {
    position: relative;
    min-height: 105px;
}
.rm52-server-tile-cover.cover-a{background:linear-gradient(135deg,#26546f,#27254b)}
.rm52-server-tile-cover.cover-b{background:linear-gradient(135deg,#43613d,#272b42)}
.rm52-server-tile-cover.cover-c{background:linear-gradient(135deg,#7a3824,#352540)}

.rm52-server-tile-cover span {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 5px 7px;
    background: rgba(18,16,29,.50);
    color: #9a94a6;
    border-radius: 4px;
    font-size: 6px;
    font-weight: 900;
}

.rm52-server-tile-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px 7px;
}

.rm52-server-tile-body h3 {
    margin: 0;
    color: #e9e6ed;
    font-size: 11px;
}

.rm52-server-tile-body p {
    margin: 3px 0 0;
    color: #6f697d;
    font-size: 7px;
}

.rm52-server-tile-body > strong {
    color: #d1cdd7;
    font-size: 8px;
}

.rm52-mini-progress {
    margin: 0 12px 12px;
    height: 4px;
}


/* =========================================================
   STORE
   ========================================================= */

.rm52-store-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) 440px;
    align-items: center;
    gap: 36px;
    padding: 36px 30px;
    background:
        radial-gradient(circle at 82% 28%,rgba(232,66,134,.14),transparent 24%),
        linear-gradient(135deg,#2b2341,#211c35);
    border-bottom: 1px solid #393250;
}

.rm52-store-copy h1 span {
    color: #ff7b35;
}

.rm52-store-feature {
    overflow: hidden;
    background: #25213e;
    border: 1px solid #443b60;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(5,4,15,.16);
}

.rm52-store-feature-art {
    position: relative;
    min-height: 150px;
    overflow: hidden;
    padding: 15px;
    background:
        radial-gradient(circle at 72% 32%,rgba(255,255,255,.15),transparent 18%),
        linear-gradient(135deg,#e84286,#843764 50%,#3b2e63);
}

.rm52-store-feature-art > span {
    color: #fff;
    font-size: 7px;
    font-weight: 900;
}

.rm52-product-cube {
    position: absolute;
    width: 104px;
    height: 78px;
    right: 90px;
    bottom: 29px;
    background: linear-gradient(145deg,#242137,#0f0e17);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 13px;
    transform: rotate(-10deg);
    box-shadow: 0 18px 30px rgba(9,8,18,.28);
}

.rm52-product-ring {
    position: absolute;
    right: 25px;
    top: 24px;
    width: 115px;
    height: 115px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    box-shadow: inset 0 0 0 28px rgba(255,255,255,.025);
}

.rm52-store-feature-info {
    padding: 15px 17px 17px;
}

.rm52-store-feature-info > span {
    color: #756f88;
    font-size: 7px;
    font-weight: 900;
}

.rm52-store-feature-info h2 {
    margin: 4px 0 0;
    color: #f0edf3;
    font-size: 18px;
}

.rm52-store-feature-info p {
    margin: 5px 0 0;
    color: #777183;
    font-size: 8px;
}

.rm52-store-feature-info > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.rm52-store-feature-info strong {
    color: #fff;
    font-size: 16px;
}

.rm52-store-feature-info b {
    color: #ffb35f;
    font-size: 8px;
}

.rm52-product-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
}

.rm52-product-card {
    overflow: hidden;
    background: var(--rm5-panel);
    border: 1px solid var(--rm5-line);
    border-radius: 10px;
    transition: transform .16s ease,border-color .16s ease;
}

.rm52-product-card:hover {
    transform: translateY(-3px);
    border-color: #574d77;
}

.rm52-product-cover {
    position: relative;
    min-height: 145px;
}
.rm52-product-cover.product-a{background:linear-gradient(135deg,#e84286,#742f5e)}
.rm52-product-cover.product-b{background:linear-gradient(135deg,#4789ff,#384398)}
.rm52-product-cover.product-c{background:linear-gradient(135deg,#e66a2c,#8d3517)}
.rm52-product-cover.product-d{background:linear-gradient(135deg,#6ed782,#296e46)}

.rm52-product-type,
.rm52-product-price {
    position: absolute;
    top: 11px;
    padding: 5px 7px;
    background: rgba(20,18,33,.58);
    color: #d9d5df;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 4px;
    font-size: 6px;
    font-weight: 900;
}

.rm52-product-type{left:11px}
.rm52-product-price{right:11px;color:#fff}

.rm52-product-info {
    padding: 13px;
}

.rm52-product-info h3 {
    margin: 0;
    color: #eeebf1;
    font-size: 11px;
}

.rm52-product-info p {
    margin: 5px 0 0;
    color: #706a7e;
    font-size: 7px;
}

.rm52-product-info > div {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    color: #8b8598;
    font-size: 7px;
}

.rm54-role-store{margin-bottom:26px}.rm54-role-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.rm54-role-products article{min-height:205px;padding:16px;border:1px solid #3d344f;border-radius:12px;background:radial-gradient(circle at 78% 18%,rgba(235,105,45,.14),transparent 30%),#211d38}.rm54-role-products article>span{display:inline-flex;min-height:25px;align-items:center;padding:0 9px;border-radius:999px;background:#181529;color:#ff7d45;font-size:7px;font-weight:950;letter-spacing:.55px}.rm54-role-products h3{margin:12px 0 0;color:#fff;font-size:18px}.rm54-role-products p{margin:8px 0 0;color:#90889d;font-size:10px;line-height:1.55}.rm54-role-products div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.rm54-role-products strong{color:#fff;font-size:13px}.rm54-role-products b{color:#69df8b;font-size:8px;text-transform:uppercase}
@media(max-width:1100px){.rm54-role-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.rm54-role-products{grid-template-columns:1fr}.rm54-role-products article{min-height:0}}

.rm52-seller-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 14px;
    padding: 20px;
    background:
        radial-gradient(circle at 85% 35%,rgba(230,106,44,.08),transparent 24%),
        #24203b;
    border: 1px solid #3d3758;
    border-radius: 10px;
}

.rm52-seller-strip > div:first-child > span {
    color: var(--rm5-orange-2);
    font-size: 7px;
    font-weight: 900;
}

.rm52-seller-strip h3 {
    margin: 4px 0 0;
    color: #eeeaf1;
    font-size: 15px;
}

.rm52-seller-strip p {
    margin: 5px 0 0;
    color: #787284;
    font-size: 8px;
}

.rm52-seller-preview {
    display: flex;
    align-items: center;
    min-width: 215px;
    gap: 10px;
    padding: 10px;
    background: #1b182d;
    border: 1px solid #353048;
    border-radius: 8px;
}

.rm52-avatar-preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: linear-gradient(135deg,#e66a2c,#a13e16);
    color: #fff;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 900;
}

.rm52-seller-preview strong {
    display: block;
    color: #dcd8e2;
    font-size: 9px;
}

.rm52-seller-preview small {
    color: #665f73;
    font-size: 7px;
}


/* =========================================================
   PARTNERS
   ========================================================= */

.rm52-partners-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) 420px;
    align-items: center;
    gap: 36px;
    padding: 36px 30px;
    background:
        radial-gradient(circle at 82% 35%,rgba(230,106,44,.12),transparent 25%),
        linear-gradient(135deg,#28223d,#211d35);
    border-bottom: 1px solid #393250;
}

.rm52-partners-copy h1 span {
    color: #ff8650;
}

.rm52-partner-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.rm52-partner-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    background: linear-gradient(135deg,#e66a2c,#b84a1d);
    color: #fff !important;
    border: 1px solid #ef7b3d;
    border-radius: 7px;
    font-size: 8px;
    font-weight: 900;
}

.rm52-partner-actions span {
    color: #716b80;
    font-size: 7px;
}

.rm52-partner-showcase {
    padding: 18px;
    background: rgba(23,21,38,.70);
    border: 1px solid #40395b;
    border-radius: 12px;
}

.rm52-partner-orbit {
    position: relative;
    min-height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rm52-partner-orbit > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    z-index: 3;
    background: #2e2947;
    color: var(--rm5-orange-2);
    border: 1px solid #4b4268;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 950;
}

.rm52-partner-orbit i {
    position: absolute;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
}
.rm52-partner-orbit .orbit-one{width:130px;height:130px}
.rm52-partner-orbit .orbit-two{width:205px;height:205px}

.rm52-partner-orbit .node {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    background: #25213e;
    color: #a9a3b5;
    border: 1px solid #3f3959;
    border-radius: 50%;
    font-size: 8px;
}
.rm52-partner-orbit .n1{top:26px;left:22%}
.rm52-partner-orbit .n2{right:19%;top:76px}
.rm52-partner-orbit .n3{bottom:19px;left:33%}

.rm52-partner-showcase-label {
    padding-top: 13px;
    border-top: 1px solid #353049;
}

.rm52-partner-showcase-label span {
    color: #696277;
    font-size: 7px;
    font-weight: 900;
}

.rm52-partner-showcase-label strong {
    display: block;
    margin-top: 3px;
    color: #c8c3cf;
    font-size: 9px;
}

.rm52-partner-category-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}

.rm52-partner-category {
    min-height: 230px;
    padding: 18px;
    background: var(--rm5-panel);
    border: 1px solid var(--rm5-line);
    border-radius: 10px;
}

.rm52-partner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    background: #302b49;
    color: var(--rm5-orange-2);
    border: 1px solid #453e61;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 950;
}

.rm52-partner-category > span {
    display: block;
    margin-top: 18px;
    color: #706a80;
    font-size: 7px;
    font-weight: 900;
}

.rm52-partner-category h3 {
    margin: 5px 0 0;
    color: #ece8f0;
    font-size: 14px;
}

.rm52-partner-category p {
    margin: 7px 0 0;
    color: #797385;
    font-size: 8px;
    line-height: 1.55;
}

.rm52-partner-category small {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-top: 21px;
    padding: 0 8px;
    background: #1e1b31;
    color: #706a80;
    border: 1px solid #37324e;
    border-radius: 5px;
    font-size: 6px;
    font-weight: 900;
}

.rm52-sponsor-banner {
    display: grid;
    grid-template-columns: minmax(0,1fr) 330px;
    align-items: center;
    gap: 28px;
    margin-top: 14px;
    padding: 21px;
    background:
        linear-gradient(110deg,rgba(230,106,44,.09),rgba(232,66,134,.05)),
        #24203b;
    border: 1px dashed #5b4054;
    border-radius: 10px;
}

.rm52-sponsor-banner > div:first-child > span {
    color: var(--rm5-pink);
    font-size: 7px;
    font-weight: 900;
}

.rm52-sponsor-banner h3 {
    margin: 5px 0 0;
    color: #eeeaf1;
    font-size: 16px;
}

.rm52-sponsor-banner p {
    margin: 6px 0 0;
    color: #777183;
    font-size: 8px;
}

.rm52-ad-preview {
    padding: 14px;
    background: #1b182d;
    border: 1px solid #363149;
    border-radius: 8px;
}

.rm52-ad-preview span {
    color: #696276;
    font-size: 6px;
    font-weight: 900;
}

.rm52-ad-preview strong {
    display: block;
    margin-top: 13px;
    color: #dcd8e2;
    font-size: 18px;
}

.rm52-ad-preview small {
    display: block;
    margin-top: 4px;
    color: #625c6f;
    font-size: 7px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1180px){
    .rm52-servers-hero,.rm52-store-hero,.rm52-partners-hero{grid-template-columns:1fr 350px}
    .rm52-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:950px){
    .rm52-servers-hero,.rm52-store-hero,.rm52-partners-hero{grid-template-columns:1fr;padding:28px 18px}
    .rm52-content{padding:22px 18px 46px}
    .rm52-featured-server{grid-template-columns:1fr}
    .rm52-featured-server-art{min-height:220px}
    .rm52-partner-category-grid,.rm52-server-card-grid{grid-template-columns:1fr}
    .rm52-sponsor-banner{grid-template-columns:1fr}
}

@media(max-width:650px){
    .rm52-section-title{align-items:flex-start;flex-direction:column;gap:9px}
    .rm52-server-search{grid-template-columns:1fr}
    .rm52-server-search button{height:36px}
    .rm52-monitor-footer,.rm52-server-numbers{grid-template-columns:1fr}
    .rm52-product-grid{grid-template-columns:1fr}
    .rm52-seller-strip{align-items:flex-start;flex-direction:column}
    .rm52-seller-preview{width:100%;min-width:0}
}


/* RUSTMODS V10.1 — BUNDLED LIVE FRONTEND STYLES */

/* =========================================================
   RUSTMODS V10 — LIVE FRONTEND DATA
   Keeps the existing beta visual language while making DB-backed
   states feel intentional.
   ========================================================= */

.rm10-empty-live{
    margin-top:16px;
    padding:26px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:12px;
    background:linear-gradient(135deg,#231e3a,#1c192f);
}
.rm10-empty-live>span{display:block;color:#e84286;font-size:9px;font-weight:900;letter-spacing:.8px}
.rm10-empty-live>strong{display:block;margin-top:8px;color:#eeeaf0;font-size:18px}
.rm10-empty-live>a{display:inline-flex;margin-top:14px;color:#ff8243;text-decoration:none;font-weight:800}

.rm5-category-card.is-selected{
    box-shadow:0 0 0 2px rgba(255,126,69,.40),0 18px 40px rgba(5,2,15,.22);
}

.rm10-resource-feed{margin-top:28px}
.rm10-live-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.rm10-live-section-head>div>span{color:#e84286;font-size:9px;font-weight:900;letter-spacing:.8px}
.rm10-live-section-head h2{margin:5px 0 0;color:#f0edf2}
.rm10-live-section-head>a{color:#aaa2b8;text-decoration:none}

.rm10-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rm10-resource-card{overflow:hidden;background:#211d38;border:1px solid #3d3654;border-radius:12px}
.rm10-resource-card-art{position:relative;min-height:110px;padding:14px;background:linear-gradient(135deg,#39285b,#6a2b73)}
.rm10-resource-card-art.is-map{background:linear-gradient(135deg,#24415c,#265f72)}
.rm10-resource-card-art.is-config{background:linear-gradient(135deg,#3f3530,#76533d)}
.rm10-resource-card-art.is-tool{background:linear-gradient(135deg,#203f48,#286071)}
.rm10-resource-card-art.is-development{background:linear-gradient(135deg,#4b2448,#7a2e66)}
.rm10-resource-card-art>span,.rm10-resource-card-art>b{display:inline-flex;padding:6px 8px;border-radius:999px;background:rgba(15,10,28,.45);color:#fff;font-size:8px}
.rm10-resource-card-art>b{float:right;background:rgba(255,126,69,.20);color:#ff9a67}
.rm10-resource-card-body{padding:14px}
.rm10-resource-card-meta{display:flex;justify-content:space-between;gap:10px;color:#837c90;font-size:8px}
.rm10-resource-card-meta strong{color:#ff985f}
.rm10-resource-card h3{margin:8px 0 5px;color:#f0edf2}
.rm10-resource-card p{min-height:38px;margin:0;color:#9a93a5;line-height:1.5}
.rm10-resource-card-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid #373149;color:#7f788b;font-size:8px}
.rm10-resource-card-bottom a{color:#ff8243;text-decoration:none}

.rm10-buy-link{color:#ff8243!important;text-decoration:none!important;font-weight:800}

.rm10-partner-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rm10-partner-live-card{display:grid;grid-template-columns:64px 1fr;gap:13px;padding:16px;background:#211d38;border:1px solid #3d3654;border-radius:12px}
.rm10-partner-logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;overflow:hidden;background:#302947;border:1px solid #473d61;border-radius:12px}
.rm10-partner-logo img{width:100%;height:100%;object-fit:cover}
.rm10-partner-logo span{color:#ff8b52;font-weight:900}
.rm10-partner-live-card>div:last-child>span{color:#e84286;font-size:8px;font-weight:900}
.rm10-partner-live-card h3{margin:5px 0;color:#f0edf2}
.rm10-partner-live-card p{margin:0;color:#918a9c;line-height:1.5}
.rm10-partner-live-card a{display:inline-flex;margin-top:9px;color:#ff8243;text-decoration:none;font-weight:800}
.rm10-live-ad{text-decoration:none!important;color:inherit!important}
.rm10-live-ad .rm52-ad-preview{background-size:cover;background-position:center}

@media(max-width:980px){
    .rm10-resource-grid,.rm10-partner-live-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .rm10-resource-grid,.rm10-partner-live-grid{grid-template-columns:1fr}
    .rm10-live-section-head{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   RUSTMODS V10.1 — RESOURCE DETAIL + LIVE HEADER POLISH
   ========================================================= */

.rm10-resource-title-link{
    color:inherit!important;
    text-decoration:none!important;
}
.rm10-resource-title-link:hover{color:#ff8f57!important}

.rm10-resource-detail{
    max-width:1180px;
    margin:26px auto 44px;
    padding:0 22px;
}
.rm10-resource-detail-back{
    display:inline-flex;
    margin-bottom:14px;
    color:#9a93a7;
    text-decoration:none;
    font-weight:750;
}
.rm10-resource-detail-back:hover{color:#ff8a52}
.rm10-resource-detail-grid{
    display:grid;
    grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
    gap:14px;
}
.rm10-resource-detail-art{
    position:relative;
    min-height:430px;
    padding:24px;
    overflow:hidden;
    border:1px solid #493d63;
    border-radius:16px;
    background:
        radial-gradient(circle at 75% 22%,rgba(255,123,70,.22),transparent 28%),
        radial-gradient(circle at 25% 78%,rgba(232,66,134,.16),transparent 30%),
        linear-gradient(145deg,#2b2147,#1d1932 70%);
}
.rm10-resource-detail-art.is-map{background:radial-gradient(circle at 70% 22%,rgba(80,170,255,.20),transparent 28%),linear-gradient(145deg,#1e3149,#1c2035)}
.rm10-resource-detail-art.is-config{background:radial-gradient(circle at 70% 22%,rgba(255,172,86,.18),transparent 28%),linear-gradient(145deg,#3b302b,#201c2d)}
.rm10-resource-detail-art.is-tool{background:radial-gradient(circle at 70% 22%,rgba(74,223,193,.18),transparent 28%),linear-gradient(145deg,#1d383e,#1a2031)}
.rm10-resource-detail-art>div{display:flex;justify-content:space-between;gap:10px}
.rm10-resource-detail-art>div span,
.rm10-resource-detail-art>div b{
    display:inline-flex;
    padding:7px 9px;
    border-radius:999px;
    background:rgba(12,9,24,.42);
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.6px;
}
.rm10-resource-detail-art>div b{color:#ff9963;background:rgba(255,123,70,.10)}
.rm10-resource-detail-art>strong{
    position:absolute;
    left:24px;
    right:24px;
    bottom:52px;
    color:#fff;
    font-size:29px;
    line-height:1.08;
}
.rm10-resource-detail-art>small{
    position:absolute;
    left:24px;
    bottom:25px;
    color:#aaa3b5;
}
.rm10-resource-detail-body{
    padding:28px;
    background:#211d38;
    border:1px solid #403854;
    border-radius:16px;
}
.rm10-resource-detail-kicker{color:#e84286;font-size:9px;font-weight:950;letter-spacing:.8px}
.rm10-resource-detail-body h1{margin:7px 0 8px;color:#f4f1f5;font-size:34px}
.rm10-resource-detail-lead{margin:0;color:#a09aa9;font-size:15px;line-height:1.6}
.rm10-resource-detail-meta{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    margin-top:21px;
}
.rm10-resource-detail-meta>div{
    padding:12px;
    background:#19162b;
    border:1px solid #373149;
    border-radius:9px;
}
.rm10-resource-detail-meta span{display:block;color:#777181;font-size:7px;text-transform:uppercase}
.rm10-resource-detail-meta strong{display:block;margin-top:5px;color:#eeeaf0;font-size:10px}
.rm10-resource-detail-copy{
    margin-top:20px;
    padding-top:19px;
    border-top:1px solid #373149;
    color:#aaa3b5;
    font-size:13px;
    line-height:1.75;
}
.rm10-resource-detail-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid #373149;
    color:#777181;
    font-size:8px;
}
.rm10-resource-download{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 15px;
    border-radius:8px;
    background:#e66a2c;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:900;
}
.rm10-resource-download:hover{background:#f27839}
.rm10-resource-no-download{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    padding:0 12px;
    background:#19162b;
    border:1px solid #373149;
    border-radius:8px;
    color:#8b8496;
}
.rm10-resource-not-found{max-width:1180px;margin:28px auto}

.rm10-bell-icon{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.rm5-icon-button[data-rm10-icon-ready="1"]{
    color:#aaa3b5;
}
.rm5-icon-button[data-rm10-icon-ready="1"]:hover{
    color:#ef75a5;
}

@media(max-width:860px){
    .rm10-resource-detail-grid{grid-template-columns:1fr}
    .rm10-resource-detail-art{min-height:280px}
    .rm10-resource-detail-meta{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
    .rm10-resource-detail{padding:0 12px}
    .rm10-resource-detail-body{padding:18px}
    .rm10-resource-detail-body h1{font-size:26px}
    .rm10-resource-detail-meta{grid-template-columns:1fr 1fr}
    .rm10-resource-detail-actions{align-items:flex-start;flex-direction:column}
}


/* RUSTMODS V10.3 — accurate server status colors */
.rm52-live-label.is-online{color:var(--rm5-green)}
.rm52-live-label.is-online i{background:var(--rm5-green)}
.rm52-live-label.is-offline{color:#ef6f99}
.rm52-live-label.is-offline i{
    background:#ef5f8c;
    box-shadow:0 0 0 4px rgba(239,95,140,.08)
}


/* RustMods V11 — media polish */
.rm10-resource-card-art,
.rm10-resource-detail-art,
.rm52-store-feature-art,
.rm52-product-cover,
.rm52-featured-server-art,
.rm52-server-tile-cover{
    background-repeat:no-repeat;
}
.rm10-partner-live-card{
    background-repeat:no-repeat;
}

/* RustMods V15.5 — store payment provider roadmap */
.rm55-payment-stack{
    margin:18px 0 24px;
    padding:22px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:14px;
    background:linear-gradient(135deg,#211d38,#171326);
}

.rm52-store-page .rm52-store-hero{
    padding-top:48px;
    padding-bottom:40px;
}

.rm52-store-page .rm52-store-copy h1{
    line-height:1.04;
}

.rm54-role-kofi{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    margin-top:12px;
    padding:0 12px;
    border-radius:8px;
    background:#ef6d2a;
    color:#fff!important;
    text-decoration:none!important;
    font-size:9px;
    font-weight:950;
}
.rm54-role-kofi.is-waiting{
    background:#181529;
    border:1px solid #3b334d;
    color:#938ba0!important;
}
.rm54-kofi-manual-note{
    display:flex;
    gap:8px;
    align-items:flex-start;
    margin-top:12px;
    padding:14px;
    border:1px solid rgba(255,126,69,.22);
    border-radius:10px;
    background:rgba(255,126,69,.06);
    color:#a99fb6;
    font-size:11px;
    line-height:1.55;
}
.rm54-kofi-manual-note strong{
    flex:0 0 auto;
    color:#ff9b64;
}
.rm55-provider-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.rm55-provider-grid article{
    min-height:132px;
    padding:15px;
    border:1px solid #373047;
    border-radius:10px;
    background:#181529;
}
.rm55-provider-grid article.is-selected{
    border-color:rgba(255,126,69,.42);
    background:radial-gradient(circle at 88% 14%,rgba(255,126,69,.20),transparent 34%),#181529;
    box-shadow:0 14px 34px rgba(255,126,69,.08);
}
.rm55-provider-grid article.is-selected>span{
    background:rgba(255,126,69,.16);
    color:#ff9b64;
}
.rm55-provider-grid article>span{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    padding:0 8px;
    border-radius:999px;
    background:#261f3b;
    color:#ff7d45;
    font-size:7px;
    font-weight:950;
    letter-spacing:.55px;
}
.rm55-provider-grid strong{
    display:block;
    margin-top:10px;
    color:#fff;
    font-size:16px;
}
.rm55-provider-grid p{
    margin:8px 0 0;
    color:#968ea3;
    font-size:10px;
    line-height:1.55;
}
.rm55-payment-note{
    display:flex;
    gap:8px;
    align-items:flex-start;
    margin-top:12px;
    padding:14px;
    border:1px solid rgba(105,223,139,.20);
    border-radius:10px;
    background:rgba(105,223,139,.06);
    color:#a99fb6;
    font-size:11px;
    line-height:1.55;
}
.rm55-payment-note strong{
    flex:0 0 auto;
    color:#69df8b;
}
@media(max-width:980px){
    .rm55-provider-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .rm55-provider-grid{grid-template-columns:1fr}
    .rm55-payment-stack{padding:16px}
    .rm55-payment-note,.rm54-kofi-manual-note{display:grid}
}

.rm55-buyer-flow{
    margin:18px 0 24px;
    padding:22px;
    border:1px solid rgba(105,223,139,.20);
    border-radius:14px;
    background:
        radial-gradient(circle at 92% 0%,rgba(105,223,139,.12),transparent 30%),
        linear-gradient(135deg,#1b1930,#171326);
}
.rm55-buyer-steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.rm55-buyer-steps article{
    min-height:132px;
    padding:15px;
    border:1px solid #373047;
    border-radius:10px;
    background:#181529;
}
.rm55-buyer-steps article span{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    padding:0 8px;
    border-radius:999px;
    background:rgba(105,223,139,.12);
    color:#69df8b;
    font-size:8px;
    font-weight:950;
    letter-spacing:.55px;
}
.rm55-buyer-steps article strong{
    display:block;
    margin-top:10px;
    color:#fff;
    font-size:16px;
}
.rm55-buyer-steps article p{
    margin:8px 0 0;
    color:#968ea3;
    font-size:10px;
    line-height:1.55;
}
@media(max-width:980px){
    .rm55-buyer-steps{grid-template-columns:1fr}
}
@media(max-width:640px){
    .rm55-buyer-flow{padding:16px}
}

/* RustMods V16 — full store role polish */
.rm52-store-page .rm52-content{
    padding-top:28px;
}
.rm52-store-page .rm52-store-hero{
    min-height:265px;
    padding:34px 36px;
}
.rm52-store-page .rm52-store-copy h1{
    max-width:780px;
    font-size:clamp(38px,3.8vw,52px);
    line-height:1.04;
}
.rm52-store-page .rm52-store-copy>p{
    max-width:780px;
}
.rm54-role-store{
    margin-bottom:24px;
    padding:24px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:14px;
    background:
        radial-gradient(circle at 92% 20%,rgba(232,66,134,.08),transparent 27%),
        linear-gradient(135deg,#1d1a31,#151322);
}
.rm54-role-store .rm52-section-title{
    margin-bottom:16px;
}
.rm54-role-products{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:0;
}
.rm54-role-products article{
    position:relative;
    min-height:270px;
    display:flex;
    flex-direction:column;
    padding:18px;
    overflow:hidden;
    border-color:#433957;
    border-radius:12px;
    background:
        radial-gradient(circle at 86% 14%,rgba(255,123,53,.16),transparent 28%),
        linear-gradient(180deg,#231d37,#1c192d);
}
.rm54-role-products article:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 32%);
}
.rm54-role-products article:nth-child(2){
    border-color:rgba(255,123,53,.38);
    background:
        radial-gradient(circle at 84% 14%,rgba(255,123,53,.22),transparent 30%),
        linear-gradient(180deg,#2b2038,#1e192d);
}
.rm54-role-products article.is-owned{
    border-color:rgba(105,223,139,.34);
    box-shadow:0 0 0 1px rgba(105,223,139,.06),0 18px 36px rgba(5,3,13,.18);
}
.rm54-role-products article.is-pending{
    border-color:rgba(233,173,105,.34);
}
.rm54-role-products article>span,
.rm54-role-state,
.rm54-role-products h3,
.rm54-role-products p,
.rm54-role-products ul,
.rm54-role-products div,
.rm54-role-products .rm54-role-kofi{
    position:relative;
    z-index:1;
}
.rm54-role-products article>span{
    width:max-content;
    min-height:24px;
    background:#12101f;
    color:#ff8b50;
    border:1px solid rgba(255,123,53,.16);
    font-size:7px;
}
.rm54-role-state{
    display:inline-flex;
    width:max-content;
    min-height:24px;
    align-items:center;
    margin-left:6px;
    padding:0 9px;
    border-radius:999px;
    font-size:7px;
    font-style:normal;
    font-weight:950;
    text-transform:uppercase;
}
.rm54-role-state.is-owned{
    border:1px solid rgba(105,223,139,.22);
    background:rgba(105,223,139,.08);
    color:#72df8d;
}
.rm54-role-state.is-pending{
    border:1px solid rgba(233,173,105,.24);
    background:rgba(233,173,105,.08);
    color:#e9ad69;
}
.rm54-role-state.is-open{
    border:1px solid rgba(255,123,53,.18);
    background:rgba(255,123,53,.07);
    color:#ff8b50;
}
.rm54-role-products h3{
    margin:14px 0 0;
    font-size:21px;
    line-height:1.1;
}
.rm54-role-products p{
    min-height:48px;
    margin-top:10px;
    color:#a39bad;
    font-size:11px;
}
.rm54-role-products ul{
    display:grid;
    gap:7px;
    margin:15px 0 0;
    padding:0;
    list-style:none;
}
.rm54-role-products li{
    display:flex;
    align-items:center;
    gap:7px;
    color:#cbc5d2;
    font-size:10px;
    line-height:1.35;
}
.rm54-role-products li:before{
    content:"";
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#69df8b;
    box-shadow:0 0 10px rgba(105,223,139,.32);
}
.rm54-role-products div{
    margin-top:auto;
    padding-top:18px;
}
.rm54-role-products strong{
    font-size:15px;
}
.rm54-role-products b{
    display:inline-flex;
    min-height:22px;
    align-items:center;
    padding:0 7px;
    border:1px solid rgba(105,223,139,.18);
    border-radius:999px;
    background:rgba(105,223,139,.07);
    font-size:7px;
}
.rm54-role-kofi{
    width:max-content;
    min-width:158px;
    min-height:40px;
    margin-top:14px;
    padding:0 15px;
    box-shadow:0 12px 28px rgba(239,109,42,.14);
}
.rm54-role-kofi.is-owned{
    background:#1a2d24!important;
    border-color:rgba(105,223,139,.22)!important;
    color:#8ef0a5!important;
    box-shadow:none;
}
.rm54-role-kofi.is-pending{
    background:#2d271a!important;
    border-color:rgba(233,173,105,.24)!important;
    color:#e9ad69!important;
    box-shadow:none;
}
.rm54-role-claim{
    position:relative;
    z-index:1;
    display:inline-flex;
    width:max-content;
    min-height:28px;
    align-items:center;
    margin-top:8px;
    color:#69df8b!important;
    font-size:9px;
    font-weight:900;
    text-decoration:none!important;
}
.rm54-role-claim:hover{color:#8ef0a5!important}
.rm54-kofi-manual-note{
    margin-top:14px;
}
.rm52-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.rm52-product-card{
    border-radius:12px;
}
.rm52-product-info h3{
    font-size:14px;
}
.rm52-product-info p{
    font-size:10px;
    line-height:1.5;
}
@media(max-width:1180px){
    .rm54-role-products,.rm52-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
    .rm52-store-page .rm52-store-hero{padding:24px 18px}
    .rm54-role-store{padding:18px}
    .rm54-role-products,.rm52-product-grid{grid-template-columns:1fr}
    .rm54-role-products article{min-height:0}
}

/* RustMods V17 — Ko-fi claim flow */
.rm55-claim-page{
    padding:28px 30px 55px;
}
.rm55-claim-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    padding:28px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:14px;
    background:
        radial-gradient(circle at 86% 8%,rgba(105,223,139,.12),transparent 28%),
        linear-gradient(135deg,#211d38,#171326);
}
.rm55-claim-hero h1{
    margin:7px 0 0;
    color:#fff;
    font-size:34px;
    line-height:1.05;
}
.rm55-claim-hero p{
    max-width:720px;
    margin:10px 0 0;
    color:#a59daf;
    font-size:13px;
    line-height:1.55;
}
.rm55-claim-hero a{
    flex:0 0 auto;
    color:#ff8a50;
    font-size:10px;
    font-weight:900;
    text-decoration:none;
}
.rm55-claim-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:14px;
    margin-top:14px;
}
.rm55-claim-card{
    padding:20px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:14px;
    background:#211d38;
}
.rm55-claim-card>span{
    display:block;
    color:#e84286;
    font-size:8px;
    font-weight:950;
    letter-spacing:.8px;
}
.rm55-claim-card h2{
    margin:7px 0 15px;
    color:#fff;
    font-size:20px;
}
.rm55-claim-form{
    display:grid;
    gap:12px;
}
.rm55-claim-form label span{
    display:block;
    margin-bottom:6px;
    color:#8e8799;
    font-size:9px;
    font-weight:900;
}
.rm55-claim-form input,
.rm55-claim-form select{
    width:100%;
    min-height:44px;
    padding:0 12px;
    border:1px solid #3b344f;
    border-radius:8px;
    background:#171326;
    color:#fff;
    outline:0;
    font:inherit;
    font-size:12px;
}
.rm55-claim-form input:focus,
.rm55-claim-form select:focus{
    border-color:#5f5278;
    box-shadow:0 0 0 3px rgba(95,82,120,.14);
}
.rm55-claim-form button{
    width:max-content;
    min-height:42px;
    padding:0 18px;
    border:0;
    border-radius:8px;
    background:#ef6d2a;
    color:#fff;
    font-weight:950;
    cursor:pointer;
}
.rm55-claim-success,
.rm55-claim-error,
.rm55-claim-empty{
    margin-bottom:12px;
    padding:12px;
    border-radius:9px;
    font-size:11px;
    line-height:1.5;
}
.rm55-claim-success{border:1px solid rgba(105,223,139,.20);background:rgba(105,223,139,.07);color:#88e59e}
.rm55-claim-error{border:1px solid rgba(239,78,117,.22);background:rgba(239,78,117,.08);color:#ef8aa4}
.rm55-claim-empty{border:1px dashed #42394f;color:#938b9d}
.rm55-claim-help ol{
    display:grid;
    gap:10px;
    margin:0;
    padding-left:18px;
    color:#a69fb0;
    font-size:12px;
    line-height:1.55;
}
.rm55-claim-history{
    margin-top:14px;
}
.rm55-claim-history>div{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 92px;
    gap:12px;
    align-items:center;
    min-height:46px;
    border-top:1px solid #373149;
    color:#9d95a8;
    font-size:10px;
}
.rm55-claim-history>div strong{
    color:#fff;
}
.rm55-claim-history>div span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.rm55-claim-history b{
    justify-self:end;
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 8px;
    border-radius:999px;
    color:#e9ad69;
    background:rgba(233,173,105,.08);
    border:1px solid rgba(233,173,105,.18);
    font-size:7px;
}
.rm55-claim-history b.is-paid{color:#69df8b;background:rgba(105,223,139,.08);border-color:rgba(105,223,139,.18)}
.rm55-claim-history b.is-cancelled{color:#ef86a2;background:rgba(239,78,117,.08);border-color:rgba(239,78,117,.18)}
.rm55-claim-history p{
    margin:0;
    color:#8c8496;
    font-size:11px;
}
@media(max-width:900px){
    .rm55-claim-grid{grid-template-columns:1fr}
    .rm55-claim-hero{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
    .rm55-claim-page{padding:18px 14px 42px}
    .rm55-claim-hero{padding:20px}
    .rm55-claim-hero h1{font-size:28px}
    .rm55-claim-history>div{grid-template-columns:1fr}
    .rm55-claim-history b{justify-self:start}
}

/* RustMods V18 — roles, benefits and SEO landing */
.rm56-title-link{
    display:inline-flex;
    margin-left:10px;
    color:#ff8a50!important;
    font-size:10px;
    font-weight:950;
    text-decoration:none!important;
    white-space:nowrap;
}
.rm56-roles-page{
    padding:28px 30px 64px;
}
.rm56-roles-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:20px;
    align-items:stretch;
    padding:32px;
    border:1px solid rgba(155,142,190,.22);
    border-radius:14px;
    background:
        radial-gradient(circle at 84% 18%,rgba(255,122,47,.18),transparent 32%),
        radial-gradient(circle at 18% 0%,rgba(105,223,139,.10),transparent 28%),
        linear-gradient(135deg,#221d38,#151221);
}
.rm56-roles-hero h1{
    max-width:780px;
    margin:8px 0 0;
    color:#fff;
    font-size:42px;
    line-height:1.04;
}
.rm56-roles-hero p{
    max-width:760px;
    margin:14px 0 0;
    color:#b4adc1;
    font-size:14px;
    line-height:1.6;
}
.rm56-roles-hero-card{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:8px;
    min-height:180px;
    padding:22px;
    border:1px solid rgba(105,223,139,.18);
    border-radius:12px;
    background:rgba(12,27,31,.58);
}
.rm56-roles-hero-card strong{
    color:#69df8b;
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.8px;
}
.rm56-roles-hero-card span{
    color:#fff;
    font-size:16px;
    font-weight:900;
    line-height:1.45;
}
.rm56-compare{
    margin-top:18px;
    padding:24px;
    border:1px solid rgba(155,142,190,.18);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(33,29,56,.86),rgba(16,14,26,.92));
}
.rm56-compare-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}
.rm56-compare-grid article{
    display:flex;
    min-height:260px;
    flex-direction:column;
    padding:16px;
    border:1px solid rgba(155,142,190,.18);
    border-radius:12px;
    background:#171326;
}
.rm56-compare-grid article.is-strong{
    border-color:rgba(255,122,47,.46);
    background:radial-gradient(circle at 78% 12%,rgba(255,122,47,.16),transparent 32%),#1d1730;
}
.rm56-compare-grid span{
    color:#69df8b;
    font-size:8px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.rm56-compare-grid h2{
    margin:12px 0 8px;
    color:#fff;
    font-size:20px;
}
.rm56-compare-grid p{
    margin:0;
    color:#aaa2b5;
    font-size:11px;
    line-height:1.5;
}
.rm56-compare-grid ul{
    display:grid;
    gap:7px;
    margin:14px 0 0;
    padding:0;
    list-style:none;
}
.rm56-compare-grid li{
    position:relative;
    padding-left:14px;
    color:#d4cedd;
    font-size:11px;
    line-height:1.35;
}
.rm56-compare-grid li:before{
    position:absolute;
    left:0;
    top:6px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#ef6d2a;
    content:"";
}
.rm56-role-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:14px;
}
.rm56-role-card{
    display:flex;
    min-height:390px;
    flex-direction:column;
    padding:20px;
    border:1px solid rgba(155,142,190,.22);
    border-radius:14px;
    background:#211d38;
}
.rm56-role-card.is-green{background:linear-gradient(145deg,rgba(40,105,68,.28),#211d38 48%)}
.rm56-role-card.is-pink{background:linear-gradient(145deg,rgba(205,55,129,.25),#211d38 48%)}
.rm56-role-card.is-orange{background:linear-gradient(145deg,rgba(239,109,42,.28),#211d38 48%)}
.rm56-role-card.is-blue{background:linear-gradient(145deg,rgba(67,126,224,.28),#211d38 48%)}
.rm56-role-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.rm56-role-top span{
    display:inline-flex;
    min-height:28px;
    align-items:center;
    padding:0 10px;
    border-radius:999px;
    background:#171326;
    color:#ff7a2f;
    font-size:8px;
    font-weight:950;
    letter-spacing:.5px;
}
.rm56-role-top b{
    color:#fff;
    font-size:12px;
}
.rm56-role-card h2{
    margin:20px 0 10px;
    color:#fff;
    font-size:24px;
}
.rm56-role-card p,
.rm56-role-card li,
.rm56-role-card small{
    color:#aaa2b5;
    font-size:12px;
    line-height:1.55;
}
.rm56-role-card strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:12px;
}
.rm56-role-card ul{
    display:grid;
    gap:8px;
    margin:16px 0;
    padding:0;
    list-style:none;
}
.rm56-role-card li{
    position:relative;
    padding-left:15px;
}
.rm56-role-card li:before{
    position:absolute;
    left:0;
    top:8px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#69df8b;
    content:"";
}
.rm56-role-card small{
    display:block;
    margin-top:auto;
    padding-top:14px;
    border-top:1px solid rgba(155,142,190,.14);
}
.rm56-role-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}
.rm56-role-actions a{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:8px;
    background:#ef6d2a;
    color:#fff!important;
    font-size:9px;
    font-weight:950;
    text-decoration:none!important;
}
.rm56-role-actions a+a{
    border:1px solid rgba(105,223,139,.20);
    background:rgba(105,223,139,.08);
    color:#69df8b!important;
}
.rm56-roles-band{
    display:grid;
    grid-template-columns:390px minmax(0,1fr);
    gap:24px;
    margin-top:14px;
    padding:24px;
    border:1px solid rgba(239,109,42,.22);
    border-radius:14px;
    background:linear-gradient(135deg,rgba(239,109,42,.09),rgba(33,29,56,.64));
}
.rm56-roles-band span:first-child{
    color:#ff4c98;
    font-size:9px;
    font-weight:950;
    letter-spacing:.8px;
}
.rm56-roles-band h2{
    margin:8px 0 10px;
    color:#fff;
    font-size:26px;
}
.rm56-roles-band p{
    margin:0;
    color:#aaa2b5;
    font-size:13px;
    line-height:1.55;
}
.rm56-trusted-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-content:center;
}
.rm56-trusted-list span{
    display:inline-flex;
    min-height:38px;
    align-items:center;
    padding:0 13px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:999px;
    background:#171326;
    color:#fff;
    font-size:12px;
    font-weight:900;
}
.rm56-roadmap{
    margin-top:34px;
}
.rm56-roadmap-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.rm56-roadmap-grid article{
    min-height:150px;
    padding:18px;
    border:1px solid rgba(155,142,190,.20);
    border-radius:12px;
    background:#211d38;
}
.rm56-roadmap-grid b{
    display:block;
    color:#69df8b;
    font-size:12px;
}
.rm56-roadmap-grid strong{
    display:block;
    margin-top:14px;
    color:#fff;
    font-size:16px;
}
.rm56-roadmap-grid p{
    margin:9px 0 0;
    color:#aaa2b5;
    font-size:12px;
    line-height:1.5;
}
@media(max-width:1180px){
    .rm56-role-grid,.rm56-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rm56-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rm56-roles-hero,.rm56-roles-band{grid-template-columns:1fr}
}
@media(max-width:680px){
    .rm56-roles-page{padding:18px 14px 44px}
    .rm56-roles-hero{padding:22px}
    .rm56-roles-hero h1{font-size:32px}
    .rm56-compare{padding:18px}
    .rm56-compare-grid{grid-template-columns:1fr}
    .rm56-compare-grid article{min-height:0}
    .rm56-role-grid,.rm56-roadmap-grid{grid-template-columns:1fr}
    .rm56-role-card{min-height:0}
    .rm56-title-link{display:flex;margin:8px 0 0}
}

/* RustMods V57: live advertising placements for the public storefront. */
.rm57-ad-banner,.rm57-marketplace-ad{color:inherit;text-decoration:none}
.rm57-ad-banner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:stretch;margin:18px 0 32px;padding:22px;border:1px solid rgba(255,119,46,.32);border-radius:14px;background:radial-gradient(circle at 86% 15%,rgba(229,60,125,.18),transparent 35%),linear-gradient(110deg,#211a35,#171326);overflow:hidden;transition:border-color .2s,transform .2s}
.rm57-ad-banner:hover,.rm57-marketplace-ad:hover{border-color:#ff7132;transform:translateY(-2px)}
.rm57-ad-copy{display:flex;min-height:140px;flex-direction:column;align-items:flex-start;justify-content:center}
.rm57-ad-copy>span,.rm57-marketplace-ad-copy>span{color:#ff4c98;font-size:9px;font-weight:950;letter-spacing:.9px}
.rm57-ad-copy h3{margin:10px 0 7px;color:#fff;font-size:25px;line-height:1.1}
.rm57-ad-copy p,.rm57-marketplace-ad-copy p{max-width:620px;margin:0;color:#aaa2b5;font-size:13px;line-height:1.5}
.rm57-ad-copy b,.rm57-marketplace-ad-copy b{margin-top:16px;color:#69df8b;font-size:10px}
.rm57-ad-art{display:flex;min-height:140px;align-items:flex-end;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:radial-gradient(circle at 80% 22%,rgba(255,124,55,.65),transparent 24%),linear-gradient(135deg,#d22b78,#3f367c) center/cover no-repeat}
.rm57-ad-art span,.rm57-marketplace-ad-art span{padding:6px 8px;border-radius:5px;background:rgba(17,14,29,.8);color:#fff;font-size:8px;font-weight:950;letter-spacing:.8px}
.rm57-marketplace-ad{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:stretch;margin:18px 0 22px;padding:0;border:1px solid rgba(155,142,190,.2);border-radius:12px;background:#211d38;overflow:hidden;transition:border-color .2s,transform .2s}
.rm57-marketplace-ad-art{display:flex;min-height:150px;align-items:flex-start;padding:16px;background:radial-gradient(circle at 80% 25%,rgba(255,124,55,.42),transparent 27%),linear-gradient(135deg,#cb367b,#383370) center/cover no-repeat}
.rm57-marketplace-ad-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px 20px 20px 0}
.rm57-marketplace-ad-copy strong{margin:8px 0;color:#fff;font-size:20px;line-height:1.15}
@media(max-width:700px){
    .rm57-ad-banner{grid-template-columns:1fr;padding:16px}
    .rm57-ad-art{min-height:110px}
    .rm57-ad-copy h3{font-size:21px}
    .rm57-marketplace-ad{grid-template-columns:1fr}
    .rm57-marketplace-ad-art{min-height:105px}
    .rm57-marketplace-ad-copy{padding:16px}
}

/* RustMods V58 — public page cleanup and denser storefront layout. */
.rm52-store-page .rm52-store-hero{
    min-height:250px;
    padding:30px 34px;
}
.rm52-store-page .rm52-store-copy h1{
    max-width:640px;
    font-size:clamp(34px,3.25vw,46px);
    line-height:1.04;
}
.rm52-store-page .rm52-store-feature{
    max-width:500px;
    justify-self:end;
}
.rm52-store-page .rm52-store-feature-art{
    min-height:165px;
}
.rm54-role-products article{
    min-height:240px;
    padding:16px;
}
.rm52-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}
.rm52-product-cover{
    min-height:135px;
}
.rm52-product-info{
    padding:13px;
}
.rm52-product-info h3{
    font-size:13px;
    line-height:1.2;
}
.rm52-product-info p{
    display:-webkit-box;
    min-height:44px;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.rm52-partners-page .rm52-content{
    padding-top:26px;
}
@media(max-width:1450px){
    .rm52-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1180px){
    .rm52-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
    .rm52-store-page .rm52-store-feature{
        max-width:none;
        justify-self:stretch;
    }
    .rm52-product-grid{grid-template-columns:1fr}
}
