@font-face {
    font-family: "GM Stars Official";
    src: url("/assets/brand/fonts/gm-stars-official.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* Champion archive navigation: one dense surface instead of stacked cards. */
html.gm-stars-rift-redesign .build-champion-overview {
    display: block;
    margin: 12px 0 0;
}

html.gm-stars-rift-redesign .build-guide-tabs {
    position: sticky;
    z-index: 12;
    top: 8px;
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 6px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 17px;
    background: rgba(10, 14, 18, .94);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
    scrollbar-width: none;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

html.gm-stars-rift-redesign .build-guide-tabs::-webkit-scrollbar { display: none; }

html.gm-stars-rift-redesign .build-guide-tabs button {
    min-height: 42px;
    flex: 0 0 auto;
    padding: 0 18px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .035em;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

html.gm-stars-rift-redesign .build-guide-tabs button:hover {
    border-color: rgba(98, 207, 223, .18);
    background: rgba(98, 207, 223, .07);
    color: var(--rift-portal-text);
}

html.gm-stars-rift-redesign .build-guide-tabs button.active {
    border-color: rgba(232, 161, 31, .42);
    background: linear-gradient(135deg, rgba(232, 161, 31, .2), rgba(232, 161, 31, .07));
    color: var(--rift-portal-gold);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .05);
}

html.gm-stars-rift-redesign .build-guide-tabs button:focus-visible {
    outline: 2px solid var(--rift-portal-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .build-guide-panel {
    margin-top: 10px;
}

html.gm-stars-rift-redesign .build-guide-panel[hidden],
html.gm-stars-rift-redesign .build-guide-companion[hidden] {
    display: none !important;
}

html.gm-stars-rift-redesign .build-guide-panel.is-active {
    animation: build-guide-panel-in .22s ease both;
}

@keyframes build-guide-panel-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

html.gm-stars-rift-redesign .build-guide-kit-panel {
    display: grid;
    grid-template-columns: minmax(260px, .68fr) minmax(0, 1.32fr);
    gap: 10px;
}

html.gm-stars-rift-redesign .build-guide-loading,
html.gm-stars-rift-redesign .build-guide-empty {
    display: flex;
    min-height: 250px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 28px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 18px;
    background: linear-gradient(145deg, #121920, #0d1217);
    color: var(--rift-portal-muted);
    text-align: left;
}

html.gm-stars-rift-redesign .build-guide-loading > i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--rift-portal-cyan);
    box-shadow: 0 0 0 7px rgba(98, 207, 223, .08);
}

html.gm-stars-rift-redesign .build-guide-loading small,
html.gm-stars-rift-redesign .build-guide-empty small,
html.gm-stars-rift-redesign .build-guide-section-head small,
html.gm-stars-rift-redesign .build-guide-counter-group > header small,
html.gm-stars-rift-redesign .build-guide-plan-summary small,
html.gm-stars-rift-redesign .build-guide-phase small {
    color: var(--rift-portal-faint);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-guide-loading strong,
html.gm-stars-rift-redesign .build-guide-empty strong {
    display: block;
    margin-top: 4px;
    color: var(--rift-portal-text);
    font-size: 14px;
}

html.gm-stars-rift-redesign .build-guide-empty { flex-direction: column; text-align: center; }
html.gm-stars-rift-redesign .build-guide-empty p { max-width: 520px; margin: 2px 0 0; font-size: 12px; }

html.gm-stars-rift-redesign .build-guide-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 18px 18px 10px 10px;
    background:
        radial-gradient(circle at 82% 10%, rgba(98, 207, 223, .08), transparent 28%),
        linear-gradient(145deg, #151d24, #10161c);
}

html.gm-stars-rift-redesign .build-guide-section-head h2 {
    margin: 5px 0 0;
    color: var(--rift-portal-text);
    font-size: clamp(19px, 2vw, 25px);
}

html.gm-stars-rift-redesign .build-guide-section-head p {
    max-width: 760px;
    margin: 6px 0 0;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.55;
}

html.gm-stars-rift-redesign .build-guide-section-head > span {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid rgba(98, 207, 223, .22);
    border-radius: 999px;
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-guide-counter-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

html.gm-stars-rift-redesign .build-guide-counter-group {
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 16px;
    background: #10161c;
}

html.gm-stars-rift-redesign .build-guide-counter-group > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 17px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: rgba(255, 255, 255, .018);
}

html.gm-stars-rift-redesign .build-guide-counter-group > header h3 {
    margin: 3px 0 0;
    color: var(--rift-portal-text);
    font-size: 15px;
}

html.gm-stars-rift-redesign .build-guide-counter-group > header > span {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
}

html.gm-stars-rift-redesign .build-guide-counter-group > div { padding: 4px 14px; }

html.gm-stars-rift-redesign .build-guide-counter-item {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-guide-counter-item:last-child { border-bottom: 0; }
html.gm-stars-rift-redesign .build-guide-counter-item > span { width: 54px; height: 54px; overflow: hidden; border: 1px solid rgba(232, 161, 31, .32); border-radius: 13px; background: #090d11; }
html.gm-stars-rift-redesign .build-guide-counter-item > span img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-guide-counter-item > div { min-width: 0; }
html.gm-stars-rift-redesign .build-guide-counter-item small { color: var(--rift-portal-gold); font-family: var(--rift-ui); font-size: 10px; }
html.gm-stars-rift-redesign .build-guide-counter-item strong { display: block; margin-top: 2px; color: var(--rift-portal-text); font-size: 14px; }
html.gm-stars-rift-redesign .build-guide-counter-item p { margin: 4px 0 0; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; line-height: 1.45; }
html.gm-stars-rift-redesign .build-guide-counter-item > div > div { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
html.gm-stars-rift-redesign .build-guide-counter-item em { padding: 3px 6px; border-radius: 999px; background: rgba(98, 207, 223, .07); color: #a8bac7; font-family: var(--rift-ui); font-size: 9px; font-style: normal; }

html.gm-stars-rift-redesign .build-guide-disclaimer {
    margin-top: 10px;
    padding: 11px 14px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #0d1217;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 10px;
    line-height: 1.5;
}

html.gm-stars-rift-redesign .build-guide-plan-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

html.gm-stars-rift-redesign .build-guide-plan-summary > section {
    padding: 17px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 15px;
    background: #10161c;
}

html.gm-stars-rift-redesign .build-guide-plan-summary > section > strong { display: block; margin-top: 5px; color: var(--rift-portal-text); font-size: 16px; }
html.gm-stars-rift-redesign .build-guide-plan-summary > section > p { margin: 8px 0 0; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; line-height: 1.5; }
html.gm-stars-rift-redesign .build-guide-plan-summary section > div { display: grid; gap: 7px; margin-top: 12px; }
html.gm-stars-rift-redesign .build-guide-plan-summary section > div > span { display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 10px; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 10px; }
html.gm-stars-rift-redesign .build-guide-plan-summary span > i { display: flex; gap: 4px; }
html.gm-stars-rift-redesign .build-guide-plan-summary span > i > em { width: 32px; height: 4px; border-radius: 99px; background: #242d36; }
html.gm-stars-rift-redesign .build-guide-plan-summary span > i > em.is-on { background: linear-gradient(90deg, var(--rift-portal-gold), #f4c55f); }

html.gm-stars-rift-redesign .build-guide-phases {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

html.gm-stars-rift-redesign .build-guide-phase { padding: 16px; border: 1px solid var(--rift-portal-border-soft); border-radius: 15px; background: linear-gradient(150deg, #121920, #0e1419); }
html.gm-stars-rift-redesign .build-guide-phase header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
html.gm-stars-rift-redesign .build-guide-phase header > span { color: var(--rift-portal-gold); font-family: var(--rift-ui); font-size: 10px; }
html.gm-stars-rift-redesign .build-guide-phase > div { display: flex; gap: 7px; min-height: 46px; margin: 13px 0 10px; }
html.gm-stars-rift-redesign .build-guide-phase > div > span { width: 44px; height: 44px; overflow: hidden; border: 1px solid rgba(232, 161, 31, .3); border-radius: 11px; background: #090d11; }
html.gm-stars-rift-redesign .build-guide-phase img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-guide-phase > div > em { align-self: center; color: var(--rift-portal-faint); font-family: var(--rift-ui); font-size: 10px; font-style: normal; }
html.gm-stars-rift-redesign .build-guide-phase > strong { color: var(--rift-portal-text); font-family: var(--rift-ui); font-size: 11px; }

@media (max-width: 980px) {
    html.gm-stars-rift-redesign .build-guide-kit-panel,
    html.gm-stars-rift-redesign .build-guide-counter-groups { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    html.gm-stars-rift-redesign .build-guide-tabs { top: 5px; border-radius: 14px; }
    html.gm-stars-rift-redesign .build-guide-tabs button { min-height: 38px; padding: 0 14px; font-size: 11px; }
    html.gm-stars-rift-redesign .build-guide-section-head { flex-direction: column; padding: 17px; border-radius: 15px 15px 9px 9px; }
    html.gm-stars-rift-redesign .build-guide-plan-summary,
    html.gm-stars-rift-redesign .build-guide-phases { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-guide-counter-item { grid-template-columns: 48px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .build-guide-counter-item > span { width: 48px; height: 48px; border-radius: 11px; }
}

.rift-operator-refresh[hidden] { display: none !important; }
.rift-operator-refresh { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; text-align: left; }
.home-ranking-panel > .rift-operator-refresh { padding: 12px 22px; border-bottom: 1px solid rgba(106, 204, 219, .14); }
.builds-section-meta .rift-operator-refresh { max-width: min(360px, 100%); min-width: 0; }
html.gm-stars-rift-redesign .builds-index-page .builds-section-head:has([data-operator-refresh]:not([hidden])) { flex-wrap: wrap; }
html.gm-stars-rift-redesign .builds-index-page .builds-section-head .builds-section-meta:has([data-operator-refresh]:not([hidden])) { flex: 0 1 auto; max-width: 100%; }
.rift-operator-refresh button { display: inline-flex; align-items: center; gap: 9px; min-height: 42px; padding: 9px 15px; border: 1px solid rgba(236, 176, 40, .4); border-radius: 14px; background: linear-gradient(120deg, rgba(236, 176, 40, .10), rgba(99, 198, 216, .05)); color: #f3c253; font: 700 13px/1.3 var(--rift-body, sans-serif); cursor: pointer; }
.rift-operator-refresh button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.rift-operator-refresh button:hover:not(:disabled) { border-color: #f3c253; background-color: rgba(236, 176, 40, .08); }
.rift-operator-refresh button:focus-visible { outline: 2px solid #69cbd9; outline-offset: 3px; }
.rift-operator-refresh button:disabled { opacity: .65; cursor: default; }
.rift-operator-refresh small { flex: 1 1 200px; color: #aebcc5; font: 500 12px/1.5 var(--rift-body, sans-serif); }

/* Operator confirmation lives in the top layer, separate from match-detail modals. */
html.gm-stars-rift-redesign .rift-refresh-dialog {
    width: min(560px, calc(100% - 32px));
    max-height: calc(100% - 32px);
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 30px;
    overflow: auto;
    border: 1px solid rgba(105, 203, 217, .3);
    border-left: 3px solid #e8a11f;
    border-radius: 22px;
    background: linear-gradient(135deg, #142129, #0b1117 70%);
    color: #e7edf1;
    font: 500 15px/1.6 var(--rift-body, "Chakra Petch", sans-serif);
    text-align: left;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .65);
}
.rift-refresh-dialog::backdrop {
    background: rgba(3, 7, 10, .78);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.rift-refresh-dialog-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.rift-refresh-dialog-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid rgba(105, 203, 217, .3); border-radius: 13px; color: #69cbd9; background: rgba(105, 203, 217, .06); }
.rift-refresh-dialog svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.rift-refresh-dialog-eyebrow { color: #69cbd9; font-size: 10px; font-weight: 700; letter-spacing: .1em; line-height: 1.5; }
.rift-refresh-dialog button { font: 700 14px/1.3 var(--rift-body, "Chakra Petch", sans-serif); cursor: pointer; }
.rift-refresh-dialog .rift-refresh-dialog-close { display: grid; place-items: center; flex: 0 0 44px; height: 44px; margin-left: auto; padding: 0; border: 1px solid transparent; border-radius: 12px; color: #a7b7c2; background: transparent; }
.rift-refresh-dialog .rift-refresh-dialog-close:hover { color: #e7edf1; background: rgba(105, 203, 217, .08); }
html.gm-stars-rift-redesign .rift-refresh-dialog h2 { margin: 0 0 16px; color: #e7edf1; font: 400 clamp(21px, 4.8vw, 27px)/1.25 var(--rift-brand, "GM Stars Official", sans-serif); overflow-wrap: anywhere; }
.rift-refresh-dialog > p { margin: 0; color: #b4c1ca; font-size: 15px; line-height: 1.65; }
.rift-refresh-dialog-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 24px; padding: 16px 0; border-top: 1px solid rgba(105, 203, 217, .15); border-bottom: 1px solid rgba(105, 203, 217, .15); }
.rift-refresh-dialog-note > span { flex: 0 0 6px; height: 6px; margin-top: 8px; border-radius: 50%; background: #55c7ad; box-shadow: 0 0 0 4px rgba(85, 199, 173, .08); }
.rift-refresh-dialog-note p { margin: 0; color: #d6e3e8; font-size: 13px; line-height: 1.6; }
.rift-refresh-dialog-note small { display: block; margin-top: 4px; color: #91a4b1; font-size: 12px; }
.rift-refresh-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.rift-refresh-dialog-actions button { min-height: 46px; padding: 12px 18px; border: 1px solid rgba(105, 203, 217, .25); border-radius: 12px; background: #101a21; color: #c5d2db; }
.rift-refresh-dialog-actions button:hover { background: #1a2932; border-color: #69cbd9; }
.rift-refresh-dialog-actions [data-refresh-confirm] { display: inline-flex; align-items: center; justify-content: center; gap: 16px; border-color: rgba(232, 161, 31, .65); background: linear-gradient(125deg, rgba(232, 161, 31, .18), rgba(232, 161, 31, .08)); color: #f3c253; }
.rift-refresh-dialog-actions [data-refresh-confirm]:hover { border-color: #f3c253; background-color: rgba(232, 161, 31, .14); }
.rift-refresh-dialog button:focus-visible { outline: 2px solid #69cbd9; outline-offset: 3px; }
@media (max-width: 480px) {
    html.gm-stars-rift-redesign .rift-refresh-dialog { padding: 22px 20px; border-radius: 18px; }
    .rift-refresh-dialog-heading { gap: 10px; margin-bottom: 20px; }
    .rift-refresh-dialog-eyebrow { font-size: 9px; }
    .rift-refresh-dialog-actions { flex-direction: column-reverse; }
    .rift-refresh-dialog-actions button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign .build-guide-panel.is-active { animation: none; }
}

@font-face {
    font-family: "Anton";
    src: url("/assets/brand/fonts/anton-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Chakra Petch";
    src: url("/assets/brand/fonts/chakra-petch-400-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Chakra Petch";
    src: url("/assets/brand/fonts/chakra-petch-500-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Chakra Petch";
    src: url("/assets/brand/fonts/chakra-petch-600-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Chakra Petch";
    src: url("/assets/brand/fonts/chakra-petch-700-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

/*
 * GM Stars Rift — approved local visual system.
 * Visual-only layer: it deliberately leaves all data contracts and actions intact.
 */

html.gm-stars-rift-redesign {
    --rift-black: #0b0b0e;
    --rift-deep: #0f0f14;
    --rift-panel: #121218;
    --rift-panel-raised: #181820;
    --rift-panel-soft: #202029;
    --rift-line: #2a2a33;
    --rift-line-soft: #22222a;
    --rift-gold: #e8a11f;
    --rift-gold-soft: #c88918;
    --rift-cyan: #e8a11f;
    --rift-red: #e35a66;
    --rift-green: #54c5a2;
    --rift-text: #edeef2;
    --rift-muted: #b9bcc6;
    --rift-faint: #7d7f8b;
    --rift-brand: "GM Stars Official", "Chakra Petch", Anton, Impact, "Bahnschrift Condensed", "Arial Narrow", sans-serif;
    --rift-display: var(--rift-brand);
    --rift-ui: "Chakra Petch", Bahnschrift, "Segoe UI", sans-serif;
    color-scheme: dark;
    background: var(--rift-black);
}

html.gm-stars-rift-redesign body {
    background: var(--rift-black);
    color: var(--rift-text);
    font-family: var(--rift-ui);
}

html.gm-stars-rift-redesign h1,
html.gm-stars-rift-redesign h2,
html.gm-stars-rift-redesign h3,
html.gm-stars-rift-redesign .gm-brand-name,
html.gm-stars-rift-redesign .navbar-section-link,
html.gm-stars-rift-redesign .oprift-update,
html.gm-stars-rift-redesign .retry-btn,
html.gm-stars-rift-redesign .profile-unavailable-action,
html.gm-stars-rift-redesign .builds-primary-link,
html.gm-stars-rift-redesign .oprift-profile-tabs button,
html.gm-stars-rift-redesign .profile-champions-actions button {
    font-family: var(--rift-brand);
}

html.gm-stars-rift-redesign body::before {
    display: none;
}

html.gm-stars-rift-redesign body::after {
    display: none;
}

/* Navigation */
html.gm-stars-rift-redesign .navbar {
    min-height: 72px;
    padding: 12px max(28px, calc((100vw - 1320px) / 2));
    gap: 20px;
    border: 0;
    border-bottom: 1px solid var(--rift-line-soft);
    background: #0b0b0e;
    box-shadow: none;
}

html.gm-stars-rift-redesign .navbar .logo {
    width: 216px;
    flex-basis: 216px;
}

html.gm-stars-rift-redesign .gm-brand-mark {
    width: 46px;
    height: 46px;
}

html.gm-stars-rift-redesign .gm-brand-name {
    color: var(--rift-text);
    font-family: var(--rift-display);
    font-size: 20px;
    letter-spacing: .065em;
}

html.gm-stars-rift-redesign .gm-brand-name span { color: var(--rift-gold); }

html.gm-stars-rift-redesign .search-box {
    height: 44px;
    border: 1px solid var(--rift-line);
    border-radius: 0;
    background: var(--rift-panel);
    color: var(--rift-text);
    font-family: var(--rift-ui);
    font-weight: 600;
}

html.gm-stars-rift-redesign .search-box::placeholder { color: #6d7b85; }
html.gm-stars-rift-redesign .search-box:focus {
    border-color: var(--rift-gold);
    box-shadow: inset 0 -2px 0 var(--rift-gold);
}

html.gm-stars-rift-redesign .navbar-site-links {
    display: flex;
    align-items: center;
    gap: 22px;
}

html.gm-stars-rift-redesign .navbar-section-link,
html.gm-stars-rift-redesign .navbar-builds-link {
    color: var(--rift-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .05em;
    text-decoration: none;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .navbar-section-link:hover,
html.gm-stars-rift-redesign .navbar-section-link.active { color: var(--rift-gold); }

html.gm-stars-rift-redesign .navbar-builds-link,
html.gm-stars-rift-redesign .backend-status {
    min-height: 42px;
    border: 1px solid var(--rift-line);
    border-radius: 0;
    background: var(--rift-panel);
    color: var(--rift-muted);
    font-family: var(--rift-ui);
}

html.gm-stars-rift-redesign .navbar-builds-link:hover,
html.gm-stars-rift-redesign .navbar-builds-link.active {
    border-color: var(--rift-gold);
    background: var(--rift-gold);
    color: var(--rift-black);
}

html.gm-stars-rift-redesign .backend-status.working::before {
    background: var(--rift-gold);
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .1), 0 0 10px rgba(232, 161, 31, .22);
}

html.gm-stars-rift-redesign .backend-status.online::before {
    background: var(--rift-green);
    box-shadow: 0 0 0 3px rgba(84, 197, 162, .1), 0 0 10px rgba(84, 197, 162, .22);
}

html.gm-stars-rift-redesign .backend-status.offline::before {
    background: var(--rift-red);
    box-shadow: 0 0 0 3px rgba(227, 90, 102, .1), 0 0 10px rgba(227, 90, 102, .22);
}

html.gm-stars-rift-redesign .main-container {
    width: min(1240px, calc(100% - 44px));
    margin-top: 38px;
    margin-bottom: 70px;
}

/* Reusable surfaces and typography */
html.gm-stars-rift-redesign .oprift-panel,
html.gm-stars-rift-redesign .oprift-profile-card,
html.gm-stars-rift-redesign .profile-unavailable,
html.gm-stars-rift-redesign .capture-workshop,
html.gm-stars-rift-redesign .lookup-problem,
html.gm-stars-rift-redesign .builds-catalog-panel,
html.gm-stars-rift-redesign .build-data-panel,
html.gm-stars-rift-redesign .build-data-empty {
    border: 1px solid var(--rift-line);
    border-radius: 0;
    background: var(--rift-panel);
    color: var(--rift-text);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .24);
}

html.gm-stars-rift-redesign .oprift-panel::after,
html.gm-stars-rift-redesign .oprift-profile-card::after { border-radius: 0; }

html.gm-stars-rift-redesign h1,
html.gm-stars-rift-redesign .welcome-title,
html.gm-stars-rift-redesign .home-hero-copy h1,
html.gm-stars-rift-redesign .builds-hero h1,
html.gm-stars-rift-redesign .build-detail-hero h1,
html.gm-stars-rift-redesign .build-source-intro strong,
html.gm-stars-rift-redesign .build-data-empty h2 {
    font-family: var(--rift-display);
    font-weight: 400;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .oprift-update,
html.gm-stars-rift-redesign .retry-btn,
html.gm-stars-rift-redesign .profile-unavailable-action,
html.gm-stars-rift-redesign .builds-primary-link {
    min-height: 42px;
    border: 1px solid var(--rift-gold);
    border-radius: 0;
    background: var(--rift-gold);
    color: #111217;
    font-family: var(--rift-brand);
    font-weight: 800;
    letter-spacing: .05em;
    box-shadow: 7px 7px 0 rgba(242, 170, 22, .12);
}

html.gm-stars-rift-redesign .oprift-update:hover,
html.gm-stars-rift-redesign .retry-btn:hover,
html.gm-stars-rift-redesign .profile-unavailable-action:hover,
html.gm-stars-rift-redesign .builds-primary-link:hover {
    background: #ffc044;
    transform: translate(-1px, -1px);
}

/* Home */
html.gm-stars-rift-redesign .home-discovery {
    --home-ink: var(--rift-text);
    --home-teal: var(--rift-gold);
    --home-teal-soft: #2a2112;
    --home-gold: var(--rift-gold);
    --home-paper: var(--rift-deep);
    padding: 0;
    border: 0;
    background: var(--rift-black);
    box-shadow: none;
    font-family: var(--rift-ui);
}

html.gm-stars-rift-redesign .home-discovery-hero {
    min-height: 520px;
    border: 0;
    border-bottom: 2px solid var(--rift-gold);
    background: var(--rift-black);
}

html.gm-stars-rift-redesign .home-discovery-hero::after { display: none; }
html.gm-stars-rift-redesign .home-hero-copy { padding: 64px 52px; background: var(--rift-black); }
html.gm-stars-rift-redesign .home-kicker { color: var(--rift-gold); }
html.gm-stars-rift-redesign .home-kicker {
    padding: 8px 14px;
    border: 1px solid var(--rift-line);
    background: var(--rift-panel);
    font-family: var(--rift-ui);
}
html.gm-stars-rift-redesign .home-kicker i { width: 7px; height: 7px; background: var(--rift-gold); }
html.gm-stars-rift-redesign .home-hero-copy h1 { color: var(--rift-text); }
html.gm-stars-rift-redesign .home-hero-copy h1 {
    margin: 24px 0 18px;
    font-size: clamp(62px, 7vw, 92px);
    line-height: .9;
    letter-spacing: .025em;
}
html.gm-stars-rift-redesign .home-hero-copy h1 em { color: var(--rift-gold); font-style: normal; }
html.gm-stars-rift-redesign .home-hero-copy > p { max-width: 600px; color: var(--rift-muted); font-size: 16px; line-height: 1.65; }

html.gm-stars-rift-redesign .home-search-action {
    width: min(430px, 100%);
    min-height: 54px;
    border: 1px solid var(--rift-gold);
    border-radius: 0;
    background: var(--rift-gold);
    color: var(--rift-black);
    box-shadow: 6px 6px 0 rgba(232, 161, 31, .22);
}

html.gm-stars-rift-redesign .home-search-action b,
html.gm-stars-rift-redesign .home-search-action i { color: var(--rift-black); }
html.gm-stars-rift-redesign .home-search-action:hover { border-color: #fff; background: #fff; box-shadow: 6px 6px 0 rgba(255,255,255,.18); }
html.gm-stars-rift-redesign .home-rift-board {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 44px 36px;
    border-left: 1px solid var(--rift-line-soft);
    background: var(--rift-black);
    text-align: center;
}

html.gm-stars-rift-redesign .home-rift-board::before,
html.gm-stars-rift-redesign .home-rift-board::after { display: none; }
html.gm-stars-rift-redesign .home-board-logo { position: relative; top: auto; right: auto; width: min(330px, 82%); margin: 0 auto 22px; }
html.gm-stars-rift-redesign .home-board-label { color: var(--rift-gold); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .home-board-number { margin-top: 18px; color: var(--rift-text); font-family: var(--rift-display); font-size: 62px; letter-spacing: .02em; }
html.gm-stars-rift-redesign .home-board-copy { margin-top: 13px; }
html.gm-stars-rift-redesign .home-board-copy b { color: var(--rift-text); }
html.gm-stars-rift-redesign .home-board-copy span,
html.gm-stars-rift-redesign .home-board-split span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-board-split { width: 100%; border-color: var(--rift-line); }
html.gm-stars-rift-redesign .home-board-split b { color: var(--rift-gold); font-family: var(--rift-ui); }

html.gm-stars-rift-redesign .home-discovery-grid { gap: 22px; margin-top: 42px; }
html.gm-stars-rift-redesign .home-ranking-panel,
html.gm-stars-rift-redesign .home-spotlight-panel {
    overflow: hidden;
    border: 1px solid var(--rift-line);
    border-radius: 0;
    background: var(--rift-panel);
    color: var(--rift-text);
    box-shadow: none;
}

html.gm-stars-rift-redesign .home-ranking-panel { border-top: 3px solid var(--rift-gold); }
html.gm-stars-rift-redesign .home-spotlight-panel { border-top: 3px solid var(--rift-gold); }
html.gm-stars-rift-redesign .home-panel-head,
html.gm-stars-rift-redesign .home-ranking-tabs,
html.gm-stars-rift-redesign .home-ranking-columns,
html.gm-stars-rift-redesign .home-ranking-toolbar,
html.gm-stars-rift-redesign .home-side-note { border-color: var(--rift-line); background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .home-panel-head h2,
html.gm-stars-rift-redesign .home-ranking-empty b { color: var(--rift-text); font-family: var(--rift-display); text-transform: uppercase; }
html.gm-stars-rift-redesign .home-panel-head h2 { font-family: var(--rift-display); font-size: 28px; font-weight: 400; letter-spacing: .035em; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-panel-head > div:first-child > span { color: var(--rift-gold); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .home-panel-head span,
html.gm-stars-rift-redesign .home-preview-source,
html.gm-stars-rift-redesign .home-ranking-note,
html.gm-stars-rift-redesign .home-ranking-empty span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-ranking-tab { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-ranking-tabs button { color: var(--rift-muted); font-family: var(--rift-ui); text-transform: uppercase; }
html.gm-stars-rift-redesign .home-ranking-tabs button.active { color: var(--rift-gold); }
html.gm-stars-rift-redesign .home-ranking-tabs button.active::after { background: var(--rift-gold); }
html.gm-stars-rift-redesign .home-region-chip { border-color: var(--rift-line); color: var(--rift-muted); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .home-ranking-caption { color: var(--rift-faint); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .home-ranking-list { border-color: var(--rift-line); }
html.gm-stars-rift-redesign .home-ranking-row,
html.gm-stars-rift-redesign .home-recent-player { border-color: var(--rift-line-soft); background: var(--rift-panel); color: var(--rift-text); }
html.gm-stars-rift-redesign .home-ranking-row:hover,
html.gm-stars-rift-redesign .home-recent-player:hover { background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .home-ranking-row::before { background: var(--rift-line); }
html.gm-stars-rift-redesign .home-ranking-row::after { border-color: var(--rift-panel); background: var(--rift-gold); box-shadow: 0 0 0 1px var(--rift-gold); }
html.gm-stars-rift-redesign .home-ranking-position,
html.gm-stars-rift-redesign .home-ranking-player small,
html.gm-stars-rift-redesign .home-ranking-open { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-ranking-player strong,
html.gm-stars-rift-redesign .home-ranking-rank,
html.gm-stars-rift-redesign .home-ranking-rank b { color: var(--rift-text); }
html.gm-stars-rift-redesign .home-ranking-avatar,
html.gm-stars-rift-redesign .home-spotlight-avatar { border-color: var(--rift-gold); border-radius: 0; background: var(--rift-panel-soft); color: var(--rift-gold); }
html.gm-stars-rift-redesign .home-ranking-note { border-color: var(--rift-line); background: var(--rift-deep); }
html.gm-stars-rift-redesign .home-panel-head.compact > b { border-color: var(--rift-gold); background: var(--rift-gold); color: var(--rift-black); }
html.gm-stars-rift-redesign .home-side-note { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-spotlight-player { border-color: var(--rift-line-soft); color: var(--rift-text); }
html.gm-stars-rift-redesign .home-spotlight-player:hover { background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .home-spotlight-player > span strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .home-spotlight-player > span small,
html.gm-stars-rift-redesign .home-spotlight-player > b small { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-spotlight-player > b { color: var(--rift-gold); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .home-recent-panel {
    overflow: hidden;
    border: 1px solid var(--rift-line);
    border-top: 3px solid var(--rift-gold);
    background: var(--rift-panel);
    color: var(--rift-text);
}
html.gm-stars-rift-redesign .home-recent-panel .home-panel-head.compact > b {
    border-color: var(--rift-gold);
    background: var(--rift-gold);
    color: var(--rift-black);
    font-family: var(--rift-ui);
}
html.gm-stars-rift-redesign .home-recent-player > span strong {
    color: var(--rift-text);
    font-size: 13px;
    font-weight: 700;
}
html.gm-stars-rift-redesign .home-recent-player > span small {
    color: var(--rift-muted);
    font-size: 11px;
}
html.gm-stars-rift-redesign .home-recent-player > b {
    color: var(--rift-muted);
    font-family: var(--rift-ui);
    font-size: 9px;
    font-weight: 600;
}
html.gm-stars-rift-redesign .home-recent-player > i { color: var(--rift-gold); }
html.gm-stars-rift-redesign .home-recent-avatar {
    border-color: var(--rift-gold);
    border-radius: 0;
    background: var(--rift-panel-soft);
    color: var(--rift-gold);
}
html.gm-stars-rift-redesign .home-recent-empty { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-recent-empty b { color: var(--rift-text); }
html.gm-stars-rift-redesign .home-public-note { border-color: var(--rift-line); border-left-color: var(--rift-gold); background: var(--rift-panel); color: var(--rift-text); }
html.gm-stars-rift-redesign .home-public-note::after { display: none; }
html.gm-stars-rift-redesign .home-public-note > span { color: var(--rift-gold); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .home-public-note h3 { color: var(--rift-text); font-family: var(--rift-display); font-weight: 400; letter-spacing: .035em; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-public-note p { color: var(--rift-muted); }
html.gm-stars-rift-redesign .home-public-note div { color: var(--rift-text); }
html.gm-stars-rift-redesign .home-preview-source i,
html.gm-stars-rift-redesign .home-public-note div i { border-radius: 0; background: var(--rift-gold); box-shadow: none; }

/* Profile identity and competitive overview */
html.gm-stars-rift-redesign .oprift-page { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-profile-card {
    min-height: 152px;
    padding: 28px 28px 28px 34px;
    overflow: hidden;
    border-top: 3px solid var(--rift-gold);
    border-left: 4px solid var(--rift-cyan);
    background: var(--rift-panel);
}

html.gm-stars-rift-redesign .oprift-profile-card::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -180px;
    top: -205px;
    border: 1px solid rgba(242, 170, 22, .16);
    transform: rotate(35deg);
    pointer-events: none;
}

html.gm-stars-rift-redesign .oprift-profile-accent { background: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-profile-avatar {
    border: 2px solid var(--rift-gold);
    border-radius: 3px;
    background: var(--rift-panel-soft);
    box-shadow: 8px 8px 0 rgba(37, 173, 188, .13);
}

html.gm-stars-rift-redesign .oprift-eyebrow { color: var(--rift-cyan); letter-spacing: .15em; }
html.gm-stars-rift-redesign .oprift-identity h1 {
    color: var(--rift-text);
    font-size: clamp(34px, 4vw, 52px);
    line-height: .98;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign .oprift-identity h1 span { color: var(--rift-muted); font-family: var(--rift-ui); font-size: .45em; font-weight: 600; }
html.gm-stars-rift-redesign .oprift-identity p { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-identity p i { background: var(--rift-gold); }

html.gm-stars-rift-redesign .oprift-layout { gap: 14px; }
html.gm-stars-rift-redesign .oprift-sidebar,
html.gm-stars-rift-redesign .oprift-main { gap: 14px; }

html.gm-stars-rift-redesign .oprift-panel > header,
html.gm-stars-rift-redesign .oprift-history-head,
html.gm-stars-rift-redesign .oprift-seasons-head,
html.gm-stars-rift-redesign .oprift-complete-stats-head {
    border-color: var(--rift-line);
    background: var(--rift-panel-raised) !important;
    background-image: none !important;
}

html.gm-stars-rift-redesign .oprift-panel h2,
html.gm-stars-rift-redesign .oprift-panel header h2,
html.gm-stars-rift-redesign .oprift-seasons-head h2,
html.gm-stars-rift-redesign .oprift-complete-stats-head h2 { color: var(--rift-text) !important; }
html.gm-stars-rift-redesign .oprift-panel:not(.oprift-overview) > header::after {
    width: 42px;
    background: var(--rift-gold);
}
html.gm-stars-rift-redesign .oprift-panel:not(.oprift-overview) > header h2::before {
    border-color: var(--rift-gold);
    background: var(--rift-gold);
    box-shadow: inset 0 0 0 2px var(--rift-panel-raised);
}
html.gm-stars-rift-redesign .oprift-panel header span,
html.gm-stars-rift-redesign .oprift-current-season-badge,
html.gm-stars-rift-redesign .oprift-complete-stats-head > span { color: var(--rift-muted); }

html.gm-stars-rift-redesign .oprift-current-season-badge {
    border-color: var(--rift-line);
    background: var(--rift-deep);
}

html.gm-stars-rift-redesign .oprift-rank-mode-label,
html.gm-stars-rift-redesign .oprift-stat-section-label { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .oprift-rank-mode-label {
    border-color: var(--rift-line);
    background: var(--rift-deep);
}
html.gm-stars-rift-redesign .oprift-rank-divider { border-color: var(--rift-line); }
html.gm-stars-rift-redesign .oprift-rank-block strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-rank-block p { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-record { border-color: var(--rift-line); background: var(--rift-deep); }
html.gm-stars-rift-redesign .oprift-donut::before { background: var(--rift-deep); }
html.gm-stars-rift-redesign .oprift-donut {
    background: conic-gradient(var(--rift-gold) calc(var(--rate) * 1%), var(--rift-red) 0);
}
html.gm-stars-rift-redesign .oprift-donut strong,
html.gm-stars-rift-redesign .oprift-record-copy b { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-donut span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-record-copy i { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .oprift-record-copy em { color: var(--rift-red); }

html.gm-stars-rift-redesign .champion-row { border-color: var(--rift-line-soft); background: var(--rift-panel); }
html.gm-stars-rift-redesign .champion-row:hover { background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .champion-name,
html.gm-stars-rift-redesign .champion-kda { color: var(--rift-text); }
html.gm-stars-rift-redesign .champion-games,
html.gm-stars-rift-redesign .champion-stats-line { color: var(--rift-muted); }

html.gm-stars-rift-redesign .oprift-overview {
    display: grid;
    grid-template-columns: 1fr 1fr .8fr;
    gap: 1px;
    padding: 1px;
    border-top: 3px solid var(--rift-gold);
    background: var(--rift-line);
}

html.gm-stars-rift-redesign .oprift-rank-snapshot,
html.gm-stars-rift-redesign .oprift-recent-form {
    min-height: 122px;
    border: 0;
    background: var(--rift-panel) !important;
    background-image: none !important;
}
html.gm-stars-rift-redesign .oprift-rank-snapshot.normal { border-color: var(--rift-line); }
html.gm-stars-rift-redesign .oprift-rank-snapshot,
html.gm-stars-rift-redesign .oprift-rank-snapshot.legendary { border-color: var(--rift-line); box-shadow: inset 0 -2px 0 var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-rank-snapshot.legendary { background: var(--rift-panel) !important; }
html.gm-stars-rift-redesign .oprift-overview > .oprift-rank-snapshot.legendary { border-color: var(--rift-line); }
html.gm-stars-rift-redesign .oprift-rank-snapshot-copy span,
html.gm-stars-rift-redesign .oprift-form-head span { color: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-rank-snapshot-copy strong,
html.gm-stars-rift-redesign .oprift-form-score strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-rank-snapshot.legendary .oprift-rank-snapshot-copy > strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-rank-snapshot-copy small,
html.gm-stars-rift-redesign .oprift-rank-snapshot-copy small i,
html.gm-stars-rift-redesign .oprift-form-head small { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-rank-snapshot-copy small b,
html.gm-stars-rift-redesign .oprift-rank-snapshot.legendary .oprift-rank-snapshot-copy > small b { color: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-form-score strong i { color: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-form-score strong em { color: var(--rift-red); }
html.gm-stars-rift-redesign .oprift-form-track { background: #321c21; }
html.gm-stars-rift-redesign .oprift-form-track i { background: var(--rift-cyan); }

/* Season and full statistics */
html.gm-stars-rift-redesign .oprift-season-body,
html.gm-stars-rift-redesign .oprift-complete-stats-body { background: var(--rift-line); }
html.gm-stars-rift-redesign .oprift-season-body::before,
html.gm-stars-rift-redesign .oprift-complete-stats-body::before { background: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-season-mode,
html.gm-stars-rift-redesign .oprift-queue-stats,
html.gm-stars-rift-redesign .oprift-queue-stats.legendary {
    background: var(--rift-panel);
    color: var(--rift-text);
}
html.gm-stars-rift-redesign .oprift-season-mode.legendary,
html.gm-stars-rift-redesign .oprift-queue-stats.legendary { background: var(--rift-panel); }
html.gm-stars-rift-redesign .oprift-season-mode.legendary .oprift-season-mode-head .oprift-rank-art { border-color: var(--rift-gold); color: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-queue-stats.legendary .oprift-queue-stats-title i { border-color: var(--rift-gold); }
html.gm-stars-rift-redesign .oprift-season-mode-head,
html.gm-stars-rift-redesign .oprift-queue-stats-title { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-season-mode > strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-season-mode > p,
html.gm-stars-rift-redesign .oprift-season-metrics span,
html.gm-stars-rift-redesign .oprift-queue-stats-title span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-season-metrics,
html.gm-stars-rift-redesign .oprift-queue-record { border-color: var(--rift-line); background: var(--rift-deep); }
html.gm-stars-rift-redesign .oprift-season-metrics > div,
html.gm-stars-rift-redesign .oprift-queue-record > div { border-color: var(--rift-line); }
html.gm-stars-rift-redesign .oprift-season-metrics strong,
html.gm-stars-rift-redesign .oprift-queue-record strong,
html.gm-stars-rift-redesign .oprift-performance-grid strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-queue-record span,
html.gm-stars-rift-redesign .oprift-performance-grid span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-achievement-grid > div {
    border-color: var(--rift-line);
    border-top-color: var(--rift-gold);
    background: var(--rift-panel-raised);
}
html.gm-stars-rift-redesign .oprift-achievement-grid strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-achievement-grid span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .oprift-performance-grid > div { border-color: var(--rift-line-soft); }

/* Match history */
html.gm-stars-rift-redesign .oprift-filters button {
    border: 1px solid var(--rift-line);
    border-radius: 0;
    background: var(--rift-panel);
    color: var(--rift-muted);
    font-family: var(--rift-brand);
}
html.gm-stars-rift-redesign .oprift-filters button:hover { border-color: var(--rift-cyan); color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-filters button.active { border-color: var(--rift-cyan); background: var(--rift-cyan); color: #081318; }
html.gm-stars-rift-redesign .oprift-history-panel .match-list { gap: 7px; padding: 8px; }
html.gm-stars-rift-redesign .match-item,
html.gm-stars-rift-redesign .match-item.defeat {
    border: 1px solid var(--rift-line);
    border-left: 4px solid var(--rift-cyan);
    border-radius: 0;
    background: #102126;
    color: var(--rift-text);
}
html.gm-stars-rift-redesign .match-item.defeat { border-left-color: var(--rift-red); background: #24181b; }
html.gm-stars-rift-redesign .match-item:hover { background: #142a30; filter: none; }
html.gm-stars-rift-redesign .match-item.defeat:hover { background: #2b1b1f; }
html.gm-stars-rift-redesign .match-summary[aria-expanded="true"],
html.gm-stars-rift-redesign .match-entry.defeat .match-summary[aria-expanded="true"] {
    border-color: var(--rift-line);
    border-left-color: var(--rift-cyan);
    border-radius: 0;
    background: var(--rift-panel-raised);
}
html.gm-stars-rift-redesign .match-entry.defeat .match-summary[aria-expanded="true"] { border-left-color: var(--rift-red); }
html.gm-stars-rift-redesign .match-result-summary { border-color: rgba(37, 173, 188, .28); }
html.gm-stars-rift-redesign .match-entry.defeat .match-result-summary { border-color: rgba(227, 90, 102, .28); }
html.gm-stars-rift-redesign .match-result-summary strong { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .match-result-summary.defeat strong { color: var(--rift-red); }
html.gm-stars-rift-redesign .match-result-summary span,
html.gm-stars-rift-redesign .match-result-summary small,
html.gm-stars-rift-redesign .match-meta,
html.gm-stars-rift-redesign .match-kda small,
html.gm-stars-rift-redesign .match-economy span,
html.gm-stars-rift-redesign .match-detail-hint span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .match-champ-name,
html.gm-stars-rift-redesign .kda-text,
html.gm-stars-rift-redesign .match-economy strong { color: var(--rift-text) !important; }
html.gm-stars-rift-redesign .match-detail-hint small { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .match-chevron { border-color: var(--rift-muted); }
html.gm-stars-rift-redesign .match-performance-badges b {
    border-color: #6e592c;
    border-radius: 2px;
    background: #2b2518;
    color: #f4c96d;
}
html.gm-stars-rift-redesign .match-performance-badges .is-svp { border-color: #665083; background: #241f31; color: #c5abe8; }
html.gm-stars-rift-redesign .match-performance-badges .is-grade-s,
html.gm-stars-rift-redesign .match-performance-badges .is-grade-a,
html.gm-stars-rift-redesign .match-performance-badges .is-rank-change { border-color: #285b64; background: #142b31; color: #62c8d4; }

html.gm-stars-rift-redesign .match-inline-detail,
html.gm-stars-rift-redesign .match-entry.defeat .match-inline-detail {
    border-color: var(--rift-line);
    border-radius: 0;
    background: var(--rift-deep);
    box-shadow: inset 4px 0 0 var(--rift-cyan);
}
html.gm-stars-rift-redesign .match-entry.defeat .match-inline-detail { box-shadow: inset 4px 0 0 var(--rift-red); }
html.gm-stars-rift-redesign .match-detail-toolbar,
html.gm-stars-rift-redesign .match-team-block > header,
html.gm-stars-rift-redesign .match-team-column-head { border-color: var(--rift-line); background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .match-detail-toolbar strong,
html.gm-stars-rift-redesign .match-team-block > header strong,
html.gm-stars-rift-redesign .match-team-identity strong,
html.gm-stars-rift-redesign .match-detail-score strong,
html.gm-stars-rift-redesign .match-detail-gold strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .match-detail-toolbar > div span,
html.gm-stars-rift-redesign .match-team-column-head,
html.gm-stars-rift-redesign .match-team-identity small,
html.gm-stars-rift-redesign .match-detail-score span,
html.gm-stars-rift-redesign .match-detail-gold span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .match-team-tables { background: var(--rift-deep); }
html.gm-stars-rift-redesign .match-team-block { border-color: var(--rift-line); background: var(--rift-panel); }
html.gm-stars-rift-redesign .match-team-block.allied > header strong { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .match-team-block.enemy > header strong { color: var(--rift-red); }
html.gm-stars-rift-redesign .match-team-player,
html.gm-stars-rift-redesign .match-team-rune-player,
html.gm-stars-rift-redesign .match-team-stat-player { border-color: var(--rift-line-soft); background: var(--rift-panel); }
html.gm-stars-rift-redesign .match-team-player.is-current-player,
html.gm-stars-rift-redesign .match-team-rune-player.is-current-player,
html.gm-stars-rift-redesign .match-team-stat-player.is-current-player { background: #14282d; box-shadow: inset 3px 0 0 var(--rift-cyan); }
html.gm-stars-rift-redesign .match-team-player.is-pending,
html.gm-stars-rift-redesign .match-team-rune-player.is-pending,
html.gm-stars-rift-redesign .match-team-stat-player.is-pending { background: #10171d; opacity: .62; }
html.gm-stars-rift-redesign .match-team-stat-metric { border-color: var(--rift-line-soft); background: var(--rift-deep); }
html.gm-stars-rift-redesign .match-team-placeholder-icon { border-color: var(--rift-line); background: var(--rift-deep); }
html.gm-stars-rift-redesign .match-asset-icon {
    border-color: #40505a;
    background: var(--rift-deep);
    color: var(--rift-muted);
    box-shadow: none;
}
html.gm-stars-rift-redesign .match-asset-icon.is-unresolved { background: var(--rift-panel-soft); color: var(--rift-muted); }
html.gm-stars-rift-redesign .match-asset-hover-trigger {
    cursor: help;
    transition: border-color .14s ease, box-shadow .14s ease;
}
html.gm-stars-rift-redesign .match-asset-hover-trigger:hover {
    z-index: 1;
    border-color: var(--rift-gold);
    box-shadow: 0 0 0 2px rgba(215, 169, 70, .18);
}

/* Builds catalog and champion detail */
html.gm-stars-rift-redesign .builds-page {
    --build-paper: var(--rift-panel);
    --build-ink: var(--rift-text);
    color: var(--rift-text);
}
html.gm-stars-rift-redesign .builds-hero,
html.gm-stars-rift-redesign .build-detail-hero {
    border: 0;
    border-bottom: 2px solid var(--rift-gold);
    background: var(--rift-black);
    color: var(--rift-text);
    box-shadow: none;
}
html.gm-stars-rift-redesign .builds-hero::after { display: none; }
html.gm-stars-rift-redesign .builds-kicker { color: var(--rift-gold); }
html.gm-stars-rift-redesign .builds-hero h1,
html.gm-stars-rift-redesign .build-detail-hero h1 { color: var(--rift-text); }
html.gm-stars-rift-redesign .builds-hero h1 em { color: var(--rift-gold); }
html.gm-stars-rift-redesign .builds-hero-copy p,
html.gm-stars-rift-redesign .build-detail-hero p { color: var(--rift-muted); }
html.gm-stars-rift-redesign .builds-consensus-preview,
html.gm-stars-rift-redesign .build-detail-season,
html.gm-stars-rift-redesign .builds-back-link { border-color: var(--rift-line); background: var(--rift-deep); color: var(--rift-muted); }
html.gm-stars-rift-redesign .builds-consensus-preview b { color: var(--rift-gold); }
html.gm-stars-rift-redesign .builds-consensus-preview b i { color: var(--rift-faint); }
html.gm-stars-rift-redesign .builds-catalog-panel { border-top: 3px solid var(--rift-gold); }

html.gm-stars-rift-redesign .builds-constructor-promo {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 18px 0;
    padding: 26px 30px;
    border: 1px dashed rgba(232, 161, 31, .55);
    border-radius: 20px;
    background:
        radial-gradient(circle at 85% 8%, rgba(98, 207, 223, .10), transparent 28rem),
        linear-gradient(122deg, rgba(232, 161, 31, .08), transparent 42%),
        rgba(15, 19, 25, .88);
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
html.gm-stars-rift-redesign .builds-constructor-copy { flex: 1 1 320px; min-width: 0; }
html.gm-stars-rift-redesign .builds-constructor-copy > span {
    display: block;
    margin-bottom: 8px;
    color: #62cfdf;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign .builds-constructor-copy h2 {
    margin: 0 0 8px;
    color: #f2f5f7;
    font-family: var(--rift-brand, inherit);
    font-size: 26px;
    line-height: 1.1;
}
html.gm-stars-rift-redesign .builds-constructor-copy p {
    max-width: 62ch;
    margin: 0;
    color: #a8b0ba;
    font-size: 14px;
    line-height: 1.55;
}
html.gm-stars-rift-redesign .builds-constructor-cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 20px;
    border: 1px solid #e8a11f;
    border-radius: 999px;
    background: #e8a11f;
    color: #111217;
    font-weight: 800;
    letter-spacing: .03em;
    text-decoration: none;
    white-space: nowrap;
}
html.gm-stars-rift-redesign .builds-constructor-cta:hover { background: #ffc044; }
@media (max-width: 720px) {
    html.gm-stars-rift-redesign .builds-constructor-promo { padding: 20px; }
}
html.gm-stars-rift-redesign .builds-section-head,
html.gm-stars-rift-redesign .builds-toolbar { border-color: var(--rift-line); background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .builds-section-head h2 { color: var(--rift-text); }
html.gm-stars-rift-redesign .builds-section-head div > span { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .builds-section-head > b { border-color: var(--rift-line); color: var(--rift-muted); }
html.gm-stars-rift-redesign .builds-search { border-color: var(--rift-line); background: var(--rift-deep); }
html.gm-stars-rift-redesign .builds-search input { color: var(--rift-text); }
html.gm-stars-rift-redesign .builds-lanes button { border-color: var(--rift-line); background: var(--rift-panel); color: var(--rift-muted); }
html.gm-stars-rift-redesign .builds-lanes button:hover,
html.gm-stars-rift-redesign .builds-lanes button.active { border-color: var(--rift-gold); background: var(--rift-gold); color: #121319; }
html.gm-stars-rift-redesign .builds-champion-grid {
    grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
    gap: 10px;
    padding: 18px;
    background: var(--rift-deep);
}
html.gm-stars-rift-redesign .builds-champion-card {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-content: center;
    gap: 10px;
    min-height: 146px;
    padding: 13px 9px 11px;
    border-color: var(--rift-line-soft);
    border-left: 1px solid var(--rift-line-soft);
    background: var(--rift-panel);
    color: var(--rift-text);
    text-align: center;
}
html.gm-stars-rift-redesign .builds-champion-card::after,
html.gm-stars-rift-redesign .builds-champion-card:hover::after {
    display: none;
    background: none;
}
html.gm-stars-rift-redesign .builds-champion-card:hover {
    border-color: var(--rift-gold);
    background: var(--rift-panel-raised);
    box-shadow: none;
    transform: translateY(-2px);
}
html.gm-stars-rift-redesign .builds-champion-icon {
    width: 70px;
    height: 70px;
    border: 2px solid var(--rift-gold);
    background: var(--rift-deep);
}
html.gm-stars-rift-redesign .builds-champion-card > span { width: 100%; min-width: 0; }
html.gm-stars-rift-redesign .builds-champion-card strong {
    color: var(--rift-text);
    font-size: 14px;
    line-height: 1.2;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}
html.gm-stars-rift-redesign .builds-champion-card small {
    display: block;
    margin-top: 6px;
    color: var(--rift-muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.35;
    overflow: visible;
    text-overflow: clip;
    text-transform: uppercase;
    white-space: normal;
}
html.gm-stars-rift-redesign .builds-champion-card > i { display: none; }
html.gm-stars-rift-redesign .builds-champion-card:focus-visible {
    outline: 2px solid var(--rift-cyan);
    outline-offset: 3px;
}

html.gm-stars-rift-redesign .build-data-panel { border-bottom: 4px solid var(--rift-cyan); }
html.gm-stars-rift-redesign .build-source-header,
html.gm-stars-rift-redesign .build-source-intro { border-color: var(--rift-line); background: var(--rift-panel-raised); }
html.gm-stars-rift-redesign .build-source-header > small { color: var(--rift-muted); }
html.gm-stars-rift-redesign .build-source-tabs button { color: var(--rift-muted); }
html.gm-stars-rift-redesign .build-source-tabs button:hover,
html.gm-stars-rift-redesign .build-source-tabs button.active { color: var(--rift-text); }
html.gm-stars-rift-redesign .build-source-tabs button.active::after { background: var(--rift-cyan); }
html.gm-stars-rift-redesign .build-source-intro strong { color: var(--rift-gold); }
html.gm-stars-rift-redesign .build-source-intro p { color: var(--rift-muted); }
html.gm-stars-rift-redesign .build-loadout-list { background: var(--rift-line); }
html.gm-stars-rift-redesign .build-loadout-card { background: var(--rift-panel); }
html.gm-stars-rift-redesign .build-loadout-card > header { border-color: var(--rift-gold); background: var(--rift-panel); }
html.gm-stars-rift-redesign .build-loadout-card h3 { color: var(--rift-text); }
html.gm-stars-rift-redesign .build-loadout-card > header small,
html.gm-stars-rift-redesign .build-loadout-rate small { color: var(--rift-muted); }
html.gm-stars-rift-redesign .build-loadout-rate strong { color: var(--rift-cyan); }
html.gm-stars-rift-redesign .build-loadout-body { border-color: var(--rift-line); background: var(--rift-line); }
html.gm-stars-rift-redesign .build-loadout-row { background: var(--rift-deep); }
html.gm-stars-rift-redesign .build-loadout-row > span { color: var(--rift-muted); }
html.gm-stars-rift-redesign .build-asset-trigger { border-color: var(--rift-line); background: var(--rift-panel); }
html.gm-stars-rift-redesign .build-asset-trigger:hover,
html.gm-stars-rift-redesign .build-asset-trigger:focus-visible { border-color: var(--rift-gold); box-shadow: 0 0 0 3px rgba(232, 161, 31, .16); }
html.gm-stars-rift-redesign .build-asset-trigger[aria-pressed="true"] { border-color: var(--rift-gold); box-shadow: 0 0 0 3px rgba(232, 161, 31, .16); }
html.gm-stars-rift-redesign .build-asset-detail {
    border: 1px solid var(--rift-gold);
    border-left-width: 4px;
    background: rgba(23, 28, 56, .98);
    color: #e1e1e1;
    box-shadow: 0 0 20px rgba(232, 161, 31, .14);
}
html.gm-stars-rift-redesign .build-asset-detail-icon { border-color: var(--rift-gold); background: #11162f; color: #ffcc00; }
html.gm-stars-rift-redesign .build-asset-detail-copy > small { color: #ffcc00; }
html.gm-stars-rift-redesign .build-asset-detail-copy > strong { color: #f7f7f7; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-asset-detail-copy > span { color: #ffd765; }
html.gm-stars-rift-redesign .build-asset-detail-copy > p { color: #e1e1e1; }
html.gm-stars-rift-redesign .build-asset-detail .build-asset-facts span {
    border: 0;
    background: transparent;
    color: #00d17a;
}
html.gm-stars-rift-redesign .build-asset-detail .build-asset-facts span::before {
    content: "◆";
    margin-right: 7px;
    color: #00d17a;
    font-size: 8px;
    vertical-align: 1px;
}
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects > div { border-left-color: #eaff98; }
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects strong { color: #eaff98; }
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects p { color: #e1e1e1; }
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects small { color: #60f0ff; }
html.gm-stars-rift-redesign .build-asset-detail .build-asset-utility { border-top-color: rgba(225, 225, 225, .14); }
html.gm-stars-rift-redesign .build-asset-detail .build-asset-utility span { color: #ffcc00; }
html.gm-stars-rift-redesign .build-asset-detail-close { color: #ffd765; }
html.gm-stars-rift-redesign .build-asset-detail-close:hover,
html.gm-stars-rift-redesign .build-asset-detail-close:focus-visible { border-color: var(--rift-gold); background: rgba(232, 161, 31, .12); color: #f7f7f7; }
html.gm-stars-rift-redesign .build-capture-state,
html.gm-stars-rift-redesign .build-capture-state[data-state="ready"],
html.gm-stars-rift-redesign .build-capture-state[data-state="failed"],
html.gm-stars-rift-redesign .build-capture-state[data-state="service_unavailable"] {
    margin: 26px 24px 30px;
    padding: 0;
    border: 0;
    background: transparent;
}
html.gm-stars-rift-redesign .build-capture-copy strong { color: var(--rift-text); }
html.gm-stars-rift-redesign .build-capture-copy small { color: var(--rift-muted); }
html.gm-stars-rift-redesign .build-capture-progress {
    width: min(420px, 100%);
    height: 3px;
    margin-top: 13px;
    border-radius: 0;
    background: var(--rift-panel-soft);
}
html.gm-stars-rift-redesign .build-capture-progress i {
    border-radius: 0;
    background: var(--rift-cyan);
}
html.gm-stars-rift-redesign .build-capture-state[data-state="ready"] .build-capture-progress { display: none; }
html.gm-stars-rift-redesign .build-capture-state button { border-color: var(--rift-cyan); background: var(--rift-panel); color: var(--rift-cyan); }

html.gm-stars-rift-redesign .build-asset-hovercard {
    display: block;
    width: min(380px, calc(100vw - 24px));
    height: auto;
    max-height: none;
    overflow: visible;
    box-sizing: border-box;
    white-space: normal;
    overflow-wrap: anywhere;
    padding: 28px 30px;
    border: 1px solid var(--rift-gold);
    border-radius: 0;
    background: rgba(23, 28, 56, .98);
    color: #e1e1e1;
    box-shadow: 0 0 20px rgba(232, 161, 31, .14);
}
html.gm-stars-rift-redesign .build-asset-hovercard::after {
    inset: -5px auto auto 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    border: 0;
    border-radius: 50%;
    background: var(--rift-gold);
    opacity: 1;
}
html.gm-stars-rift-redesign .build-asset-hovercard[data-placement="above"]::after { inset: auto auto -5px 50%; }
html.gm-stars-rift-redesign .build-asset-hovercard-icon { display: none; }
html.gm-stars-rift-redesign .build-asset-hovercard-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}
html.gm-stars-rift-redesign .build-asset-hovercard-copy > small { display: none; }
html.gm-stars-rift-redesign .build-asset-hovercard-copy > strong {
    order: 1;
    margin: 0;
    color: #f7f7f7;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign .build-asset-hovercard-copy > b {
    order: 2;
    margin-top: 4px;
    color: #ffd765;
    font-size: 14px;
    line-height: 1.35;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-facts {
    order: 3;
    display: grid;
    gap: 3px;
    margin-top: 22px;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-facts span {
    padding: 0;
    border: 0;
    background: transparent;
    color: #00d17a;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-facts span::before {
    content: "◆";
    margin-right: 7px;
    color: #00d17a;
    font-size: 8px;
    vertical-align: 1px;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-effects {
    order: 4;
    gap: 7px;
    margin-top: 20px;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-effects > div {
    padding: 0;
    border: 0;
    color: #e1e1e1;
    font-size: 13px;
    line-height: 1.52;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-effects strong {
    display: inline;
    margin: 0 4px 0 0;
    color: #eaff98;
    font-size: 13px;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-effects p {
    display: inline;
    margin: 0;
    color: #e1e1e1;
    font-size: 13px;
    line-height: inherit;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-effects small {
    display: block;
    margin-top: 2px;
    color: #60f0ff;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-utility {
    order: 5;
    margin-top: 20px;
    padding: 0;
    border: 0;
}
html.gm-stars-rift-redesign .build-asset-hovercard .build-asset-utility span {
    color: #ffcc00;
    font-size: 14px;
    font-weight: 800;
}
html.gm-stars-rift-redesign .build-asset-hovercard-copy > p {
    order: 6;
    margin: 22px 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(225, 225, 225, .14);
    color: #e1e1e1;
    font-size: 13px;
    line-height: 1.58;
}
html.gm-stars-rift-redesign .build-asset-hovercard-copy > p::before {
    content: "CONSEJO · ";
    color: #ffd765;
    font-weight: 800;
}

html.gm-stars-rift-redesign[lang="en"] .build-asset-hovercard-copy > p::before {
    content: "TIP · ";
}

html.gm-stars-rift-redesign :focus-visible {
    outline: 2px solid var(--rift-gold) !important;
    outline-offset: 3px;
}

/* Empty, error and capture-progress states */
html.gm-stars-rift-redesign .empty-state,
html.gm-stars-rift-redesign .profile-unavailable,
html.gm-stars-rift-redesign .lookup-problem { background: var(--rift-panel); color: var(--rift-text); }
html.gm-stars-rift-redesign .data-freshness,
html.gm-stars-rift-redesign .profile-unavailable p,
html.gm-stars-rift-redesign .lookup-problem p { color: var(--rift-muted); }
html.gm-stars-rift-redesign .capture-workshop { border-top: 3px solid var(--rift-gold); }
html.gm-stars-rift-redesign .capture-workshop-copy,
html.gm-stars-rift-redesign .remote-lookup-progress { background: var(--rift-panel); color: var(--rift-text); }
html.gm-stars-rift-redesign .oprift-profile-avatar.is-placeholder {
    background: var(--rift-panel-soft);
    background-image: none;
}

/* Perfil en actualización: una sola pieza visual, no dos temas superpuestos. */
html.gm-stars-rift-redesign .profile-refresh-progress {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(430px, 1.22fr);
    align-items: stretch;
    gap: 14px;
    margin: 14px 0 22px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border, var(--rift-line));
    border-radius: 16px;
    background:
        radial-gradient(circle at 88% -30%, rgba(98, 207, 223, .09), transparent 25rem),
        linear-gradient(118deg, rgba(232, 161, 31, .045), transparent 34%),
        #12171d;
    color: var(--rift-portal-text, var(--rift-text));
    box-shadow: 0 15px 36px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign .profile-refresh-progress::before {
    content: '';
    position: absolute;
    top: 0;
    right: 20px;
    left: 20px;
    z-index: 1;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rift-portal-gold, var(--rift-gold)), rgba(232, 161, 31, .12) 48%, rgba(98, 207, 223, .48), transparent);
}

html.gm-stars-rift-redesign .profile-refresh-progress-copy {
    position: relative;
    display: grid;
    align-content: center;
    gap: 6px;
    min-width: 0;
    padding: 15px 16px;
    border: 0;
    background: transparent;
}

html.gm-stars-rift-redesign .profile-refresh-progress-copy > span {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--rift-portal-gold, var(--rift-gold));
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .profile-refresh-progress-copy > span::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rift-portal-gold, var(--rift-gold));
    box-shadow: 0 0 0 6px rgba(232, 161, 31, .08);
}

html.gm-stars-rift-redesign .profile-refresh-progress-copy > b {
    margin-top: 3px;
    color: var(--rift-portal-text, var(--rift-text));
    font-family: var(--rift-brand);
    font-size: clamp(18px, 1.55vw, 22px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .profile-refresh-progress-copy > strong {
    overflow: hidden;
    color: var(--rift-portal-muted, var(--rift-muted));
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress {
    display: grid;
    align-content: center;
    min-width: 0;
    margin: 0;
    padding: 15px 17px 14px;
    border: 1px solid var(--rift-portal-border-soft, var(--rift-line-soft));
    border-radius: 12px;
    background: rgba(10, 15, 20, .68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-meta {
    color: var(--rift-portal-muted, var(--rift-faint));
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-meta strong {
    color: var(--rift-portal-gold, var(--rift-gold));
    font-size: 16px;
    font-weight: 700;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-track {
    height: 7px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #252c35;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-track > span {
    min-width: 6px;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--rift-portal-gold, var(--rift-gold)), #f0c75e);
    box-shadow: 0 0 18px rgba(232, 161, 31, .2);
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-track > span::after {
    display: none;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps {
    position: relative;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--rift-portal-border-soft, var(--rift-line-soft));
    color: var(--rift-portal-faint, var(--rift-faint));
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .045em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span {
    min-height: 26px;
    padding: 6px 9px 6px 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span::before {
    position: absolute;
    top: 50%;
    right: auto;
    left: 9px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0;
    border: 1px solid #4b5663;
    border-radius: 50%;
    background: #11171d;
    transform: translateY(-50%);
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span:nth-child(2),
html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span:last-child { padding: 6px 9px 6px 24px; text-align: left; }
html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span:nth-child(2)::before,
html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span:last-child::before { position: absolute; top: 50%; right: auto; left: 9px; margin: 0; transform: translateY(-50%); }

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span.is-active {
    border-color: rgba(232, 161, 31, .16);
    background: rgba(232, 161, 31, .055);
    color: var(--rift-portal-text, var(--rift-text));
}

html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress-steps span.is-active::before {
    border-color: var(--rift-portal-gold, var(--rift-gold));
    border-radius: 50%;
    background: var(--rift-portal-gold, var(--rift-gold));
    box-shadow: 0 0 0 4px rgba(232, 161, 31, .08);
}

html.gm-stars-rift-redesign .profile-refresh-progress[data-phase="failed"]::before {
    background: linear-gradient(90deg, var(--rift-red), rgba(255, 97, 110, .16), transparent);
}

html.gm-stars-rift-redesign .profile-refresh-progress[data-phase="failed"] .profile-refresh-progress-copy > span,
html.gm-stars-rift-redesign .profile-refresh-progress[data-phase="failed"] .remote-lookup-progress-meta strong {
    color: var(--rift-red);
}

/* Perfil todavía no archivado: estado integrado al portal, sin el lienzo blanco heredado. */
html.gm-stars-rift-redesign .profile-unavailable {
    position: relative;
    display: grid;
    grid-template-columns: minmax(360px, .92fr) minmax(360px, 1.08fr);
    align-items: center;
    gap: 14px;
    min-height: 480px;
    padding: 14px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border, var(--rift-line));
    border-radius: 18px;
    background:
        radial-gradient(circle at 82% 12%, rgba(98, 207, 223, .08), transparent 25rem),
        linear-gradient(120deg, rgba(232, 161, 31, .04), transparent 36%),
        #0f141a;
    color: var(--rift-portal-text, var(--rift-text));
    box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

html.gm-stars-rift-redesign .profile-unavailable::before {
    position: absolute;
    top: 0;
    right: 22px;
    left: 22px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rift-portal-gold, var(--rift-gold)), rgba(232, 161, 31, .12) 42%, rgba(98, 207, 223, .52), transparent);
    content: "";
}

html.gm-stars-rift-redesign .profile-unavailable-visual {
    align-self: stretch;
    display: grid;
    min-width: 0;
    padding: 22px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft, var(--rift-line-soft));
    border-radius: 14px;
    background:
        radial-gradient(circle at 28% 50%, rgba(98, 207, 223, .075), transparent 14rem),
        #10161c;
}

html.gm-stars-rift-redesign .profile-unavailable-visual svg { width: 100%; max-width: 620px; height: auto; }
html.gm-stars-rift-redesign .profile-unavailable-copy {
    width: 100%;
    max-width: 590px;
    padding: clamp(24px, 4vw, 54px);
}

html.gm-stars-rift-redesign .profile-unavailable-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--rift-portal-cyan, var(--rift-cyan));
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .profile-unavailable-eyebrow::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--rift-portal-cyan, var(--rift-cyan));
    box-shadow: 0 0 0 6px rgba(98, 207, 223, .08);
    content: "";
}

html.gm-stars-rift-redesign .profile-unavailable h2 {
    max-width: 560px;
    margin: 12px 0 0;
    color: var(--rift-portal-text, var(--rift-text));
    font-family: var(--rift-brand);
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .profile-unavailable-copy > p {
    max-width: 520px;
    margin: 15px 0 0;
    color: var(--rift-portal-muted, var(--rift-muted));
    font-size: 13px;
    line-height: 1.6;
}

html.gm-stars-rift-redesign .profile-unavailable-scope {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 20px;
}

html.gm-stars-rift-redesign .profile-unavailable-scope > span {
    position: relative;
    min-width: 0;
    padding: 11px 10px 10px 27px;
    border: 1px solid var(--rift-portal-border-soft, var(--rift-line-soft));
    border-radius: 10px;
    background: rgba(9, 14, 19, .58);
}

html.gm-stars-rift-redesign .profile-unavailable-scope i {
    position: absolute;
    top: 14px;
    left: 11px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rift-portal-gold, var(--rift-gold));
    box-shadow: 0 0 0 4px rgba(232, 161, 31, .07);
}

html.gm-stars-rift-redesign .profile-unavailable-scope b,
html.gm-stars-rift-redesign .profile-unavailable-scope small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .profile-unavailable-scope b { color: var(--rift-portal-text, var(--rift-text)); font-size: 11px; }
html.gm-stars-rift-redesign .profile-unavailable-scope small { margin-top: 3px; color: var(--rift-portal-faint, var(--rift-faint)); font-size: 11px; }
html.gm-stars-rift-redesign .profile-unavailable-action {
    min-width: 178px;
    min-height: 46px;
    margin-top: 20px;
    padding: 0 16px 0 19px;
    border: 1px solid rgba(232, 161, 31, .52);
    border-radius: 10px;
    background: linear-gradient(135deg, #f1ad25, #d78b10);
    color: #101419;
    box-shadow: 0 10px 24px rgba(232, 161, 31, .12);
}

html.gm-stars-rift-redesign .profile-unavailable-action:hover { background: linear-gradient(135deg, #ffc34c, #e9a11f); box-shadow: 0 12px 28px rgba(232, 161, 31, .18); transform: translateY(-1px); }
html.gm-stars-rift-redesign .profile-unavailable-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 16px;
    color: var(--rift-portal-muted, var(--rift-muted));
    font-size: 11px;
}

html.gm-stars-rift-redesign .profile-unavailable-note i { width: 7px; height: 7px; flex: 0 0 auto; border: 1px solid var(--rift-portal-gold, var(--rift-gold)); border-radius: 50%; background: rgba(232, 161, 31, .1); transform: none; }
html.gm-stars-rift-redesign .profile-unavailable #remoteLookupStatus { min-height: 16px; margin-top: 9px; color: var(--rift-portal-faint, var(--rift-faint)); font-size: 11px; }

/* Perfil pendiente alineado con la composición v2 que ahora vive en /rift. */
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable::before { display: none; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-hero {
    position: relative;
    isolation: isolate;
    min-height: 250px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--profile-line, rgba(255, 255, 255, .1));
    border-radius: 16px;
    background:
        radial-gradient(circle at 77% 20%, rgba(98, 207, 223, .1), transparent 25rem),
        linear-gradient(115deg, rgba(232, 161, 31, .055), transparent 36%),
        #11161c;
    box-shadow: 0 15px 36px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-hero::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 24px;
    left: 24px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #e2ad36, rgba(226, 173, 54, .12) 38%, rgba(98, 207, 223, .56), transparent);
    content: "";
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, #11161c 0%, rgba(17, 22, 28, .98) 38%, rgba(17, 22, 28, .76) 62%, rgba(17, 22, 28, .48));
    content: "";
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-art {
    position: absolute;
    z-index: -2;
    top: -82px;
    right: -24px;
    width: min(650px, 58%);
    opacity: .55;
    filter: saturate(.9) contrast(1.08);
    transform: rotate(-1deg);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-art svg { display: block; width: 100%; height: auto; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-hero-main {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-avatar {
    position: relative;
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    border: 1px solid rgba(232, 161, 31, .42);
    border-radius: 14px;
    background:
        radial-gradient(circle at 34% 28%, rgba(98, 207, 223, .14), transparent 52%),
        #0d1217;
    color: #7a828e;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-avatar > span { font-family: var(--rift-brand); font-size: 34px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-avatar > i {
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 9px;
    height: 9px;
    border: 2px solid #11161c;
    border-radius: 50%;
    background: #e2ad36;
    box-shadow: 0 0 0 4px rgba(226, 173, 54, .09);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-identity { min-width: 0; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-identity .profile-unavailable-eyebrow { color: #69d1e2; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-identity h2 {
    max-width: none;
    margin: 5px 0 0;
    overflow: hidden;
    color: #f1f2f5;
    font-family: var(--rift-display);
    font-size: clamp(31px, 4vw, 48px);
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-identity > p {
    margin: 8px 0 0;
    overflow: hidden;
    color: #a6abb5;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(98, 207, 223, .2);
    border-radius: 9px;
    background: rgba(9, 14, 19, .65);
    color: #a4aab4;
    font-size: 11px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-state i { width: 7px; height: 7px; border-radius: 50%; background: #e2ad36; box-shadow: 0 0 0 4px rgba(226, 173, 54, .08); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 20px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics article {
    position: relative;
    min-width: 0;
    min-height: 82px;
    padding: 12px 13px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(12, 15, 21, .78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics article::after {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 1px;
    background: linear-gradient(90deg, #e2ad36, transparent);
    content: "";
    opacity: .45;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics article:nth-child(odd)::after { background: linear-gradient(90deg, #69d1e2, transparent); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics small { display: block; overflow: hidden; color: #858b96; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics span { font-family: var(--rift-ui); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics strong { display: block; margin: 4px 0 2px; color: #d5d9df; font-family: var(--rift-display); font-size: 25px; font-weight: 500; line-height: 1; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-lower { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-copy,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel {
    max-width: none;
    padding: 20px;
    border: 1px solid var(--profile-line, rgba(255, 255, 255, .1));
    border-radius: 13px;
    background: #15191f;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .13);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-section-kicker,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel > span {
    color: #69d1e2;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-copy h3 {
    margin: 5px 0 0;
    color: #eef0f4;
    font-family: var(--rift-brand);
    font-size: 18px;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-copy > p,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel > p { margin: 8px 0 0; color: #9298a4; font-size: 11px; line-height: 1.5; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel { display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 100% 0%, rgba(232, 161, 31, .075), transparent 15rem), #15191f; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel > strong { margin-top: 5px; color: #eef0f4; font-family: var(--rift-brand); font-size: 17px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel .profile-unavailable-action { align-self: flex-start; margin-top: 15px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel .profile-unavailable-note { margin-top: 12px; }

/* Responsive */
@media (max-width: 980px) {
    html.gm-stars-rift-redesign .navbar { padding-inline: 18px; }
    html.gm-stars-rift-redesign .navbar .logo { width: auto; flex-basis: auto; }
    html.gm-stars-rift-redesign .navbar-site-links { display: none; }
    html.gm-stars-rift-redesign .gm-brand-name { font-size: 18px; }
    html.gm-stars-rift-redesign .main-container { width: min(100% - 26px, 1240px); margin-top: 20px; }
    html.gm-stars-rift-redesign .oprift-overview { grid-template-columns: 1fr 1fr; }
    html.gm-stars-rift-redesign .oprift-recent-form { grid-column: 1 / -1; }
    html.gm-stars-rift-redesign .profile-unavailable { grid-template-columns: 1fr; min-height: 0; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-lower { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign body::after { top: 105px; right: -32vw; width: 90vw; height: 90vw; }
    html.gm-stars-rift-redesign .navbar { min-height: 68px; padding: 9px 14px; gap: 9px; }
    html.gm-stars-rift-redesign .gm-brand-mark { width: 38px; height: 38px; }
    html.gm-stars-rift-redesign .gm-brand-name { display: none; }
    html.gm-stars-rift-redesign .search-box { height: 44px; padding-left: 40px; font-size: 13px; }
    html.gm-stars-rift-redesign .navbar-builds-link { width: 44px; min-width: 44px; padding: 0; }
    html.gm-stars-rift-redesign .navbar-builds-link span { display: none; }
    html.gm-stars-rift-redesign .backend-status { display: none; }
    html.gm-stars-rift-redesign .main-container { width: calc(100% - 18px); margin-top: 12px; }
    html.gm-stars-rift-redesign .home-discovery { padding: 0; }
    html.gm-stars-rift-redesign .home-discovery-hero { min-height: 0; border-left: 0; }
    html.gm-stars-rift-redesign .home-hero-copy { padding: 34px 24px; }
    html.gm-stars-rift-redesign .home-hero-copy h1 { font-size: clamp(48px, 16vw, 68px); }
    html.gm-stars-rift-redesign .oprift-profile-card { padding: 20px 16px; border-left-width: 3px; }
    html.gm-stars-rift-redesign .oprift-identity h1 { font-size: 34px; }
    html.gm-stars-rift-redesign .oprift-update { width: 100%; }
    html.gm-stars-rift-redesign .profile-refresh-progress { grid-template-columns: 1fr; gap: 8px; margin-block: 10px 16px; padding: 12px; border-radius: 14px; }
    html.gm-stars-rift-redesign .profile-refresh-progress-copy { padding: 13px 12px 8px; border: 0; }
    html.gm-stars-rift-redesign .profile-refresh-progress-copy > strong { white-space: normal; }
    html.gm-stars-rift-redesign .profile-refresh-progress .remote-lookup-progress { padding: 14px 13px 13px; }
    html.gm-stars-rift-redesign .profile-unavailable { grid-template-columns: 1fr; gap: 10px; min-height: 0; padding: 11px; border-radius: 15px; }
    html.gm-stars-rift-redesign .profile-unavailable-visual { min-height: 220px; padding: 12px; border: 1px solid var(--rift-portal-border-soft, var(--rift-line-soft)); border-radius: 11px; }
    html.gm-stars-rift-redesign .profile-unavailable-visual svg { max-width: 520px; }
    html.gm-stars-rift-redesign .profile-unavailable-copy { max-width: none; padding: 22px 15px 24px; text-align: left; }
    html.gm-stars-rift-redesign .profile-unavailable h2,
    html.gm-stars-rift-redesign .profile-unavailable-copy > p { margin-inline: 0; }
    html.gm-stars-rift-redesign .profile-unavailable-scope { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .profile-unavailable-scope > span:last-child { grid-column: 1 / -1; }
    html.gm-stars-rift-redesign .profile-unavailable-note { justify-content: flex-start; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable { gap: 10px; padding: 0; border-radius: 0; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-hero { min-height: 0; padding: 16px; border-radius: 14px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-art { top: -20px; right: -105px; width: 430px; opacity: .34; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-hero-main { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-avatar { width: 64px; height: 64px; border-radius: 12px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-avatar > span { font-size: 27px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-state { grid-column: 1 / -1; justify-self: start; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 14px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-metrics article { min-height: 74px; padding: 10px 11px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-copy,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-unavailable-action-panel { padding: 16px; border-radius: 12px; }
    html.gm-stars-rift-redesign .oprift-overview { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .oprift-recent-form { grid-column: auto; }
    html.gm-stars-rift-redesign .oprift-season-body,
    html.gm-stars-rift-redesign .oprift-complete-stats-body { gap: 1px; }
    html.gm-stars-rift-redesign .oprift-history-head { align-items: stretch; gap: 12px; }
    html.gm-stars-rift-redesign .oprift-filters { width: 100%; }
    html.gm-stars-rift-redesign .oprift-filters button { flex: 1; }
    html.gm-stars-rift-redesign .match-item { background: #102126; }
    html.gm-stars-rift-redesign .match-item.defeat { background: #24181b; }
    html.gm-stars-rift-redesign .builds-page { padding-top: 0; }
    html.gm-stars-rift-redesign .builds-hero,
    html.gm-stars-rift-redesign .build-detail-hero { padding: 22px 18px; }
    html.gm-stars-rift-redesign .builds-hero h1,
    html.gm-stars-rift-redesign .build-detail-hero h1 { font-size: 40px; }
    html.gm-stars-rift-redesign .builds-champion-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 12px; }
    html.gm-stars-rift-redesign .builds-champion-card { min-height: 126px; padding: 10px 6px 9px; }
    html.gm-stars-rift-redesign .builds-champion-icon { width: 58px; height: 58px; }
    html.gm-stars-rift-redesign .builds-champion-card strong { font-size: 12px; }
    html.gm-stars-rift-redesign .builds-champion-card small { margin-top: 4px; font-size: 8px; }
    html.gm-stars-rift-redesign .build-source-header { padding-inline: 14px; }
    html.gm-stars-rift-redesign .build-source-tabs { gap: 16px; }
    html.gm-stars-rift-redesign .build-source-intro { grid-template-columns: 1fr; gap: 7px; padding: 18px; }
    html.gm-stars-rift-redesign .build-capture-state { margin: 22px 18px 26px; padding: 0; }
    html.gm-stars-rift-redesign .build-loadout-card > header { padding: 14px; }
    html.gm-stars-rift-redesign .build-loadout-body { background: var(--rift-line); }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign .match-asset-hover-trigger { transition: none; }
    html.gm-stars-rift-redesign *,
    html.gm-stars-rift-redesign *::before,
    html.gm-stars-rift-redesign *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Isolated profile-v2 preview: GM Stars competitive dossier */
html.gm-stars-rift-redesign.gm-stars-profile-preview .main-container {
    width: min(1280px, calc(100% - 34px));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    min-height: 112px;
    padding: 18px 22px 18px 26px;
    border-top-width: 2px;
    box-shadow: inset 0 -1px 0 var(--rift-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card::before {
    width: 290px;
    height: 290px;
    right: -150px;
    top: -175px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-avatar {
    width: 74px;
    height: 74px;
    flex-basis: 74px;
    border-radius: 2px;
    box-shadow: 6px 6px 0 rgba(37, 173, 188, .11);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity { margin-left: 17px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-eyebrow { margin-bottom: 5px; font-size: 9px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity h1 {
    font-size: clamp(30px, 3.1vw, 42px);
    letter-spacing: .015em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity p { margin-top: 7px; font-size: 10px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update {
    min-width: 122px;
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid var(--rift-gold);
    background: transparent;
    color: var(--rift-gold);
    font-size: 10px;
    letter-spacing: .1em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update:hover {
    background: var(--rift-gold);
    color: #111116;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout {
    grid-template-columns: 292px minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-sidebar {
    position: sticky;
    top: 86px;
    align-self: start;
    gap: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-main { gap: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-main > .oprift-overview { order: 1; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-main > .oprift-seasons-panel { order: 2; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-main > .oprift-complete-stats-panel { order: 3; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-main > .oprift-history-panel { order: 4; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel > header,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel > header { min-height: 42px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-mode-label { padding-block: 7px; font-size: 8px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-block { min-height: 72px; padding-block: 9px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-emblem { width: 58px; height: 58px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-block strong { font-size: 13px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-record { margin-top: 2px; padding: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .champion-row { min-height: 62px; padding-block: 8px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview {
    grid-template-columns: 1fr 1fr .72fr;
    border-top-width: 2px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-snapshot,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-recent-form {
    min-height: 104px;
    padding: 14px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-snapshot .oprift-rank-art { width: 58px; height: 58px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-snapshot-copy strong { font-size: 15px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-panel {
    overflow: hidden;
    border-top: 2px solid var(--rift-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head {
    min-height: 66px;
    padding: 10px 14px 10px 17px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-kicker {
    display: block;
    margin-bottom: 3px;
    color: var(--rift-gold) !important;
    font-family: var(--rift-ui);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-context {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    color: var(--rift-muted);
    font-family: var(--rift-ui);
    font-size: 8px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-context b { color: var(--rift-text); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-context i {
    width: 3px;
    height: 3px;
    background: var(--rift-gold);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-context span { color: var(--rift-cyan); }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-panel .match-list {
    gap: 5px;
    padding: 6px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
    grid-template-columns: 98px minmax(150px, 1fr) 86px 64px minmax(164px, .92fr) 18px;
    gap: 9px;
    min-height: 68px;
    padding: 8px 10px 8px 7px;
    border-left-width: 3px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary { padding-left: 6px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary strong { font-size: 10px; letter-spacing: .05em; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary span { margin-top: 2px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary small { margin-top: 2px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-performance-badges { margin-top: 3px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-icon { width: 46px; height: 46px; border-radius: 2px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champion-portrait > i { right: -4px; bottom: -3px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-name { font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-meta,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-kda small { margin-top: 3px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .kda-text { font-size: 14px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-economy strong { font-size: 12px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview > span {
    color: var(--rift-muted);
    font-family: var(--rift-ui);
    font-size: 8px;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview > small { color: var(--rift-cyan); font-size: 8px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-spells,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items {
    min-width: 0;
    display: flex;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 2px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-data-empty { font-size: 8px; }

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout { grid-template-columns: 270px minmax(0, 1fr); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview { grid-template-columns: 1fr 1fr; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-recent-form { grid-column: 1 / -1; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item { grid-template-columns: 90px minmax(142px, 1fr) 82px 56px 118px 18px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon { width: 22px; height: 22px; flex-basis: 22px; }
}

@media (max-width: 820px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-sidebar {
        position: static;
        grid-template-columns: 1fr 1fr;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item { grid-template-columns: 86px minmax(140px, 1fr) 78px 54px 18px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview { display: none; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .main-container { width: calc(100% - 18px); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card {
        grid-template-columns: 60px minmax(0, 1fr);
        padding: 15px 14px 15px 17px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-avatar { width: 60px; height: 60px; flex-basis: 60px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity { margin-left: 13px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity h1 { font-size: 29px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update { grid-column: 1 / -1; width: 100%; margin-top: 13px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-sidebar { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head { align-items: stretch; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-context span { display: none; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item { grid-template-columns: 76px minmax(116px, 1fr) 64px 16px; gap: 7px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-economy { display: none; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-icon { width: 42px; height: 42px; }
}

/* Profile navigation and the independent, backend-fed champion season view. */
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs {
    width: max-content;
    margin: 14px auto 18px;
    padding: 4px;
    display: flex;
    gap: 4px;
    border: 1px solid rgba(130, 146, 169, .2);
    border-radius: 14px;
    background: rgba(13, 16, 21, .88);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button {
    min-width: 118px;
    height: 38px;
    padding: 0 22px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #7e8795;
    font: 400 10px/1 var(--rift-brand);
    letter-spacing: .06em;
    cursor: pointer;
    transition: color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button:hover { color: #d6dce5; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button.active {
    color: #f4f7fb;
    background: linear-gradient(135deg, rgba(35, 43, 55, .98), rgba(25, 30, 39, .98));
    box-shadow: inset 0 0 0 1px rgba(235, 163, 30, .25), 0 5px 16px rgba(0, 0, 0, .22);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button.active::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    border-radius: 50%;
    background: #e8a21f;
    box-shadow: 0 0 10px rgba(232, 162, 31, .55);
    vertical-align: 1px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-champions {
    overflow: hidden;
    border: 1px solid rgba(130, 146, 169, .18);
    border-radius: 20px;
    background:
        radial-gradient(circle at 78% -20%, rgba(74, 173, 196, .1), transparent 34%),
        linear-gradient(145deg, #171b23, #12161c 58%, #101319);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head {
    min-height: 88px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(130, 146, 169, .14);
    background: linear-gradient(90deg, rgba(232, 162, 31, .045), transparent 48%);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head > div:first-child > span {
    color: #66d3e6;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .18em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head h2 {
    margin: 6px 0 3px;
    color: #f2f4f8;
    font: 500 28px/1 var(--rift-display);
    letter-spacing: .025em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head p {
    margin: 0;
    color: #7e8794;
    font-size: 9px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions > span {
    width: 54px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid rgba(96, 210, 230, .22);
    border-radius: 9px;
    color: #75d7e7;
    background: rgba(53, 135, 151, .08);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions button,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-empty button {
    height: 34px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(232, 162, 31, .42);
    border-radius: 9px;
    color: #f1b33b;
    background: rgba(232, 162, 31, .06);
    font-family: var(--rift-brand);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .045em;
    cursor: pointer;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions button:not(:disabled):hover {
    border-color: rgba(232, 162, 31, .72);
    background: rgba(232, 162, 31, .11);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions button:focus-visible {
    outline: 2px solid rgba(102, 211, 230, .78);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions button:disabled {
    opacity: .55;
    cursor: wait;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary {
    width: auto;
    margin: 14px 22px 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(130, 146, 169, .13);
    border-radius: 12px;
    background: rgba(9, 12, 16, .38);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary > div {
    min-height: 50px;
    padding: 10px 16px;
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    justify-content: center;
    column-gap: 14px;
    border-right: 1px solid rgba(130, 146, 169, .12);
    background: linear-gradient(180deg, rgba(24, 30, 38, .34), rgba(8, 11, 15, .08));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary > div:last-child {
    border-right: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary span {
    color: #707987;
    font-size: 7px;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary strong {
    margin-top: 0;
    color: #edf1f6;
    font-size: 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-table {
    margin: 0 22px 24px;
    overflow-x: auto;
    border: 1px solid rgba(130, 146, 169, .15);
    border-radius: 15px;
    background: rgba(8, 11, 15, .48);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-columns,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row {
    min-width: 875px;
    display: grid;
    grid-template-columns: minmax(205px, 1.35fr) 66px 92px 140px 78px 105px 105px;
    align-items: center;
    column-gap: 8px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-columns {
    min-height: 40px;
    padding: 0 18px;
    color: #687382;
    background: rgba(27, 33, 43, .76);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row {
    min-height: 68px;
    padding: 0 18px;
    border-top: 1px solid rgba(130, 146, 169, .105);
    color: #d7dce4;
    transition: background 140ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row:hover {
    background: linear-gradient(90deg, rgba(81, 183, 205, .07), rgba(232, 162, 31, .025));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row > strong {
    font-size: 11px;
    font-weight: 750;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-identity {
    min-width: 0;
    display: grid;
    grid-template-columns: 22px 43px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-position {
    color: #56606f;
    font: 700 9px/1 var(--rift-body);
    text-align: center;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-icon {
    width: 43px;
    height: 43px;
    overflow: hidden;
    border: 1px solid rgba(232, 162, 31, .38);
    border-radius: 10px;
    background: #0c0f14;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-icon img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-icon span { display: none; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-identity strong {
    display: block;
    overflow: hidden;
    color: #f1f3f7;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-identity small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-wr small {
    display: block;
    margin-top: 4px;
    color: #687280;
    font-size: 7px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-wr strong { color: #dfe4eb; font-size: 11px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-wr.is-strong strong { color: #70d6aa; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-wr.is-weak strong { color: #ff7784; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-kda {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #cfd5de;
    font-size: 10px;
    font-style: normal;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-kda i { color: #4f5968; font-style: normal; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-kda em { color: #ff7481; font-style: normal; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-loading,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-empty {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #838d9a;
    text-align: center;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-loading i {
    width: 32px;
    height: 32px;
    border: 2px solid rgba(111, 203, 220, .16);
    border-top-color: #68cada;
    border-radius: 50%;
    animation: oprift-spin .8s linear infinite;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-loading strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-empty strong { color: #dfe4eb; font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-loading span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-empty p { margin: 0; font-size: 9px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-award {
    display: inline-flex;
    min-width: 29px;
    height: 17px;
    margin-left: 7px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(234, 178, 56, .48);
    border-radius: 5px;
    color: #ffce62;
    background: linear-gradient(135deg, rgba(121, 80, 13, .55), rgba(53, 37, 13, .45));
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .035em;
    vertical-align: 1px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-award.is-svp {
    border-color: rgba(118, 193, 216, .46);
    color: #8cdbea;
    background: linear-gradient(135deg, rgba(31, 87, 105, .52), rgba(20, 45, 57, .42));
}

@keyframes oprift-spin { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs { width: 100%; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button { min-width: 0; flex: 1; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head { align-items: flex-start; flex-direction: column; padding: 18px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions { width: 100%; justify-content: space-between; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-inline: 14px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary > div { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding-inline: 10px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-table { margin-inline: 14px; }
}

/* Profile-v2 queue switcher: compact GM Stars control */
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters {
    align-self: center;
    gap: 2px;
    height: 38px;
    padding: 3px;
    border: 1px solid var(--rift-line);
    background: #0c0c11;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button {
    position: relative;
    height: 30px;
    min-width: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #858793;
    box-shadow: none;
    font-family: var(--rift-brand);
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .035em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button::after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 2px;
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button:hover {
    border: 0;
    background: #18181f;
    color: var(--rift-text);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button.active,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button.active:hover {
    border: 0;
    background: #211c13;
    color: var(--rift-gold);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .12);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button.active::after {
    background: var(--rift-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button:focus-visible {
    outline: 1px solid var(--rift-cyan);
    outline-offset: -1px;
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters {
        align-self: stretch;
        width: 100%;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button {
        flex: 1 1 0;
        padding-inline: 8px;
    }
}

/* Profile-v2 reference pass: champion glass + competitive slate cards */
html.gm-stars-rift-redesign.gm-stars-profile-preview {
    --profile-canvas: #0d1014;
    --profile-surface: #181b22;
    --profile-raised: #20242e;
    --profile-line: #2b303a;
    --profile-blue: #1a294b;
    --profile-red: #492a2e;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview body { background: var(--profile-canvas); }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card {
    isolation: isolate;
    grid-template-columns: 94px minmax(0, 1fr) auto;
    min-height: 194px;
    padding: 28px 26px 25px;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 14px;
    background: var(--profile-surface);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .2);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card::before { display: none; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block;
    border: 0;
    border-radius: inherit;
    background:
        linear-gradient(90deg, rgba(13, 16, 20, .97) 0%, rgba(13, 16, 20, .78) 34%, rgba(13, 16, 20, .4) 68%, rgba(13, 16, 20, .82) 100%),
        linear-gradient(0deg, rgba(13, 16, 20, .92), transparent 70%);
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-splash {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 34%;
    opacity: .72;
    filter: saturate(.78) contrast(1.08);
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-accent {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-avatar {
    width: 94px;
    height: 94px;
    flex-basis: 94px;
    border: 1px solid rgba(232, 161, 31, .9);
    border-radius: 10px;
    background: rgba(8, 10, 14, .9);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity { align-self: end; margin-left: 20px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-eyebrow {
    color: #7ed9e7;
    font-size: 10px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity h1 {
    font-size: clamp(38px, 4.8vw, 58px);
    text-shadow: 0 3px 18px rgba(0, 0, 0, .72);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity p { color: #c4c7d0; text-shadow: 0 2px 8px #000; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update {
    align-self: start;
    border-color: rgba(232, 161, 31, .55);
    border-radius: 8px;
    background: rgba(12, 13, 17, .7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout {
    grid-template-columns: minmax(0, 1fr) 304px;
    grid-template-areas: "main sidebar";
    gap: 16px;
    margin-top: 16px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-main { grid-area: main; gap: 16px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-sidebar {
    grid-area: sidebar;
    top: 84px;
    gap: 16px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-panel {
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 12px;
    background: var(--profile-surface);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-panel > header,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-head,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-head {
    background: var(--profile-raised) !important;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview {
    gap: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-snapshot,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-recent-form {
    min-height: 118px;
    padding: 16px;
    border: 1px solid var(--profile-line) !important;
    border-radius: 11px;
    background: var(--profile-surface) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .14) !important;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-snapshot.normal,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-snapshot.legendary { border-bottom: 1px solid var(--profile-line) !important; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel { background: var(--profile-surface); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-mode-label { background: #12151b; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-block { background: var(--profile-surface); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-record {
    margin: 0 10px 10px;
    border-radius: 9px;
    background: var(--profile-raised);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .champion-row {
    margin: 0 8px;
    border-radius: 8px;
    background: transparent;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .champion-row:hover { background: var(--profile-raised); }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-panel {
    border: 1px solid var(--profile-line);
    border-radius: 12px;
    background: #11141a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head {
    min-height: 70px;
    border-bottom-color: var(--profile-line);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-panel .match-list {
    gap: 7px;
    padding: 8px;
    background: #11141a;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item.defeat {
    min-height: 76px;
    border: 1px solid rgba(255, 255, 255, .055);
    border-left: 4px solid #78cfdf;
    border-radius: 9px;
    background: var(--profile-blue);
    box-shadow: none;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item.defeat {
    border-left-color: #ff6671;
    background: var(--profile-red);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item:hover { background: #22345c; transform: translateY(-1px); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item.defeat:hover { background: #563137; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary { border-left: 0; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary strong { color: #8edbea; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary.defeat strong { color: #ff7b84; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-icon {
    border-color: rgba(255, 255, 255, .22);
    border-radius: 7px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon {
    border-color: rgba(255, 255, 255, .18);
    border-radius: 4px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters {
    border-color: var(--profile-line);
    border-radius: 8px;
    background: #14171d;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button.active,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-filters button.active:hover { border-radius: 5px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-body,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-body { background: var(--profile-line); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode.legendary,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats.legendary { background: var(--profile-surface); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-metrics,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-record { border-radius: 8px; background: #12151b; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid > div { border-radius: 8px; background: var(--profile-raised); }

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout { grid-template-columns: minmax(0, 1fr) 270px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card { min-height: 180px; }
}

@media (max-width: 820px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout {
        grid-template-columns: 1fr;
        grid-template-areas: "main" "sidebar";
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-sidebar { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card {
        grid-template-columns: 68px minmax(0, 1fr);
        min-height: 210px;
        padding: 20px 16px;
        border-radius: 11px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-avatar { width: 68px; height: 68px; flex-basis: 68px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity h1 { font-size: 31px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update { align-self: auto; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-sidebar { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item.defeat { border-radius: 8px; }
}

/* Profile-v2 match ledger: exact values in a DPM-inspired reading order */
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
    grid-template-columns: 104px minmax(132px, .9fr) 92px minmax(178px, 1.15fr) 66px 18px;
    gap: 8px;
    min-height: 82px;
    padding: 8px 10px 8px 9px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-delta {
    color: #8bd9e8 !important;
    font-size: 13px !important;
    font-weight: 800;
    letter-spacing: .01em !important;
    text-transform: none;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-delta.negative { color: #ff7780 !important; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-result {
    margin-top: 3px;
    color: #d7d9e0;
    font-family: var(--rift-ui);
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .08em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary > span { margin-top: 2px; color: #c0c3cc; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-result-summary > small { color: #8f939e; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champion-cell { gap: 9px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-icon { width: 50px; height: 50px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-name { font-size: 13px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-kda .kda-text {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 3px;
    font-size: 16px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-kda .kda-text b { color: #f2f3f6; font-weight: 760; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-kda .kda-text i { color: #8e929d; font-style: normal; font-weight: 500; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-kda .kda-text em { color: #ff717b; font-style: normal; font-weight: 800; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-kda small { color: #bcc0ca; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    min-height: 58px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 7px;
    background: rgba(9, 11, 16, .52);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview > span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview > small { grid-column: 1 / -1; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-spells {
    display: grid;
    grid-template-columns: repeat(2, 20px);
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items {
    display: flex;
    min-width: 0;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
    width: 20px;
    height: 20px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-performance {
    position: relative;
    display: grid;
    place-items: center;
    min-width: 58px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-gold-ring {
    width: 52px;
    height: 52px;
    display: grid;
    place-content: center;
    border: 4px solid rgba(126, 217, 232, .2);
    border-top-color: #80d8e7;
    border-right-color: #80d8e7;
    border-radius: 50%;
    background: rgba(10, 13, 18, .44);
    line-height: 1;
    transform: rotate(-12deg);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-gold-ring > * { transform: rotate(12deg); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-gold-ring strong { color: #f2f3f6; font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-gold-ring small { margin-top: 2px; color: #a8acb6; font-size: 7px; text-transform: uppercase; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-performance > b {
    position: absolute;
    right: -1px;
    bottom: 0;
    min-width: 24px;
    padding: 2px 4px;
    border: 1px solid rgba(232, 161, 31, .45);
    border-radius: 4px;
    background: #211c13;
    color: var(--rift-gold);
    font-size: 7px;
    line-height: 1;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-performance > i { display: none; }

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
        grid-template-columns: 88px minmax(112px, .9fr) 76px minmax(146px, 1fr) 58px 16px;
        gap: 6px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-delta { font-size: 11px !important; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-icon { width: 46px; height: 46px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon { width: 19px; height: 19px; flex-basis: 19px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-gold-ring { width: 48px; height: 48px; }
}

@media (max-width: 820px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
        grid-template-columns: 92px minmax(140px, 1fr) 82px 62px 18px;
        gap: 8px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview { display: none; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
        grid-template-columns: 78px minmax(112px, 1fr) 68px 16px;
        min-height: 76px;
        gap: 6px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-performance { display: none; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-champ-icon { width: 42px; height: 42px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-details { display: none; }
}

/* Profile-v2 density correction: fill the hero and constrain match columns */
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card {
    grid-template-rows: auto auto;
    min-height: 238px;
    align-content: center;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-avatar {
    grid-row: 1 / 3;
    align-self: center;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics {
    grid-column: 2 / -1;
    display: grid;
    grid-template-columns: repeat(4, minmax(118px, 1fr));
    gap: 8px;
    margin: 16px 0 0 20px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics > div {
    min-height: 64px;
    display: grid;
    align-content: center;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 8px;
    background: rgba(13, 16, 22, .7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics span {
    color: #a9adb7;
    font-family: var(--rift-ui);
    font-size: 8px;
    font-weight: 650;
    letter-spacing: .07em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics strong {
    margin-top: 3px;
    color: #f1f2f5;
    font-family: var(--rift-display);
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics strong em { color: #ff717b; font-style: normal; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics small {
    margin-top: 4px;
    color: #777c88;
    font-size: 7px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
    grid-template-columns: 100px 185px 96px minmax(250px, 1fr) 68px 18px;
    min-height: 94px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview {
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 68px;
    padding: 7px 8px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-spells {
    grid-template-columns: repeat(2, 24px);
    align-content: center;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items {
    display: grid;
    grid-template-columns: repeat(6, 26px);
    align-content: center;
    justify-content: space-between;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-label {
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: #777c87;
    font-family: var(--rift-ui);
    font-size: 6px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-performance > b {
    top: 1px;
    right: -1px;
    bottom: auto;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-preview-performance > em {
    margin-top: -2px;
    color: #8e939e;
    font-size: 7px;
    font-style: normal;
    white-space: nowrap;
}

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics {
        grid-template-columns: repeat(4, minmax(94px, 1fr));
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
        grid-template-columns: 88px 122px 74px minmax(154px, 1fr) 58px 16px;
        min-height: 86px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview { grid-template-columns: 45px minmax(0, 1fr); min-height: 62px; padding-inline: 6px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-spells { grid-template-columns: repeat(2, 19px); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items { grid-template-columns: repeat(6, 19px); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
    }
}

@media (max-width: 820px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
        grid-template-columns: 92px minmax(140px, 1fr) 82px 62px 18px;
    }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-card { min-height: 0; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-avatar { grid-row: 1; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics {
        grid-column: 1 / -1;
        margin: 12px 0 0;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics > div { min-height: 58px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item {
        grid-template-columns: 78px minmax(112px, 1fr) 68px 16px;
        min-height: 76px;
    }
}

/* Profile-v2 expanded match: one rounded card from summary to team tables */
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.is-expanded {
    overflow: hidden;
    border-radius: 12px;
    background: #11141a;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary[aria-expanded="true"],
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.defeat .match-summary[aria-expanded="true"] {
    border: 1px solid rgba(255, 255, 255, .07);
    border-bottom-color: var(--profile-line);
    border-left: 4px solid #78cfdf;
    border-radius: 12px 12px 0 0;
    background: var(--profile-blue);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.defeat .match-summary[aria-expanded="true"] {
    border-left-color: #ff6671;
    background: var(--profile-red);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.defeat .match-inline-detail {
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: #11141a;
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar {
    min-height: 48px;
    padding-inline: 18px;
    border-color: var(--profile-line);
    background: #1a1e26;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-tables {
    gap: 14px;
    padding: 14px;
    background: #101319;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block {
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 11px;
    background: #15181f;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block > header {
    min-height: 52px;
    border-color: var(--profile-line);
    background: #1d212a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-column-head,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-rune-column-head,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-stat-column-head { background: #171a22; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-player,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-rune-player,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-stat-player { background: #13161c; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-player:nth-of-type(even),
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-rune-player:nth-of-type(even),
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-stat-player:nth-of-type(even) { background: #151820; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-player.is-current-player,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-rune-player.is-current-player,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-stat-player.is-current-player {
    background: #163039;
    box-shadow: inset 4px 0 0 var(--rift-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar::before {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border: 1px solid rgba(125, 214, 230, .65);
    border-radius: 4px;
    background:
        linear-gradient(135deg, transparent 42%, #7dd6e6 43% 55%, transparent 56%),
        linear-gradient(45deg, transparent 42%, #7dd6e6 43% 55%, transparent 56%);
    content: '';
    opacity: .85;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar > div { margin-right: auto; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison {
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 11px;
    background: #15181f;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison > header {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--profile-line);
    background: #1d212a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison > header > div:first-child {
    display: grid;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison > header strong {
    color: #f1f2f5;
    font-size: 11px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison > header span {
    color: #858b97;
    font-size: 8px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-legend {
    display: flex;
    align-items: center;
    gap: 7px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-legend span:first-child { color: #82d9e8; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-legend span:last-child { color: #ff747d; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-legend i {
    width: 14px;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, #82d9e8 0 45%, #59606d 45% 55%, #ff747d 55%);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid > div {
    min-height: 70px;
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 10px 16px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid > div + div { border-left: 1px solid var(--profile-line); }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid span {
    color: #898e99;
    font-family: var(--rift-ui);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid p {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid b {
    font-family: var(--rift-display);
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid strong { color: #83dbea; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid b { color: #ff727c; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid i {
    color: #666c78;
    font-size: 8px;
    font-style: normal;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-heading,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals {
    display: flex;
    align-items: center;
    gap: 8px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-heading > b {
    padding: 3px 6px;
    border: 1px solid rgba(130, 217, 232, .26);
    border-radius: 4px;
    background: rgba(130, 217, 232, .08);
    color: #8adbea;
    font-size: 7px;
    letter-spacing: .05em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block.enemy .match-team-heading > b {
    border-color: rgba(255, 113, 123, .28);
    background: rgba(255, 113, 123, .08);
    color: #ff747e;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals small {
    color: #858b97;
    font-size: 8px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals span b {
    color: #dfe2e8;
    font-weight: 800;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals small {
    padding-left: 8px;
    border-left: 1px solid var(--profile-line);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-grade {
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    margin-left: 7px;
    place-items: center;
    border: 1px solid rgba(225, 173, 60, .48);
    border-radius: 50%;
    background: #272113;
    color: #f0bc45;
    font-family: var(--rift-ui);
    font-size: 8px;
    vertical-align: middle;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-grade.is-a {
    border-color: rgba(126, 217, 232, .4);
    background: #15262b;
    color: #84d8e7;
}

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout.has-expanded-match {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "main" "sidebar";
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout.has-expanded-match .oprift-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.is-expanded { border-radius: 9px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary[aria-expanded="true"],
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.defeat .match-summary[aria-expanded="true"] { border-radius: 9px 9px 0 0; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-entry.defeat .match-inline-detail { border-radius: 0 0 9px 9px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block { border-radius: 8px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison { border-radius: 8px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison > header { align-items: flex-start; flex-direction: column; gap: 5px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid > div { min-height: 62px; padding-inline: 10px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid strong,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison-grid b { font-size: 16px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-layout.has-expanded-match .oprift-sidebar { grid-template-columns: 1fr; }
}

/* Profile-v2 loadout rail: icons belong to the match row, not a nested card */
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview {
    min-width: 0;
    min-height: 42px;
    display: grid;
    grid-template-columns: max-content 1px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 4px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-spells {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, 30px);
    align-items: center;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(6, 34px);
    align-items: center;
    justify-content: space-between;
    gap: 3px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-divider {
    width: 1px;
    height: 32px;
    border-radius: 1px;
    background: linear-gradient(180deg, transparent, rgba(223, 170, 54, .62), transparent);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border-color: rgba(255, 255, 255, .2);
    border-radius: 5px;
    background: rgba(7, 10, 15, .42);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items .match-asset-icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-pending {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #8b909b;
    font-family: var(--rift-ui);
    font-size: 7px;
    letter-spacing: .04em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-pending i {
    width: 28px;
    height: 5px;
    overflow: hidden;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(130, 217, 232, .15), #82d9e8, rgba(130, 217, 232, .15));
    background-size: 200% 100%;
    animation: match-loadout-pulse 1.2s linear infinite;
}
@keyframes match-loadout-pulse { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-pending i { animation: none; }
}

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item { grid-template-columns: 82px 112px 70px minmax(176px, 1fr) 56px 16px; gap: 5px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview {
        min-height: 63px;
        grid-template-columns: max-content 1px minmax(0, 1fr);
        gap: 4px;
        padding-inline: 2px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-spells { grid-template-columns: repeat(2, 25px); gap: 3px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items {
        grid-template-columns: repeat(4, 30px);
        grid-auto-rows: 30px;
        align-content: center;
        justify-content: start;
        gap: 3px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-asset-icon,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview .match-loadout-spells .match-asset-icon {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
        border-radius: 4px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-items .match-asset-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-divider { height: 54px; }
}

/* Profile-v2 competitive archive: quieter rank cards and unified stat matrices */
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel {
    background: #11141a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-head,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-head {
    min-height: 62px !important;
    padding-inline: 18px;
    border-bottom: 1px solid var(--profile-line);
    background: #1b1f27 !important;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel > header::after,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel > header::after { display: none; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-head h2,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-head h2 {
    font-size: 14px;
    letter-spacing: .01em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-current-season-badge,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-head > span {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(229, 172, 47, .22);
    border-radius: 999px;
    background: rgba(229, 172, 47, .07);
    color: #c9a552;
    font-size: 7px;
    font-weight: 750;
    letter-spacing: .08em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-body {
    gap: 12px;
    padding: 14px;
    background: #11141a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-body::before { display: none; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode.legendary {
    position: relative;
    min-height: 184px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 11px;
    background:
        radial-gradient(circle at 88% 10%, rgba(102, 208, 228, .1), transparent 36%),
        #181c24;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode.legendary {
    background:
        radial-gradient(circle at 88% 10%, rgba(226, 168, 42, .11), transparent 36%),
        #181c24;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode-head {
    gap: 10px;
    margin-bottom: 12px;
    color: #88d8e7;
    font-size: 8px;
    letter-spacing: .08em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode.legendary .oprift-season-mode-head { color: #e1b449; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode-head .oprift-rank-art.compact {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 0;
    background: transparent;
    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .26));
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode > strong {
    font-family: var(--rift-display);
    font-size: 21px;
    font-weight: 500;
    letter-spacing: .015em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-mode > p {
    margin-top: 4px;
    color: #9298a4;
    font-size: 9px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-metrics {
    gap: 0;
    margin-top: 16px;
    padding-top: 12px;
    border: 0;
    border-top: 1px solid var(--profile-line);
    border-radius: 0;
    background: transparent;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-metrics > div {
    padding: 0 10px;
    border: 0;
    border-left: 1px solid var(--profile-line);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-metrics > div:first-child { padding-left: 0; border-left: 0; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-metrics span { color: #7e8490; font-size: 7px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-metrics strong {
    margin-top: 4px;
    color: #f0f2f5;
    font-family: var(--rift-display);
    font-size: 17px;
    font-weight: 500;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-body {
    gap: 12px;
    padding: 14px;
    background: #11141a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-body::before { display: none; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats.legendary {
    position: relative;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 11px;
    background: #181c24;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .12);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats::before {
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, #59c9de, rgba(89, 201, 222, 0));
    content: '';
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats.legendary::before {
    background: linear-gradient(90deg, #dfa927, rgba(223, 169, 39, 0));
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats-title { min-height: 24px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats-title i {
    width: 7px;
    height: 7px;
    border-width: 1px;
    border-color: #5ac9de;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats-title strong { font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-stats-title span { display: none; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-record {
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 8px;
    background: #12151b;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-record > div {
    padding: 10px;
    border-color: var(--profile-line);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-record span { color: #7f8590; font-size: 7px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-queue-record strong {
    margin-top: 4px;
    font-family: var(--rift-display);
    font-size: 17px;
    font-weight: 500;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-stat-section-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    color: #989faa;
    font-size: 7px;
    letter-spacing: .08em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-stat-section-label::after {
    height: 1px;
    flex: 1;
    background: var(--profile-line);
    content: '';
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid {
    gap: 1px;
    margin-top: 9px;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: 9px;
    background: var(--profile-line);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid > div {
    min-height: 54px;
    padding: 9px;
    border: 0;
    border-radius: 0;
    background: #1d212a;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid strong {
    font-family: var(--rift-display);
    font-size: 16px;
    font-weight: 500;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid span {
    margin-top: 3px;
    color: #828894;
    font-size: 7px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-performance-grid { gap: 0 18px; margin-top: 6px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-performance-grid > div {
    min-height: 34px;
    border-color: var(--profile-line);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-performance-grid span { color: #858b96; font-size: 8px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-performance-grid strong {
    color: #e8eaf0;
    font-family: var(--rift-display);
    font-size: 12px;
    font-weight: 500;
}

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-body { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-performance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-season-body { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-head,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-head { align-items: center; flex-direction: row; padding-block: 0; }
}
@media (max-width: 450px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-achievement-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-performance-grid { grid-template-columns: 1fr; }
}

/* Profile-v2 live summary: compact evidence, not decorative gauges */
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics > .oprift-profile-metric {
    position: relative;
    min-height: 76px;
    display: grid;
    grid-template-columns: minmax(72px, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 9px;
    background: rgba(12, 15, 21, .76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metric::after {
    position: absolute;
    inset: auto 12px 0;
    height: 1px;
    background: linear-gradient(90deg, currentColor, transparent);
    content: '';
    opacity: .46;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metric.is-kda { color: #7ed7e7; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metric.is-winrate,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metric.is-gold { color: #e2ad36; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metric.is-form { color: #8ad7e5; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy {
    min-width: 0;
    display: grid;
    align-content: center;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy > span {
    color: #9ba0ab;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy > strong {
    margin-top: 3px;
    color: #f2f3f6;
    font-family: var(--rift-display);
    font-size: 23px;
    font-weight: 500;
    line-height: 1;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy > strong em { color: #ff717b; font-style: normal; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy > strong .oprift-metric-unit {
    display: inline-block;
    margin-left: 2px;
    color: inherit;
    font-family: var(--rift-ui);
    font-size: .56em;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    vertical-align: .18em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy > strong .oprift-metric-unit.is-result {
    margin-left: 1px;
    font-size: .5em;
    vertical-align: .2em;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-copy > small {
    margin-top: 4px;
    color: #777d88;
    font-size: 7px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-sparkline {
    width: 82px;
    height: 34px;
    overflow: visible;
    color: inherit;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-sparkline path { fill: currentColor; opacity: .08; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-sparkline polyline {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-sparkline circle {
    fill: #11151b;
    stroke: currentColor;
    stroke-width: 1.4;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-progress {
    width: 82px;
    height: 5px;
    overflow: hidden;
    border-radius: 5px;
    background: #342127;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-progress i {
    display: block;
    width: var(--metric-progress);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #dfaa31, #f0c65b);
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-form-strip {
    width: 86px;
    display: flex;
    align-items: center;
    gap: 2px;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-form-strip i {
    height: 18px;
    flex: 1 1 0;
    border-radius: 2px;
    background: #5d3037;
    opacity: .92;
}
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-form-strip .is-win { background: #5fc9dc; }

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics > .oprift-profile-metric { gap: 7px; padding-inline: 10px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-sparkline,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-progress,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-metric-form-strip { width: 62px; }
}
@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics > .oprift-profile-metric { min-height: 70px; }
}

/* Profile navigation: one compact command bar, not a row of boxed controls. */
html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar {
    min-height: 64px;
    padding: 9px max(24px, calc((100vw - 1320px) / 2));
    gap: 12px;
    border-bottom-color: rgba(227, 230, 237, .11);
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .045), transparent 23%),
        rgba(10, 11, 15, .96);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar .logo {
    width: 178px;
    flex: 0 0 178px;
    gap: 10px;
    padding-right: 8px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .gm-brand-mark {
    width: 38px;
    height: 38px;
    filter: drop-shadow(0 4px 9px rgba(232, 161, 31, .16));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .gm-brand-name {
    font-size: 18px;
    letter-spacing: .055em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-site-links {
    align-self: stretch;
    gap: 2px;
    padding: 0 6px;
    border-left: 1px solid rgba(227, 230, 237, .08);
    border-right: 1px solid rgba(227, 230, 237, .08);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 11px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #8f95a1;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .09em;
    transition: color 160ms ease, background-color 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link::after {
    content: "";
    position: absolute;
    right: 11px;
    bottom: 2px;
    left: 11px;
    height: 2px;
    border-radius: 2px;
    background: var(--rift-gold);
    opacity: 0;
    transform: scaleX(.45);
    transition: opacity 160ms ease, transform 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link:hover {
    border-color: transparent;
    background: rgba(255, 255, 255, .025);
    color: #d9dce2;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link.active {
    border-color: transparent;
    background: transparent;
    color: var(--rift-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link.active::after {
    opacity: 1;
    transform: scaleX(1);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link.active:hover {
    background: rgba(255, 255, 255, .025);
    color: var(--rift-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link:focus-visible {
    outline: 1px solid rgba(232, 162, 31, .72);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-container {
    min-width: 220px;
    max-width: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box {
    height: 42px;
    padding: 0 14px 0 42px;
    border-color: rgba(227, 230, 237, .12);
    border-radius: 10px;
    background: #111319;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    font-size: 12px;
    letter-spacing: .015em;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box::placeholder { color: #707681; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box:hover {
    border-color: rgba(227, 230, 237, .2);
    background: #14171e;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box:focus {
    border-color: rgba(232, 161, 31, .7);
    background: #14171e;
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .09);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box::-webkit-search-cancel-button {
    width: 17px;
    height: 17px;
    margin-right: 0;
    border-radius: 5px;
    background-color: transparent;
    background-image:
        linear-gradient(45deg, transparent 46%, #8b919c 46%, #8b919c 54%, transparent 54%),
        linear-gradient(-45deg, transparent 46%, #8b919c 46%, #8b919c 54%, transparent 54%);
    background-position: center;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: .78;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transition: background-color 140ms ease, opacity 140ms ease;
    transition: background-color 140ms ease, opacity 140ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box::-webkit-search-cancel-button:hover {
    background-color: rgba(255, 255, 255, .07);
    opacity: 1;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-icon {
    left: 15px;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: #737a86;
    font-size: 0;
    opacity: 1;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-icon::before {
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-radius: 50%;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-icon::after {
    right: -3px;
    bottom: -2px;
    width: 6px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-container:focus-within .search-icon {
    color: var(--rift-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results {
    top: calc(100% + 9px);
    max-height: min(390px, 66vh);
    padding: 6px;
    overflow-x: hidden;
    border: 1px solid rgba(227, 230, 237, .14);
    border-radius: 12px;
    background: rgba(13, 15, 20, .985);
    color: var(--rift-text);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .48), 0 0 0 1px rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results-head {
    position: sticky;
    top: -6px;
    z-index: 2;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -6px -6px 4px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(227, 230, 237, .09);
    background: rgba(13, 15, 20, .97);
    color: #858b96;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results-head small {
    min-width: 22px;
    padding: 3px 6px;
    border-radius: 8px;
    background: rgba(232, 161, 31, .1);
    color: var(--rift-gold);
    font-size: 8px;
    line-height: 1;
    text-align: center;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item {
    position: relative;
    width: 100%;
    min-height: 62px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 11px;
    margin: 2px 0;
    padding: 8px 10px;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 2px;
    border-radius: 0 2px 2px 0;
    background: var(--rift-gold);
    opacity: 0;
    transform: scaleY(.45);
    transition: opacity 150ms ease, transform 150ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item:hover,
html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item:focus-visible {
    outline: 0;
    background: #181b22;
    box-shadow: inset 0 0 0 1px rgba(227, 230, 237, .055);
    transform: translateX(1px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item:hover::before,
html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item:focus-visible::before {
    opacity: 1;
    transform: scaleY(1);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item + .search-result-item {
    border-top: 1px solid rgba(227, 230, 237, .055);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-avatar {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    border: 1px solid rgba(232, 161, 31, .34);
    border-radius: 10px;
    background: #171a20;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .22);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-info { min-width: 0; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-name {
    overflow: hidden;
    color: #eef0f4;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    overflow: hidden;
    color: #777e89;
    font-size: 9px;
    font-weight: 600;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-meta span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-meta span + span::before {
    content: "";
    width: 3px;
    height: 3px;
    flex: 0 0 3px;
    margin-right: 7px;
    border-radius: 50%;
    background: #454a54;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-meta .result-tier { color: #d9aa45; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .result-open {
    color: #5e6570;
    font-family: var(--rift-ui);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    transition: color 150ms ease, transform 150ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item:hover .result-open,
html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item:focus-visible .result-open {
    color: var(--rift-gold);
    transform: translateX(2px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results::-webkit-scrollbar { width: 7px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results::-webkit-scrollbar-track { background: transparent; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results::-webkit-scrollbar-thumb {
    border: 2px solid rgba(13, 15, 20, .985);
    border-radius: 7px;
    background: #434955;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-builds-link {
    flex: 0 0 auto;
    min-width: 70px;
    border-radius: 7px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .backend-status {
    min-height: 34px;
    max-width: 190px;
    padding: 0 0 0 13px;
    gap: 7px;
    border: 0;
    border-left: 1px solid rgba(227, 230, 237, .1);
    border-radius: 0;
    background: transparent;
    color: #a9adb6;
    font-family: var(--rift-ui);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 1.2;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .backend-status::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .08);
}

@media (max-width: 1120px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar {
        padding-inline: 18px;
        gap: 9px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar .logo {
        width: 152px;
        flex-basis: 152px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .gm-brand-name { font-size: 16px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-site-links { padding-inline: 3px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-site-links a { padding-inline: 8px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .backend-status { max-width: 150px; }
}

@media (max-width: 860px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar .logo {
        width: auto;
        flex-basis: auto;
        padding-right: 0;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-site-links { display: none; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .backend-status { display: none; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar {
        min-height: 58px;
        padding: 7px 10px;
        gap: 7px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .gm-brand-mark { width: 34px; height: 34px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .gm-brand-name { display: none; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .search-container { min-width: 0; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .search-box {
        height: 40px;
        padding-right: 12px;
        font-size: 11px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-builds-link {
        width: auto;
        min-width: 54px;
        min-height: 40px;
        padding-inline: 8px;
        font-size: 8px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .search-results {
        right: -61px;
        max-height: min(360px, 58vh);
        border-radius: 10px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .search-result-item {
        min-height: 58px;
        grid-template-columns: 38px minmax(0, 1fr) 18px;
        gap: 9px;
        padding: 7px 8px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .result-avatar {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 9px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .result-name { font-size: 11px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .result-meta { gap: 5px; font-size: 8px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .result-meta span + span::before { margin-right: 5px; }
}

/* Profile preview sidebar: competitive summary and champion form ranking. */
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel {
    overflow: hidden;
    border-color: #2a3039;
    border-radius: 13px;
    background: #15181f;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .16);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel > header,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel > header {
    min-height: 48px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(227, 230, 237, .09);
    background: #1b1f27 !important;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel > header::after,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel > header::after {
    right: auto;
    left: 15px;
    width: 34px;
    height: 2px;
    background: linear-gradient(90deg, var(--rift-gold), #f0c75d);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel > header h2,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel > header h2 {
    font-size: 13px;
    letter-spacing: .005em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel > header span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel > header span {
    color: #777e89;
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel > header h2::before,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel > header h2::before {
    width: 6px;
    height: 6px;
    border: 1px solid var(--rift-gold);
    background: transparent;
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-block {
    position: relative;
    min-height: 92px;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin: 0 14px;
    padding: 12px 3px;
    border: 0;
    border-bottom: 1px solid rgba(227, 230, 237, .075);
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-legendary-rank-block {
    border-bottom: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-emblem {
    width: 68px;
    height: 68px;
    margin: 0;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .28));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-art {
    width: 68px;
    height: 68px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-copy { min-width: 0; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-queue {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    color: #75d0df;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-queue::before {
    content: "";
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border: 1px solid currentColor;
    transform: rotate(45deg);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-legendary-rank-block .oprift-rank-queue { color: #dfad43; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-block strong {
    display: block;
    color: #f0f1f4;
    font-family: var(--rift-display);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.15;
    text-wrap: balance;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-legendary-rank-block strong {
    font-size: 15px;
    line-height: 1.08;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-block p {
    overflow: hidden;
    margin-top: 4px;
    color: #969ca7;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record {
    min-height: 84px;
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    margin: 0;
    padding: 12px 17px 14px;
    border: 0;
    border-top: 1px solid rgba(227, 230, 237, .09);
    border-radius: 0;
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .055), transparent 46%),
        #12151b;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-donut {
    width: 62px;
    height: 62px;
    background: conic-gradient(#eda91f calc(var(--rate) * 1%), #73323b 0);
    box-shadow: 0 7px 18px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-donut::before {
    inset: 7px;
    background: #11141a;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-donut strong { font-size: 13px; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-donut span { font-size: 6px; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-record-copy small {
    display: block;
    margin-bottom: 5px;
    color: #737a86;
    font-size: 6px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record-copy b {
    font-family: var(--rift-display);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .015em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record-copy > span {
    gap: 9px;
    margin-top: 5px;
    font-size: 9px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champions-grid {
    display: block;
    margin: 0;
    padding: 7px 10px 9px;
    counter-reset: recent-champion;
    background: #15181f;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card {
    position: relative;
    min-height: 57px;
    display: grid;
    grid-template-columns: 15px 40px minmax(0, 1fr) 44px;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 8px;
    row-gap: 2px;
    margin: 0;
    padding: 7px 5px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid rgba(227, 230, 237, .065);
    border-radius: 7px;
    background: transparent;
    box-shadow: none;
    color: inherit;
    cursor: default;
    counter-increment: recent-champion;
    transform: none;
    transition: background-color 150ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card::before {
    content: counter(recent-champion, decimal-leading-zero);
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    color: #555c67;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .02em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: var(--champion-progress);
    height: 2px;
    border-radius: 2px;
    background: var(--champion-tone);
    opacity: .72;
    transition: opacity 150ms ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card:hover {
    border-color: rgba(227, 230, 237, .065);
    background: #1b1f27;
    transform: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card:hover::after { opacity: 1; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card:last-child { border-bottom-color: transparent; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-icon {
    grid-column: 2;
    grid-row: 1 / 3;
    width: 40px;
    height: 40px;
    border-color: rgba(232, 161, 31, .62);
    border-radius: 9px;
    box-shadow: 0 5px 12px rgba(0, 0, 0, .22);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-info {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    align-self: end;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-name {
    color: #eef0f4;
    font-size: 10px;
    font-weight: 750;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-title {
    margin-top: 2px;
    color: #747b86;
    font-size: 7px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda {
    grid-column: 3;
    grid-row: 2;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: start;
    overflow: hidden;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda span {
    display: inline;
    overflow: hidden;
    margin: 0;
    font-size: 7px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda strong { color: #6fcbdc; }
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda span { color: #747b86; }

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-stats {
    grid-column: 4;
    grid-row: 1 / 3;
    align-self: center;
    text-align: right;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-wr {
    font-family: var(--rift-display);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-games {
    margin-top: 3px;
    color: #9298a3;
    font-size: 7px;
    white-space: nowrap;
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-block {
        grid-template-columns: 62px minmax(0, 1fr);
        min-height: 84px;
    }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-emblem,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-art {
        width: 62px;
        height: 62px;
    }
}

/*
 * Approved profile typography audit.
 * Display and navigation use the official GM Stars face; compact data remains
 * in Chakra Petch so percentages, V/D results and dense numeric tables stay
 * immediately distinguishable. Functional copy is never rendered below 11px.
 */
html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-section-link,
html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-builds-link,
html.gm-stars-rift-redesign.gm-stars-profile-preview .backend-status {
    font-family: var(--rift-brand) !important;
    font-size: 12px !important;
    line-height: 1.2;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .backend-status {
    max-width: 220px;
    letter-spacing: .065em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-eyebrow,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity p {
    font-size: 12px !important;
    line-height: 1.35;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions button {
    font-size: 12px !important;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics small {
    font-size: 11px !important;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-metrics strong {
    line-height: 1.05;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel header span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-queue,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-mode-label,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-copy p,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-snapshot-copy span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-snapshot-copy small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record-copy small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record-copy span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record-copy i,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-record-copy em,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-donut span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-recent-form span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-recent-form small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-form-score strong {
    font-size: 11px !important;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-block,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-rank-panel .oprift-rank-snapshot {
    min-height: 86px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-rank-snapshot-copy span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-rank-snapshot-copy small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-rank-snapshot-copy b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-rank-snapshot-copy i,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-recent-form span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-recent-form small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-overview .oprift-form-score strong {
    font-size: 11px !important;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel header span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-title,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-kda span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-games {
    font-size: 11px !important;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-name {
    font-size: 13px !important;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-champions-panel .champion-card {
    min-height: 72px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head .oprift-history-kicker,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head .oprift-history-context,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head .oprift-history-context b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head .oprift-history-context span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-history-head .oprift-filters button {
    font-size: 11px !important;
    line-height: 1.3;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-result-summary strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-result-summary span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-result-summary small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-preview-result,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-kda small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-gold-ring small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-preview-performance > b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-preview-performance > em,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-loadout-preview > span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-loadout-preview > small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-loadout-preview .match-data-empty {
    font-size: 11px !important;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary .match-champion-portrait i {
    min-width: 18px;
    min-height: 18px;
    font-size: 11px !important;
    line-height: 18px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-summary {
    min-height: 88px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail em,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail i,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-column-head span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-heading b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison i {
    font-size: 12px !important;
    line-height: 1.3;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-inline-detail strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-heading strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-comparison strong {
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel header span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel .oprift-season-mode-head,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel .oprift-season-mode-head span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel .oprift-season-mode p,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel .oprift-season-metrics span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel header span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-queue-record span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-stat-section-label,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-achievement-grid span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-performance-grid span {
    font-size: 11px !important;
    line-height: 1.3;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-achievement-grid strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-performance-grid strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-complete-stats-panel .oprift-queue-record strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-seasons-panel .oprift-season-metrics strong {
    font-size: 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head > div:first-child > span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-head p,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-actions > span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-summary span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-columns span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-wr small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-loading span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champions-empty p {
    font-size: 11px !important;
    line-height: 1.3;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row > strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row span > strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-wr strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-kda b,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-kda em,
html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-kda i {
    font-size: 12px !important;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .profile-champion-row {
    min-height: 68px;
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .navbar-builds-link,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button {
        font-size: 11px !important;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-eyebrow,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-identity p {
        font-size: 11px !important;
    }
}

/* ==========================================================================
   Unified Rift portal — home and builds now share the approved profile system
   ========================================================================== */

html.gm-stars-rift-redesign.gm-stars-rift-section {
    --rift-portal-canvas: #0a0d12;
    --rift-portal-surface: #141920;
    --rift-portal-surface-raised: #1a2029;
    --rift-portal-surface-soft: #10141a;
    --rift-portal-border: #29313b;
    --rift-portal-border-soft: rgba(228, 231, 237, .09);
    --rift-portal-text: #f1f2f5;
    --rift-portal-muted: #9da4af;
    --rift-portal-faint: #747c88;
    --rift-portal-gold: #e8a11f;
    --rift-portal-cyan: #62cfdf;
}

html.gm-stars-rift-redesign.gm-stars-rift-section body {
    background:
        radial-gradient(circle at 76% 4%, rgba(98, 207, 223, .035), transparent 27rem),
        radial-gradient(circle at 16% 0, rgba(232, 161, 31, .035), transparent 24rem),
        var(--rift-portal-canvas);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .main-container {
    width: min(1280px, calc(100% - 34px));
    margin-top: 26px;
    margin-bottom: 72px;
}

/* One navigation treatment for protected profiles and public /builds. */
html.gm-stars-rift-redesign.gm-stars-rift-section .navbar {
    min-height: 64px;
    padding: 9px max(24px, calc((100vw - 1320px) / 2));
    gap: 12px;
    border-bottom: 1px solid rgba(227, 230, 237, .11);
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .045), transparent 23%),
        rgba(10, 11, 15, .96);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar .logo {
    width: 178px;
    flex: 0 0 178px;
    gap: 10px;
    padding-right: 8px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .gm-brand-mark {
    width: 38px;
    height: 38px;
    filter: drop-shadow(0 4px 9px rgba(232, 161, 31, .16));
}

html.gm-stars-rift-redesign.gm-stars-rift-section .gm-brand-name {
    font-size: 18px;
    letter-spacing: .055em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-site-links {
    align-self: center;
    min-height: 46px;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(227, 230, 237, .09);
    border-radius: 16px;
    background: rgba(17, 20, 26, .76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-section-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #8f95a1;
    font-family: var(--rift-brand);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;
    transition: color 160ms ease, background-color 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-section-link::after {
    content: "";
    position: absolute;
    right: 11px;
    bottom: 2px;
    left: 11px;
    height: 2px;
    border-radius: 2px;
    background: var(--rift-portal-gold);
    opacity: 0;
    transform: scaleX(.45);
    transition: opacity 160ms ease, transform 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-section-link:hover {
    border-color: transparent;
    background: #1a1e26;
    color: #d9dce2;
    box-shadow: inset 0 0 0 1px rgba(227, 230, 237, .055);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-section-link.active {
    border-color: transparent;
    background: rgba(232, 161, 31, .08);
    color: var(--rift-portal-gold);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-section-link.active::after {
    opacity: 1;
    transform: scaleX(1);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-container {
    min-width: 220px;
    max-width: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-box {
    height: 46px;
    padding: 0 16px 0 44px;
    border: 1px solid rgba(227, 230, 237, .12);
    border-radius: 16px;
    background: #111319;
    color: var(--rift-portal-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    font-size: 12px;
    letter-spacing: .015em;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-box::placeholder { color: #858c97; }
html.gm-stars-rift-redesign.gm-stars-rift-section .search-box:hover { border-color: rgba(227, 230, 237, .2); background: #14171e; }
html.gm-stars-rift-redesign.gm-stars-rift-section .search-box:focus {
    border-color: rgba(232, 161, 31, .7);
    background: #14171e;
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .09);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-icon {
    left: 15px;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    color: #737a86;
    font-size: 0;
    opacity: 1;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-icon::before {
    width: 13px;
    height: 13px;
    border: 2px solid currentColor;
    border-radius: 50%;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-icon::after {
    right: -3px;
    bottom: -2px;
    width: 6px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-container:focus-within .search-icon { color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-builds-link {
    min-width: 82px;
    min-height: 46px;
    flex: 0 0 auto;
    border: 1px solid rgba(227, 230, 237, .11);
    border-radius: 16px;
    background: #11141a;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-builds-link::after { display: none; }
html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-builds-link:hover {
    border-color: rgba(232, 161, 31, .38);
    background: #1a1e26;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-builds-link.active {
    border-color: rgba(232, 161, 31, .52);
    background: rgba(232, 161, 31, .1);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-utilities {
    display: inline-flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .backend-status {
    min-height: 46px;
    max-width: 220px;
    padding: 0 14px;
    gap: 7px;
    border: 1px solid rgba(227, 230, 237, .1);
    border-radius: 16px;
    background: #11141a;
    color: #a9adb6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .045em;
    line-height: 1.2;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .backend-status::before {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .08);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle {
    position: relative;
    display: inline-flex;
    min-width: 66px;
    min-height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 10px;
    border: 1px solid rgba(227, 230, 237, .1);
    border-radius: 999px;
    background: rgba(17, 20, 26, .72);
    color: #747b87;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .055em;
    line-height: 1;
    cursor: pointer;
    transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option] {
    position: relative;
    display: inline-grid;
    min-width: 16px;
    place-items: center;
    padding-bottom: 2px;
    transition: color 160ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option]::after {
    content: "";
    position: absolute;
    right: 1px;
    bottom: -5px;
    left: 1px;
    height: 2px;
    border-radius: 999px;
    background: var(--rift-portal-gold);
    opacity: 0;
    transform: scaleX(.45);
    transition: opacity 160ms ease, transform 160ms ease;
}

html[lang="es"].gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option="es"],
html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option="en"] {
    color: var(--rift-portal-gold);
}

html[lang="es"].gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option="es"]::after,
html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option="en"]::after {
    opacity: 1;
    transform: scaleX(1);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-separator {
    color: #4f5661;
    font-style: normal;
    font-weight: 500;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle:hover {
    border-color: rgba(232, 161, 31, .28);
    background: #1a1e26;
    color: #bdc1c9;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle:focus-visible {
    border-color: rgba(98, 207, 223, .68);
    outline: 2px solid var(--rift-portal-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results {
    top: calc(100% + 9px);
    max-height: min(390px, 66vh);
    padding: 6px;
    overflow-x: hidden;
    border: 1px solid rgba(227, 230, 237, .14);
    border-radius: 16px;
    background: rgba(13, 15, 20, .985);
    color: var(--rift-portal-text);
    box-shadow: 0 24px 54px rgba(0, 0, 0, .48);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-head {
    min-height: 36px;
    padding-inline: 13px;
    border-bottom-color: rgba(227, 230, 237, .09);
    background: rgba(13, 15, 20, .97);
    color: #8b919c;
    font-size: 11px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-head small { font-size: 11px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .search-result-item {
    min-height: 62px;
    grid-template-columns: 42px minmax(0, 1fr) 24px;
    gap: 11px;
    margin: 2px 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-result-item:hover,
html.gm-stars-rift-redesign.gm-stars-rift-section .search-result-item:focus-visible { background: #181b22; transform: translateX(1px); }
html.gm-stars-rift-redesign.gm-stars-rift-section .result-avatar { width: 42px; height: 42px; flex-basis: 42px; border-radius: 10px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .result-name { color: #eef0f4; font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .result-meta { color: #858b96; font-size: 11px; }

/* Home: compact discovery dossier. */
html.gm-stars-rift-redesign .home-discovery { background: transparent; }

html.gm-stars-rift-redesign .home-discovery-hero {
    isolation: isolate;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
    min-height: 368px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 78% 18%, rgba(98, 207, 223, .08), transparent 24rem),
        linear-gradient(118deg, rgba(232, 161, 31, .065), transparent 36%),
        #12171d;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
}

html.gm-stars-rift-redesign .home-discovery-hero::after {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    z-index: 2;
    display: block;
    width: 42%;
    height: 2px;
    border-radius: 0 2px 0 0;
    background: linear-gradient(90deg, var(--rift-portal-gold), var(--rift-portal-cyan));
    opacity: .9;
}

html.gm-stars-rift-redesign .home-hero-copy {
    position: relative;
    z-index: 1;
    align-self: center;
    max-width: 720px;
    padding: 44px 48px 46px;
    background: transparent;
}

html.gm-stars-rift-redesign .home-hero-copy { width: 100%; min-width: 0; }
html.gm-stars-rift-redesign .home-rift-board { width: auto; min-width: 0; max-width: 100%; }

html.gm-stars-rift-redesign .home-kicker {
    min-height: 26px;
    padding: 0 10px;
    gap: 8px;
    border: 1px solid rgba(98, 207, 223, .22);
    border-radius: 999px;
    background: rgba(98, 207, 223, .055);
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    letter-spacing: .11em;
}

html.gm-stars-rift-redesign .home-kicker i { width: 6px; height: 6px; border-radius: 50%; background: var(--rift-portal-cyan); }
html.gm-stars-rift-redesign .home-hero-copy h1 {
    margin: 21px 0 16px;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: clamp(48px, 5vw, 68px);
    line-height: .93;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .home-hero-copy h1 em { color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .home-hero-copy > p { max-width: 590px; color: var(--rift-portal-muted); font-size: 15px; line-height: 1.6; }
html.gm-stars-rift-redesign .home-search-action {
    width: min(438px, 100%);
    min-height: 52px;
    margin-top: 24px;
    padding: 0 16px;
    border: 1px solid rgba(232, 161, 31, .42);
    border-radius: 11px;
    background: rgba(9, 12, 16, .7);
    color: var(--rift-portal-text);
    box-shadow: inset 3px 0 0 var(--rift-portal-gold), 0 10px 24px rgba(0, 0, 0, .16);
}

html.gm-stars-rift-redesign .home-search-action span { font-size: 12px; }
html.gm-stars-rift-redesign .home-search-action b { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-search-action i { color: var(--rift-portal-gold); font-size: 22px; }
html.gm-stars-rift-redesign .home-search-action:hover {
    border-color: var(--rift-portal-gold);
    background: #181d24;
    box-shadow: inset 3px 0 0 var(--rift-portal-gold), 0 13px 30px rgba(0, 0, 0, .22);
    transform: translateY(-1px);
}

html.gm-stars-rift-redesign .home-rift-board {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px;
    padding: 30px 28px;
    overflow: hidden;
    border: 1px solid rgba(227, 230, 237, .09);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(98, 207, 223, .06), transparent 55%), rgba(8, 11, 15, .62);
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign .home-rift-board::before {
    content: "";
    position: absolute;
    top: -108px;
    right: -94px;
    display: block;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(98, 207, 223, .15);
    border-radius: 50%;
    box-shadow: 0 0 0 32px rgba(98, 207, 223, .025);
}

html.gm-stars-rift-redesign .home-board-logo { width: min(182px, 76%); margin: 0 auto 17px; opacity: .98; }
html.gm-stars-rift-redesign .home-board-label { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; letter-spacing: .14em; }
html.gm-stars-rift-redesign .home-board-number { margin-top: 15px; color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 49px; line-height: .9; letter-spacing: .04em; }
html.gm-stars-rift-redesign .home-board-copy { margin-top: 12px; }
html.gm-stars-rift-redesign .home-board-copy b { color: var(--rift-portal-text); font-size: 14px; }
html.gm-stars-rift-redesign .home-board-copy span { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-board-split { width: 100%; margin-top: 21px; border-color: var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .home-board-split span { justify-content: center; color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-board-split b { color: var(--rift-portal-gold); font-size: 17px; }

html.gm-stars-rift-redesign .home-discovery-grid { grid-template-columns: minmax(0, 1.72fr) minmax(300px, .72fr); gap: 18px; margin-top: 18px; }
html.gm-stars-rift-redesign .home-ranking-panel,
html.gm-stars-rift-redesign .home-spotlight-panel,
html.gm-stars-rift-redesign .home-public-note {
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 16px;
    background: var(--rift-portal-surface);
    color: var(--rift-portal-text);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .15);
}

html.gm-stars-rift-redesign .home-ranking-panel,
html.gm-stars-rift-redesign .home-spotlight-panel { border-top: 1px solid var(--rift-portal-border); }
html.gm-stars-rift-redesign .home-ranking-panel,
html.gm-stars-rift-redesign .home-spotlight-panel {
    padding: 12px;
    background: #0f1319;
}

html.gm-stars-rift-redesign .home-panel-head {
    min-height: 72px;
    padding: 15px 19px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .055), transparent 38%),
        var(--rift-portal-surface-raised);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
}

html.gm-stars-rift-redesign .home-panel-head h2 { margin-top: 5px; font-size: 22px; line-height: 1; }
html.gm-stars-rift-redesign .home-panel-head > div:first-child > span { color: var(--rift-portal-cyan); font-size: 11px; }
html.gm-stars-rift-redesign .home-preview-source { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-ranking-toolbar {
    min-height: 56px;
    margin-top: 10px;
    padding: 7px 9px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 14px;
    background: #12171e;
}

html.gm-stars-rift-redesign .home-ranking-tabs {
    align-self: auto;
    gap: 3px;
    padding: 3px;
    border: 1px solid rgba(227, 230, 237, .07);
    border-radius: 11px;
    background: #0d1117;
}

html.gm-stars-rift-redesign .home-ranking-tabs button {
    min-width: 116px;
    min-height: 36px;
    margin: 0;
    border-radius: 9px;
    color: var(--rift-portal-muted);
    font-family: var(--rift-brand);
    font-size: 11px;
    letter-spacing: .055em;
}

html.gm-stars-rift-redesign .home-ranking-tabs button::after { display: none; }
html.gm-stars-rift-redesign .home-ranking-tabs button:hover { background: #1a2028; color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .home-ranking-tabs button.active {
    background: rgba(232, 161, 31, .11);
    color: var(--rift-portal-gold);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .18);
}

html.gm-stars-rift-redesign .home-region-chip {
    min-height: 34px;
    padding: 7px 11px;
    border-color: rgba(98, 207, 223, .2);
    border-radius: 10px;
    background: rgba(98, 207, 223, .05);
    color: var(--rift-portal-cyan);
    font-size: 11px;
}

html.gm-stars-rift-redesign .home-ranking-caption {
    grid-template-columns: 74px minmax(0, 1fr) 170px;
    min-height: 34px;
    align-items: end;
    padding: 10px 48px 5px 18px;
    background: transparent;
    color: var(--rift-portal-faint);
    font-size: 11px;
}

html.gm-stars-rift-redesign .home-ranking-list {
    display: grid;
    gap: 8px;
    padding: 0;
    border: 0;
    background: transparent;
}

html.gm-stars-rift-redesign .home-ranking-row {
    min-height: 78px;
    padding: 10px 14px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #161b22;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

html.gm-stars-rift-redesign .home-ranking-row:hover {
    border-color: rgba(232, 161, 31, .28);
    background: #1a2028;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18), inset 3px 0 0 rgba(232, 161, 31, .65);
    transform: translateY(-1px);
}

html.gm-stars-rift-redesign .home-ranking-row:focus-visible {
    outline: 2px solid rgba(232, 161, 31, .72);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .home-ranking-row::before,
html.gm-stars-rift-redesign .home-ranking-row::after { display: none; }
html.gm-stars-rift-redesign .home-ranking-position {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(232, 161, 31, .22);
    border-radius: 10px;
    background: rgba(232, 161, 31, .075);
    color: var(--rift-portal-gold);
    font-size: 14px;
}

html.gm-stars-rift-redesign .home-ranking-avatar,
html.gm-stars-rift-redesign .home-spotlight-avatar { border-color: rgba(232, 161, 31, .38); border-radius: 10px; background: #10151b; }
html.gm-stars-rift-redesign .home-ranking-player strong { color: var(--rift-portal-text); font-size: 14px; }
html.gm-stars-rift-redesign .home-ranking-player small { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-ranking-rank {
    min-height: 48px;
    padding: 5px 10px;
    border: 1px solid rgba(227, 230, 237, .065);
    border-radius: 10px;
    background: #10151b;
}

html.gm-stars-rift-redesign .home-ranking-rank b { color: #d7dae0; font-size: 11px; }
html.gm-stars-rift-redesign .home-ranking-open {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .035);
    color: var(--rift-portal-faint);
}

html.gm-stars-rift-redesign .home-ranking-row:hover .home-ranking-open { background: rgba(232, 161, 31, .1); color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .home-ranking-note {
    padding: 10px 10px 2px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--rift-portal-muted);
    font-size: 11px;
}

html.gm-stars-rift-redesign .home-panel-head.compact > b {
    padding: 6px 8px;
    border: 1px solid rgba(232, 161, 31, .26);
    border-radius: 7px;
    background: rgba(232, 161, 31, .08);
    color: var(--rift-portal-gold);
    font-size: 11px;
}

html.gm-stars-rift-redesign .home-side-note {
    margin-top: 10px;
    padding: 13px 16px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #11161d;
    color: var(--rift-portal-muted);
    font-size: 11px;
}

html.gm-stars-rift-redesign .home-spotlight-list { display: grid; gap: 8px; padding-top: 8px; }
html.gm-stars-rift-redesign .home-spotlight-player {
    min-height: 70px;
    padding: 10px 12px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #161b22;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html.gm-stars-rift-redesign .home-spotlight-player:hover {
    border-color: rgba(98, 207, 223, .25);
    background: #1a2028;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
    transform: translateY(-1px);
}

html.gm-stars-rift-redesign .home-spotlight-player:focus-visible {
    outline: 2px solid rgba(98, 207, 223, .68);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .home-spotlight-player > span strong { color: var(--rift-portal-text); font-size: 12px; }
html.gm-stars-rift-redesign .home-spotlight-player > span small,
html.gm-stars-rift-redesign .home-spotlight-player > b small { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-spotlight-player > b { color: var(--rift-portal-gold); font-size: 12px; }
html.gm-stars-rift-redesign .home-public-note {
    position: relative;
    padding: 22px 20px;
    border-left: 1px solid var(--rift-portal-border);
    background: linear-gradient(135deg, rgba(98, 207, 223, .055), transparent 55%), #11161c;
}

html.gm-stars-rift-redesign .home-public-note::after {
    content: "";
    position: absolute;
    right: -42px;
    bottom: -62px;
    display: block;
    width: 128px;
    height: 128px;
    border: 1px solid rgba(98, 207, 223, .12);
    border-radius: 50%;
}

html.gm-stars-rift-redesign .home-public-note > span { color: var(--rift-portal-cyan); font-size: 11px; }
html.gm-stars-rift-redesign .home-public-note h3 { margin-top: 8px; font-size: 22px; }
html.gm-stars-rift-redesign .home-public-note p { color: var(--rift-portal-muted); font-size: 11px; line-height: 1.6; }
html.gm-stars-rift-redesign .home-public-note div { color: #dfe2e7; font-size: 11px; }

/* Builds: same graphite modules, readable density and restrained accents. */
html.gm-stars-rift-redesign .builds-page { color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .builds-hero {
    isolation: isolate;
    grid-template-columns: minmax(0, 1fr) 290px;
    min-height: 252px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 83% 18%, rgba(98, 207, 223, .075), transparent 21rem),
        linear-gradient(120deg, rgba(232, 161, 31, .065), transparent 36%),
        #12171d;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .2);
}

html.gm-stars-rift-redesign .builds-hero::after {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    display: block;
    width: 38%;
    height: 2px;
    background: linear-gradient(90deg, var(--rift-portal-gold), var(--rift-portal-cyan));
    transform: none;
}

html.gm-stars-rift-redesign .builds-hero-copy { padding: 38px 46px; }
html.gm-stars-rift-redesign .builds-kicker { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; letter-spacing: .13em; }
html.gm-stars-rift-redesign .builds-hero h1 { margin-top: 10px; font-size: clamp(52px, 5.6vw, 72px); line-height: .93; }
html.gm-stars-rift-redesign .builds-hero h1 em { color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .builds-hero-copy p { max-width: 620px; margin-top: 15px; color: var(--rift-portal-muted); font-size: 14px; line-height: 1.6; }
html.gm-stars-rift-redesign .builds-consensus-preview {
    align-self: center;
    min-height: 158px;
    margin: 16px;
    padding: 25px 26px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 15px;
    background: rgba(8, 11, 15, .62);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign .builds-consensus-preview span,
html.gm-stars-rift-redesign .builds-consensus-preview small { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .builds-consensus-preview b { margin: 14px 0 9px; color: var(--rift-portal-gold); font-size: 21px; }
html.gm-stars-rift-redesign .builds-consensus-preview b i { color: #444b55; }

html.gm-stars-rift-redesign .builds-catalog-panel,
html.gm-stars-rift-redesign .build-data-panel,
html.gm-stars-rift-redesign .build-data-empty {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 16px;
    background: var(--rift-portal-surface);
    color: var(--rift-portal-text);
    box-shadow: 0 14px 34px rgba(0, 0, 0, .16);
}

html.gm-stars-rift-redesign .builds-catalog-panel { border-top: 1px solid var(--rift-portal-border); border-bottom: 1px solid var(--rift-portal-border); }
html.gm-stars-rift-redesign .builds-section-head {
    min-height: 76px;
    padding: 15px 20px;
    border-color: var(--rift-portal-border-soft);
    background: var(--rift-portal-surface-raised);
}

html.gm-stars-rift-redesign .builds-section-head div > span { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .builds-section-head h2 { margin-top: 5px; color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 23px; }
html.gm-stars-rift-redesign .builds-section-head > b {
    padding: 7px 10px;
    border: 1px solid var(--rift-portal-border);
    border-radius: 8px;
    background: #11151b;
    color: var(--rift-portal-muted);
    font-size: 11px;
}

html.gm-stars-rift-redesign .builds-toolbar {
    min-height: 64px;
    padding: 10px 18px;
    gap: 12px;
    border-color: var(--rift-portal-border-soft);
    background: #11151b;
}

html.gm-stars-rift-redesign .builds-search {
    min-height: 42px;
    border: 1px solid var(--rift-portal-border);
    border-radius: 10px;
    background: #0e1217;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
}

html.gm-stars-rift-redesign .builds-search span { color: var(--rift-portal-faint); }
html.gm-stars-rift-redesign .builds-search input { color: var(--rift-portal-text); font-size: 12px; }
html.gm-stars-rift-redesign .builds-search:focus-within { border-color: rgba(232, 161, 31, .65); box-shadow: 0 0 0 3px rgba(232, 161, 31, .08); }
html.gm-stars-rift-redesign .builds-lanes { gap: 5px; }
html.gm-stars-rift-redesign .builds-lanes button {
    min-height: 38px;
    padding-inline: 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--rift-portal-muted);
    font-family: var(--rift-brand);
    font-size: 11px;
    letter-spacing: .05em;
}

html.gm-stars-rift-redesign .builds-lanes button:hover { border-color: var(--rift-portal-border); background: #1b212a; color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .builds-lanes button.active { border-color: rgba(232, 161, 31, .34); background: rgba(232, 161, 31, .1); color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .builds-champion-grid {
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
    gap: 10px;
    padding: 18px;
    background: #0f1318;
}

html.gm-stars-rift-redesign .builds-champion-card {
    grid-template-columns: 54px minmax(0, 1fr) 12px;
    justify-items: stretch;
    align-content: center;
    align-items: center;
    gap: 11px;
    min-height: 84px;
    padding: 12px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #161b22;
    color: var(--rift-portal-text);
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

html.gm-stars-rift-redesign .builds-champion-card::after { display: block; width: 2px; height: 0; background: var(--rift-portal-gold); transition: height 170ms ease; }
html.gm-stars-rift-redesign .builds-champion-card:hover {
    border-color: rgba(232, 161, 31, .38);
    background: #1b2129;
    box-shadow: 0 10px 23px rgba(0, 0, 0, .2);
    transform: translateY(-2px);
}

html.gm-stars-rift-redesign .builds-champion-card:hover::after { display: block; width: 2px; height: 42%; }
html.gm-stars-rift-redesign .builds-champion-icon { width: 54px; height: 54px; border: 1px solid rgba(232, 161, 31, .42); border-radius: 11px; background: #0e1217; }
html.gm-stars-rift-redesign .builds-champion-card strong { color: var(--rift-portal-text); font-size: 13px; text-align: left; }
html.gm-stars-rift-redesign .builds-champion-card small { margin-top: 5px; color: var(--rift-portal-muted); font-size: 11px; letter-spacing: .045em; text-align: left; }
html.gm-stars-rift-redesign .builds-champion-card > i { display: block; color: var(--rift-portal-faint); font-size: 18px; font-style: normal; }
html.gm-stars-rift-redesign .builds-champion-card:hover > i { color: var(--rift-portal-gold); transform: translateX(1px); }

/* Champion detail: distinct loadout cards instead of a single ruled slab. */
html.gm-stars-rift-redesign .builds-back-link {
    min-height: 38px;
    margin-bottom: 12px;
    padding: 0 13px;
    border: 1px solid var(--rift-portal-border);
    border-radius: 9px;
    background: #11151b;
    color: var(--rift-portal-muted);
    font-family: var(--rift-brand);
    font-size: 11px;
}

html.gm-stars-rift-redesign .builds-back-link:hover { border-color: rgba(232, 161, 31, .42); color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-detail-hero {
    position: relative;
    isolation: isolate;
    grid-template-columns: 82px minmax(0, 1fr) auto;
    min-height: 142px;
    padding: 22px 24px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 16px;
    background:
        radial-gradient(circle at 88% 20%, rgba(98, 207, 223, .07), transparent 19rem),
        linear-gradient(120deg, rgba(232, 161, 31, .06), transparent 38%),
        #12171d;
    box-shadow: 0 15px 36px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign .build-detail-splash {
    position: absolute;
    z-index: -2;
    inset: 0 0 0 32%;
    width: 68%;
    height: 100%;
    object-fit: cover;
    object-position: center 34%;
    opacity: .52;
    filter: saturate(.95) contrast(1.1) brightness(.92);
}

html.gm-stars-rift-redesign .build-detail-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(
        90deg,
        #12171d 0%,
        #12171d 29%,
        rgba(18, 23, 29, .96) 38%,
        rgba(18, 23, 29, .74) 52%,
        rgba(18, 23, 29, .28) 72%,
        rgba(18, 23, 29, .16) 100%
    );
    pointer-events: none;
}

html.gm-stars-rift-redesign .build-detail-champion-icon { width: 82px; height: 82px; border: 1px solid rgba(232, 161, 31, .5); border-radius: 14px; box-shadow: 0 9px 22px rgba(0, 0, 0, .23); }
html.gm-stars-rift-redesign .build-detail-hero h1 { margin-top: 7px; color: var(--rift-portal-text); font-size: clamp(34px, 3.6vw, 44px); }
html.gm-stars-rift-redesign .build-detail-hero p { color: var(--rift-portal-muted); font-size: 13px; }
html.gm-stars-rift-redesign .build-detail-season {
    align-self: center;
    padding: 8px 10px;
    border: 1px solid rgba(98, 207, 223, .2);
    border-radius: 8px;
    background: rgba(10, 16, 21, .72);
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

html.gm-stars-rift-redesign .build-champion-overview {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.38fr);
    gap: 12px;
    margin: 14px 0;
}

html.gm-stars-rift-redesign .build-champion-profile,
html.gm-stars-rift-redesign .build-champion-kit,
html.gm-stars-rift-redesign .build-champion-meta,
html.gm-stars-rift-redesign .build-popular-consensus {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 14px;
    background: #12171d;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .14);
}

html.gm-stars-rift-redesign .build-champion-profile {
    display: flex;
    flex-direction: column;
    padding: 18px 20px;
    background:
        radial-gradient(circle at 100% 0%, rgba(98, 207, 223, .07), transparent 14rem),
        #12171d;
}

html.gm-stars-rift-redesign .build-champion-profile > header,
html.gm-stars-rift-redesign .build-champion-kit > header,
html.gm-stars-rift-redesign .build-consensus-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

html.gm-stars-rift-redesign .build-champion-profile header small,
html.gm-stars-rift-redesign .build-champion-kit header small,
html.gm-stars-rift-redesign .build-consensus-head > div > small,
html.gm-stars-rift-redesign .build-consensus-group > small,
html.gm-stars-rift-redesign .build-consensus-status small {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-champion-profile h2 {
    margin: 4px 0 0;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .035em;
}

html.gm-stars-rift-redesign .build-champion-profile > header > span {
    padding: 6px 9px;
    border: 1px solid rgba(232, 161, 31, .25);
    border-radius: 7px;
    background: rgba(232, 161, 31, .06);
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-champion-role-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 14px;
}

html.gm-stars-rift-redesign .build-champion-role-list span {
    padding: 5px 8px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 999px;
    background: #171c23;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-champion-profile > p {
    display: -webkit-box;
    margin: 14px 0 0;
    overflow: hidden;
    color: var(--rift-portal-muted);
    font-size: 12px;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

html.gm-stars-rift-redesign .build-champion-traits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 14px;
    margin-top: auto;
    padding-top: 17px;
}

html.gm-stars-rift-redesign .build-champion-trait {
    --trait-color: var(--rift-portal-cyan);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px;
    align-items: center;
    gap: 8px;
}

html.gm-stars-rift-redesign .build-champion-trait[data-trait="damage"],
html.gm-stars-rift-redesign .build-champion-trait[data-trait="difficulty"] { --trait-color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-champion-trait > span { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .build-champion-trait-meter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
html.gm-stars-rift-redesign .build-champion-trait-meter i { height: 5px; border-radius: 999px; background: #252d36; }
html.gm-stars-rift-redesign .build-champion-trait-meter i.is-on { background: var(--trait-color); box-shadow: 0 0 7px var(--trait-color); box-shadow: 0 0 10px color-mix(in srgb, var(--trait-color) 28%, transparent); }

html.gm-stars-rift-redesign .build-champion-kit {
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 100% 0%, rgba(98, 207, 223, .075), transparent 17rem),
        #12171d;
}

html.gm-stars-rift-redesign .build-champion-kit > header {
    min-height: 66px;
    padding: 15px 18px 13px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-champion-kit h2,
html.gm-stars-rift-redesign .build-consensus-head h2 {
    margin: 4px 0 0;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .build-champion-kit > header > span,
html.gm-stars-rift-redesign .build-champion-kit-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(98, 207, 223, .2);
    border-radius: 8px;
    background: rgba(98, 207, 223, .045);
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-champion-kit-meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
html.gm-stars-rift-redesign .build-champion-kit-body { display: grid; gap: 10px; padding: 12px 14px 14px; }
html.gm-stars-rift-redesign .build-champion-ability-tabs {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
}

html.gm-stars-rift-redesign .build-champion-ability-tabs::before {
    position: absolute;
    top: 27px;
    right: 7%;
    left: 7%;
    height: 1px;
    background: linear-gradient(90deg, rgba(232, 161, 31, .18), rgba(98, 207, 223, .35), rgba(232, 161, 31, .18));
    content: "";
}

html.gm-stars-rift-redesign .build-champion-ability-tabs button {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 76px;
    padding: 7px 5px 6px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--rift-portal-muted);
    cursor: pointer;
}

html.gm-stars-rift-redesign .build-champion-ability-tabs button > span {
    position: relative;
    display: grid;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 11px;
    background: #0d1116;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .2);
}

html.gm-stars-rift-redesign .build-champion-ability-tabs button img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-champion-ability-tabs button i { color: var(--rift-portal-faint); font-style: normal; }
html.gm-stars-rift-redesign .build-champion-ability-tabs button b {
    position: absolute;
    right: -1px;
    bottom: -1px;
    display: grid;
    min-width: 17px;
    height: 17px;
    padding-inline: 3px;
    place-items: center;
    border: 1px solid #111820;
    border-radius: 6px 0 9px 0;
    background: var(--rift-portal-gold);
    color: #11151b;
    font-family: var(--rift-ui);
    font-size: 11px;
    line-height: 1;
}

html.gm-stars-rift-redesign .build-champion-ability-tabs button small {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    color: inherit;
    font-family: var(--rift-ui);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .build-champion-ability-tabs button:hover { background: rgba(255, 255, 255, .025); color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .build-champion-ability-tabs button.active { border-color: rgba(98, 207, 223, .26); background: rgba(98, 207, 223, .06); color: var(--rift-portal-cyan); }
html.gm-stars-rift-redesign .build-champion-ability-tabs button.active > span { border-color: rgba(98, 207, 223, .55); box-shadow: 0 0 0 3px rgba(98, 207, 223, .08), 0 9px 20px rgba(0, 0, 0, .25); }
html.gm-stars-rift-redesign .build-champion-ability-tabs button:focus-visible { outline: 2px solid var(--rift-portal-cyan); outline-offset: 2px; }

html.gm-stars-rift-redesign .build-champion-ability-panel {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 118px;
    padding: 13px 15px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 11px;
    background:
        linear-gradient(110deg, rgba(98, 207, 223, .055), transparent 46%),
        #10151b;
}

html.gm-stars-rift-redesign .build-champion-ability-art {
    position: relative;
    width: 78px;
    height: 78px;
    overflow: hidden;
    border: 1px solid rgba(232, 161, 31, .28);
    border-radius: 13px;
    background: #0c1015;
}

html.gm-stars-rift-redesign .build-champion-ability-art img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-champion-ability-art span {
    position: absolute;
    right: 5px;
    bottom: 5px;
    max-width: calc(100% - 10px);
    padding: 4px 6px;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(8, 12, 17, .86);
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .build-champion-ability-panel > div:last-child > small { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-champion-ability-panel h3 { margin: 4px 0 0; color: var(--rift-portal-text); font-size: 15px; }
html.gm-stars-rift-redesign .build-champion-ability-panel p { margin: 7px 0 0; color: var(--rift-portal-muted); font-size: 11px; line-height: 1.45; }
html.gm-stars-rift-redesign .build-champion-skill-order {
    position: relative;
    overflow: hidden;
    padding: 16px;
    border: 1px solid rgba(98, 207, 223, .19);
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0%, rgba(98, 207, 223, .09), transparent 16rem),
        linear-gradient(135deg, rgba(232, 161, 31, .035), transparent 48%),
        #10151b;
}

html.gm-stars-rift-redesign .build-champion-skill-order[hidden] { display: none; }
html.gm-stars-rift-redesign .build-champion-skill-order::before {
    position: absolute;
    top: 0;
    right: 16px;
    left: 16px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rift-portal-gold), rgba(232, 161, 31, .12) 42%, rgba(98, 207, 223, .62), transparent);
    content: "";
}

html.gm-stars-rift-redesign .build-skill-order-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

html.gm-stars-rift-redesign .build-skill-order-head > div > small,
html.gm-stars-rift-redesign .build-skill-levels > div > div > small {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-skill-order-head h3 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 4px 0 0;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 18px;
    letter-spacing: .035em;
}

html.gm-stars-rift-redesign .build-skill-order-head h3 > b {
    display: inline-grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 1px solid var(--skill-color);
    border: 1px solid color-mix(in srgb, var(--skill-color) 45%, transparent);
    border-radius: 7px;
    background: #10151b;
    background: color-mix(in srgb, var(--skill-color) 8%, #10151b);
    color: var(--skill-color);
    font-family: var(--rift-ui);
    font-size: 13px;
    letter-spacing: 0;
}

html.gm-stars-rift-redesign .build-skill-order-head h3 > i { color: var(--rift-portal-faint); font-family: var(--rift-ui); font-size: 14px; font-style: normal; }

html.gm-stars-rift-redesign .build-skill-order-head p {
    margin: 5px 0 0;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.45;
}

html.gm-stars-rift-redesign .build-skill-order-head > span {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 7px 9px;
    border: 1px solid rgba(232, 161, 31, .24);
    border-radius: 8px;
    background: rgba(232, 161, 31, .055);
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-skill-priority {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
}

html.gm-stars-rift-redesign .build-skill-priority button,
html.gm-stars-rift-redesign .build-skill-levels li button {
    --skill-color: var(--rift-portal-cyan);
    border: 1px solid var(--rift-portal-border-soft);
    border: 1px solid color-mix(in srgb, var(--skill-color) 26%, var(--rift-portal-border-soft));
    background: #10151b;
    background: color-mix(in srgb, var(--skill-color) 4%, #10151b);
    color: var(--rift-portal-text);
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

html.gm-stars-rift-redesign [data-skill-slot="Q"] { --skill-color: #e8a11f !important; }
html.gm-stars-rift-redesign [data-skill-slot="W"] { --skill-color: #54d6a1 !important; }
html.gm-stars-rift-redesign [data-skill-slot="E"] { --skill-color: #62cfdf !important; }
html.gm-stars-rift-redesign [data-skill-slot="R"] { --skill-color: #ed5b78 !important; }

html.gm-stars-rift-redesign .build-skill-priority button {
    display: grid;
    grid-template-columns: 24px 44px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 68px;
    padding: 8px 9px;
    border-radius: 11px;
    text-align: left;
}

html.gm-stars-rift-redesign .build-skill-priority button:hover,
html.gm-stars-rift-redesign .build-skill-levels li button:hover {
    border-color: var(--skill-color);
    border-color: color-mix(in srgb, var(--skill-color) 58%, transparent);
    background: #121920;
    background: color-mix(in srgb, var(--skill-color) 9%, #10151b);
    transform: translateY(-1px);
}

html.gm-stars-rift-redesign .build-skill-priority button:focus-visible,
html.gm-stars-rift-redesign .build-skill-levels li button:focus-visible,
html.gm-stars-rift-redesign .build-champion-skill-order > footer button:focus-visible {
    outline: 2px solid var(--skill-color, var(--rift-portal-cyan));
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .build-skill-priority-rank {
    color: var(--skill-color);
    color: color-mix(in srgb, var(--skill-color) 72%, var(--rift-portal-muted));
    font-family: var(--rift-brand);
    font-size: 12px;
    font-style: normal;
}

html.gm-stars-rift-redesign .build-skill-priority-icon {
    position: relative;
    display: grid;
    width: 44px;
    height: 44px;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--skill-color);
    border: 1px solid color-mix(in srgb, var(--skill-color) 46%, transparent);
    border-radius: 10px;
    background: #090d12;
}

html.gm-stars-rift-redesign .build-skill-priority-icon img,
html.gm-stars-rift-redesign .build-skill-level-icon img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-skill-priority-icon > i,
html.gm-stars-rift-redesign .build-skill-level-icon > i { color: var(--skill-color); font-style: normal; }
html.gm-stars-rift-redesign .build-skill-priority-icon b {
    position: absolute;
    right: 2px;
    bottom: 2px;
    display: grid;
    min-width: 17px;
    height: 17px;
    padding-inline: 3px;
    place-items: center;
    border-radius: 5px;
    background: rgba(8, 12, 17, .9);
    color: var(--skill-color);
    font-family: var(--rift-ui);
    font-size: 10px;
}

html.gm-stars-rift-redesign .build-skill-priority-copy { min-width: 0; }
html.gm-stars-rift-redesign .build-skill-priority-copy small { display: block; color: var(--skill-color); font-family: var(--rift-ui); font-size: 10px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-skill-priority-copy strong { display: block; margin-top: 3px; overflow: hidden; color: var(--rift-portal-text); font-family: var(--rift-ui); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-skill-priority-arrow { color: var(--skill-color); color: color-mix(in srgb, var(--skill-color) 60%, var(--rift-portal-faint)); font-family: var(--rift-ui); font-size: 16px; font-style: normal; text-align: center; }

html.gm-stars-rift-redesign .build-skill-levels {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 11px;
    background: rgba(7, 11, 15, .36);
}

html.gm-stars-rift-redesign .build-skill-levels > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

html.gm-stars-rift-redesign .build-skill-levels > div > div > strong { display: block; margin-top: 3px; color: var(--rift-portal-text); font-size: 13px; }
html.gm-stars-rift-redesign .build-skill-levels > div > span { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 10px; }
html.gm-stars-rift-redesign .build-skill-levels > div > span > i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--rift-portal-gold); box-shadow: 0 0 8px rgba(232, 161, 31, .38); }
html.gm-stars-rift-redesign .build-skill-levels ol {
    display: grid;
    grid-template-columns: repeat(15, minmax(40px, 1fr));
    gap: 5px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

html.gm-stars-rift-redesign .build-skill-levels li { min-width: 0; }
html.gm-stars-rift-redesign .build-skill-levels li button {
    display: grid;
    width: 100%;
    min-height: 70px;
    grid-template-rows: auto 27px auto;
    place-items: center;
    gap: 3px;
    padding: 5px 3px;
    border-radius: 9px;
}

html.gm-stars-rift-redesign .build-skill-level-number { display: flex; align-items: baseline; gap: 2px; color: var(--rift-portal-muted); font-family: var(--rift-ui); }
html.gm-stars-rift-redesign .build-skill-level-number small { font-size: 8px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-skill-level-number b { color: var(--rift-portal-text); font-size: 10px; }
html.gm-stars-rift-redesign .build-skill-level-icon { display: grid; width: 27px; height: 27px; overflow: hidden; place-items: center; border: 1px solid var(--skill-color); border: 1px solid color-mix(in srgb, var(--skill-color) 40%, transparent); border-radius: 7px; background: #090d12; }
html.gm-stars-rift-redesign .build-skill-levels li button > strong { color: var(--skill-color); font-family: var(--rift-ui); font-size: 10px; }
html.gm-stars-rift-redesign .build-skill-levels li[data-skill-slot="R"] button { box-shadow: inset 0 0 14px rgba(237, 91, 120, .06); }

html.gm-stars-rift-redesign .build-champion-skill-order > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 11px;
}

html.gm-stars-rift-redesign .build-champion-skill-order > footer > span { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 10px; line-height: 1.45; }
html.gm-stars-rift-redesign .build-champion-skill-order > footer button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid rgba(232, 161, 31, .3);
    border-radius: 8px;
    background: rgba(232, 161, 31, .07);
    color: var(--rift-portal-text);
    font-family: var(--rift-ui);
    font-size: 10px;
    cursor: pointer;
}
html.gm-stars-rift-redesign .build-champion-skill-order > footer button b { margin-left: 4px; color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-champion-collection {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px 14px;
    padding: 9px 11px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 9px;
    background: #11161c;
}

html.gm-stars-rift-redesign .build-champion-collection > div:first-child { min-width: 132px; }
html.gm-stars-rift-redesign .build-champion-collection small { display: block; color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-champion-collection strong { display: block; margin-top: 3px; color: var(--rift-portal-text); font-size: 11px; }
html.gm-stars-rift-redesign .build-champion-skins { display: flex; min-width: 0; flex-wrap: wrap; gap: 5px; }
html.gm-stars-rift-redesign .build-champion-skins span {
    max-width: 180px;
    padding: 4px 7px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 999px;
    background: #0e1318;
    color: var(--rift-portal-muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html.gm-stars-rift-redesign .build-champion-kit-status { display: flex; align-items: center; gap: 12px; min-height: 220px; padding: 20px; }
html.gm-stars-rift-redesign .build-champion-kit-status > i { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: var(--rift-portal-cyan); box-shadow: 0 0 0 7px rgba(98, 207, 223, .08); }
html.gm-stars-rift-redesign .build-champion-kit-status strong { color: var(--rift-portal-text); font-size: 13px; }
html.gm-stars-rift-redesign .build-champion-kit-status p { margin: 5px 0 0; color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .build-champion-kit-status.is-unavailable > i { background: var(--rift-portal-gold); box-shadow: 0 0 0 7px rgba(232, 161, 31, .08); }

html.gm-stars-rift-redesign .build-champion-meta {
    position: relative;
    grid-column: 1 / -1;
    padding: 16px 18px 14px;
    background:
        radial-gradient(circle at 84% -20%, rgba(98, 207, 223, .09), transparent 20rem),
        linear-gradient(115deg, rgba(232, 161, 31, .045), transparent 34%),
        #12171d;
}

html.gm-stars-rift-redesign .build-champion-meta::before {
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--rift-portal-gold), rgba(232, 161, 31, .12) 38%, rgba(98, 207, 223, .5) 74%, transparent);
    content: "";
}

html.gm-stars-rift-redesign .build-champion-meta-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

html.gm-stars-rift-redesign .build-champion-meta-head small,
html.gm-stars-rift-redesign .build-champion-meta-position header small,
html.gm-stars-rift-redesign .build-champion-meta-position dt,
html.gm-stars-rift-redesign .build-champion-meta-status small {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-champion-meta-head h2 {
    margin: 4px 0 0;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 17px;
    letter-spacing: .035em;
}

html.gm-stars-rift-redesign .build-champion-meta-head p,
html.gm-stars-rift-redesign .build-champion-meta-status p {
    margin: 5px 0 0;
    color: var(--rift-portal-muted);
    font-size: 11px;
    line-height: 1.45;
}

html.gm-stars-rift-redesign .build-champion-meta-source {
    display: grid;
    grid-template-columns: 32px auto;
    align-items: center;
    gap: 2px 9px;
    min-width: max-content;
    padding: 7px 10px 7px 7px;
    border: 1px solid rgba(98, 207, 223, .2);
    border-radius: 10px;
    background: rgba(8, 14, 19, .64);
}

html.gm-stars-rift-redesign .build-champion-meta-source > span {
    display: grid;
    grid-row: 1 / 3;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(98, 207, 223, .35);
    border-radius: 9px;
    background: rgba(98, 207, 223, .08);
    color: var(--rift-portal-cyan);
    font-family: var(--rift-brand);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-champion-meta-source b { color: var(--rift-portal-text); font-size: 11px; font-weight: 700; }
html.gm-stars-rift-redesign .build-champion-meta-source em { color: var(--rift-portal-gold); font-size: 11px; font-style: normal; }
html.gm-stars-rift-redesign .build-champion-meta-tabs {
    display: flex;
    gap: 6px;
    margin-top: 14px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #0d1217;
    scrollbar-width: thin;
}

html.gm-stars-rift-redesign .build-champion-meta-tabs button {
    min-width: max-content;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    cursor: pointer;
}

html.gm-stars-rift-redesign .build-champion-meta-tabs button:hover { background: #171d24; color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .build-champion-meta-tabs button.active {
    border-color: rgba(232, 161, 31, .3);
    background: linear-gradient(120deg, rgba(232, 161, 31, .15), rgba(232, 161, 31, .055));
    color: var(--rift-portal-gold);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .035);
}

html.gm-stars-rift-redesign .build-champion-meta-tabs button:focus-visible { outline: 2px solid var(--rift-portal-cyan); outline-offset: 2px; }
html.gm-stars-rift-redesign .build-champion-meta-panels { margin-top: 8px; }
html.gm-stars-rift-redesign .build-champion-meta-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
}

html.gm-stars-rift-redesign .build-champion-meta-panel[hidden] { display: none; }
html.gm-stars-rift-redesign .build-champion-meta-position {
    min-width: 0;
    padding: 11px 12px 12px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .018), transparent 58%), #10151b;
}

html.gm-stars-rift-redesign .build-champion-meta-position header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
html.gm-stars-rift-redesign .build-champion-meta-position header small { display: block; }
html.gm-stars-rift-redesign .build-champion-meta-position header strong { display: block; margin-top: 2px; color: var(--rift-portal-text); font-size: 13px; }
html.gm-stars-rift-redesign .build-champion-meta-position header > span {
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(98, 207, 223, .055);
    color: var(--rift-portal-muted);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-champion-meta-position dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 9px;
    background: var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-champion-meta-position dl > div { min-width: 0; padding: 8px 9px; background: #0d1217; }
html.gm-stars-rift-redesign .build-champion-meta-position dt { overflow: hidden; color: var(--rift-portal-faint); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-champion-meta-position dd { margin-top: 3px; color: var(--rift-portal-gold); font-size: 16px; font-weight: 800; }
html.gm-stars-rift-redesign .build-champion-meta-position [data-meta-metric="pick"] dd { color: var(--rift-portal-cyan); }
html.gm-stars-rift-redesign .build-champion-meta-position [data-meta-metric="ban"] dd { color: var(--lose-red); }
html.gm-stars-rift-redesign .build-champion-meta > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    color: var(--rift-portal-faint);
    font-size: 11px;
    line-height: 1.4;
}

html.gm-stars-rift-redesign .build-champion-meta > footer span:last-child { color: var(--rift-portal-muted); text-align: right; }
html.gm-stars-rift-redesign .build-champion-meta-status {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 112px;
}

html.gm-stars-rift-redesign .build-champion-meta-status > i {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--rift-portal-cyan);
    box-shadow: 0 0 0 7px rgba(98, 207, 223, .08);
}

html.gm-stars-rift-redesign .build-champion-meta-status strong { display: block; margin-top: 3px; color: var(--rift-portal-text); font-size: 13px; }
html.gm-stars-rift-redesign .build-champion-meta-status.is-unavailable > i { background: var(--rift-portal-gold); box-shadow: 0 0 0 7px rgba(232, 161, 31, .08); }
html.gm-stars-rift-redesign .build-champion-meta-empty { padding: 14px; color: var(--rift-portal-muted); font-size: 11px; }

html.gm-stars-rift-redesign .build-popular-consensus {
    display: flex;
    grid-column: 1 / -1;
    flex-direction: column;
    background:
        linear-gradient(135deg, rgba(232, 161, 31, .035), transparent 38%),
        #12171d;
}

html.gm-stars-rift-redesign .build-consensus-head { padding: 16px 18px 14px; border-bottom: 1px solid var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .build-consensus-head > div > strong,
html.gm-stars-rift-redesign .build-consensus-head > div > h2 {
    display: block;
    margin-top: 4px;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 15px;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .build-consensus-metrics { display: grid; grid-template-columns: repeat(3, auto); gap: 7px; }
html.gm-stars-rift-redesign .build-consensus-metrics > span {
    min-width: 88px;
    padding: 7px 9px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 8px;
    background: #0f1318;
}

html.gm-stars-rift-redesign .build-consensus-metrics small { display: block; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-consensus-metrics strong { display: block; margin-top: 2px; color: var(--rift-portal-cyan); font-size: 16px; }
html.gm-stars-rift-redesign .build-consensus-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(150px, .78fr);
    gap: 8px;
    padding: 12px 14px;
}

html.gm-stars-rift-redesign .build-consensus-grid.is-compact { grid-template-columns: minmax(0, 1.25fr) minmax(170px, .75fr); }
html.gm-stars-rift-redesign .build-consensus-group {
    min-width: 0;
    min-height: 105px;
    padding: 11px 12px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 10px;
    background: #151a21;
}

html.gm-stars-rift-redesign .build-consensus-group.is-core { border-color: rgba(232, 161, 31, .2); background: linear-gradient(145deg, rgba(232, 161, 31, .055), transparent 65%), #151a21; }
html.gm-stars-rift-redesign .build-consensus-group.is-flex { border-color: rgba(98, 207, 223, .16); }
html.gm-stars-rift-redesign .build-consensus-group > span { display: block; margin-top: 8px; color: var(--rift-portal-muted); font-size: 11px; line-height: 1.35; }
html.gm-stars-rift-redesign .build-consensus-assets { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
html.gm-stars-rift-redesign .build-consensus-asset {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 8px;
    background: #0e1217;
}

html.gm-stars-rift-redesign .build-consensus-asset.is-rune { border-color: rgba(98, 207, 223, .3); }
html.gm-stars-rift-redesign .build-consensus-asset img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-consensus-asset i { color: var(--rift-portal-faint); font-style: normal; }
html.gm-stars-rift-redesign .build-consensus-none { color: var(--rift-portal-faint); font-size: 11px; }
html.gm-stars-rift-redesign .build-consensus-setup-row { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 7px; }
html.gm-stars-rift-redesign .build-consensus-setup-row + .build-consensus-setup-row { margin-top: 5px; }
html.gm-stars-rift-redesign .build-consensus-setup-row > span { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .build-consensus-setup-row .build-consensus-assets { margin-top: 0; }
html.gm-stars-rift-redesign .build-leader-plan {
    margin: 0 14px 12px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 11px;
    background: #10151b;
}

html.gm-stars-rift-redesign .build-leader-plan > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: linear-gradient(90deg, rgba(232, 161, 31, .055), transparent 48%);
}

html.gm-stars-rift-redesign .build-leader-plan > header small { display: block; color: var(--rift-portal-gold); font-family: var(--rift-ui); font-size: 11px; letter-spacing: .075em; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-leader-plan > header strong { display: block; margin-top: 3px; color: var(--rift-portal-text); font-size: 12px; }
html.gm-stars-rift-redesign .build-leader-plan > header > span { color: var(--rift-portal-muted); font-size: 11px; text-align: right; }
html.gm-stars-rift-redesign .build-leader-plan > header > span b { margin-left: 4px; color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-leader-plan-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; background: var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .build-leader-plan-item {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 82px;
    padding: 11px 9px;
    background: #131820;
}

html.gm-stars-rift-redesign .build-leader-plan-item > b {
    position: absolute;
    top: 5px;
    right: 7px;
    color: rgba(157, 164, 175, .42);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-leader-plan-item > span {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(232, 161, 31, .22);
    border-radius: 9px;
    background: #0d1116;
}

html.gm-stars-rift-redesign .build-leader-plan-item img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-leader-plan-item i { color: var(--rift-portal-muted); font-style: normal; }
html.gm-stars-rift-redesign .build-leader-plan-item > div { min-width: 0; }
html.gm-stars-rift-redesign .build-leader-plan-item strong { display: block; overflow: hidden; color: var(--rift-portal-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-leader-plan-item small {
    display: -webkit-box;
    margin-top: 4px;
    overflow: hidden;
    color: var(--rift-portal-muted);
    font-size: 11px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html.gm-stars-rift-redesign .build-popular-consensus > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding: 10px 14px;
    border-top: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-popular-consensus > footer > span { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .build-popular-consensus > footer button {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 11px;
    border: 1px solid rgba(232, 161, 31, .28);
    border-radius: 8px;
    background: rgba(232, 161, 31, .06);
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
    cursor: pointer;
}

html.gm-stars-rift-redesign .build-popular-consensus > footer button:hover { border-color: rgba(232, 161, 31, .52); background: rgba(232, 161, 31, .1); }
html.gm-stars-rift-redesign .build-popular-consensus > footer button:focus-visible { outline: 2px solid var(--rift-portal-cyan); outline-offset: 2px; }
html.gm-stars-rift-redesign .build-popular-consensus > footer button i { margin-left: 6px; font-style: normal; }
html.gm-stars-rift-redesign .build-consensus-status { display: flex; align-items: center; gap: 11px; min-height: 100%; padding: 20px; }
html.gm-stars-rift-redesign .build-consensus-status > i { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: var(--rift-portal-cyan); box-shadow: 0 0 0 7px rgba(98, 207, 223, .08); }
html.gm-stars-rift-redesign .build-consensus-status strong { display: block; margin-top: 4px; color: var(--rift-portal-text); font-size: 13px; }
html.gm-stars-rift-redesign .build-consensus-status p { margin-top: 5px; color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .build-consensus-status.is-empty > i { background: var(--rift-portal-gold); box-shadow: 0 0 0 7px rgba(232, 161, 31, .08); }

html.gm-stars-rift-redesign .build-champion-intelligence {
    grid-column: 1 / -1;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 14px;
    background:
        radial-gradient(circle at 100% 0%, rgba(98, 207, 223, .055), transparent 23rem),
        #12171d;
    box-shadow: 0 13px 30px rgba(0, 0, 0, .14);
}

html.gm-stars-rift-redesign .build-intelligence-head,
html.gm-stars-rift-redesign .build-intelligence-module > header,
html.gm-stars-rift-redesign .build-intelligence-cross > header,
html.gm-stars-rift-redesign .build-intelligence-alternatives > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

html.gm-stars-rift-redesign .build-intelligence-head {
    padding: 17px 18px 15px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: linear-gradient(90deg, rgba(98, 207, 223, .045), transparent 50%);
}

html.gm-stars-rift-redesign .build-intelligence-head small,
html.gm-stars-rift-redesign .build-intelligence-module > header small,
html.gm-stars-rift-redesign .build-intelligence-cross > header small,
html.gm-stars-rift-redesign .build-intelligence-alternatives > header small,
html.gm-stars-rift-redesign .build-intelligence-status small,
html.gm-stars-rift-redesign .build-intelligence-cross-group > small {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-intelligence-head h2,
html.gm-stars-rift-redesign .build-intelligence-module > header h3,
html.gm-stars-rift-redesign .build-intelligence-cross > header h3,
html.gm-stars-rift-redesign .build-intelligence-alternatives > header h3 {
    margin: 4px 0 0;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 15px;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .build-intelligence-head p { margin: 6px 0 0; color: var(--rift-portal-muted); font-size: 12px; line-height: 1.45; }
html.gm-stars-rift-redesign .build-intelligence-head > span,
html.gm-stars-rift-redesign .build-intelligence-module > header > span,
html.gm-stars-rift-redesign .build-intelligence-cross > header > span,
html.gm-stars-rift-redesign .build-intelligence-alternatives > header > span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 8px;
    background: #0e1318;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .build-intelligence-grid {
    display: grid;
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
    align-items: start;
    gap: 10px;
    padding: 12px 14px 0;
}

html.gm-stars-rift-redesign .build-intelligence-column { display: grid; min-width: 0; align-content: start; gap: 10px; }

html.gm-stars-rift-redesign .build-intelligence-module,
html.gm-stars-rift-redesign .build-intelligence-cross,
html.gm-stars-rift-redesign .build-intelligence-alternatives {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 11px;
    background: #10151b;
}

html.gm-stars-rift-redesign .build-intelligence-module > header,
html.gm-stars-rift-redesign .build-intelligence-cross > header,
html.gm-stars-rift-redesign .build-intelligence-alternatives > header {
    padding: 12px 13px 11px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-intelligence-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-intelligence-stat {
    min-width: 0;
    min-height: 88px;
    padding: 12px 11px;
    background: #151a21;
}

html.gm-stars-rift-redesign .build-intelligence-stat strong { display: block; color: var(--rift-portal-gold); font-size: 19px; }
html.gm-stars-rift-redesign .build-intelligence-stat span { display: block; margin-top: 3px; color: var(--rift-portal-text); font-size: 11px; line-height: 1.25; }
html.gm-stars-rift-redesign .build-intelligence-stat small { display: block; margin-top: 5px; color: var(--rift-portal-muted); font-size: 11px; line-height: 1.3; }
html.gm-stars-rift-redesign .build-intelligence-note { margin: 0; padding: 10px 12px; border-top: 1px solid var(--rift-portal-border-soft); color: var(--rift-portal-muted); font-size: 11px; line-height: 1.4; }

html.gm-stars-rift-redesign .build-intelligence-comparison-list { display: grid; gap: 1px; background: var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .build-intelligence-comparison-row {
    display: grid;
    grid-template-columns: minmax(92px, .58fr) minmax(130px, 1.15fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 62px;
    padding: 9px 11px;
    background: #151a21;
}

html.gm-stars-rift-redesign .build-intelligence-comparison-row small { display: block; color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-intelligence-comparison-row strong { display: block; margin-top: 2px; color: var(--rift-portal-text); font-size: 12px; }
html.gm-stars-rift-redesign .build-intelligence-comparison-row > div:nth-child(2) > span { display: block; overflow: hidden; color: var(--rift-portal-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-intelligence-comparison-row > div:nth-child(2) > i { display: block; height: 4px; margin-top: 7px; overflow: hidden; border-radius: 999px; background: #252c35; }
html.gm-stars-rift-redesign .build-intelligence-comparison-row > div:nth-child(2) > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--rift-portal-gold), #f0c45a); }
html.gm-stars-rift-redesign .build-intelligence-comparison-items { display: flex; max-width: 100%; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
html.gm-stars-rift-redesign .build-intelligence-comparison-items > span {
    display: grid;
    width: 25px;
    height: 25px;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 6px;
    background: #0e1319;
    color: var(--rift-portal-muted);
}
html.gm-stars-rift-redesign .build-intelligence-comparison-items > span.is-variant { border-color: rgba(232, 161, 31, .82); box-shadow: 0 0 0 1px rgba(232, 161, 31, .12); }
html.gm-stars-rift-redesign .build-intelligence-comparison-items img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-intelligence-comparison-items i { font-size: 11px; font-style: normal; }
html.gm-stars-rift-redesign .build-intelligence-comparison-row > em { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; font-style: normal; white-space: nowrap; }

html.gm-stars-rift-redesign .build-intelligence-runes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-intelligence-asset {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-width: 0;
    min-height: 96px;
    padding: 11px;
    background: #151a21;
}

html.gm-stars-rift-redesign .build-intelligence-asset.is-featured {
    grid-column: 1 / -1;
    min-height: 90px;
    background: linear-gradient(110deg, rgba(232, 161, 31, .065), transparent 58%), #151a21;
}

html.gm-stars-rift-redesign .build-intelligence-asset-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .3);
    border-radius: 10px;
    background: #0d1116;
}

html.gm-stars-rift-redesign .build-intelligence-asset-icon img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-intelligence-asset-icon i { color: var(--rift-portal-muted); font-style: normal; }
html.gm-stars-rift-redesign .build-intelligence-asset small { display: block; color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-intelligence-asset strong { display: block; margin-top: 2px; color: var(--rift-portal-text); font-size: 12px; }
html.gm-stars-rift-redesign .build-intelligence-asset b { display: block; margin-top: 3px; color: var(--rift-portal-gold); font-size: 11px; font-weight: 600; line-height: 1.3; }
html.gm-stars-rift-redesign .build-intelligence-asset p {
    display: -webkit-box;
    margin: 4px 0 0;
    overflow: hidden;
    color: var(--rift-portal-muted);
    font-size: 11px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html.gm-stars-rift-redesign .build-intelligence-spells { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 1px; background: var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .build-intelligence-spells .build-intelligence-asset { min-height: 90px; background: #11171d; }

html.gm-stars-rift-redesign .build-intelligence-cross,
html.gm-stars-rift-redesign .build-intelligence-alternatives { margin: 10px 14px 0; }
html.gm-stars-rift-redesign .build-intelligence-cross > header { background: linear-gradient(90deg, rgba(98, 207, 223, .045), transparent 50%); }
html.gm-stars-rift-redesign .build-intelligence-cross-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1px; background: #141a21; }
html.gm-stars-rift-redesign .build-intelligence-cross-group { min-width: 0; padding: 12px; background: #141a21; }
html.gm-stars-rift-redesign .build-intelligence-cross-group > div { display: grid; gap: 5px; margin-top: 9px; }
html.gm-stars-rift-redesign .build-intelligence-cross-group.is-spell { grid-column: 1 / -1; }
html.gm-stars-rift-redesign .build-intelligence-cross-group.is-spell > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.gm-stars-rift-redesign .build-intelligence-cross-asset {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 5px 7px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 8px;
    background: #0f141a;
}

html.gm-stars-rift-redesign .build-intelligence-cross-asset > i { display: grid; width: 34px; height: 34px; place-items: center; overflow: hidden; border: 1px solid var(--rift-portal-border); border-radius: 8px; color: var(--rift-portal-muted); font-style: normal; }
html.gm-stars-rift-redesign .build-intelligence-cross-asset.is-rune > i { border-color: rgba(98, 207, 223, .3); }
html.gm-stars-rift-redesign .build-intelligence-cross-asset > i img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-intelligence-cross-asset > b { min-width: 0; overflow: hidden; color: var(--rift-portal-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-intelligence-cross-asset > em { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; font-style: normal; }

html.gm-stars-rift-redesign .build-intelligence-alternative-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1px; background: var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .build-intelligence-alternative {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    min-width: 0;
    min-height: 100px;
    padding: 11px;
    background: #151a21;
}

html.gm-stars-rift-redesign .build-intelligence-alternative > span { display: grid; width: 42px; height: 42px; place-items: center; overflow: hidden; border: 1px solid rgba(232, 161, 31, .24); border-radius: 9px; color: var(--rift-portal-muted); }
html.gm-stars-rift-redesign .build-intelligence-alternative > span img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-intelligence-alternative > span i { font-style: normal; }
html.gm-stars-rift-redesign .build-intelligence-alternative small { display: block; color: var(--rift-portal-cyan); font-size: 11px; }
html.gm-stars-rift-redesign .build-intelligence-alternative strong { display: block; margin-top: 2px; overflow: hidden; color: var(--rift-portal-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-intelligence-alternative p {
    display: -webkit-box;
    margin: 4px 0 0;
    overflow: hidden;
    color: var(--rift-portal-muted);
    font-size: 11px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html.gm-stars-rift-redesign .build-champion-intelligence > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding: 10px 14px; border-top: 1px solid var(--rift-portal-border-soft); color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .build-intelligence-status { display: flex; align-items: center; gap: 11px; min-height: 110px; padding: 20px; }
html.gm-stars-rift-redesign .build-intelligence-status > i { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: var(--rift-portal-cyan); box-shadow: 0 0 0 7px rgba(98, 207, 223, .08); }
html.gm-stars-rift-redesign .build-intelligence-status strong { display: block; margin-top: 4px; color: var(--rift-portal-text); font-size: 13px; }
html.gm-stars-rift-redesign .build-intelligence-status p { margin: 5px 0 0; color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .build-intelligence-status.is-empty > i { background: var(--rift-portal-gold); box-shadow: 0 0 0 7px rgba(232, 161, 31, .08); }

html.gm-stars-rift-redesign .build-data-panel { border-bottom: 1px solid var(--rift-portal-border); }
html.gm-stars-rift-redesign .build-source-header {
    min-height: 62px;
    padding: 0 20px;
    border-color: var(--rift-portal-border-soft);
    background: var(--rift-portal-surface-raised);
}

html.gm-stars-rift-redesign .build-source-header > small { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .build-source-tabs { gap: 7px; }
html.gm-stars-rift-redesign .build-source-tabs button {
    min-width: 118px;
    margin: 7px 0;
    border-radius: 8px;
    color: var(--rift-portal-muted);
    font-family: var(--rift-brand);
    font-size: 11px;
    letter-spacing: .055em;
}

html.gm-stars-rift-redesign .build-source-tabs button::after { right: 16px; bottom: 1px; left: 16px; height: 2px; border-radius: 2px; }
html.gm-stars-rift-redesign .build-source-tabs button:hover { background: rgba(255, 255, 255, .025); color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .build-source-tabs button.active { color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-source-tabs button.active::after { background: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-source-intro {
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 18px;
    padding: 17px 20px;
    border-color: var(--rift-portal-border-soft);
    background: #11151b;
}

html.gm-stars-rift-redesign .build-source-intro strong { color: var(--rift-portal-cyan); font-family: var(--rift-brand); font-size: 21px; }
html.gm-stars-rift-redesign .build-source-intro p { color: var(--rift-portal-muted); font-size: 12px; line-height: 1.5; }
html.gm-stars-rift-redesign .build-capture-state,
html.gm-stars-rift-redesign .build-capture-state[data-state="ready"],
html.gm-stars-rift-redesign .build-capture-state[data-state="failed"],
html.gm-stars-rift-redesign .build-capture-state[data-state="service_unavailable"] {
    margin: 16px 16px 0;
    padding: 14px 15px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 11px;
    background: #11151b;
}

html.gm-stars-rift-redesign .build-capture-copy strong { color: var(--rift-portal-text); font-size: 12px; }
html.gm-stars-rift-redesign .build-capture-copy small { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .build-capture-progress { height: 4px; margin-top: 11px; border-radius: 999px; background: #252c35; }
html.gm-stars-rift-redesign .build-capture-progress i { border-radius: inherit; background: linear-gradient(90deg, var(--rift-portal-cyan), var(--rift-portal-gold)); }
html.gm-stars-rift-redesign .build-capture-state button { border-radius: 8px; font-size: 11px; }
html.gm-stars-rift-redesign .build-loadout-list { gap: 14px; padding: 16px; background: #0f1318; }
html.gm-stars-rift-redesign .build-loadout-card {
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 14px;
    background: #161b22;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

html.gm-stars-rift-redesign .build-loadout-card > header {
    min-height: 70px;
    padding: 13px 16px;
    border: 0;
    border-left: 3px solid var(--rift-portal-gold);
    background: #1a2028;
}

html.gm-stars-rift-redesign .build-loadout-card > header small,
html.gm-stars-rift-redesign .build-loadout-rate small { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .build-loadout-card h3 { margin-top: 4px; color: var(--rift-portal-text); font-size: 15px; }
html.gm-stars-rift-redesign .build-loadout-rate { min-width: 116px; }
html.gm-stars-rift-redesign .build-loadout-rate strong { color: var(--rift-portal-cyan); font-size: 22px; }
html.gm-stars-rift-redesign .build-loadout-body {
    gap: 8px;
    padding: 12px 14px 14px;
    border: 0;
    background: #101419;
}

html.gm-stars-rift-redesign .build-loadout-row { padding: 13px 14px; border: 1px solid var(--rift-portal-border-soft); border-radius: 10px; background: #151a21; }
html.gm-stars-rift-redesign .build-loadout-row > span { margin-bottom: 9px; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .build-loadout-icons { gap: 6px; }
html.gm-stars-rift-redesign .build-asset-trigger { border-color: var(--rift-portal-border); border-radius: 8px; background: #0f1318; }
html.gm-stars-rift-redesign .build-loadout-card > footer {
    padding: 10px 16px;
    border-top: 1px solid var(--rift-portal-border-soft);
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-loadout-card > footer b { color: var(--rift-portal-gold); }

html.gm-stars-rift-redesign .build-source-empty { min-height: 260px; padding: 40px 24px; }
html.gm-stars-rift-redesign .build-source-empty strong { color: var(--rift-portal-text); font-size: 17px; }
html.gm-stars-rift-redesign .build-source-empty p { color: var(--rift-portal-muted); font-size: 12px; }
html.gm-stars-rift-redesign .build-asset-detail { margin: 0 14px 14px; border: 1px solid rgba(232, 161, 31, .35); border-left-width: 3px; border-radius: 11px; background: #131820; }
html.gm-stars-rift-redesign .build-asset-detail-copy > small,
html.gm-stars-rift-redesign .build-asset-detail-copy > span,
html.gm-stars-rift-redesign .build-asset-detail-copy > p,
html.gm-stars-rift-redesign .build-asset-detail .build-asset-facts span,
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects strong,
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects p,
html.gm-stars-rift-redesign .build-asset-detail .build-asset-effects small,
html.gm-stars-rift-redesign .build-asset-detail .build-asset-utility span { font-size: 11px; }
html.gm-stars-rift-redesign .build-asset-hovercard { border-radius: 14px; box-shadow: 0 22px 48px rgba(0, 0, 0, .42); }
html.gm-stars-rift-redesign .build-asset-detail-close { width: 42px; height: 42px; border-radius: 9px; line-height: 39px; }

/* Collector state is encoded by one quiet light: online, working, or offline. */
html.gm-stars-rift-redesign .backend-status.online::before {
    background: var(--rift-green);
    box-shadow: 0 0 0 3px rgba(84, 197, 162, .1), 0 0 10px rgba(84, 197, 162, .22);
}

html.gm-stars-rift-redesign .backend-status.working::before {
    background: var(--rift-gold);
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .1), 0 0 10px rgba(232, 161, 31, .22);
}

html.gm-stars-rift-redesign .backend-status.offline::before {
    background: var(--rift-red);
    box-shadow: 0 0 0 3px rgba(227, 90, 102, .1), 0 0 10px rgba(227, 90, 102, .22);
}

/* Functional text never drops below the approved 11 px floor. */
html.gm-stars-rift-redesign .home-discovery small,
html.gm-stars-rift-redesign .home-discovery span,
html.gm-stars-rift-redesign .home-discovery button,
html.gm-stars-rift-redesign .home-discovery footer,
html.gm-stars-rift-redesign .builds-page small,
html.gm-stars-rift-redesign .builds-page label,
html.gm-stars-rift-redesign .builds-page button { line-height: 1.3; }

@media (max-width: 1120px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar { padding-inline: 18px; gap: 9px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar .logo { width: 152px; flex-basis: 152px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .gm-brand-name { font-size: 16px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .backend-status { max-width: 170px; }
    html.gm-stars-rift-redesign .home-discovery-hero { grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); }
    html.gm-stars-rift-redesign .home-hero-copy { padding-inline: 38px; }
    html.gm-stars-rift-redesign .home-discovery-grid { grid-template-columns: minmax(0, 1.5fr) minmax(278px, .72fr); }
}

@media (max-width: 920px) {
    html.gm-stars-rift-redesign .home-discovery-grid { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .home-discovery-side { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
    html.gm-stars-rift-redesign .builds-hero { grid-template-columns: minmax(0, 1fr) 260px; }
    html.gm-stars-rift-redesign .builds-champion-grid { grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); }
    html.gm-stars-rift-redesign .build-champion-overview { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar .logo { width: auto; flex-basis: auto; padding-right: 0; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-site-links { display: none; }
    /* Keep the collector signal visible without crowding the mobile toolbar. */
    html.gm-stars-rift-redesign.gm-stars-rift-section .backend-status {
        display: inline-flex;
        width: 22px;
        min-width: 22px;
        min-height: 40px;
        max-width: none;
        flex: 0 0 22px;
        align-items: center;
        justify-content: center;
        gap: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: 0 !important;
        line-height: 0;
    }
    html.gm-stars-rift-redesign.gm-stars-rift-section .backend-status::before {
        width: 8px;
        height: 8px;
        flex-basis: 8px;
    }
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-utilities { order: 5; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-loadout-preview { display: none; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-item { width: 100%; min-width: 0; overflow: hidden; }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .main-container { width: calc(100% - 18px); margin-top: 12px; }
    html.gm-stars-rift-redesign .home-discovery-hero,
    html.gm-stars-rift-redesign .builds-hero { grid-template-columns: 1fr; min-height: 0; border-radius: 15px; }
    html.gm-stars-rift-redesign .home-hero-copy { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
    html.gm-stars-rift-redesign .home-rift-board { width: auto; min-width: 0; max-width: 100%; margin: 0 16px 16px; box-sizing: border-box; }
    html.gm-stars-rift-redesign .home-hero-copy,
    html.gm-stars-rift-redesign .builds-hero-copy { padding: 34px 24px 36px; }
    html.gm-stars-rift-redesign .home-hero-copy h1 { font-size: clamp(40px, 11.5vw, 46px); }
    html.gm-stars-rift-redesign .builds-hero h1 { font-size: clamp(48px, 14vw, 62px); }
    html.gm-stars-rift-redesign .home-rift-board,
    html.gm-stars-rift-redesign .builds-consensus-preview { min-height: 220px; margin-top: 0; }
    html.gm-stars-rift-redesign .home-board-logo { width: min(160px, 56%); }
    html.gm-stars-rift-redesign .home-discovery-side { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .builds-toolbar { align-items: stretch; flex-direction: column; }
    html.gm-stars-rift-redesign .builds-search { width: 100%; }
    html.gm-stars-rift-redesign .builds-lanes { width: 100%; overflow-x: auto; padding-bottom: 2px; }
    html.gm-stars-rift-redesign .builds-lanes button { flex: 1 0 auto; }
    html.gm-stars-rift-redesign .builds-champion-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 12px; }
    html.gm-stars-rift-redesign .builds-champion-card {
        grid-template-columns: 1fr;
        justify-items: center;
        min-height: 130px;
        padding: 11px 7px 9px;
        text-align: center;
    }
    html.gm-stars-rift-redesign .builds-champion-card strong,
    html.gm-stars-rift-redesign .builds-champion-card small { text-align: center; }
    html.gm-stars-rift-redesign .builds-champion-card > i { display: none; }
    html.gm-stars-rift-redesign .build-detail-hero { grid-template-columns: 68px minmax(0, 1fr); padding: 18px; }
    html.gm-stars-rift-redesign .build-detail-splash { inset: 0 0 0 18%; width: 82%; opacity: .42; object-position: 58% 34%; }
    html.gm-stars-rift-redesign .build-detail-hero::after {
        background: linear-gradient(90deg, #12171d 0%, rgba(18, 23, 29, .98) 28%, rgba(18, 23, 29, .8) 48%, rgba(18, 23, 29, .32) 100%);
    }
    html.gm-stars-rift-redesign .build-detail-champion-icon { width: 68px; height: 68px; }
    html.gm-stars-rift-redesign .build-detail-season { grid-column: 1 / -1; justify-self: start; }
    html.gm-stars-rift-redesign .build-champion-overview { gap: 10px; margin: 10px 0; }
    html.gm-stars-rift-redesign .build-champion-profile { padding: 16px; }
    html.gm-stars-rift-redesign .build-champion-ability-panel { grid-template-columns: 70px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .build-champion-ability-art { width: 70px; height: 70px; }
    html.gm-stars-rift-redesign .build-skill-order-head { flex-direction: column; }
    html.gm-stars-rift-redesign .build-skill-priority { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-skill-priority button { grid-template-columns: 28px 44px minmax(0, 1fr) 18px; }
    html.gm-stars-rift-redesign .build-skill-levels ol { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; }
    html.gm-stars-rift-redesign .build-consensus-grid,
    html.gm-stars-rift-redesign .build-consensus-grid.is-compact { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-consensus-group { min-height: 0; }
    html.gm-stars-rift-redesign .build-leader-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-intelligence-grid { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-intelligence-cross-grid { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-intelligence-alternative-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-source-intro { grid-template-columns: 1fr; gap: 5px; }
    html.gm-stars-rift-redesign .build-loadout-body { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar { min-height: 58px; padding: 7px 10px; gap: 7px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .gm-brand-mark { width: 34px; height: 34px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .gm-brand-name { display: none; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .search-container { min-width: 0; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .search-box { height: 40px; padding-right: 12px; font-size: 11px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-builds-link { width: auto; min-width: 54px; min-height: 40px; padding-inline: 8px; font-size: 11px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle { min-width: 44px; min-height: 40px; padding-inline: 8px; }
    html[lang="es"].gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option="en"],
    html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-toggle [data-language-option="es"],
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-language-separator { display: none; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .search-results { right: -61px; max-height: min(360px, 58vh); border-radius: 10px; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-update { display: inline-flex; }
    html.gm-stars-rift-redesign .home-panel-head { align-items: flex-start; gap: 10px; }
    html.gm-stars-rift-redesign .home-preview-source { max-width: 128px; text-align: right; }
    html.gm-stars-rift-redesign .home-ranking-toolbar { align-items: stretch; flex-direction: column; gap: 8px; padding: 8px 12px; }
    html.gm-stars-rift-redesign .home-ranking-tabs { width: 100%; }
    html.gm-stars-rift-redesign .home-ranking-tabs button { min-width: 0; flex: 1; min-height: 40px; }
    html.gm-stars-rift-redesign .home-region-chip { align-self: flex-start; }
    html.gm-stars-rift-redesign .home-ranking-caption { display: none; }
    html.gm-stars-rift-redesign .home-ranking-row {
        grid-template-columns: 36px 42px minmax(0, 1fr) 30px;
        grid-template-rows: auto auto;
        gap: 2px 8px;
        min-height: 86px;
        padding: 10px 12px;
    }
    html.gm-stars-rift-redesign .home-ranking-row::before,
    html.gm-stars-rift-redesign .home-ranking-row::after { display: none; }
    html.gm-stars-rift-redesign .home-ranking-position,
    html.gm-stars-rift-redesign .home-ranking-avatar,
    html.gm-stars-rift-redesign .home-ranking-open { grid-row: 1 / 3; align-self: center; }
    html.gm-stars-rift-redesign .home-ranking-player { grid-column: 3; grid-row: 1; padding-left: 0; }
    html.gm-stars-rift-redesign .home-ranking-rank { grid-column: 3; grid-row: 2; grid-template-columns: 24px minmax(0, 1fr); gap: 6px; }
    html.gm-stars-rift-redesign .home-ranking-rank .oprift-rank-art { width: 24px; height: 24px; }
    html.gm-stars-rift-redesign .builds-section-head { align-items: flex-start; gap: 10px; }
    html.gm-stars-rift-redesign .builds-champion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-source-header { align-items: flex-start; flex-direction: column-reverse; gap: 5px; padding: 10px 12px 0; }
    html.gm-stars-rift-redesign .build-source-tabs { width: 100%; min-height: 46px; }
    html.gm-stars-rift-redesign .build-source-tabs button { min-width: 0; flex: 1; }
    html.gm-stars-rift-redesign .build-consensus-head { align-items: stretch; flex-direction: column; }
    html.gm-stars-rift-redesign .build-consensus-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-consensus-metrics > span { min-width: 0; }
    html.gm-stars-rift-redesign .build-champion-kit > header { align-items: stretch; flex-direction: column; }
    html.gm-stars-rift-redesign .build-champion-kit-meta { justify-content: flex-start; }
    html.gm-stars-rift-redesign .build-champion-skill-order > footer { align-items: stretch; flex-direction: column; }
    html.gm-stars-rift-redesign .build-champion-skill-order > footer button { min-height: 42px; }
    html.gm-stars-rift-redesign .build-champion-collection { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-champion-collection > div:first-child { min-width: 0; }
    html.gm-stars-rift-redesign .build-champion-meta-head { flex-direction: column; }
    html.gm-stars-rift-redesign .build-champion-meta-source { min-width: 0; }
    html.gm-stars-rift-redesign .build-champion-meta-panel { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-champion-meta > footer { align-items: flex-start; flex-direction: column; }
    html.gm-stars-rift-redesign .build-champion-meta > footer span:last-child { text-align: left; }
    html.gm-stars-rift-redesign .build-leader-plan > header { align-items: flex-start; flex-direction: column; }
    html.gm-stars-rift-redesign .build-leader-plan > header > span { text-align: left; }
    html.gm-stars-rift-redesign .build-leader-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-intelligence-head,
    html.gm-stars-rift-redesign .build-intelligence-module > header,
    html.gm-stars-rift-redesign .build-intelligence-cross > header,
    html.gm-stars-rift-redesign .build-intelligence-alternatives > header { align-items: flex-start; flex-direction: column; }
    html.gm-stars-rift-redesign .build-intelligence-runes,
    html.gm-stars-rift-redesign .build-intelligence-spells,
    html.gm-stars-rift-redesign .build-intelligence-alternative-grid { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-intelligence-cross-group.is-spell > div { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-intelligence-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-intelligence-comparison-row { grid-template-columns: minmax(0, 1fr) auto; }
    html.gm-stars-rift-redesign .build-intelligence-comparison-row > div:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
    html.gm-stars-rift-redesign .build-champion-intelligence > footer { align-items: flex-start; flex-direction: column; }
    html.gm-stars-rift-redesign .build-popular-consensus > footer button,
    html.gm-stars-rift-redesign .builds-back-link { min-height: 44px; }
    html.gm-stars-rift-redesign .build-loadout-card > header { align-items: flex-start; }
    html.gm-stars-rift-redesign .build-loadout-rate { min-width: 88px; }
    html.gm-stars-rift-redesign .build-loadout-row { padding-inline: 8px; }
}

@media (max-width: 470px) {
    html.gm-stars-rift-redesign .home-ranking-rank .oprift-rank-art {
        width: 24px;
        height: 24px;
        display: grid;
    }
    html.gm-stars-rift-redesign .build-champion-ability-tabs button { min-height: 62px; padding-inline: 2px; }
    html.gm-stars-rift-redesign .build-champion-ability-tabs button > span { width: 42px; height: 42px; }
    html.gm-stars-rift-redesign .build-champion-ability-tabs button small { display: none; }
    html.gm-stars-rift-redesign .build-champion-ability-panel { grid-template-columns: 58px minmax(0, 1fr); gap: 11px; padding: 12px; }
    html.gm-stars-rift-redesign .build-champion-ability-art { width: 58px; height: 58px; border-radius: 10px; }
    html.gm-stars-rift-redesign .build-champion-ability-art span { right: 3px; bottom: 3px; left: 3px; padding-inline: 3px; text-align: center; }
    html.gm-stars-rift-redesign .build-champion-skill-order { padding: 13px; }
    html.gm-stars-rift-redesign .build-skill-levels { padding: 9px; }
    html.gm-stars-rift-redesign .build-skill-levels ol { gap: 5px; }
    html.gm-stars-rift-redesign .build-skill-levels li button { min-height: 66px; }
}

@media (max-width: 360px) {
    html.gm-stars-rift-redesign .build-champion-traits { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-loadout-icons { flex-wrap: wrap; overflow-x: visible; }
    html.gm-stars-rift-redesign .build-champion-ability-tabs { gap: 3px; }
    html.gm-stars-rift-redesign .build-champion-ability-tabs button > span { width: 40px; height: 40px; }
    html.gm-stars-rift-redesign .build-leader-plan-item { grid-template-columns: 36px minmax(0, 1fr); gap: 7px; padding-inline: 7px; }
    html.gm-stars-rift-redesign .build-leader-plan-item > span { width: 36px; height: 36px; }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-search-action,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-row,
    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card,
    html.gm-stars-rift-redesign.gm-stars-rift-section .navbar-section-link,
    html.gm-stars-rift-redesign .build-skill-priority button,
    html.gm-stars-rift-redesign .build-skill-levels li button { transition: none !important; }
}

/* Keep the archive shell in control after the legacy build overview rules. */
html.gm-stars-rift-redesign .build-detail-page .build-champion-overview {
    display: block;
    grid-template-columns: none;
    gap: 0;
    margin: 12px 0 0;
}

html.gm-stars-rift-redesign .build-detail-page .build-guide-kit-panel:not([hidden]) {
    display: grid;
}

/* Champion loadout dossier: one navigable surface instead of more stacked cards. */
html.gm-stars-rift-redesign .build-loadout-dossier {
    background:
        radial-gradient(circle at 16% 0%, rgba(232, 161, 31, .07), transparent 18rem),
        radial-gradient(circle at 100% 100%, rgba(98, 207, 223, .055), transparent 22rem),
        #10151b;
}

html.gm-stars-rift-redesign .build-loadout-dossier > header p {
    margin: 5px 0 0;
    color: var(--rift-portal-muted);
    font-size: 11px;
    line-height: 1.4;
}

html.gm-stars-rift-redesign .build-dossier-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    padding: 0 12px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: rgba(8, 12, 16, .48);
}

html.gm-stars-rift-redesign .build-dossier-tabs button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 45px;
    padding: 0 10px;
    border: 0;
    border-radius: 8px 8px 0 0;
    background: transparent;
    color: var(--rift-portal-muted);
    font-family: var(--rift-brand);
    font-size: 11px;
    letter-spacing: .045em;
    cursor: pointer;
    transition: background .16s ease, color .16s ease;
}

html.gm-stars-rift-redesign .build-dossier-tabs button::after {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 2px;
    border-radius: 999px;
    background: transparent;
    content: '';
}

html.gm-stars-rift-redesign .build-dossier-tabs button > span {
    display: grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 999px;
    color: var(--rift-portal-faint);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-dossier-tabs button:hover { background: rgba(255, 255, 255, .025); color: var(--rift-portal-text); }
html.gm-stars-rift-redesign .build-dossier-tabs button.active { color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-dossier-tabs button.active::after { background: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-dossier-tabs button.active > span { border-color: rgba(232, 161, 31, .35); color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-dossier-tabs button:focus-visible,
html.gm-stars-rift-redesign .build-dossier-asset:focus-visible { outline: 2px solid var(--rift-portal-cyan); outline-offset: -2px; }

html.gm-stars-rift-redesign .build-dossier-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr);
    min-height: 390px;
}

html.gm-stars-rift-redesign .build-dossier-panels {
    min-width: 0;
    padding: 13px;
    border-right: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-dossier-panel[hidden] { display: none !important; }
html.gm-stars-rift-redesign .build-dossier-panel { display: block; }
html.gm-stars-rift-redesign .build-dossier-choice-groups { display: grid; align-content: start; gap: 15px; }

html.gm-stars-rift-redesign .build-dossier-track {
    position: relative;
    min-width: 0;
}

html.gm-stars-rift-redesign .build-dossier-track > small {
    display: block;
    margin-bottom: 8px;
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-dossier-track.is-alternative > small { color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-dossier-track > div {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

html.gm-stars-rift-redesign .build-dossier-track > div::before {
    position: absolute;
    top: 27px;
    right: 8%;
    left: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(98, 207, 223, .26) 12%, rgba(98, 207, 223, .26) 88%, transparent);
    content: '';
}

html.gm-stars-rift-redesign .build-dossier-track.is-alternative > div::before {
    background: linear-gradient(90deg, transparent, rgba(232, 161, 31, .22) 12%, rgba(232, 161, 31, .22) 88%, transparent);
}

html.gm-stars-rift-redesign .build-dossier-asset {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 8px;
    min-width: 0;
    min-height: 62px;
    padding: 8px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 10px;
    background: #121820;
    color: var(--rift-portal-text);
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

html.gm-stars-rift-redesign .build-dossier-asset > span {
    display: grid;
    width: 42px;
    height: 42px;
    grid-row: 1 / 3;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .25);
    border-radius: 9px;
    background: #090d12;
    color: var(--rift-portal-muted);
}

html.gm-stars-rift-redesign .build-dossier-asset.is-alternative > span { border-color: rgba(232, 161, 31, .3); }
html.gm-stars-rift-redesign .build-dossier-asset > span img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-dossier-asset > span i { font-style: normal; }
html.gm-stars-rift-redesign .build-dossier-asset > b {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    align-self: end;
    font-size: 12px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html.gm-stars-rift-redesign .build-dossier-asset > small {
    grid-column: 2 / 4;
    align-self: start;
    color: var(--rift-portal-faint);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-dossier-asset:hover { border-color: rgba(98, 207, 223, .35); background: #161d25; transform: translateY(-1px); }
html.gm-stars-rift-redesign .build-dossier-asset.is-alternative:hover { border-color: rgba(232, 161, 31, .42); }
html.gm-stars-rift-redesign .build-dossier-asset.active {
    border-color: rgba(98, 207, 223, .82);
    background: linear-gradient(135deg, rgba(98, 207, 223, .09), transparent 72%), #151c24;
    box-shadow: 0 0 0 1px rgba(98, 207, 223, .1), 0 9px 22px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign .build-dossier-asset.is-alternative.active {
    border-color: rgba(232, 161, 31, .82);
    background: linear-gradient(135deg, rgba(232, 161, 31, .09), transparent 72%), #171b20;
    box-shadow: 0 0 0 1px rgba(232, 161, 31, .1), 0 9px 22px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign .build-dossier-detail {
    min-width: 0;
    padding: 16px;
    scroll-margin-top: 72px;
    background:
        linear-gradient(135deg, rgba(98, 207, 223, .045), transparent 50%),
        #0e1319;
}

html.gm-stars-rift-redesign .build-dossier-detail-head {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

html.gm-stars-rift-redesign .build-dossier-detail-head > span {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .35);
    border-radius: 12px;
    background: #080c11;
    color: var(--rift-portal-muted);
}

html.gm-stars-rift-redesign .build-dossier-detail-head > span img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-dossier-detail-head > span i { font-style: normal; }
html.gm-stars-rift-redesign .build-dossier-detail-head small { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; text-transform: uppercase; }
html.gm-stars-rift-redesign .build-dossier-detail-head h4 { margin: 4px 0 0; color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 15px; line-height: 1.2; }
html.gm-stars-rift-redesign .build-dossier-detail-head b { display: block; margin-top: 4px; color: var(--rift-portal-gold); font-size: 12px; font-weight: 600; line-height: 1.35; }
html.gm-stars-rift-redesign .build-dossier-detail > p { margin: 14px 0 0; color: var(--rift-portal-muted); font-size: 13px; line-height: 1.55; }

html.gm-stars-rift-redesign .build-dossier-detail-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 13px;
}

html.gm-stars-rift-redesign .build-dossier-detail-stats:empty,
html.gm-stars-rift-redesign .build-dossier-detail-effects:empty { display: none; }
html.gm-stars-rift-redesign .build-dossier-detail-stats span {
    padding: 5px 7px;
    border: 1px solid rgba(98, 207, 223, .16);
    border-radius: 7px;
    background: rgba(98, 207, 223, .045);
    color: #d7e6e9;
    font-size: 11px;
    line-height: 1.3;
}

html.gm-stars-rift-redesign .build-dossier-detail-effects { display: grid; gap: 7px; margin-top: 13px; }
html.gm-stars-rift-redesign .build-dossier-detail-effects > div {
    padding: 9px 10px;
    border-left: 2px solid rgba(232, 161, 31, .55);
    border-radius: 0 8px 8px 0;
    background: rgba(232, 161, 31, .035);
}

html.gm-stars-rift-redesign .build-dossier-detail-effects strong { color: #ffe2a3; font-size: 11px; }
html.gm-stars-rift-redesign .build-dossier-detail-effects p { margin: 3px 0 0; color: var(--rift-portal-muted); font-size: 12px; line-height: 1.45; }
html.gm-stars-rift-redesign .build-dossier-detail-effects small { display: block; margin-top: 5px; color: var(--rift-portal-cyan); font-size: 11px; }
html.gm-stars-rift-redesign .build-dossier-detail > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid var(--rift-portal-border-soft);
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .build-dossier-detail > footer strong { color: var(--rift-portal-gold); font-size: 11px; white-space: nowrap; }

html.gm-stars-rift-redesign .build-intelligence-swap-lane {
    padding: 12px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: linear-gradient(90deg, rgba(232, 161, 31, .035), transparent 55%), #12171d;
}

html.gm-stars-rift-redesign .build-intelligence-swap-lane > small {
    display: block;
    margin-bottom: 8px;
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-intelligence-swap-lane > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 7px;
}

html.gm-stars-rift-redesign .build-intelligence-swap-lane article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 8px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 10px;
    background: #0e1319;
}

html.gm-stars-rift-redesign .build-intelligence-swap-lane article > div {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    min-width: 0;
}

html.gm-stars-rift-redesign .build-intelligence-swap-lane article > div > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 8px;
    color: var(--rift-portal-muted);
}

html.gm-stars-rift-redesign .build-intelligence-swap-lane article > div:last-of-type > span { border-color: rgba(232, 161, 31, .42); }
html.gm-stars-rift-redesign .build-intelligence-swap-lane article img { width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .build-intelligence-swap-lane article i { font-style: normal; }
html.gm-stars-rift-redesign .build-intelligence-swap-lane article b { min-width: 0; overflow: hidden; color: var(--rift-portal-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .build-intelligence-swap-lane article > em { color: var(--rift-portal-gold); font-family: var(--rift-brand); font-size: 16px; font-style: normal; }
html.gm-stars-rift-redesign .build-intelligence-swap-lane article > small { grid-column: 1 / -1; color: var(--rift-portal-muted); font-size: 11px; }

@media (max-width: 920px) {
    html.gm-stars-rift-redesign .build-dossier-workbench { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-dossier-panels { border-right: 0; border-bottom: 1px solid var(--rift-portal-border-soft); }
    html.gm-stars-rift-redesign .build-dossier-track > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign .build-dossier-tabs { padding-inline: 7px; }
    html.gm-stars-rift-redesign .build-dossier-tabs button { min-height: 44px; padding-inline: 5px; }
    html.gm-stars-rift-redesign .build-dossier-tabs button > span { min-width: 19px; height: 19px; }
    html.gm-stars-rift-redesign .build-dossier-panels,
    html.gm-stars-rift-redesign .build-dossier-detail { padding: 11px; }
    html.gm-stars-rift-redesign .build-dossier-track > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .build-dossier-workbench { min-height: 0; }
    html.gm-stars-rift-redesign .build-dossier-detail > footer { align-items: flex-start; flex-direction: column; }
    html.gm-stars-rift-redesign .build-intelligence-swap-lane > div { grid-template-columns: 1fr; }
}

@media (max-width: 360px) {
    html.gm-stars-rift-redesign .build-dossier-tabs button { gap: 4px; font-size: 11px; }
    html.gm-stars-rift-redesign .build-dossier-tabs button > span { display: none; }
    html.gm-stars-rift-redesign .build-dossier-asset { grid-template-columns: 38px minmax(0, 1fr); padding-inline: 6px; }
    html.gm-stars-rift-redesign .build-dossier-asset > span { width: 38px; height: 38px; }
    html.gm-stars-rift-redesign .build-dossier-asset > small { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign .build-dossier-tabs button,
    html.gm-stars-rift-redesign .build-dossier-asset { transition: none !important; }
}

/* Full champion guide parity: one editorial dossier for every Wild Rift champion. */
html.gm-stars-rift-redesign .build-editorial-guide {
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid var(--rift-portal-border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 88% 0, rgba(98, 207, 223, .09), transparent 27%),
        linear-gradient(145deg, #141b22, #0d1217 68%);
    box-shadow: 0 18px 46px rgba(0, 0, 0, .2);
}

html.gm-stars-rift-redesign .build-editorial-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-editorial-head small,
html.gm-stars-rift-redesign .build-editorial-card > header small,
html.gm-stars-rift-redesign .build-editorial-alternatives > header small,
html.gm-stars-rift-redesign .build-editorial-swap header small,
html.gm-stars-rift-redesign .build-guide-matchup-column header small,
html.gm-stars-rift-redesign .build-guide-matchup-column article > small {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-editorial-head h2 {
    margin: 5px 0 0;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: clamp(21px, 2.3vw, 30px);
    line-height: 1.05;
}

html.gm-stars-rift-redesign .build-editorial-head p {
    max-width: 720px;
    margin: 8px 0 0;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 13px;
    line-height: 1.5;
}

html.gm-stars-rift-redesign .build-editorial-head > span {
    flex: 0 0 auto;
    padding: 8px 11px;
    border: 1px solid rgba(232, 161, 31, .28);
    border-radius: 10px;
    background: rgba(232, 161, 31, .07);
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 800;
}

html.gm-stars-rift-redesign .build-editorial-role-selector {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 24px 0;
}

html.gm-stars-rift-redesign .build-editorial-role-selector > span {
    color: var(--rift-portal-faint);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .build-editorial-role-tabs {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 3px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 999px;
    background: rgba(4, 7, 10, .34);
    scrollbar-width: none;
}

html.gm-stars-rift-redesign .build-editorial-role-tabs::-webkit-scrollbar { display: none; }

html.gm-stars-rift-redesign .build-editorial-role-tabs button {
    min-height: 32px;
    flex: 0 0 auto;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

html.gm-stars-rift-redesign .build-editorial-role-tabs button:hover,
html.gm-stars-rift-redesign .build-editorial-role-tabs button.active {
    border-color: rgba(232, 161, 31, .38);
    background: rgba(232, 161, 31, .1);
    color: var(--rift-portal-gold);
}

html.gm-stars-rift-redesign .build-editorial-role-tabs button:focus-visible {
    outline: 2px solid var(--rift-portal-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .build-editorial-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: 9px;
    padding: 14px 24px 20px;
}

html.gm-stars-rift-redesign .build-editorial-card {
    min-width: 0;
    padding: 17px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 15px;
    background: rgba(8, 12, 16, .52);
}

html.gm-stars-rift-redesign .build-editorial-card > header strong,
html.gm-stars-rift-redesign .build-editorial-alternatives > header strong {
    display: block;
    margin-top: 3px;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 18px;
}

html.gm-stars-rift-redesign .build-editorial-assets {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 61px;
    padding: 10px 0;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-editorial-assets:last-child { border-bottom: 0; }
html.gm-stars-rift-redesign .build-editorial-assets > span { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 12px; font-weight: 800; }
html.gm-stars-rift-redesign .build-editorial-assets > div { display: flex; flex-wrap: wrap; gap: 7px; min-width: 0; }
html.gm-stars-rift-redesign .build-editorial-assets > div > em { color: var(--rift-portal-faint); font-family: var(--rift-ui); font-size: 12px; font-style: normal; }
html.gm-stars-rift-redesign .build-editorial-assets .match-asset-icon {
    width: 47px;
    min-width: 47px;
    height: 47px;
    flex: 0 0 47px;
    aspect-ratio: 1;
    border-radius: 11px;
}

html.gm-stars-rift-redesign .build-editorial-alternatives {
    margin: 0 24px 20px;
    padding: 17px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 15px;
    background: rgba(8, 12, 16, .38);
}

html.gm-stars-rift-redesign .build-editorial-alternatives > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

html.gm-stars-rift-redesign .build-editorial-alternatives > header > span {
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 800;
}

html.gm-stars-rift-redesign .build-editorial-alternatives > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

html.gm-stars-rift-redesign .build-editorial-swap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 88px;
    padding: 13px 15px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #0d1318;
}

html.gm-stars-rift-redesign .build-editorial-swap header strong {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 3px;
    color: var(--rift-portal-text);
    font-size: 13px;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
html.gm-stars-rift-redesign .build-editorial-swap > div { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin: 0; }
html.gm-stars-rift-redesign .build-editorial-swap > div > span { display: flex; flex-wrap: wrap; gap: 5px; }
html.gm-stars-rift-redesign .build-editorial-swap > div > i { color: var(--rift-portal-gold); font-family: var(--rift-brand); font-size: 17px; font-style: normal; }
html.gm-stars-rift-redesign .build-editorial-swap .match-asset-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    flex: 0 0 40px;
    aspect-ratio: 1;
    border-radius: 9px;
}

html.gm-stars-rift-redesign .build-editorial-guide > .build-asset-detail { margin: 0 24px 18px; }

html.gm-stars-rift-redesign .build-editorial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 24px;
    border-top: 1px solid var(--rift-portal-border-soft);
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    line-height: 1.4;
}

html.gm-stars-rift-redesign .build-editorial-footer b { flex: 0 0 auto; color: var(--rift-portal-cyan); }

html.gm-stars-rift-redesign .build-guide-matchups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding: 0 16px 10px;
}

html.gm-stars-rift-redesign .build-guide-matchup-column {
    overflow: hidden;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 15px;
    background: linear-gradient(145deg, #121920, #0d1217);
}

html.gm-stars-rift-redesign .build-guide-matchup-column > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 15px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .build-guide-matchup-column h3 { margin: 3px 0 0; color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 19px; }
html.gm-stars-rift-redesign .build-guide-matchup-column > header > span { display: grid; min-width: 32px; height: 32px; place-items: center; border: 1px solid rgba(232, 161, 31, .3); border-radius: 9px; color: var(--rift-portal-gold); font-size: 12px; }
html.gm-stars-rift-redesign .build-guide-matchup-column > div { display: grid; gap: 1px; }
html.gm-stars-rift-redesign .build-guide-matchup-column article { padding: 12px 15px; background: rgba(5, 8, 11, .24); }
html.gm-stars-rift-redesign .build-guide-matchup-column article > div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
html.gm-stars-rift-redesign .build-guide-matchup-column article a { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 7px; min-width: 118px; padding: 5px 8px 5px 5px; border: 1px solid var(--rift-portal-border-soft); border-radius: 10px; background: #0b1015; color: var(--rift-portal-text); font-size: 12px; text-decoration: none; }
html.gm-stars-rift-redesign .build-guide-matchup-column article a:hover { border-color: rgba(232, 161, 31, .35); color: var(--rift-portal-gold); }
html.gm-stars-rift-redesign .build-guide-matchup-column article a:focus-visible { outline: 2px solid var(--rift-portal-cyan); outline-offset: 2px; }
html.gm-stars-rift-redesign .build-guide-matchup-column article img { width: 32px; height: 32px; border-radius: 8px; object-fit: cover; }
html.gm-stars-rift-redesign .build-guide-matchup-column article p,
html.gm-stars-rift-redesign .build-guide-matchup-empty { margin: 0; padding: 12px 15px; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 12px; line-height: 1.45; }

html.gm-stars-rift-redesign .build-skill-levels.is-source-warning { padding-bottom: 16px; }
html.gm-stars-rift-redesign .build-skill-levels.is-source-warning > p { margin: 12px 0 0; padding: 12px; border: 1px solid rgba(232, 161, 31, .22); border-radius: 10px; background: rgba(232, 161, 31, .05); color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 12px; line-height: 1.45; }

@media (min-width: 1380px) {
    html.gm-stars-rift-redesign .build-editorial-alternatives > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
    html.gm-stars-rift-redesign .build-editorial-grid,
    html.gm-stars-rift-redesign .build-guide-matchups { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign .build-editorial-head { flex-direction: column; padding: 18px 15px 15px; }
    html.gm-stars-rift-redesign .build-editorial-head > span { align-self: flex-start; }
    html.gm-stars-rift-redesign .build-editorial-role-selector { align-items: flex-start; flex-direction: column; padding: 9px 15px 0; }
    html.gm-stars-rift-redesign .build-editorial-grid { grid-template-columns: minmax(0, 1fr); padding: 12px 15px 15px; }
    html.gm-stars-rift-redesign .build-editorial-card { padding: 14px; }
    html.gm-stars-rift-redesign .build-editorial-assets { grid-template-columns: 1fr; gap: 7px; }
    html.gm-stars-rift-redesign .build-editorial-assets .match-asset-icon {
        width: 44px;
        min-width: 44px;
        height: 44px;
        flex-basis: 44px;
    }
    html.gm-stars-rift-redesign .build-editorial-alternatives { margin: 0 15px 15px; padding: 14px; }
    html.gm-stars-rift-redesign .build-editorial-alternatives > div { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .build-editorial-swap { min-height: 82px; padding: 12px; }
    html.gm-stars-rift-redesign .build-editorial-guide > .build-asset-detail { margin: 0 15px 15px; }
    html.gm-stars-rift-redesign .build-editorial-footer { align-items: flex-start; flex-direction: column; padding: 12px 15px; }
    html.gm-stars-rift-redesign .build-guide-matchups { padding-inline: 0; }
}

/* Home profile dossier: the first fold behaves like a real player profile. */
html.gm-stars-rift-redesign .home-featured-profile {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 14px;
    min-height: 292px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--rift-portal-border);
    border-radius: 18px;
    background:
        radial-gradient(circle at 82% 8%, rgba(98, 207, 223, .09), transparent 28rem),
        linear-gradient(122deg, rgba(232, 161, 31, .075), transparent 38%),
        #12171d;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
    color: var(--rift-portal-text);
}

html.gm-stars-rift-redesign .home-featured-profile::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(13, 18, 24, .99) 0%, rgba(13, 18, 24, .93) 48%, rgba(13, 18, 24, .7) 72%, rgba(13, 18, 24, .88) 100%),
        linear-gradient(0deg, #12171d 0%, transparent 55%);
    content: '';
}

html.gm-stars-rift-redesign .home-featured-splash {
    position: absolute;
    inset: 0 0 0 40%;
    z-index: -2;
    width: 60%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 30%;
    opacity: .72;
    filter: saturate(.78) contrast(1.04);
}

html.gm-stars-rift-redesign .home-featured-accent {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42%;
    height: 2px;
    border-radius: 0 2px 0 0;
    background: linear-gradient(90deg, var(--rift-portal-gold), var(--rift-portal-cyan));
}

html.gm-stars-rift-redesign .home-featured-head {
    display: grid;
    grid-template-columns: 78px minmax(240px, 1fr) minmax(215px, auto) auto;
    align-items: center;
    gap: 15px;
    min-width: 0;
}

html.gm-stars-rift-redesign .home-featured-avatar {
    position: relative;
    display: grid;
    width: 78px;
    height: 78px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(232, 161, 31, .58);
    border-radius: 17px;
    background: linear-gradient(145deg, #1b242d, #0b0f14);
    color: var(--rift-portal-gold);
    font-family: var(--rift-brand);
    font-size: 28px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .34), inset 0 0 0 3px rgba(7, 10, 14, .68);
}

html.gm-stars-rift-redesign .home-featured-avatar img {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.gm-stars-rift-redesign .home-featured-avatar > span { position: relative; z-index: 0; }
html.gm-stars-rift-redesign .home-featured-identity { min-width: 0; }
html.gm-stars-rift-redesign .home-featured-identity > span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 1.35;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .home-featured-identity > span i {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--rift-portal-gold);
    box-shadow: 0 0 0 4px rgba(232, 161, 31, .08);
}

html.gm-stars-rift-redesign .home-featured-identity h1 {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 9px;
    margin: 8px 0 4px;
    overflow: hidden;
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: clamp(29px, 3.2vw, 43px);
    line-height: 1;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .home-featured-identity h1 small {
    overflow: hidden;
    color: #a4aab4;
    font-family: var(--rift-ui);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .015em;
    text-overflow: ellipsis;
}

html.gm-stars-rift-redesign .home-featured-identity p {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    margin: 0;
    overflow: hidden;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .home-featured-identity p i {
    width: 3px;
    height: 3px;
    flex: 0 0 3px;
    border-radius: 50%;
    background: var(--rift-portal-faint);
}

html.gm-stars-rift-redesign .home-featured-rank {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 215px;
    min-height: 70px;
    padding: 8px 11px;
    border: 1px solid rgba(227, 230, 237, .09);
    border-radius: 14px;
    background: rgba(8, 12, 16, .68);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign .home-featured-rank .oprift-rank-art {
    width: 58px;
    height: 58px;
    margin: 0;
}

html.gm-stars-rift-redesign .home-featured-rank > div { display: grid; min-width: 0; gap: 2px; }
html.gm-stars-rift-redesign .home-featured-rank span { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .home-featured-rank strong { overflow: hidden; color: var(--rift-portal-text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .home-featured-rank small { color: var(--rift-portal-gold); font-family: var(--rift-ui); font-size: 11px; }

html.gm-stars-rift-redesign .home-featured-open {
    display: inline-flex;
    min-width: 126px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 14px;
    border: 1px solid rgba(232, 161, 31, .42);
    border-radius: 12px;
    background: rgba(232, 161, 31, .1);
    color: var(--rift-portal-gold);
    font-family: var(--rift-brand);
    font-size: 11px;
    letter-spacing: .045em;
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

html.gm-stars-rift-redesign .home-featured-open span { font-family: var(--rift-ui); font-size: 17px; }
html.gm-stars-rift-redesign .home-featured-open:hover { border-color: var(--rift-portal-gold); background: var(--rift-portal-gold); color: #0b0d10; transform: translateY(-1px); }
html.gm-stars-rift-redesign .home-featured-open:focus-visible,
html.gm-stars-rift-redesign .home-featured-footer button:focus-visible,
html.gm-stars-rift-redesign .home-featured-empty button:focus-visible { outline: 2px solid var(--rift-portal-cyan); outline-offset: 2px; }

html.gm-stars-rift-redesign .home-featured-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(227, 230, 237, .09);
    border-radius: 14px;
    background: rgba(8, 12, 16, .78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
}

html.gm-stars-rift-redesign .home-featured-metric {
    display: flex;
    min-width: 0;
    min-height: 93px;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 13px 15px;
    border-right: 1px solid rgba(227, 230, 237, .08);
}

html.gm-stars-rift-redesign .home-featured-metric:last-child { border-right: 0; }
html.gm-stars-rift-redesign .home-featured-metric > div:first-child { display: grid; min-width: 0; gap: 3px; }
html.gm-stars-rift-redesign .home-featured-metric > div:first-child > span {
    color: #9299a5;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .home-featured-metric strong {
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 27px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .home-featured-metric strong > i,
html.gm-stars-rift-redesign .home-featured-metric strong span {
    margin-left: 2px;
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}

html.gm-stars-rift-redesign .home-featured-metric strong em { color: #ee6372; font-style: normal; }
html.gm-stars-rift-redesign .home-featured-metric strong em span { color: #ee6372; }
html.gm-stars-rift-redesign .home-featured-metric small { color: var(--rift-portal-faint); font-family: var(--rift-ui); font-size: 11px; line-height: 1.25; }
html.gm-stars-rift-redesign .home-featured-metric.is-kda,
html.gm-stars-rift-redesign .home-featured-metric.is-gold { color: var(--rift-portal-cyan); }
html.gm-stars-rift-redesign .home-featured-metric.is-gold { color: var(--rift-portal-gold); }

html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-sparkline {
    width: 78px;
    height: 34px;
    flex: 0 0 78px;
    overflow: visible;
}

html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-sparkline path { fill: currentColor; opacity: .09; }
html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-sparkline polyline { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-sparkline circle { fill: #111820; stroke: currentColor; stroke-width: 1.5; }

html.gm-stars-rift-redesign .home-featured-progress {
    position: relative;
    width: 74px;
    height: 7px;
    flex: 0 0 74px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(238, 99, 114, .16);
}

html.gm-stars-rift-redesign .home-featured-progress i {
    display: block;
    width: var(--home-winrate, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--rift-portal-gold), #f1c45f);
}

html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-form-strip {
    display: flex;
    width: 76px;
    height: 34px;
    flex: 0 0 76px;
    align-items: stretch;
    gap: 2px;
}

html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-form-strip i { width: 2px; flex: 1 1 2px; border-radius: 2px; background: #ee6372; opacity: .85; }
html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-form-strip .is-win { background: var(--rift-portal-cyan); }

html.gm-stars-rift-redesign .home-featured-footer {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

html.gm-stars-rift-redesign .home-featured-footer button,
html.gm-stars-rift-redesign .home-featured-empty button {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid rgba(98, 207, 223, .22);
    border-radius: 10px;
    background: rgba(98, 207, 223, .055);
    color: #dce1e8;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, color .16s ease;
}

html.gm-stars-rift-redesign .home-featured-footer button:hover,
html.gm-stars-rift-redesign .home-featured-empty button:hover { border-color: rgba(98, 207, 223, .48); background: rgba(98, 207, 223, .11); color: #fff; }
html.gm-stars-rift-redesign .home-featured-footer button > span { color: var(--rift-portal-cyan); font-size: 17px; line-height: 1; }
html.gm-stars-rift-redesign .home-featured-footer > div { display: flex; min-width: 0; align-items: center; gap: 6px; }
html.gm-stars-rift-redesign .home-featured-footer > div span {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    border: 1px solid rgba(227, 230, 237, .075);
    border-radius: 9px;
    background: rgba(8, 12, 16, .56);
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .home-featured-footer > div b { color: var(--rift-portal-gold); font-size: 12px; }

html.gm-stars-rift-redesign .home-featured-empty {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) auto;
    align-items: center;
    gap: 17px;
    min-height: 254px;
    padding: 22px;
}

html.gm-stars-rift-redesign .home-featured-empty-avatar {
    width: 78px;
    height: 78px;
    border: 1px solid rgba(98, 207, 223, .18);
    border-radius: 17px;
    background: linear-gradient(135deg, rgba(98, 207, 223, .11), rgba(232, 161, 31, .06));
}

html.gm-stars-rift-redesign .home-featured-empty > div > span { color: var(--rift-portal-cyan); font-family: var(--rift-ui); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-featured-empty h1 { margin: 8px 0; color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: clamp(28px, 4vw, 43px); line-height: 1; }
html.gm-stars-rift-redesign .home-featured-empty p { margin: 0; color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 13px; line-height: 1.5; }

html.gm-stars-rift-redesign .home-featured-champion-list { display: grid; gap: 7px; padding-top: 8px; }
html.gm-stars-rift-redesign .home-featured-champion {
    display: grid;
    grid-template-columns: 30px 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 66px;
    padding: 8px 10px;
    border: 1px solid var(--rift-portal-border-soft);
    border-radius: 12px;
    background: #161b22;
}

html.gm-stars-rift-redesign .home-featured-champion-position { color: var(--rift-portal-faint); font-family: var(--rift-brand); font-size: 12px; text-align: center; }
html.gm-stars-rift-redesign .home-featured-champion-icon {
    position: relative;
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .24);
    border-radius: 10px;
    background: #090d12;
    color: var(--rift-portal-cyan);
}

html.gm-stars-rift-redesign .home-featured-champion-icon img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .home-featured-champion > span:nth-of-type(2) { display: grid; min-width: 0; gap: 3px; }
html.gm-stars-rift-redesign .home-featured-champion strong { overflow: hidden; color: var(--rift-portal-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .home-featured-champion small { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; }
html.gm-stars-rift-redesign .home-featured-champion > b { display: grid; gap: 2px; color: var(--rift-portal-cyan); font-size: 12px; text-align: right; }
html.gm-stars-rift-redesign .home-featured-champion > b small { color: var(--rift-portal-faint); font-weight: 500; }

/* Ranking pulse: a backend-driven companion to the ten-position table. */
html.gm-stars-rift-redesign .home-discovery-side { display: block; min-width: 0; }
html.gm-stars-rift-redesign .home-ranking-pulse {
    position: relative;
    height: 100%;
    min-width: 0;
}

html.gm-stars-rift-redesign .home-ranking-pulse::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 12px auto 12px 12px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(var(--rift-portal-cyan), var(--rift-portal-gold) 72%, transparent);
    opacity: .75;
    pointer-events: none;
}

html.gm-stars-rift-redesign .home-pulse-head { align-items: flex-start; }
html.gm-stars-rift-redesign .home-pulse-head > b {
    padding: 7px 10px;
    border: 1px solid rgba(98, 207, 223, .24);
    border-radius: 999px;
    background: rgba(98, 207, 223, .05);
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .home-pulse-body { padding: 17px 9px 5px 13px; }
html.gm-stars-rift-redesign .home-pulse-body a { color: inherit; text-decoration: none; }
html.gm-stars-rift-redesign .home-pulse-leader {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 74px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
}

html.gm-stars-rift-redesign .home-pulse-leader-avatar,
html.gm-stars-rift-redesign .home-pulse-chaser-avatar,
html.gm-stars-rift-redesign .home-pulse-movement-avatar,
html.gm-stars-rift-redesign .home-pulse-duel-avatar {
    position: relative;
    display: grid;
    place-items: center;
    flex: none;
    overflow: hidden;
    border: 1px solid rgba(232, 161, 31, .4);
    background: #090d12;
    color: var(--rift-portal-gold);
    font-family: var(--rift-brand);
}

html.gm-stars-rift-redesign .home-pulse-leader-avatar { width: 62px; height: 62px; border-radius: 16px; box-shadow: 0 0 0 4px rgba(232, 161, 31, .04); }
html.gm-stars-rift-redesign .home-pulse-chaser-avatar { width: 34px; height: 34px; border-radius: 9px; }
html.gm-stars-rift-redesign .home-pulse-movement-avatar { width: 46px; height: 46px; border-color: rgba(98, 207, 223, .27); border-radius: 13px; }
html.gm-stars-rift-redesign .home-pulse-duel-avatar { width: 54px; height: 54px; margin: 0 auto; border-color: rgba(98, 207, 223, .31); border-radius: 14px; }
html.gm-stars-rift-redesign .home-pulse-leader-avatar img,
html.gm-stars-rift-redesign .home-pulse-chaser-avatar img,
html.gm-stars-rift-redesign .home-pulse-movement-avatar img,
html.gm-stars-rift-redesign .home-pulse-duel-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html.gm-stars-rift-redesign .home-pulse-leader-avatar.has-profile-icon > span,
html.gm-stars-rift-redesign .home-pulse-chaser-avatar.has-profile-icon > span,
html.gm-stars-rift-redesign .home-pulse-movement-avatar.has-profile-icon > span,
html.gm-stars-rift-redesign .home-pulse-duel-avatar.has-profile-icon > span { opacity: 0; }

html.gm-stars-rift-redesign .home-pulse-leader > span { min-width: 0; }
html.gm-stars-rift-redesign .home-pulse-leader > span small {
    display: block;
    color: var(--rift-portal-faint);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .home-pulse-leader > span strong { display: block; margin-top: 4px; overflow: hidden; color: var(--rift-portal-text); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .home-pulse-leader > b { display: grid; gap: 2px; color: var(--rift-portal-gold); font-family: var(--rift-brand); font-size: 30px; font-weight: 400; line-height: .92; text-align: right; }
html.gm-stars-rift-redesign .home-pulse-leader > b small { color: var(--rift-portal-muted); font-family: var(--rift-ui); font-size: 11px; font-weight: 500; text-transform: uppercase; }

html.gm-stars-rift-redesign .home-pulse-gap { padding: 18px 0 13px; }
html.gm-stars-rift-redesign .home-pulse-gap > div:first-child { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
html.gm-stars-rift-redesign .home-pulse-gap > div:first-child > span { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-pulse-gap > div:first-child > strong { color: var(--rift-portal-text); font-size: 11px; white-space: nowrap; }
html.gm-stars-rift-redesign .home-pulse-gap > div:first-child > strong b { color: var(--rift-portal-gold); font-family: var(--rift-brand); font-size: 25px; font-weight: 400; }
html.gm-stars-rift-redesign .home-pulse-track { position: relative; height: 6px; margin: 22px 7px 31px; border-radius: 999px; background: linear-gradient(90deg, rgba(98, 207, 223, .36), rgba(232, 161, 31, .94)); }
html.gm-stars-rift-redesign .home-pulse-track i { position: absolute; top: 50%; width: 13px; height: 13px; border: 3px solid #0c1117; border-radius: 50%; background: var(--rift-portal-cyan); box-shadow: 0 0 0 1px rgba(98, 207, 223, .55); transform: translate(-50%, -50%); }
html.gm-stars-rift-redesign .home-pulse-track i.is-leader { background: var(--rift-portal-gold); box-shadow: 0 0 0 1px rgba(232, 161, 31, .72); }
html.gm-stars-rift-redesign .home-pulse-track i span { position: absolute; top: 14px; left: 50%; width: max-content; color: var(--rift-portal-faint); font-family: var(--rift-ui); font-size: 11px; font-style: normal; font-weight: 600; transform: translateX(-50%); }
html.gm-stars-rift-redesign .home-pulse-track i.is-cutoff span { left: 0; transform: none; }
html.gm-stars-rift-redesign .home-pulse-track i.is-leader span { left: auto; right: 0; transform: none; }

html.gm-stars-rift-redesign .home-pulse-chase-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; color: var(--rift-portal-faint); font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-pulse-chase-title b { color: #53d6a4; }
html.gm-stars-rift-redesign .home-pulse-chasers { display: grid; }
html.gm-stars-rift-redesign .home-pulse-chaser { display: grid; grid-template-columns: 30px 34px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 52px; border-top: 1px solid var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .home-pulse-chaser > b { color: var(--rift-portal-gold); font-family: var(--rift-brand); font-size: 14px; font-weight: 400; }
html.gm-stars-rift-redesign .home-pulse-chaser > span { overflow: hidden; color: var(--rift-portal-text); font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .home-pulse-chaser > strong { color: var(--rift-portal-muted); font-size: 11px; white-space: nowrap; }
html.gm-stars-rift-redesign .home-pulse-chaser > strong em { color: var(--rift-portal-cyan); font-style: normal; }

html.gm-stars-rift-redesign .home-pulse-cutoff { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 15px; padding: 13px 14px; border: 1px solid rgba(98, 207, 223, .16); border-radius: 12px; background: rgba(98, 207, 223, .04); }
html.gm-stars-rift-redesign .home-pulse-cutoff > span { color: var(--rift-portal-muted); font-size: 11px; }
html.gm-stars-rift-redesign .home-pulse-cutoff > span b { display: block; margin-bottom: 3px; color: var(--rift-portal-cyan); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-pulse-cutoff > strong { color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 21px; font-weight: 400; white-space: nowrap; }

html.gm-stars-rift-redesign .home-pulse-movement,
html.gm-stars-rift-redesign .home-pulse-duel { margin-top: 19px; padding-top: 16px; border-top: 1px solid var(--rift-portal-border-soft); }
html.gm-stars-rift-redesign .home-pulse-section-head > span { color: var(--rift-portal-faint); font-size: 11px; }
html.gm-stars-rift-redesign .home-pulse-section-head > span b { display: block; margin-bottom: 3px; color: var(--rift-portal-text); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-pulse-movement-list { display: grid; margin-top: 6px; }
html.gm-stars-rift-redesign .home-pulse-movement-row,
html.gm-stars-rift-redesign .home-pulse-stable { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 66px; border-top: 1px solid rgba(227, 230, 237, .055); }
html.gm-stars-rift-redesign .home-pulse-movement-row:first-child { border-top-color: transparent; }
html.gm-stars-rift-redesign .home-pulse-movement-row > span,
html.gm-stars-rift-redesign .home-pulse-stable > span { min-width: 0; }
html.gm-stars-rift-redesign .home-pulse-movement-row > span strong,
html.gm-stars-rift-redesign .home-pulse-stable > span strong { display: block; overflow: hidden; color: var(--rift-portal-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .home-pulse-movement-row > span small,
html.gm-stars-rift-redesign .home-pulse-stable > span small { display: block; margin-top: 3px; color: var(--rift-portal-faint); font-size: 11px; }
html.gm-stars-rift-redesign .home-pulse-movement-row > b { display: grid; gap: 3px; color: #53d6a4; font-family: var(--rift-brand); font-size: 20px; font-weight: 400; line-height: 1; text-align: right; }
html.gm-stars-rift-redesign .home-pulse-movement-row.is-down > b { color: #ef7f8b; }
html.gm-stars-rift-redesign .home-pulse-movement-row.is-new > b { color: var(--rift-portal-gold); font-family: var(--rift-ui); font-size: 11px; font-weight: 800; }
html.gm-stars-rift-redesign .home-pulse-movement-row > b small { color: var(--rift-portal-faint); font-family: var(--rift-ui); font-size: 11px; font-weight: 500; text-transform: uppercase; }
html.gm-stars-rift-redesign .home-pulse-stable { margin-top: 7px; }
html.gm-stars-rift-redesign .home-pulse-stable > b { color: var(--rift-portal-cyan); font-size: 20px; }

html.gm-stars-rift-redesign .home-pulse-duel-stage { display: grid; grid-template-columns: minmax(0, 1fr) 76px minmax(0, 1fr); align-items: center; gap: 6px; margin-top: 12px; padding: 15px 9px; border: 1px solid rgba(98, 207, 223, .14); border-radius: 14px; background: radial-gradient(circle at 50% 50%, rgba(232, 161, 31, .065), transparent 45%), #0c1117; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > a { min-width: 0; text-align: center; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > a:last-child .home-pulse-duel-avatar { border-color: rgba(232, 161, 31, .42); }
html.gm-stars-rift-redesign .home-pulse-duel-stage > a strong { display: block; margin-top: 7px; overflow: hidden; color: var(--rift-portal-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > a small { display: block; margin-top: 2px; color: var(--rift-portal-faint); font-size: 11px; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > div { text-align: center; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > div > span { display: block; color: var(--rift-portal-gold); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > div > b { display: block; margin-top: 5px; color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 21px; font-weight: 400; line-height: 1; }
html.gm-stars-rift-redesign .home-pulse-duel-stage > div > small { display: block; margin-top: 4px; color: var(--rift-portal-cyan); font-size: 11px; line-height: 1.2; }

@media (max-width: 1120px) {
    html.gm-stars-rift-redesign .home-featured-head { grid-template-columns: 70px minmax(210px, 1fr) minmax(195px, auto) auto; gap: 11px; }
    html.gm-stars-rift-redesign .home-featured-avatar { width: 70px; height: 70px; border-radius: 15px; }
    html.gm-stars-rift-redesign .home-featured-rank { min-width: 195px; }
    html.gm-stars-rift-redesign .home-featured-metric { padding-inline: 12px; }
    html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-sparkline,
    html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-form-strip,
    html.gm-stars-rift-redesign .home-featured-progress { width: 62px; flex-basis: 62px; }
    html.gm-stars-rift-redesign .home-pulse-leader { grid-template-columns: 54px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .home-pulse-leader-avatar { width: 54px; height: 54px; border-radius: 14px; }
    html.gm-stars-rift-redesign .home-pulse-leader > b { grid-column: 1 / -1; grid-template-columns: auto auto; align-items: baseline; justify-content: start; gap: 7px; text-align: left; }
    html.gm-stars-rift-redesign .home-pulse-chaser { grid-template-columns: 27px 32px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .home-pulse-chaser-avatar { width: 32px; height: 32px; }
    html.gm-stars-rift-redesign .home-pulse-chaser > strong { grid-column: 3; margin-top: -9px; }
}

@media (max-width: 920px) {
    html.gm-stars-rift-redesign .home-featured-head { grid-template-columns: 70px minmax(0, 1fr) auto; }
    html.gm-stars-rift-redesign .home-featured-rank { grid-column: 3; grid-row: 1; }
    html.gm-stars-rift-redesign .home-featured-open { grid-column: 1 / -1; min-height: 40px; }
    html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-sparkline,
    html.gm-stars-rift-redesign .home-featured-metric .oprift-metric-form-strip,
    html.gm-stars-rift-redesign .home-featured-progress { display: none; }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign .home-featured-profile { gap: 11px; min-height: 0; padding: 13px; border-radius: 15px; }
    html.gm-stars-rift-redesign .home-featured-profile::before {
        background: linear-gradient(90deg, rgba(13, 18, 24, .97), rgba(13, 18, 24, .81)), linear-gradient(0deg, #12171d 0%, transparent 60%);
    }
    html.gm-stars-rift-redesign .home-featured-splash { inset: 0 0 48% 27%; width: 73%; height: 52%; object-position: 58% 30%; opacity: .55; }
    html.gm-stars-rift-redesign .home-featured-head { grid-template-columns: 64px minmax(0, 1fr); gap: 11px; }
    html.gm-stars-rift-redesign .home-featured-avatar { width: 64px; height: 64px; border-radius: 14px; }
    html.gm-stars-rift-redesign .home-featured-identity h1 { margin-top: 6px; font-size: clamp(27px, 8.5vw, 35px); }
    html.gm-stars-rift-redesign .home-featured-identity h1 small { font-size: 11px; }
    html.gm-stars-rift-redesign .home-featured-identity p { font-size: 11px; }
    html.gm-stars-rift-redesign .home-featured-rank {
        grid-column: 1 / -1;
        grid-row: auto;
        grid-template-columns: 48px minmax(0, 1fr);
        min-width: 0;
        min-height: 58px;
        padding: 5px 9px;
    }
    html.gm-stars-rift-redesign .home-featured-rank .oprift-rank-art { width: 48px; height: 48px; }
    html.gm-stars-rift-redesign .home-featured-open { grid-column: 1 / -1; min-height: 42px; }
    html.gm-stars-rift-redesign .home-featured-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .home-featured-metric { min-height: 73px; padding: 10px 12px; }
    html.gm-stars-rift-redesign .home-featured-metric:nth-child(2) { border-right: 0; }
    html.gm-stars-rift-redesign .home-featured-metric:nth-child(-n+2) { border-bottom: 1px solid rgba(227, 230, 237, .08); }
    html.gm-stars-rift-redesign .home-featured-metric strong { font-size: 23px; }
    html.gm-stars-rift-redesign .home-featured-footer { align-items: stretch; flex-direction: column; gap: 8px; }
    html.gm-stars-rift-redesign .home-featured-footer button { justify-content: center; }
    html.gm-stars-rift-redesign .home-featured-footer > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    html.gm-stars-rift-redesign .home-featured-footer > div span { justify-content: center; padding-inline: 5px; text-align: center; }
    html.gm-stars-rift-redesign .home-featured-empty { grid-template-columns: 64px minmax(0, 1fr); min-height: 275px; padding: 13px; }
    html.gm-stars-rift-redesign .home-featured-empty-avatar { width: 64px; height: 64px; border-radius: 14px; }
    html.gm-stars-rift-redesign .home-featured-empty button { grid-column: 1 / -1; justify-content: center; min-height: 42px; }
    html.gm-stars-rift-redesign .home-pulse-body { padding-inline: 8px; }
    html.gm-stars-rift-redesign .home-pulse-leader { grid-template-columns: 62px minmax(0, 1fr) auto; }
    html.gm-stars-rift-redesign .home-pulse-leader-avatar { width: 62px; height: 62px; }
    html.gm-stars-rift-redesign .home-pulse-leader > b { grid-column: auto; display: grid; grid-template-columns: 1fr; text-align: right; }
    html.gm-stars-rift-redesign .home-pulse-chaser { grid-template-columns: 30px 34px minmax(0, 1fr) auto; }
    html.gm-stars-rift-redesign .home-pulse-chaser-avatar { width: 34px; height: 34px; }
    html.gm-stars-rift-redesign .home-pulse-chaser > strong { grid-column: auto; margin-top: 0; }
}

@media (max-width: 470px) {
    html.gm-stars-rift-redesign .home-featured-profile { padding: 11px; }
    html.gm-stars-rift-redesign .home-featured-head { grid-template-columns: 58px minmax(0, 1fr); gap: 9px; }
    html.gm-stars-rift-redesign .home-featured-avatar { width: 58px; height: 58px; border-radius: 12px; }
    html.gm-stars-rift-redesign .home-featured-identity > span { font-size: 11px; letter-spacing: .075em; }
    html.gm-stars-rift-redesign .home-featured-identity h1 { font-size: clamp(24px, 8vw, 30px); }
    html.gm-stars-rift-redesign .home-featured-identity p { display: flex; flex-wrap: wrap; overflow: visible; white-space: normal; }
    html.gm-stars-rift-redesign .home-featured-rank strong { font-size: 13px; }
    html.gm-stars-rift-redesign .home-featured-metric { min-height: 70px; padding: 9px 10px; }
    html.gm-stars-rift-redesign .home-featured-metric strong { font-size: 21px; }
    html.gm-stars-rift-redesign .home-featured-footer > div span { min-height: 36px; flex-direction: column; gap: 0; font-size: 11px; line-height: 1.15; }
    html.gm-stars-rift-redesign .home-featured-champion { grid-template-columns: 26px 42px minmax(0, 1fr) auto; gap: 7px; padding-inline: 8px; }
    html.gm-stars-rift-redesign .home-featured-champion-icon { width: 42px; height: 42px; }
    html.gm-stars-rift-redesign .home-pulse-head { flex-direction: column; }
    html.gm-stars-rift-redesign .home-pulse-leader { grid-template-columns: 54px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .home-pulse-leader-avatar { width: 54px; height: 54px; }
    html.gm-stars-rift-redesign .home-pulse-leader > b { grid-column: 1 / -1; grid-template-columns: auto auto; justify-content: start; gap: 7px; text-align: left; }
    html.gm-stars-rift-redesign .home-pulse-chaser { grid-template-columns: 28px 32px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .home-pulse-chaser-avatar { width: 32px; height: 32px; }
    html.gm-stars-rift-redesign .home-pulse-chaser > strong { grid-column: 3; margin-top: -8px; }
    html.gm-stars-rift-redesign .home-pulse-cutoff { align-items: flex-start; flex-direction: column; }
    html.gm-stars-rift-redesign .home-pulse-duel-stage { grid-template-columns: minmax(0, 1fr) 68px minmax(0, 1fr); padding-inline: 6px; }
    html.gm-stars-rift-redesign .home-pulse-duel-avatar { width: 48px; height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign .home-featured-open,
    html.gm-stars-rift-redesign .home-featured-footer button,
    html.gm-stars-rift-redesign .home-featured-empty button { transition: none; }
}

/* ==========================================================================
   Builds index — champion-first discovery, aligned with the approved profile
   ========================================================================== */

html.gm-stars-rift-redesign .builds-index-page {
    --builds-index-accent: var(--rift-portal-gold);
    min-width: 0;
    max-width: 100%;
    color: var(--rift-portal-text);
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero,
html.gm-stars-rift-redesign .builds-index-page .builds-catalog-panel,
html.gm-stars-rift-redesign .builds-index-page .builds-section-head,
html.gm-stars-rift-redesign .builds-index-page .builds-toolbar,
html.gm-stars-rift-redesign .builds-index-page .builds-lanes {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(300px, .78fr);
    min-height: 310px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 12% 112%, rgba(232, 161, 31, .11), transparent 26rem),
        radial-gradient(circle at 74% -20%, rgba(98, 207, 223, .085), transparent 28rem),
        linear-gradient(135deg, #141920 0%, #11161c 58%, #0d1116 100%);
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .24;
    background-image:
        linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(90deg, #000, transparent 66%);
    pointer-events: none;
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero::after {
    width: 43%;
    height: 3px;
    border-radius: 0 3px 0 0;
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy {
    min-width: 0;
    align-self: center;
    padding: 38px 30px 34px 46px;
}

html.gm-stars-rift-redesign .builds-index-page .builds-kicker {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero h1 {
    max-width: 700px;
    margin-top: 12px;
    font-size: clamp(48px, 5vw, 68px);
    line-height: .94;
}

html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy > p {
    max-width: 690px;
    margin-top: 17px;
    color: #a8afb9;
    font-family: var(--rift-ui);
    font-size: 14px;
    line-height: 1.58;
}

html.gm-stars-rift-redesign .builds-hero-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 24px;
}

html.gm-stars-rift-redesign .builds-hero-facts > span {
    min-width: 112px;
    box-sizing: border-box;
    display: grid;
    gap: 4px;
    padding: 0 19px;
    border-left: 1px solid rgba(227, 230, 237, .11);
}

html.gm-stars-rift-redesign .builds-hero-facts > span:first-child {
    padding-left: 0;
    border-left: 0;
}

html.gm-stars-rift-redesign .builds-hero-facts b {
    color: var(--rift-portal-text);
    font-family: var(--rift-brand);
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
}

html.gm-stars-rift-redesign .builds-hero-facts small {
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .055em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign .builds-patch-radar {
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: 278px;
    margin: 15px;
}

html.gm-stars-rift-redesign .builds-featured-guide {
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: 278px;
    margin: 15px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    border: 1px solid rgba(227, 230, 237, .13);
    border-radius: 17px;
    background: #0d1116;
    color: var(--rift-portal-text);
    text-decoration: none;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .03);
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

html.gm-stars-rift-redesign .builds-patch-radar .builds-featured-guide {
    height: 100%;
    margin: 0;
}

html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"]) {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(227, 230, 237, .14);
    border-radius: 17px;
    background: #0b0f14;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .03);
}

html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"])::after {
    content: "";
    position: absolute;
    z-index: 5;
    top: 45px;
    bottom: 14px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--rift-portal-cyan);
    box-shadow: 0 0 15px rgba(98, 207, 223, .42);
    pointer-events: none;
}

html.gm-stars-rift-redesign .builds-patch-radar[data-change-type="buff"]::after {
    background: #4ed49a;
    box-shadow: 0 0 15px rgba(78, 212, 154, .42);
}

html.gm-stars-rift-redesign .builds-patch-radar[data-change-type="nerf"]::after {
    background: #ff6978;
    box-shadow: 0 0 15px rgba(255, 105, 120, .4);
}

html.gm-stars-rift-redesign .builds-patch-radar[data-change-type="adjustment"]::after {
    background: var(--rift-portal-gold);
    box-shadow: 0 0 15px rgba(232, 161, 31, .42);
}

html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"]) .builds-featured-guide {
    min-height: 278px;
    padding-bottom: 70px;
    border: 0;
    border-radius: 16px;
    box-shadow: none;
}

html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"]) .builds-featured-guide:hover {
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

html.gm-stars-rift-redesign .builds-featured-guide::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(7, 10, 14, .13) 0%, rgba(8, 11, 15, .54) 42%, #0b0f14 88%),
        linear-gradient(105deg, rgba(8, 11, 15, .5), transparent 60%);
    pointer-events: none;
}

html.gm-stars-rift-redesign .builds-featured-guide::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -42px;
    bottom: -65px;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(98, 207, 223, .12);
    border-radius: 50%;
    pointer-events: none;
}

html.gm-stars-rift-redesign .builds-featured-guide:hover {
    border-color: rgba(232, 161, 31, .43);
    box-shadow: 0 22px 46px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04);
    transform: translateY(-2px);
}

html.gm-stars-rift-redesign .builds-featured-guide:focus-visible {
    outline: 0;
    box-shadow: inset 0 0 0 2px var(--rift-portal-cyan) !important;
}

html.gm-stars-rift-redesign .builds-featured-splash {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 28%;
    opacity: .7;
    filter: saturate(.88) contrast(1.09) brightness(.82);
    transition: transform 420ms ease, filter 180ms ease;
}

html.gm-stars-rift-redesign .builds-featured-guide:hover .builds-featured-splash {
    filter: saturate(1) contrast(1.1) brightness(.88);
    transform: scale(1.025);
}

html.gm-stars-rift-redesign .builds-featured-label {
    position: absolute;
    top: 17px;
    left: 17px;
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(227, 230, 237, .13);
    border-radius: 999px;
    background: rgba(7, 10, 14, .69);
    color: #e2e5ea;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .075em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

html.gm-stars-rift-redesign .builds-featured-label i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--rift-portal-gold);
    box-shadow: 0 0 10px rgba(232, 161, 31, .65);
}

html.gm-stars-rift-redesign .builds-featured-label b {
    color: var(--rift-portal-cyan);
    font: inherit;
}

html.gm-stars-rift-redesign .builds-patch-badge {
    position: absolute;
    top: 17px;
    right: 17px;
    min-height: 30px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(98, 207, 223, .32);
    border-radius: 999px;
    background: rgba(7, 10, 14, .76);
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

html.gm-stars-rift-redesign .builds-patch-badge[hidden],
html.gm-stars-rift-redesign .builds-patch-footer[hidden],
html.gm-stars-rift-redesign [data-builds-featured-modules][hidden] {
    display: none !important;
}

html.gm-stars-rift-redesign .builds-patch-badge i {
    font-family: var(--rift-ui);
    font-size: 15px;
    font-style: normal;
    line-height: 1;
}

html.gm-stars-rift-redesign .builds-patch-radar[data-change-type="buff"] .builds-patch-badge {
    border-color: rgba(78, 212, 154, .38);
    color: #70e6ae;
}

html.gm-stars-rift-redesign .builds-patch-radar[data-change-type="nerf"] .builds-patch-badge {
    border-color: rgba(255, 105, 120, .4);
    color: #ff8490;
}

html.gm-stars-rift-redesign .builds-patch-radar[data-change-type="adjustment"] .builds-patch-badge {
    border-color: rgba(232, 161, 31, .42);
    color: #f1b94e;
}

html.gm-stars-rift-redesign .builds-featured-identity {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
}

html.gm-stars-rift-redesign .builds-featured-icon {
    position: relative;
    display: grid;
    width: 66px;
    height: 66px;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(232, 161, 31, .54);
    border-radius: 15px;
    background: #0a0e13;
    color: var(--rift-portal-gold);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .34);
}

html.gm-stars-rift-redesign .builds-featured-icon img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.gm-stars-rift-redesign .builds-featured-icon span { font-family: var(--rift-brand); font-size: 24px; }
html.gm-stars-rift-redesign .builds-featured-identity > span { display: grid; min-width: 0; gap: 3px; }
html.gm-stars-rift-redesign .builds-featured-identity strong {
    overflow: hidden;
    font-family: var(--rift-brand);
    font-size: 29px;
    font-weight: 400;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .builds-featured-identity small,
html.gm-stars-rift-redesign .builds-featured-identity em {
    overflow: hidden;
    color: #c1c6ce;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-style: normal;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .builds-featured-identity em { color: var(--rift-portal-cyan); font-weight: 700; text-transform: uppercase; }
html.gm-stars-rift-redesign .builds-patch-summary {
    min-height: 32px;
    margin: 10px 0 0;
    color: #c7ccd4;
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.45;
}
html.gm-stars-rift-redesign .builds-featured-modules { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 14px; }
html.gm-stars-rift-redesign .builds-featured-modules span {
    min-height: 25px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(227, 230, 237, .13);
    border-radius: 999px;
    background: rgba(7, 10, 14, .62);
    color: #b6bdc7;
    font-family: var(--rift-ui);
    font-size: 11px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

html.gm-stars-rift-redesign .builds-featured-cta {
    min-height: 34px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(227, 230, 237, .11);
    color: #f0f2f5;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 750;
}

html.gm-stars-rift-redesign .builds-featured-cta b { overflow: hidden; font: inherit; text-overflow: ellipsis; white-space: nowrap; }
html.gm-stars-rift-redesign .builds-featured-cta i { color: var(--rift-portal-gold); font-size: 18px; font-style: normal; transition: transform 180ms ease; }
html.gm-stars-rift-redesign .builds-featured-guide:hover .builds-featured-cta i { transform: translateX(3px); }

html.gm-stars-rift-redesign .builds-patch-footer {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 54px;
    padding: 12px 9px 8px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid rgba(227, 230, 237, .08);
    background: linear-gradient(180deg, rgba(8, 11, 15, .18), rgba(8, 11, 15, .9) 42%, rgba(8, 11, 15, .97));
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

html.gm-stars-rift-redesign .builds-patch-footer > a {
    overflow: hidden;
    color: #aeb5c0;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .builds-patch-footer > a:hover { color: var(--rift-portal-cyan); }
html.gm-stars-rift-redesign .builds-patch-footer > a:focus-visible,
html.gm-stars-rift-redesign .builds-patch-controls button:focus-visible {
    outline: 2px solid var(--rift-portal-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .builds-patch-controls {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
}

html.gm-stars-rift-redesign .builds-patch-controls > span {
    min-width: 49px;
    color: #dfe3e9;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    letter-spacing: .06em;
    text-align: center;
}

html.gm-stars-rift-redesign .builds-patch-controls button {
    width: 34px;
    height: 34px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(227, 230, 237, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .025);
    color: #dfe3e9;
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

html.gm-stars-rift-redesign .builds-patch-controls button:hover {
    border-color: rgba(232, 161, 31, .45);
    background: rgba(232, 161, 31, .09);
    color: var(--rift-portal-gold);
}

html.gm-stars-rift-redesign .builds-patch-controls button:disabled {
    cursor: default;
    opacity: .56;
}

html.gm-stars-rift-redesign .builds-patch-controls svg {
    width: 15px;
    height: 15px;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

html.gm-stars-rift-redesign .builds-patch-controls .play-icon { display: none; fill: currentColor; stroke: none; }
html.gm-stars-rift-redesign .builds-patch-controls button[data-paused="true"] .pause-icon { display: none; }
html.gm-stars-rift-redesign .builds-patch-controls button[data-paused="true"] .play-icon { display: block; }

html.gm-stars-rift-redesign .builds-index-page .builds-catalog-panel {
    margin-top: 18px;
    overflow: visible;
    border-radius: 18px;
    background: #10141a;
}

html.gm-stars-rift-redesign .builds-index-page .builds-section-head {
    min-height: 92px;
    padding: 17px 21px;
    gap: 20px;
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .045), transparent 42%),
        #181e26;
    border-radius: 17px 17px 0 0;
}

html.gm-stars-rift-redesign .builds-index-page .builds-section-head > div { min-width: 0; }
html.gm-stars-rift-redesign .builds-index-page .builds-section-head div > span { font-size: 11px; font-weight: 800; letter-spacing: .13em; }
html.gm-stars-rift-redesign .builds-index-page .builds-section-head h2 { margin-top: 5px; font-size: 27px; line-height: 1; }
html.gm-stars-rift-redesign .builds-index-page .builds-section-head p {
    margin-top: 7px;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.35;
}

html.gm-stars-rift-redesign .builds-index-page .builds-section-meta > b {
    flex: 0 0 auto;
    padding: 8px 12px;
    border-radius: 999px;
    color: #cfd4dc;
    font-family: var(--rift-ui);
    font-size: 11px;
    letter-spacing: .06em;
}

html.gm-stars-rift-redesign .builds-section-meta {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

html.gm-stars-rift-redesign .builds-cache-health {
    min-height: 34px;
    padding: 6px 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(98, 207, 223, .18);
    border-radius: 999px;
    background: rgba(98, 207, 223, .055);
    color: #9bbbc1;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign .builds-cache-health[hidden] { display: none; }
html.gm-stars-rift-redesign .builds-cache-health > i {
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: var(--rift-portal-cyan);
    box-shadow: 0 0 8px rgba(98, 207, 223, .42);
}

html.gm-stars-rift-redesign .builds-cache-health.is-warning {
    border-color: rgba(232, 161, 31, .24);
    background: rgba(232, 161, 31, .07);
    color: #c9aa70;
}

html.gm-stars-rift-redesign .builds-cache-health.is-warning > i {
    background: var(--rift-portal-gold);
    box-shadow: 0 0 8px rgba(232, 161, 31, .42);
}

html.gm-stars-rift-redesign .builds-index-page .builds-toolbar {
    z-index: 8;
    position: static;
    min-height: 72px;
    padding: 11px 18px;
    display: grid;
    grid-template-columns: minmax(240px, .78fr) minmax(0, 1.22fr);
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: rgba(15, 19, 24, .94);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .17);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

html.gm-stars-rift-redesign .builds-index-page .builds-search {
    position: relative;
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 40px;
    align-items: center;
    gap: 9px;
    padding: 0 8px 0 14px;
    border-radius: 14px;
    background: #0a0e13;
}

html.gm-stars-rift-redesign .builds-index-page .builds-search > svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: #6f7885;
    stroke-linecap: round;
    stroke-width: 1.8;
}

html.gm-stars-rift-redesign .builds-index-page .builds-search input {
    min-width: 0;
    height: 46px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--rift-portal-text);
    font-family: var(--rift-ui);
    font-size: 14px;
}

html.gm-stars-rift-redesign .builds-index-page .builds-search input:focus,
html.gm-stars-rift-redesign .builds-index-page .builds-search input:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

html.gm-stars-rift-redesign .builds-index-page .builds-search:focus-within {
    border-color: rgba(232, 161, 31, .68);
    border-radius: 14px;
    box-shadow: 0 0 0 3px rgba(232, 161, 31, .085), inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign .builds-index-page .builds-search input::placeholder { color: #737b87; }
html.gm-stars-rift-redesign .builds-index-page .builds-search > button {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: rgba(227, 230, 237, .07);
    color: #a6adb8;
    font-family: var(--rift-ui);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

html.gm-stars-rift-redesign .builds-index-page .builds-search > button[hidden] { display: none; }
html.gm-stars-rift-redesign .builds-index-page .builds-search > button:hover { background: rgba(227, 230, 237, .12); color: #fff; }
html.gm-stars-rift-redesign .builds-index-page .builds-search:focus-within > svg { stroke: var(--rift-portal-gold); }

html.gm-stars-rift-redesign .builds-index-page .builds-lanes {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 5px;
}

html.gm-stars-rift-redesign .builds-index-page .builds-lanes button {
    min-width: 0;
    min-height: 46px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 12px;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .02em;
    text-transform: none;
}

html.gm-stars-rift-redesign .builds-index-page .builds-lanes button small {
    min-width: 21px;
    height: 20px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(227, 230, 237, .065);
    color: #a1a8b3;
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
}

html.gm-stars-rift-redesign .builds-index-page .builds-lanes button:hover {
    border-color: rgba(227, 230, 237, .13);
    border-radius: 12px;
    background: #1a2028;
}

html.gm-stars-rift-redesign .builds-index-page .builds-lanes button.active {
    border-color: rgba(232, 161, 31, .32);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(232, 161, 31, .14), rgba(232, 161, 31, .07));
    color: var(--rift-portal-gold);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign .builds-index-page .builds-lanes button.active small {
    background: rgba(232, 161, 31, .12);
    color: #efb84d;
}

html.gm-stars-rift-redesign .builds-index-page .builds-lanes button:focus-visible,
html.gm-stars-rift-redesign .builds-index-page .builds-search > button:focus-visible,
html.gm-stars-rift-redesign .builds-catalog-context button:focus-visible,
html.gm-stars-rift-redesign .builds-catalog-empty button:focus-visible {
    outline: 2px solid var(--rift-portal-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .builds-catalog-context {
    min-height: 42px;
    padding: 8px 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--rift-portal-border-soft);
    background: #12171d;
    color: #808995;
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign .builds-catalog-context > span::before {
    content: "";
    width: 5px;
    height: 5px;
    margin-right: 8px;
    display: inline-block;
    border-radius: 50%;
    background: var(--rift-portal-cyan);
    box-shadow: 0 0 8px rgba(98, 207, 223, .4);
    vertical-align: 1px;
}

html.gm-stars-rift-redesign .builds-catalog-context button {
    min-height: 40px;
    padding: 5px 0;
    border: 0;
    background: transparent;
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
}

html.gm-stars-rift-redesign .builds-catalog-context button[hidden] { display: none; }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: 108px;
    gap: 9px;
    padding: 14px;
    background:
        linear-gradient(180deg, rgba(98, 207, 223, .018), transparent 18rem),
        #0d1116;
    border-radius: 0 0 17px 17px;
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-grid.is-empty { display: none; }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card {
    --builds-card-accent: #9ca5b2;
    --builds-card-glow: rgba(156, 165, 178, .18);
    grid-template-columns: 60px minmax(0, 1fr) 30px;
    min-width: 0;
    min-height: 108px;
    height: 100%;
    gap: 12px;
    padding: 12px 11px 12px 12px;
    overflow: hidden;
    border: 1px solid rgba(227, 230, 237, .09);
    border-radius: 15px;
    background:
        radial-gradient(circle at 8% 108%, var(--builds-card-glow), transparent 5.5rem),
        linear-gradient(145deg, #171d24, #13181f);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
    transition: border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-card[data-primary-lane="top"] { --builds-card-accent: #e8a11f; --builds-card-glow: rgba(232, 161, 31, .13); }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card[data-primary-lane="jungle"] { --builds-card-accent: #6fce9c; --builds-card-glow: rgba(111, 206, 156, .12); }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card[data-primary-lane="mid"] { --builds-card-accent: #62cfdf; --builds-card-glow: rgba(98, 207, 223, .12); }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card[data-primary-lane="ad"] { --builds-card-accent: #d58be4; --builds-card-glow: rgba(213, 139, 228, .115); }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card[data-primary-lane="support"] { --builds-card-accent: #81a9ec; --builds-card-glow: rgba(129, 169, 236, .12); }

html.gm-stars-rift-redesign .builds-index-page .builds-champion-card::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 2px;
    border-radius: 0 2px 2px 0;
    background: var(--builds-card-accent);
    opacity: .55;
    transform: scaleY(.35);
    transition: opacity 170ms ease, transform 170ms ease;
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-card::after { display: none; }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card:hover {
    border-color: var(--builds-card-glow);
    background-color: #192029;
    box-shadow: 0 13px 27px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .025);
    transform: translateY(-2px);
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-card:hover::before { opacity: 1; transform: scaleY(1); }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card:focus-visible {
    outline: 2px solid var(--builds-card-accent);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-icon {
    width: 60px;
    height: 60px;
    border-color: var(--builds-card-glow);
    border-radius: 14px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .24);
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-icon img { object-fit: cover; }
html.gm-stars-rift-redesign .builds-champion-copy { width: 100%; min-width: 0; display: grid; align-content: center; }
html.gm-stars-rift-redesign .builds-index-page .builds-champion-card strong {
    overflow: hidden;
    color: #f1f3f6;
    font-family: var(--rift-ui);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .builds-index-page .builds-champion-title {
    display: block;
    overflow: hidden;
    margin-top: 4px;
    color: #8e97a3;
    font-family: var(--rift-ui);
    font-size: 11px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign .builds-champion-lanes { display: flex; min-width: 0; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
html.gm-stars-rift-redesign .builds-champion-lanes i {
    min-height: 21px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(227, 230, 237, .09);
    border-radius: 999px;
    background: rgba(8, 12, 16, .52);
    color: #89929e;
    font-family: var(--rift-ui);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
}

html.gm-stars-rift-redesign .builds-champion-lanes i:first-child { border-color: var(--builds-card-glow); color: var(--builds-card-accent); }
html.gm-stars-rift-redesign .builds-champion-open {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(227, 230, 237, .1);
    border-radius: 9px;
    background: rgba(8, 12, 16, .48);
    color: transparent;
    font-size: 0;
    transition: border-color 170ms ease, background 170ms ease, transform 170ms ease;
}

html.gm-stars-rift-redesign .builds-champion-open svg {
    width: 15px;
    height: 15px;
    display: block;
    overflow: visible;
    fill: none;
    stroke: #7f8995;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6;
    transform: translateX(-1px);
}
html.gm-stars-rift-redesign .builds-champion-card:hover .builds-champion-open { border-color: var(--builds-card-glow); background: var(--builds-card-glow); transform: translateX(2px); }
html.gm-stars-rift-redesign .builds-champion-card:hover .builds-champion-open svg { stroke: var(--builds-card-accent); }

html.gm-stars-rift-redesign .builds-catalog-empty {
    min-height: 330px;
    padding: 42px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background:
        radial-gradient(circle at 50% 35%, rgba(98, 207, 223, .07), transparent 12rem),
        #0d1116;
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    text-align: center;
    border-radius: 0 0 17px 17px;
}

html.gm-stars-rift-redesign .builds-catalog-empty[hidden] { display: none; }
html.gm-stars-rift-redesign .builds-catalog-empty > span { color: var(--rift-portal-cyan); font-size: 34px; }
html.gm-stars-rift-redesign .builds-catalog-empty strong { color: var(--rift-portal-text); font-family: var(--rift-brand); font-size: 23px; font-weight: 400; }
html.gm-stars-rift-redesign .builds-catalog-empty p { max-width: 420px; margin: 0; font-size: 12px; line-height: 1.45; }
html.gm-stars-rift-redesign .builds-catalog-empty button {
    min-height: 40px;
    margin-top: 8px;
    padding: 0 14px;
    border: 1px solid rgba(232, 161, 31, .34);
    border-radius: 11px;
    background: rgba(232, 161, 31, .08);
    color: var(--rift-portal-gold);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
}

html.gm-stars-rift-redesign .builds-catalog-empty button:hover { border-color: rgba(232, 161, 31, .62); background: rgba(232, 161, 31, .13); }

@media (max-width: 1040px) {
    html.gm-stars-rift-redesign .builds-index-page .builds-hero { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy { padding-left: 34px; }
    html.gm-stars-rift-redesign .builds-hero-facts > span { min-width: 98px; padding-inline: 13px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-toolbar { grid-template-columns: minmax(225px, .66fr) minmax(0, 1.34fr); }
    html.gm-stars-rift-redesign .builds-index-page .builds-lanes button { padding-inline: 5px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-lanes button small { display: none; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}

@media (min-width: 769px) {
    html.gm-stars-rift-redesign .builds-index-page .builds-toolbar {
        position: sticky;
        top: 63px;
    }
}

@media (max-width: 780px) {
    html.gm-stars-rift-redesign .builds-index-page .builds-hero { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy { padding: 31px 20px 29px 27px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero h1 { font-size: clamp(43px, 7vw, 58px); }
    html.gm-stars-rift-redesign .builds-hero-facts > span:nth-child(2) { display: none; }
    html.gm-stars-rift-redesign .builds-patch-radar { min-height: 265px; margin: 12px; }
    html.gm-stars-rift-redesign .builds-patch-radar .builds-featured-guide { min-height: 265px; padding: 16px; }
    html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"]) .builds-featured-guide { min-height: 265px; padding-bottom: 70px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-toolbar { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .builds-index-page .builds-lanes { width: 100%; overflow-x: auto; grid-template-columns: repeat(6, minmax(96px, 1fr)); padding-bottom: 2px; scrollbar-width: thin; }
    html.gm-stars-rift-redesign .builds-index-page .builds-lanes button small { display: inline-flex; }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign .builds-index-page .builds-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        border-radius: 17px;
    }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy { padding: 28px 22px 20px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero h1 { font-size: clamp(42px, 12vw, 54px); }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy > p { margin-top: 13px; font-size: 13px; }
    html.gm-stars-rift-redesign .builds-hero-facts { margin-top: 18px; }
    html.gm-stars-rift-redesign .builds-hero-facts > span { min-width: 0; flex: 1 1 50%; padding-inline: 14px; }
    html.gm-stars-rift-redesign .builds-hero-facts > span:nth-child(2) { display: grid; }
    html.gm-stars-rift-redesign .builds-hero-facts > span:nth-child(3) { display: none; }
    html.gm-stars-rift-redesign .builds-patch-radar { min-height: 278px; margin: 0 12px 12px; }
    html.gm-stars-rift-redesign .builds-patch-radar .builds-featured-guide { min-height: 278px; padding: 17px; border-radius: 15px; }
    html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"]) .builds-featured-guide { min-height: 278px; padding-bottom: 70px; border-radius: 14px; }
    html.gm-stars-rift-redesign .builds-featured-label { top: 13px; left: 13px; }
    html.gm-stars-rift-redesign .builds-featured-identity { grid-template-columns: 62px minmax(0, 1fr); }
    html.gm-stars-rift-redesign .builds-featured-icon { width: 62px; height: 62px; border-radius: 14px; }
    html.gm-stars-rift-redesign .builds-featured-identity strong { font-size: 25px; }
    html.gm-stars-rift-redesign .builds-featured-modules { margin-top: 10px; }
    html.gm-stars-rift-redesign .builds-featured-cta { margin-top: 8px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-catalog-panel { border-radius: 16px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-section-head { min-height: 0; padding: 17px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-section-head h2 { font-size: 23px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-section-meta > b { padding-inline: 10px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-toolbar { min-height: 0; padding: 11px 12px; gap: 10px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-search { width: 100%; min-height: 46px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-search input { font-size: 16px; }
    html.gm-stars-rift-redesign .builds-catalog-context { padding-inline: 14px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 94px; gap: 8px; padding: 10px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-card {
        grid-template-columns: 52px minmax(0, 1fr);
        min-height: 94px;
        gap: 9px;
        padding: 10px;
        justify-items: stretch;
        text-align: left;
    }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-icon { width: 52px; height: 52px; border-radius: 12px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-card strong { font-size: 14px; text-align: left; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-title { display: none; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-lanes { gap: 2px; margin-top: 6px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-lanes i { min-height: 21px; padding-inline: 5px; font-size: 11px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-lanes i[data-lane] {
        padding-inline: 4px;
        font-size: 10px;
        letter-spacing: .02em;
        text-transform: uppercase;
        white-space: nowrap;
    }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-open { display: none; }
}

@media (max-width: 470px) {
    html.gm-stars-rift-redesign .builds-index-page .builds-hero-copy { padding-inline: 18px; }
    html.gm-stars-rift-redesign .builds-index-page .builds-kicker { letter-spacing: .12em; }
    html.gm-stars-rift-redesign .builds-index-page .builds-hero h1 { font-size: clamp(39px, 12vw, 48px); }
    html.gm-stars-rift-redesign .builds-hero-facts b { font-size: 19px; }
    html.gm-stars-rift-redesign .builds-hero-facts small { font-size: 11px; }
    html.gm-stars-rift-redesign .builds-featured-modules span:nth-child(4) { display: none; }
    html.gm-stars-rift-redesign .builds-index-page .builds-section-head { align-items: flex-start; flex-direction: column; gap: 11px; }
    html.gm-stars-rift-redesign .builds-section-meta { justify-content: flex-start; }
    html.gm-stars-rift-redesign .builds-catalog-context { align-items: flex-start; flex-direction: column; gap: 4px; }
}

@media (max-width: 380px) {
    html.gm-stars-rift-redesign .builds-patch-radar:is([data-state="loading"], [data-state="ready"], [data-state="unavailable"]) .builds-featured-label span { display: none; }
}

@media (max-width: 860px) {
    html.gm-stars-rift-redesign.gm-stars-builds-index .navbar-site-links {
        display: flex;
        min-height: 44px;
        order: 0;
    }
    html.gm-stars-rift-redesign.gm-stars-builds-index .navbar-site-links .navbar-section-link:first-child { display: none; }
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-builds-index .navbar-site-links .navbar-section-link { min-height: 38px; padding-inline: 10px; }
    html.gm-stars-rift-redesign.gm-stars-builds-index .search-box { min-height: 44px; font-size: 16px; }
    html.gm-stars-rift-redesign.gm-stars-builds-index .navbar-builds-link { min-height: 44px; }
}

@media (max-width: 350px) {
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-grid { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-title { display: block; }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign .builds-featured-guide,
    html.gm-stars-rift-redesign .builds-featured-splash,
    html.gm-stars-rift-redesign .builds-featured-cta i,
    html.gm-stars-rift-redesign .builds-patch-controls button,
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-card,
    html.gm-stars-rift-redesign .builds-index-page .builds-champion-card::before,
    html.gm-stars-rift-redesign .builds-champion-open { transition: none; }
}

/* Public online queue uses the same approved rounded visual language. */
html.gm-stars-rift-redesign .requested-riot-id {
    gap: 10px;
    padding: 10px 13px;
    border: 1px solid var(--rift-portal-border);
    border-radius: 12px;
    background: var(--rift-portal-surface);
    color: var(--rift-portal-text);
}
html.gm-stars-rift-redesign .requested-riot-id span,
html.gm-stars-rift-redesign .remote-lookup-queue small {
    color: var(--rift-portal-muted);
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.4;
}
html.gm-stars-rift-redesign .requested-riot-id strong {
    color: var(--rift-portal-cyan);
    font-family: var(--rift-ui);
    font-size: 16px;
}
html.gm-stars-rift-redesign .remote-lookup-queue { gap: 10px; }
html.gm-stars-rift-redesign .remote-lookup-queue > span {
    gap: 5px;
    padding: 11px 13px;
    border: 1px solid var(--rift-portal-border);
    border-radius: 12px;
    background: var(--rift-portal-surface);
}
html.gm-stars-rift-redesign .remote-lookup-queue strong {
    color: var(--rift-portal-text);
    font-family: var(--rift-ui);
    font-size: 15px;
    white-space: normal;
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign .requested-riot-id {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
    html.gm-stars-rift-redesign .remote-lookup-queue { grid-template-columns: 1fr; }
}

/* ===== Approved GM Stars unified theme: current-theme-galaxy ===== */
/*
 * GM Stars galaxy backdrop.
 * Four painted star maps plus one slowly composited atmosphere layer keep the
 * effect quiet behind the data-heavy UI and avoid a canvas/video render loop.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section body {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    background:
        radial-gradient(circle, rgba(255, 241, 189, .48) 0 1px, transparent 1.65px) 19px 31px / 151px 163px repeat,
        radial-gradient(circle, rgba(98, 207, 223, .40) 0 .9px, transparent 1.55px) 71px 103px / 229px 211px repeat,
        radial-gradient(circle, rgba(237, 238, 242, .34) 0 .8px, transparent 1.45px) 43px 67px / 127px 139px repeat,
        radial-gradient(circle, rgba(232, 161, 31, .32) 0 1.05px, transparent 1.75px) 127px 17px / 307px 281px repeat,
        radial-gradient(ellipse 72% 42% at 12% -4%, rgba(232, 161, 31, .055), transparent 68%) center / auto no-repeat,
        radial-gradient(ellipse 64% 46% at 92% 34%, rgba(98, 207, 223, .042), transparent 70%) center / auto no-repeat,
        linear-gradient(180deg, #090b0f 0%, #080d12 48%, #07090c 100%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section body::after {
    content: "";
    position: fixed;
    display: block;
    pointer-events: none;
}

/* A GM-gold / Rift-cyan galactic veil with only one slow moving layer. */
html.gm-stars-rift-redesign.gm-stars-rift-section body::after {
    z-index: -1;
    inset: -7vh -6vw;
    background:
        radial-gradient(circle at 10% 18%, rgba(255, 241, 189, .86) 0 1px, transparent 2px),
        radial-gradient(circle at 78% 13%, rgba(98, 207, 223, .72) 0 .9px, transparent 2px),
        radial-gradient(circle at 90% 68%, rgba(232, 161, 31, .72) 0 1px, transparent 2.1px),
        radial-gradient(circle at 28% 78%, rgba(237, 238, 242, .62) 0 .8px, transparent 1.9px),
        radial-gradient(ellipse 42% 30% at 12% 12%, rgba(232, 161, 31, .075), rgba(232, 161, 31, .018) 38%, transparent 72%),
        radial-gradient(ellipse 40% 34% at 88% 38%, rgba(98, 207, 223, .064), rgba(98, 207, 223, .015) 42%, transparent 74%),
        linear-gradient(116deg, transparent 0 43%, rgba(98, 207, 223, .012) 48%, rgba(232, 161, 31, .019) 52%, transparent 57%);
    background-repeat: no-repeat;
    opacity: .72;
    transform: translate3d(-.4%, -.25%, 0) scale(1.01);
    will-change: transform, opacity;
    animation: gm-stars-galaxy-drift 46s ease-in-out infinite alternate;
}

/*
 * Slightly translucent module shells let the static star maps register through
 * the interface. Content, controls and data remain fully opaque; no blur or
 * additional animated layer is introduced.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile {
    background:
        radial-gradient(circle at 82% 8%, rgba(98, 207, 223, .09), transparent 28rem),
        linear-gradient(122deg, rgba(232, 161, 31, .075), transparent 38%),
        rgba(18, 23, 29, .86);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile::before {
    background:
        linear-gradient(90deg, rgba(13, 18, 24, .91) 0%, rgba(13, 18, 24, .87) 48%, rgba(13, 18, 24, .63) 72%, rgba(13, 18, 24, .82) 100%),
        linear-gradient(0deg, rgba(18, 23, 29, .90) 0%, transparent 55%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel {
    background: rgba(15, 19, 25, .86);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-panel-head {
    background:
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .055), transparent 38%),
        rgba(26, 32, 41, .89);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero {
    background:
        radial-gradient(circle at 12% 112%, rgba(232, 161, 31, .11), transparent 26rem),
        radial-gradient(circle at 74% -20%, rgba(98, 207, 223, .085), transparent 28rem),
        linear-gradient(135deg, rgba(20, 25, 32, .89) 0%, rgba(17, 22, 28, .89) 58%, rgba(13, 17, 22, .89) 100%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-catalog-panel {
    background: rgba(16, 20, 26, .86);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-section-head {
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .045), transparent 42%),
        rgba(24, 30, 38, .89);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-toolbar {
    background: rgba(15, 19, 24, .89);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-catalog-context {
    background: rgba(18, 23, 29, .90);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-champion-grid {
    background:
        linear-gradient(180deg, rgba(98, 207, 223, .018), transparent 18rem),
        rgba(13, 17, 22, .86);
}

@keyframes gm-stars-galaxy-drift {
    from {
        opacity: .62;
        transform: translate3d(-.4%, -.25%, 0) scale(1.01);
    }
    to {
        opacity: .78;
        transform: translate3d(.55%, .4%, 0) scale(1.018);
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section body {
        background-size: 189px 203px, 281px 263px, 151px 163px, 367px 341px, auto, auto, auto;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section body::after {
        inset: -5vh -10vw;
        opacity: .62;
        animation: none;
        transform: none;
        will-change: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section body::after {
        animation: none;
        opacity: .68;
        transform: none;
        will-change: auto;
    }
}


/* ===== Approved GM Stars unified theme: current-theme-sections ===== */
/*
 * Visual unification pass for every existing Rift and Builds view.
 * Layout, markup, data, controls and interaction flows remain untouched.
 *
 * Subject: a competitive Wild Rift archive for fast rank/build scanning.
 * Signature: one restrained GM-gold -> Rift-cyan signal edge on primary modules.
 */

html.gm-stars-rift-redesign.gm-stars-rift-section {
    --gm-void: #070b10;
    --gm-ink: #0a1016;
    --gm-panel: rgba(15, 21, 28, .90);
    --gm-panel-solid: #0f151c;
    --gm-panel-raised: rgba(21, 29, 38, .94);
    --gm-panel-soft: rgba(9, 14, 20, .88);
    --gm-border: rgba(151, 184, 199, .18);
    --gm-border-soft: rgba(151, 184, 199, .105);
    --gm-gold: #e8a11f;
    --gm-gold-bright: #f3c65f;
    --gm-cyan: #62cfdf;
    --gm-cyan-bright: #a3ecf4;
    --gm-red: #ef6674;
    --gm-text: #f2f5f7;
    --gm-muted: #a8b0ba;
    --gm-faint: #717b87;
    --gm-shadow: 0 20px 54px rgba(0, 0, 0, .24);
    --gm-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .025);

    --rift-portal-canvas: var(--gm-void);
    --rift-portal-surface: var(--gm-panel-solid);
    --rift-portal-surface-raised: #151d26;
    --rift-portal-surface-soft: #0b1117;
    --rift-portal-border: rgba(151, 184, 199, .20);
    --rift-portal-border-soft: var(--gm-border-soft);
    --rift-portal-text: var(--gm-text);
    --rift-portal-muted: var(--gm-muted);
    --rift-portal-faint: var(--gm-faint);
    --rift-portal-gold: var(--gm-gold);
    --rift-portal-cyan: var(--gm-cyan);
}

html.gm-stars-rift-redesign.gm-stars-rift-section * {
    scrollbar-color: rgba(98, 207, 223, .30) rgba(7, 11, 16, .78);
}

html.gm-stars-rift-redesign.gm-stars-rift-section ::selection {
    background: rgba(98, 207, 223, .24);
    color: #fff;
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    button,
    a,
    input,
    [role="tab"]
):focus-visible {
    outline: 2px solid var(--gm-cyan);
    outline-offset: 3px;
}

/* Keep the fixed navigation crisp without a costly live blur. */
html.gm-stars-rift-redesign.gm-stars-rift-section .navbar {
    border-bottom-color: rgba(129, 181, 199, .16);
    background:
        radial-gradient(circle at 14% 0, rgba(232, 161, 31, .075), transparent 22rem),
        linear-gradient(90deg, rgba(8, 12, 17, .99), rgba(10, 15, 21, .985));
    box-shadow: 0 12px 36px rgba(0, 0, 0, .22);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-update,
    .oprift-profile-metrics > div,
    .build-detail-season,
    .home-featured-open,
    .home-featured-rank,
    .home-featured-counts span
) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Player search is treated as a compact command surface throughout the site. */
html.gm-stars-rift-redesign.gm-stars-rift-section .search-results {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid rgba(98, 207, 223, .20);
    border-radius: 12px;
    background:
        linear-gradient(120deg, rgba(232, 161, 31, .035), transparent 36%),
        rgba(9, 14, 20, .985);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .48), var(--gm-inner-highlight);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-head {
    border-bottom-color: var(--gm-border-soft);
    background: linear-gradient(90deg, rgba(98, 207, 223, .075), transparent 62%);
    color: var(--gm-cyan);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-result-item {
    border-bottom-color: var(--gm-border-soft);
    background: transparent;
    transition: background-color .16s ease, border-color .16s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-result-item:hover,
html.gm-stars-rift-redesign.gm-stars-rift-section .search-result-item:focus-visible {
    border-color: rgba(98, 207, 223, .28);
    background: rgba(98, 207, 223, .065);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .result-open {
    color: var(--gm-gold-bright);
}

/* The short bootstrap screen uses the same restrained dossier instead of flashing an old layout. */
html.gm-stars-rift-redesign.gm-stars-rift-section #welcomeScreen {
    min-height: min(590px, calc(100vh - 132px));
    min-height: min(590px, calc(100svh - 132px));
    min-height: min(590px, calc(100dvh - 132px));
    padding: clamp(52px, 8vh, 78px) clamp(24px, 6vw, 70px);
    border: 1px solid var(--gm-border);
    border-left: 3px solid var(--gm-gold);
    border-radius: 15px;
    background:
        linear-gradient(135deg, transparent 46%, rgba(98, 207, 223, .52) 47% 49%, transparent 50%) 100% 0 / 38px 38px no-repeat,
        radial-gradient(circle at 75% 16%, rgba(98, 207, 223, .075), transparent 24rem),
        linear-gradient(118deg, rgba(232, 161, 31, .055), transparent 36%),
        rgba(12, 18, 24, .92);
    box-shadow: var(--gm-shadow), var(--gm-inner-highlight);
    animation: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section #welcomeScreen .gm-welcome-logo {
    width: min(112px, 30vw);
    border-radius: 14px;
    filter: none;
    opacity: .88;
}

html.gm-stars-rift-redesign.gm-stars-rift-section #welcomeScreen .welcome-title {
    max-width: 15ch;
    margin: 26px auto 0;
    color: var(--gm-text);
    font-size: clamp(42px, 5.2vw, 70px);
    line-height: .96;
    text-shadow: 0 10px 28px rgba(0, 0, 0, .34);
}

html.gm-stars-rift-redesign.gm-stars-rift-section #welcomeScreen .welcome-subtitle {
    max-width: 590px;
    color: var(--gm-muted);
}

html.gm-stars-rift-redesign.gm-stars-rift-section #welcomeScreen .oprift-welcome-example {
    border-color: rgba(98, 207, 223, .20);
    border-radius: 8px;
    background: rgba(7, 12, 17, .76);
    box-shadow: var(--gm-inner-highlight);
}

/* Shared module material. No live filter or animated texture is used. */
html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-profile-card,
    .oprift-panel,
    .profile-champions-head,
    .profile-champions-summary,
    .profile-champions-table,
    .profile-champions-empty,
    .profile-champions-loading,
    .builds-index-page .builds-hero,
    .builds-index-page .builds-catalog-panel,
    .build-detail-hero,
    .build-champion-overview,
    .build-data-panel,
    .build-editorial-guide,
    .build-popular-consensus,
    .build-champion-intelligence,
    .capture-workshop,
    .profile-unavailable,
    .lookup-problem,
    .build-data-empty
) {
    border-color: var(--gm-border);
    background:
        linear-gradient(135deg, transparent 46%, rgba(98, 207, 223, .56) 47% 49%, transparent 50%) 100% 0 / 34px 34px no-repeat,
        radial-gradient(circle at 94% 3%, rgba(98, 207, 223, .055), transparent 21rem),
        linear-gradient(118deg, rgba(232, 161, 31, .035), transparent 34%),
        var(--gm-panel);
    box-shadow: var(--gm-shadow), var(--gm-inner-highlight);
}

/* Full profile: the hero keeps its information architecture and gains the same depth as home. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card {
    border-color: rgba(145, 183, 199, .22);
    background:
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .58) 47% 49%, transparent 50%) 100% 0 / 38px 38px no-repeat,
        radial-gradient(ellipse 36% 100% at 82% 18%, rgba(98, 207, 223, .10), transparent 70%),
        linear-gradient(112deg, rgba(232, 161, 31, .055), transparent 34%),
        rgba(13, 19, 26, .92);
    box-shadow: 0 22px 62px rgba(0, 0, 0, .29), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::after {
    background:
        linear-gradient(90deg, rgba(7, 12, 17, .97) 0%, rgba(7, 12, 17, .82) 35%, rgba(7, 12, 17, .38) 69%, rgba(7, 12, 17, .67) 100%),
        linear-gradient(0deg, rgba(7, 12, 17, .91), transparent 72%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-avatar {
    border-color: rgba(232, 161, 31, .76);
    background: #090e14;
    box-shadow:
        0 15px 34px rgba(0, 0, 0, .36),
        0 0 0 3px rgba(98, 207, 223, .055);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-metrics > div {
    border-color: rgba(138, 179, 196, .17);
    background:
        linear-gradient(115deg, rgba(98, 207, 223, .035), transparent 56%),
        rgba(7, 12, 17, .80);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .oprift-metric-progress,
html.gm-stars-rift-redesign.gm-stars-rift-section .oprift-form-track,
html.gm-stars-rift-redesign.gm-stars-rift-section .remote-lookup-progress-track {
    background: rgba(239, 102, 116, .17);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-metric-progress > i,
    .oprift-form-track > i,
    .remote-lookup-progress-track > span
) {
    background: linear-gradient(90deg, var(--gm-gold), var(--gm-gold-bright) 54%, var(--gm-cyan));
}

/* Every tab family speaks the same compact control language. */
html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-profile-tabs,
    .oprift-filters,
    .match-team-view-tabs,
    .build-guide-tabs,
    .build-source-tabs,
    .build-editorial-role-tabs,
    .build-skill-role-tabs,
    .build-champion-meta-tabs,
    .build-champion-ability-tabs,
    .build-dossier-tabs
) {
    border-color: var(--gm-border);
    background: rgba(7, 12, 17, .92);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-profile-tabs button,
    .oprift-filters button,
    .match-team-view-tabs button,
    .build-guide-tabs button,
    .build-source-tabs button,
    .build-editorial-role-tabs button,
    .build-skill-role-tabs button,
    .build-champion-meta-tabs button,
    .build-champion-ability-tabs button,
    .build-dossier-tabs button
) {
    border-color: transparent;
    color: var(--gm-muted);
    background: transparent;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-profile-tabs button.active,
    .oprift-filters button.active,
    .match-team-view-tabs button.active,
    .build-guide-tabs button.active,
    .build-source-tabs button.active,
    .build-editorial-role-tabs button.active,
    .build-skill-role-tabs button.active,
    .build-champion-meta-tabs button.active,
    .build-champion-ability-tabs button.active,
    .build-dossier-tabs button.active
) {
    border-color: rgba(232, 161, 31, .42);
    background:
        linear-gradient(125deg, rgba(232, 161, 31, .13), rgba(98, 207, 223, .045));
    color: var(--gm-gold-bright);
    box-shadow: inset 0 -2px 0 rgba(232, 161, 31, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-profile-tabs button,
    .oprift-filters button,
    .match-team-view-tabs button,
    .build-guide-tabs button,
    .build-source-tabs button,
    .build-editorial-role-tabs button,
    .build-skill-role-tabs button,
    .build-champion-meta-tabs button,
    .build-champion-ability-tabs button,
    .build-dossier-tabs button
):hover {
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .build-guide-tabs,
    .builds-index-page .builds-toolbar
) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Section heads carry the signal edge; the data below stays quiet. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(
    .oprift-panel > header,
    .oprift-history-head,
    .oprift-seasons-head,
    .oprift-complete-stats-head
) {
    position: relative;
    border-bottom-color: rgba(137, 177, 194, .16);
    background:
        linear-gradient(90deg, rgba(98, 207, 223, .075), transparent 44%),
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .48) 47% 49%, transparent 50%) 100% 0 / 31px 31px no-repeat,
        rgba(20, 28, 37, .96) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(
    .oprift-panel > header,
    .oprift-history-head,
    .oprift-seasons-head,
    .oprift-complete-stats-head
)::after {
    content: "";
    position: absolute;
    left: 16px;
    bottom: -1px;
    width: 46px;
    height: 2px;
    background: linear-gradient(90deg, var(--gm-gold), var(--gm-cyan));
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-panel {
    border-color: var(--gm-border);
    background: var(--gm-panel);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .20), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(
    .oprift-rank-snapshot,
    .oprift-recent-form,
    .oprift-rank-block,
    .oprift-record,
    .oprift-season-mode,
    .oprift-queue-stats,
    .champion-card
) {
    border-color: var(--gm-border-soft) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .04), transparent 12rem),
        rgba(15, 21, 28, .93) !important;
    box-shadow: var(--gm-inner-highlight) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-rank-snapshot.normal {
    border-left-color: rgba(98, 207, 223, .52) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-rank-snapshot.legendary {
    border-left-color: rgba(232, 161, 31, .60) !important;
}

/* Competitive summary: three independent Rift plates, never one dark slab. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-panel.oprift-overview {
    gap: 14px;
    padding: 0;
    overflow: visible;
    border: 0;
    background: transparent !important;
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > :is(
    .oprift-rank-snapshot,
    .oprift-recent-form
) {
    --overview-plate-accent: var(--gm-cyan);
    --overview-plate-accent-end: rgba(98, 207, 223, .08);
    --overview-plate-watermark: rgba(98, 207, 223, .18);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .22) !important;
    border-radius: 13px;
    background:
        linear-gradient(135deg, transparent 47%, rgba(232, 161, 31, .76) 48% 50%, transparent 51%) 100% 0 / 38px 38px no-repeat,
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .07), transparent 11rem),
        linear-gradient(135deg, rgba(24, 33, 43, .98), rgba(13, 19, 26, .98)) !important;
    box-shadow:
        0 12px 24px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > :is(
    .oprift-rank-snapshot,
    .oprift-recent-form
)::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 72px;
    height: 4px;
    background: linear-gradient(90deg, var(--overview-plate-accent), var(--overview-plate-accent-end));
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > :is(
    .oprift-rank-snapshot,
    .oprift-recent-form
)::after {
    content: "RANGO";
    position: absolute;
    z-index: 0;
    right: 11px;
    bottom: -8px;
    color: transparent;
    font-family: var(--rift-brand);
    font-size: clamp(34px, 3.2vw, 48px);
    font-weight: 400;
    line-height: .82;
    letter-spacing: .025em;
    opacity: .8;
    -webkit-text-stroke: 1px var(--overview-plate-watermark);
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
    speak: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > :is(
    .oprift-rank-snapshot,
    .oprift-recent-form
) > * {
    position: relative;
    z-index: 1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-rank-snapshot.normal {
    --overview-plate-accent: var(--gm-cyan);
    --overview-plate-accent-end: rgba(98, 207, 223, .08);
    --overview-plate-watermark: rgba(98, 207, 223, .18);
    border-left-color: rgba(98, 207, 223, .62) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-rank-snapshot.legendary {
    --overview-plate-accent: var(--gm-gold);
    --overview-plate-accent-end: rgba(232, 161, 31, .08);
    --overview-plate-watermark: rgba(232, 161, 31, .16);
    border-left-color: rgba(232, 161, 31, .70) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-recent-form {
    --overview-plate-accent: var(--gm-gold);
    --overview-plate-accent-end: rgba(239, 102, 116, .22);
    --overview-plate-watermark: rgba(232, 161, 31, .15);
    border-left-color: rgba(98, 207, 223, .62) !important;
    box-shadow:
        -7px 0 20px rgba(98, 207, 223, .10),
        0 12px 24px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-rank-snapshot.legendary::after {
    content: "LEYENDA";
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-recent-form::after {
    content: "FORMA";
}

html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-rank-snapshot.normal::after {
    content: "RANKED";
}

html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-rank-snapshot.legendary::after {
    content: "LEGEND";
}

html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-overview > .oprift-recent-form::after {
    content: "FORM";
}

html.gm-stars-rift-redesign.gm-stars-rift-section .oprift-current-season-badge,
html.gm-stars-rift-redesign.gm-stars-rift-section .build-detail-season,
html.gm-stars-rift-redesign.gm-stars-rift-section .builds-cache-health {
    border-color: rgba(98, 207, 223, .22);
    background: rgba(8, 16, 22, .88);
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .oprift-queue-record > div,
    .oprift-achievement-grid > div,
    .oprift-performance-grid > div,
    .oprift-season-metrics > div
) {
    border-color: var(--gm-border-soft);
    background: rgba(7, 12, 17, .48);
}

/* Match ledger: result is encoded by a precise edge instead of a full saturated slab. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-entry {
    overflow: hidden;
    border: 1px solid var(--gm-border-soft);
    border-radius: 10px;
    background: rgba(9, 14, 20, .88);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item {
    border: 0;
    border-left: 3px solid var(--gm-faint);
    background: rgba(15, 21, 28, .94);
    transition: background-color .16s ease, border-color .16s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.victory {
    border-left-color: var(--gm-cyan);
    background:
        linear-gradient(90deg, rgba(51, 162, 182, .14), transparent 44%),
        rgba(15, 23, 31, .95);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.defeat {
    border-left-color: var(--gm-red);
    background:
        linear-gradient(90deg, rgba(239, 102, 116, .13), transparent 44%),
        rgba(25, 18, 23, .95);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item:hover {
    background-color: rgba(25, 34, 44, .98);
}

/* Repeated equipment shimmers are needless on long histories; retain a static status signal. */
html.gm-stars-rift-redesign.gm-stars-rift-section .match-loadout-pending > i {
    background: linear-gradient(90deg, var(--gm-cyan), var(--gm-gold-bright));
    opacity: .78;
    animation: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-summary[aria-expanded="true"] {
    border-left-color: var(--gm-cyan);
    background:
        linear-gradient(90deg, rgba(51, 162, 182, .17), transparent 45%),
        rgba(15, 23, 31, .98);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-entry.defeat .match-summary[aria-expanded="true"] {
    border-left-color: var(--gm-red);
    background:
        linear-gradient(90deg, rgba(239, 102, 116, .16), transparent 45%),
        rgba(27, 18, 23, .98);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .match-loadout-preview,
    .match-preview-performance,
    .match-detail-toolbar,
    .match-team,
    .match-team-table,
    .match-team-player
) {
    border-color: var(--gm-border-soft);
    background-color: rgba(8, 13, 19, .70);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-preview-performance {
    border-color: transparent;
    background-color: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .match-detail-drawer {
    border-top-color: rgba(98, 207, 223, .20);
    background:
        radial-gradient(circle at 94% 0, rgba(98, 207, 223, .05), transparent 18rem),
        rgba(10, 15, 21, .98);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .match-team-player.is-own {
    border-left-color: var(--gm-gold);
    background: rgba(98, 207, 223, .075);
}

/* Champion performance pane, including its real empty/loading states. */
html.gm-stars-rift-redesign.gm-stars-rift-section .oprift-profile-champions {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .profile-champions-head,
    .profile-champions-summary,
    .profile-champions-table,
    .profile-champions-empty,
    .profile-champions-loading
) {
    border-color: var(--gm-border);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champions-head {
    background:
        linear-gradient(90deg, rgba(98, 207, 223, .08), transparent 48%),
        rgba(19, 27, 35, .95);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champions-summary > div,
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champion-row {
    border-color: var(--gm-border-soft);
    background: rgba(10, 16, 22, .66);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champion-row:hover {
    background: rgba(98, 207, 223, .055);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .profile-champions-empty,
    .profile-champions-loading
) {
    background:
        radial-gradient(circle at 50% 50%, rgba(98, 207, 223, .075), transparent 13rem),
        linear-gradient(135deg, transparent 49%, rgba(232, 161, 31, .16) 49.5% 50%, transparent 50.5%) center / 46px 46px,
        rgba(14, 20, 27, .90);
}

/* Builds index: preserve its champion-first flow while matching the home dossier. */
html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero {
    border-color: rgba(144, 182, 198, .22);
    background:
        linear-gradient(135deg, transparent 46%, rgba(98, 207, 223, .52) 47% 49%, transparent 50%) 100% 0 / 38px 38px no-repeat,
        radial-gradient(circle at 12% 112%, rgba(232, 161, 31, .12), transparent 26rem),
        radial-gradient(circle at 74% -20%, rgba(98, 207, 223, .10), transparent 28rem),
        rgba(15, 21, 28, .91);
    box-shadow: var(--gm-shadow), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-patch-radar,
html.gm-stars-rift-redesign.gm-stars-rift-section .builds-featured-guide {
    border-color: rgba(98, 207, 223, .20);
    background:
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .07), transparent 17rem),
        rgba(7, 12, 17, .83);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-patch-radar::before {
    background: linear-gradient(180deg, var(--gm-cyan), var(--gm-gold));
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-catalog-panel {
    border-color: var(--gm-border);
    background: rgba(14, 20, 27, .90);
    box-shadow: var(--gm-shadow), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-section-head {
    border-bottom-color: var(--gm-border-soft);
    background:
        linear-gradient(90deg, rgba(98, 207, 223, .075), transparent 45%),
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .45) 47% 49%, transparent 50%) 100% 0 / 32px 32px no-repeat,
        rgba(20, 28, 37, .95);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-toolbar,
html.gm-stars-rift-redesign.gm-stars-rift-section .builds-catalog-context {
    border-color: var(--gm-border-soft);
    background: rgba(8, 13, 18, .89);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-search {
    border-color: var(--gm-border);
    background: rgba(6, 11, 16, .86);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-search:focus-within {
    border-color: rgba(98, 207, 223, .52);
    box-shadow: 0 0 0 3px rgba(98, 207, 223, .07);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes {
    position: relative;
    gap: 3px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid var(--gm-border-soft);
    border-radius: 11px;
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .035), transparent 28%, rgba(98, 207, 223, .025)),
        rgba(5, 10, 15, .82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes::before {
    position: absolute;
    top: 0;
    right: 14px;
    left: 14px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(98, 207, 223, .42), transparent);
    content: '';
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button {
    position: relative;
    min-height: 42px;
    gap: 7px;
    overflow: hidden;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--gm-muted);
    font-family: var(--rift-brand);
    font-size: 10px;
    letter-spacing: .035em;
    transition: color .16s ease, background-color .16s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button + button::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: -2px;
    width: 1px;
    background: var(--gm-border-soft);
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button::after {
    position: absolute;
    right: 18px;
    bottom: 0;
    left: 18px;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: transparent;
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button small {
    min-width: 0;
    height: auto;
    padding: 0 0 0 7px;
    border-left: 1px solid rgba(126, 165, 181, .16);
    border-radius: 0;
    background: transparent;
    color: var(--gm-faint);
    font-family: var(--rift-ui);
    font-size: 9px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button:hover {
    border-color: transparent;
    border-radius: 7px;
    background: rgba(98, 207, 223, .045);
    color: var(--gm-text);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button.active {
    border-color: transparent;
    border-radius: 7px;
    background: linear-gradient(180deg, rgba(232, 161, 31, .12), rgba(232, 161, 31, .035));
    color: var(--gm-gold-bright);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .13);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button.active::after {
    background: linear-gradient(90deg, var(--gm-gold), var(--gm-cyan));
    box-shadow: 0 0 9px rgba(98, 207, 223, .16);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-lanes button.active small {
    border-left-color: rgba(232, 161, 31, .24);
    background: transparent;
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card {
    border-color: var(--gm-border-soft);
    background:
        linear-gradient(115deg, rgba(98, 207, 223, .025), transparent 52%),
        rgba(16, 23, 30, .90);
    box-shadow: var(--gm-inner-highlight);
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card:hover,
html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(98, 207, 223, .34);
    background-color: rgba(21, 30, 39, .96);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card::before {
    background: linear-gradient(180deg, var(--gm-gold), var(--gm-cyan));
}

/* Champion detail: same editorial material, with the existing five-panel flow intact. */
html.gm-stars-rift-redesign.gm-stars-rift-section .build-detail-hero {
    border-color: rgba(145, 183, 199, .22);
    background:
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .55) 47% 49%, transparent 50%) 100% 0 / 36px 36px no-repeat,
        radial-gradient(ellipse 34% 120% at 82% 20%, rgba(98, 207, 223, .09), transparent 72%),
        linear-gradient(118deg, rgba(232, 161, 31, .055), transparent 38%),
        rgba(15, 21, 28, .92);
    box-shadow: var(--gm-shadow), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-detail-hero::after {
    background: linear-gradient(
        90deg,
        rgba(10, 16, 22, .98) 0%,
        rgba(10, 16, 22, .93) 31%,
        rgba(10, 16, 22, .62) 57%,
        rgba(10, 16, 22, .24) 78%,
        rgba(10, 16, 22, .46) 100%
    );
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-detail-champion-icon {
    border-color: rgba(232, 161, 31, .64);
    background: #090e14;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .32), 0 0 0 3px rgba(98, 207, 223, .045);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-champion-overview {
    background: transparent;
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .build-editorial-guide,
    .build-popular-consensus,
    .build-champion-intelligence,
    .build-data-panel,
    .build-champion-meta,
    .build-champion-profile,
    .build-champion-kit,
    .build-guide-panel[data-champion-guide-panel="counter"],
    .build-guide-panel[data-champion-guide-panel="plan"]
) {
    border-color: var(--gm-border);
    background:
        radial-gradient(circle at 98% 0, rgba(98, 207, 223, .045), transparent 20rem),
        rgba(14, 20, 27, .92);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .18), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .build-editorial-head,
    .build-consensus-head,
    .build-intelligence-head,
    .build-source-header,
    .build-champion-profile > header,
    .build-champion-kit > header,
    .build-champion-meta > header,
    .build-champion-meta-head,
    .build-guide-section-head,
    .build-skill-order-head,
    .build-dossier-detail-head
) {
    border-bottom-color: var(--gm-border-soft);
    background:
        linear-gradient(90deg, rgba(98, 207, 223, .065), transparent 45%),
        rgba(19, 27, 35, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .build-editorial-card,
    .build-editorial-alternatives,
    .build-editorial-swap,
    .build-consensus-group,
    .build-leader-plan,
    .build-leader-plan-item,
    .build-intelligence-module,
    .build-loadout-card,
    .build-guide-matchup-column,
    .build-guide-counter-group,
    .build-guide-counter-item,
    .build-guide-plan-summary > section,
    .build-guide-phase,
    .build-champion-trait,
    .build-champion-meta-position,
    .build-champion-ability-panel,
    .build-champion-skill-order,
    .build-dossier-workbench,
    .build-dossier-panel,
    .build-dossier-detail
) {
    border-color: var(--gm-border-soft);
    background:
        linear-gradient(120deg, rgba(98, 207, 223, .025), transparent 54%),
        rgba(8, 13, 19, .70);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .match-asset-icon,
    .build-asset-detail-icon,
    .build-detail-champion-icon,
    .builds-featured-icon,
    .builds-champion-icon
) {
    border-color: rgba(128, 174, 193, .22);
    background-color: rgba(5, 9, 14, .88);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-asset-trigger:hover,
html.gm-stars-rift-redesign.gm-stars-rift-section .build-asset-trigger[aria-pressed="true"] {
    border-color: rgba(98, 207, 223, .62);
    box-shadow: 0 0 0 2px rgba(98, 207, 223, .09), 0 8px 20px rgba(0, 0, 0, .24);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-asset-detail {
    border-color: rgba(98, 207, 223, .24);
    background:
        linear-gradient(120deg, rgba(232, 161, 31, .055), transparent 42%),
        rgba(7, 12, 17, .98);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .40), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-asset-hovercard {
    border-color: rgba(98, 207, 223, .28);
    background:
        linear-gradient(120deg, rgba(232, 161, 31, .055), transparent 44%),
        rgba(7, 12, 17, .985);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .46), var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-dossier-asset {
    border-color: var(--gm-border-soft);
    background: rgba(7, 12, 17, .70);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-dossier-asset:hover,
html.gm-stars-rift-redesign.gm-stars-rift-section .build-dossier-asset.active,
html.gm-stars-rift-redesign.gm-stars-rift-section .build-dossier-asset[aria-checked="true"] {
    border-color: rgba(98, 207, 223, .45);
    background: linear-gradient(125deg, rgba(98, 207, 223, .09), rgba(232, 161, 31, .035));
}

/* Keep functional visibility contracts explicit while the final theme sits last in the cascade. */
html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    [data-profile-pane][hidden],
    .build-guide-panel[hidden],
    [data-build-panel][hidden],
    .build-dossier-panel[hidden],
    .match-inline-detail[hidden],
    .builds-champion-card[hidden],
    .builds-catalog-empty[hidden]
) {
    display: none !important;
}

/* Real data/loading/error surfaces used by the five champion-guide panels. */
html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .build-source-empty,
    .build-guide-loading,
    .build-guide-empty,
    .build-champion-kit-status.is-unavailable,
    .build-champion-meta-status.is-unavailable,
    .build-champion-meta-empty,
    .build-consensus-status.is-empty,
    .build-intelligence-status.is-empty,
    .build-capture-state
) {
    border-color: var(--gm-border);
    background:
        linear-gradient(120deg, rgba(98, 207, 223, .035), transparent 52%),
        rgba(7, 12, 17, .82);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-capture-state[data-state="ready"] {
    border-left-color: var(--gm-cyan);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-capture-state:is(
    [data-state="starting"],
    [data-state="updating"],
    [data-state="validating"],
    [data-state="waiting"],
    [data-state="busy"],
    [data-state="stale"]
) {
    border-left-color: var(--gm-gold);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-capture-state:is(
    [data-state="unavailable"],
    [data-state="failed"],
    [data-state="cancelled"]
) {
    border-left-color: var(--gm-red);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .build-capture-progress > i {
    background: linear-gradient(90deg, var(--gm-cyan), var(--gm-gold-bright));
}

/* Empty, failure and progress screens stay part of the same cosmic dossier. */
html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .capture-workshop,
    .profile-unavailable,
    .lookup-problem,
    .build-data-empty
) {
    overflow: hidden;
    border-top-color: rgba(232, 161, 31, .62);
    background:
        linear-gradient(135deg, transparent 46%, rgba(98, 207, 223, .48) 47% 49%, transparent 50%) 100% 0 / 40px 40px no-repeat,
        radial-gradient(circle at 18% 18%, rgba(98, 207, 223, .075), transparent 22rem),
        radial-gradient(circle at 88% 74%, rgba(232, 161, 31, .055), transparent 24rem),
        rgba(12, 17, 24, .93);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual {
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .15);
    border-radius: 15px;
    background:
        linear-gradient(135deg, rgba(98, 207, 223, .055), transparent 48%),
        rgba(7, 12, 17, .80);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual svg {
    opacity: .34;
    filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy h2,
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-unavailable h2,
html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem h2,
html.gm-stars-rift-redesign.gm-stars-rift-section .build-data-empty h1 {
    color: var(--gm-text);
    text-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status,
html.gm-stars-rift-redesign.gm-stars-rift-section .remote-lookup-progress,
html.gm-stars-rift-redesign.gm-stars-rift-section .requested-riot-id,
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-unavailable-action-panel,
html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-detail {
    border-color: var(--gm-border);
    background: rgba(7, 12, 17, .78);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status {
    color: var(--gm-text);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status > i,
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-unavailable-state > i {
    background: var(--gm-cyan);
    box-shadow: 0 0 12px rgba(98, 207, 223, .40);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark {
    border-color: rgba(98, 207, 223, .52);
    background:
        linear-gradient(135deg, rgba(98, 207, 223, .12), rgba(232, 161, 31, .035)),
        var(--gm-panel-solid);
    box-shadow:
        14px 14px 0 rgba(232, 161, 31, .055),
        0 18px 42px rgba(0, 0, 0, .24);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark::before,
html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark::after {
    border-color: rgba(98, 207, 223, .20);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark::after {
    background: rgba(98, 207, 223, .035);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark i {
    background: linear-gradient(90deg, var(--gm-gold), var(--gm-cyan));
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark strong {
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .retry-btn,
    .profile-unavailable-action,
    .builds-primary-link,
    .oprift-update
) {
    border-color: rgba(232, 161, 31, .48);
    background: linear-gradient(125deg, rgba(232, 161, 31, .15), rgba(98, 207, 223, .035));
    color: var(--gm-gold-bright);
    box-shadow: var(--gm-inner-highlight);
    transition: border-color .16s ease, color .16s ease, background-color .16s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .retry-btn,
    .profile-unavailable-action,
    .builds-primary-link,
    .oprift-update
):hover {
    border-color: rgba(98, 207, 223, .48);
    color: var(--gm-cyan-bright);
    background-color: rgba(98, 207, 223, .06);
}

/* Keep the complete match scoreboard reachable on narrow screens. */
@media (max-width: 920px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(
        .match-team-table-scroll,
        .match-team-runes-scroll,
        .match-team-stats-scroll
    ) {
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-inline: contain;
        scrollbar-color: rgba(98, 207, 223, .58) rgba(255, 255, 255, .05);
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section :where(
        .oprift-profile-card,
        .oprift-panel,
        .profile-champions-head,
        .profile-champions-summary,
        .profile-champions-table,
        .profile-champions-empty,
        .builds-index-page .builds-hero,
        .builds-index-page .builds-catalog-panel,
        .build-detail-hero,
        .build-data-panel,
        .build-editorial-guide,
        .build-popular-consensus,
        .build-champion-intelligence,
        .capture-workshop,
        .profile-unavailable,
        .lookup-problem
    ) {
        box-shadow: 0 12px 32px rgba(0, 0, 0, .20), var(--gm-inner-highlight);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card:hover,
    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-champion-card:focus-visible {
        transform: none;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual svg {
        opacity: .28;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section :where(
        .search-result-item,
        .oprift-profile-tabs button,
        .oprift-filters button,
        .build-guide-tabs button,
        .build-source-tabs button,
        .build-editorial-role-tabs button,
        .build-skill-role-tabs button,
        .build-champion-ability-tabs button,
        .build-dossier-tabs button,
        .builds-champion-card,
        .match-item,
        .retry-btn,
        .profile-unavailable-action,
        .builds-primary-link,
        .oprift-update
    ) {
        transition: none;
    }
}

/*
 * Capture workshop v2: competitive profile telemetry instead of the original
 * construction illustration. The DOM and its accessible copy stay untouched.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop {
    position: relative;
    isolation: isolate;
    grid-template-columns: minmax(360px, .92fr) minmax(420px, 1.08fr);
    min-height: min(640px, calc(100vh - 150px));
    min-height: min(640px, calc(100svh - 150px));
    min-height: min(640px, calc(100dvh - 150px));
    gap: clamp(34px, 5vw, 76px);
    padding: clamp(36px, 5vw, 70px);
    overflow: hidden;
    border: 1px solid rgba(145, 183, 199, .23);
    border-radius: 20px;
    background:
        linear-gradient(135deg, transparent 46%, rgba(98, 207, 223, .60) 47% 49%, transparent 50%) 100% 0 / 42px 42px no-repeat,
        radial-gradient(circle at 19% 46%, rgba(98, 207, 223, .105), transparent 25rem),
        radial-gradient(circle at 82% 48%, rgba(232, 161, 31, .07), transparent 28rem),
        linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),
        rgba(11, 17, 23, .95);
    background-size: 42px 42px, auto, auto, 44px 44px, 44px 44px, auto;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .29), var(--gm-inner-highlight);
    color: var(--gm-text);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual {
    --gm-capture-scan-range: 142px;
    position: relative;
    isolation: isolate;
    width: min(100%, 580px);
    min-height: clamp(330px, 35vw, 420px);
    justify-self: center;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .24);
    border-radius: 18px;
    background:
        linear-gradient(90deg, transparent 49.85%, rgba(98, 207, 223, .13) 50%, transparent 50.15%),
        linear-gradient(transparent 49.85%, rgba(98, 207, 223, .13) 50%, transparent 50.15%),
        radial-gradient(circle at 50% 50%, rgba(98, 207, 223, .10), transparent 45%),
        repeating-linear-gradient(0deg, transparent 0 27px, rgba(98, 207, 223, .035) 28px),
        repeating-linear-gradient(90deg, transparent 0 27px, rgba(98, 207, 223, .035) 28px),
        rgba(5, 10, 15, .88);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .018),
        inset 0 0 70px rgba(0, 0, 0, .28),
        0 18px 46px rgba(0, 0, 0, .22);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: min(74%, 340px);
    aspect-ratio: 1;
    border: 1px solid rgba(98, 207, 223, .25);
    border-radius: 50%;
    background: repeating-conic-gradient(from 8deg, rgba(232, 161, 31, .55) 0 1deg, transparent 1deg 17deg, rgba(98, 207, 223, .50) 17deg 18deg, transparent 18deg 36deg);
    -webkit-mask: radial-gradient(circle, transparent 0 58%, #000 58.5% 59.5%, transparent 60% 73%, #000 73.5% 74.5%, transparent 75%);
    mask: radial-gradient(circle, transparent 0 58%, #000 58.5% 59.5%, transparent 60% 73%, #000 73.5% 74.5%, transparent 75%);
    opacity: .68;
    transform: translate(-50%, -50%) rotate(0deg);
    transform-origin: center;
    pointer-events: none;
    will-change: transform;
    animation: gm-capture-orbit 18s linear infinite;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    right: 8%;
    left: 8%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(98, 207, 223, .35) 12%, var(--gm-cyan-bright) 50%, rgba(232, 161, 31, .36) 88%, transparent);
    box-shadow: 0 0 12px rgba(98, 207, 223, .28);
    opacity: 0;
    transform: translateY(calc(-1 * var(--gm-capture-scan-range)));
    pointer-events: none;
    will-change: transform, opacity;
    animation: gm-capture-scan 4.8s ease-in-out infinite;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual svg {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    overflow: visible;
    opacity: 1;
    filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual svg > rect,
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual svg > path,
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual :where(
    .workshop-crane,
    .workshop-worker,
    .workshop-lifted-tile,
    .workshop-wrench,
    .workshop-sparks
) {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card {
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(1.36);
    filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .28));
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > rect:nth-of-type(1) {
    fill: #0a1016;
    stroke: rgba(98, 207, 223, .48);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > rect:nth-of-type(2) {
    fill: var(--gm-gold);
    stroke: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > circle:nth-of-type(1) {
    fill: #121c25;
    stroke: rgba(98, 207, 223, .50);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > circle:nth-of-type(2),
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > path {
    fill: rgba(98, 207, 223, .62);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > rect:nth-of-type(3) {
    fill: var(--gm-text);
    opacity: .88;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > rect:nth-of-type(4) {
    fill: var(--gm-faint);
    opacity: .68;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card > rect:nth-of-type(5) {
    fill: rgba(98, 207, 223, .18);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-bars rect {
    animation: none;
    fill: rgba(98, 207, 223, .16);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-bars rect:nth-child(2) { fill: rgba(98, 207, 223, .42); }
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-bars rect:nth-child(3) { fill: var(--gm-cyan); }
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-bars rect:nth-child(4) { fill: rgba(232, 161, 31, .58); }
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-bars rect:nth-child(5) { fill: var(--gm-gold); }

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy {
    position: relative;
    width: min(100%, 570px);
    justify-self: center;
    padding: clamp(24px, 3vw, 38px);
    border: 1px solid rgba(145, 183, 199, .16);
    border-left-color: rgba(232, 161, 31, .42);
    border-radius: 16px;
    background: linear-gradient(115deg, rgba(232, 161, 31, .04), transparent 34%), rgba(7, 12, 17, .72);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: -1px;
    width: 2px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, transparent, var(--gm-gold) 24%, var(--gm-cyan) 76%, transparent);
    opacity: .76;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(98, 207, 223, .22);
    border-radius: 999px;
    background: rgba(98, 207, 223, .055);
    color: var(--gm-cyan);
    font-size: 9px;
    letter-spacing: .145em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop h2 {
    max-width: 11.5ch;
    margin-top: 18px;
    color: var(--gm-text);
    font-size: clamp(40px, 4.2vw, 58px);
    line-height: .98;
    letter-spacing: -.025em;
    text-shadow: 0 10px 28px rgba(0, 0, 0, .38);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy > p {
    max-width: 48ch;
    margin-top: 19px;
    color: var(--gm-muted);
    font-size: 14px;
    line-height: 1.65;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .requested-riot-id {
    margin-top: 14px;
    border-color: rgba(232, 161, 31, .22);
    border-radius: 10px;
    background: rgba(232, 161, 31, .045);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status {
    min-height: 50px;
    margin-top: 28px;
    padding: 13px 15px;
    border-color: var(--gm-border);
    border-bottom-color: rgba(145, 183, 199, .08);
    border-radius: 12px 12px 0 0;
    background: rgba(5, 10, 15, .82);
    color: var(--gm-text);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status > i {
    background: var(--gm-cyan);
    box-shadow: 0 0 0 4px rgba(98, 207, 223, .08), 0 0 13px rgba(98, 207, 223, .42);
    transform-origin: center;
    will-change: transform, opacity;
    animation: gm-capture-status 2s ease-in-out infinite;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status > strong {
    color: var(--gm-cyan-bright);
    font-size: 11px;
    letter-spacing: .015em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress {
    margin-top: 0;
    padding: 15px 15px 13px;
    border-color: var(--gm-border);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    background: rgba(5, 10, 15, .82);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-meta {
    color: var(--gm-faint);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-meta strong {
    color: var(--gm-cyan);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-track {
    height: 6px;
    background: rgba(239, 102, 116, .14);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-track > span {
    background: linear-gradient(90deg, var(--gm-cyan), var(--gm-cyan-bright) 62%, var(--gm-gold-bright));
    box-shadow: 0 0 10px rgba(98, 207, 223, .18);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-steps {
    color: var(--gm-faint);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-steps span.is-active {
    color: var(--gm-cyan);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-steps span.is-active::before {
    background: var(--gm-cyan);
    box-shadow: 0 0 0 3px rgba(98, 207, 223, .08), 0 0 8px rgba(98, 207, 223, .28);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy > small {
    margin-top: 14px;
    color: var(--gm-faint);
    line-height: 1.45;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop[data-phase="failed"] .capture-workshop-status {
    border-color: rgba(239, 102, 116, .30);
    background: rgba(37, 13, 18, .74);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop[data-phase="failed"] .capture-workshop-status > i {
    background: var(--gm-red);
    box-shadow: 0 0 0 4px rgba(239, 102, 116, .08), 0 0 12px rgba(239, 102, 116, .28);
    animation: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop[data-phase="failed"] .capture-workshop-status > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop[data-phase="failed"] .remote-lookup-progress-meta strong {
    color: var(--gm-red);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop[data-phase="failed"] .remote-lookup-progress-track > span {
    background: var(--gm-red);
    box-shadow: none;
}

@keyframes gm-capture-orbit {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes gm-capture-scan {
    0%, 8% {
        opacity: 0;
        transform: translateY(calc(-1 * var(--gm-capture-scan-range)));
    }
    20%, 80% { opacity: .86; }
    92%, 100% {
        opacity: 0;
        transform: translateY(var(--gm-capture-scan-range));
    }
}

@keyframes gm-capture-status {
    0%, 100% { opacity: .58; transform: scale(.88); }
    50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 980px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop {
        grid-template-columns: minmax(300px, .86fr) minmax(360px, 1.14fr);
        gap: 28px;
        padding: 34px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual {
        --gm-capture-scan-range: 112px;
        min-height: 310px;
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        gap: 12px;
        padding: 12px;
        border-radius: 16px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual {
        --gm-capture-scan-range: 88px;
        width: 100%;
        min-height: clamp(228px, 65vw, 290px);
        padding: 0;
        border: 1px solid rgba(98, 207, 223, .20);
        border-radius: 13px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual svg {
        max-width: none;
        opacity: 1;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual .workshop-profile-card {
        transform: scale(1.26);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy {
        max-width: none;
        padding: 27px 21px 25px;
        border-radius: 13px;
        text-align: left;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy::before {
        top: 22px;
        bottom: 22px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-eyebrow {
        min-height: 24px;
        font-size: 8px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop h2 {
        max-width: 12ch;
        margin-inline: 0;
        font-size: clamp(34px, 10vw, 44px);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy > p {
        margin-inline: 0;
        font-size: 13px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status {
        justify-content: flex-start;
        margin-top: 23px;
        text-align: left;
    }
}

@media (max-width: 420px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual {
        min-height: 214px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-copy {
        padding-inline: 17px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-steps {
        font-size: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual::before,
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status > i,
    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop .remote-lookup-progress-track > span::after {
        animation: none !important;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual::before {
        transform: translate(-50%, -50%) rotate(18deg);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-visual::after {
        opacity: .34;
        transform: translateY(0);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .capture-workshop-status > i {
        opacity: 1;
        transform: none;
    }
}


/* ===== Approved GM Stars unified theme: current-theme-competition ===== */
/* Competitive module plates in graphite, Rift cyan and GM gold. */
html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel {
    position: relative;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head {
    position: relative;
    isolation: isolate;
    min-height: 96px;
    margin: -12px -12px 0;
    padding: 17px 18px 17px 76px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid rgba(98, 207, 223, .14);
    border-radius: 15px 15px 0 0;
    background:
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .52) 47% 49%, transparent 50%) 100% 0 / 42px 42px no-repeat,
        radial-gradient(circle at 82% 0, rgba(98, 207, 223, .09), transparent 44%),
        linear-gradient(90deg, rgba(98, 207, 223, .075), transparent 44%),
        linear-gradient(135deg, rgba(26, 34, 44, .93), rgba(13, 18, 24, .94));
    box-shadow:
        inset 0 -1px 0 rgba(232, 161, 31, .08),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head::before,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head::before {
    content: "01";
    position: absolute;
    z-index: 1;
    inset: 0 auto 0 0;
    width: 59px;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding-right: 9px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 12px, rgba(255, 255, 255, .035) 13px 14px, transparent 14px),
        linear-gradient(180deg, rgba(98, 207, 223, .48), rgba(39, 100, 113, .25) 68%, rgba(232, 161, 31, .13));
    color: rgba(244, 250, 252, .94);
    font-family: var(--rift-brand);
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 0 15px rgba(98, 207, 223, .28);
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
    speak: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head::after,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head::after {
    content: "RANKING";
    position: absolute;
    z-index: 0;
    right: 22px;
    bottom: -13px;
    color: transparent;
    font-family: var(--rift-brand);
    font-size: clamp(49px, 5.6vw, 74px);
    font-weight: 400;
    line-height: .82;
    letter-spacing: .025em;
    opacity: .18;
    -webkit-text-stroke: 1px rgba(98, 207, 223, .36);
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
    speak: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head > *,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head > * {
    position: relative;
    z-index: 2;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head h2,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head h2 {
    margin-top: 6px;
    font-size: 27px;
    line-height: .96;
    letter-spacing: .035em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head > div:first-child > span {
    color: var(--rift-portal-gold);
    letter-spacing: .13em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-preview-source i {
    width: 7px;
    height: 7px;
    background: var(--rift-portal-gold);
    box-shadow: 0 0 10px rgba(232, 161, 31, .3);
    transform: rotate(45deg);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-ranking-toolbar {
    min-height: 62px;
    margin: 0 -12px 12px;
    padding: 9px 18px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(9, 13, 18, .96), rgba(18, 24, 31, .90));
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head {
    min-height: 132px;
    align-items: flex-start;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head::before {
    content: "02";
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 12px, rgba(255, 255, 255, .035) 13px 14px, transparent 14px),
        linear-gradient(180deg, rgba(98, 207, 223, .54), rgba(37, 91, 104, .28) 70%, rgba(232, 161, 31, .11));
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head::after {
    content: "PULSO";
    right: 14px;
    bottom: -9px;
    font-size: 62px;
}

html[lang="en"].gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head::after {
    content: "PULSE";
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head > div:first-child {
    max-width: 136px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head h2 {
    max-width: 122px;
    font-size: 29px;
    line-height: .92;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head > b {
    position: absolute;
    top: 17px;
    right: 18px;
}

/* The numbered rail replaces the older vertical pulse stripe. */
html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-pulse::before {
    display: none;
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head {
        min-height: 100px;
        display: block;
        padding: 14px 12px 14px 58px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head::before,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head::before {
        width: 44px;
        padding-right: 6px;
        font-size: 19px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head::after {
        right: 9px;
        bottom: -6px;
        font-size: 44px;
        opacity: .14;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head h2,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-panel-head h2 {
        max-width: 215px;
        font-size: 22px;
        line-height: .96;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-preview-source {
        position: absolute;
        right: 12px;
        bottom: 11px;
        max-width: 126px;
        font-size: 10px;
        text-align: right;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-ranking-toolbar {
        margin-bottom: 10px;
        padding: 9px 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head {
        min-height: 122px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head > div:first-child {
        max-width: 115px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head h2 {
        max-width: 108px;
        font-size: 24px;
        line-height: .92;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head > b {
        top: 14px;
        right: 12px;
        padding: 6px 8px;
        font-size: 10px;
    }
}

@media (max-width: 380px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head {
        min-height: 112px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-ranking-panel .home-panel-head h2 {
        max-width: 190px;
        font-size: 20px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head {
        min-height: 132px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-spotlight-panel .home-pulse-head > b {
        top: auto;
        bottom: 13px;
    }
}


/* ===== Approved GM Stars unified theme: current-theme-champion-art ===== */
/* Champion key art for the featured profile card. */
html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile.has-featured-champion-art {
    --gm-featured-art-x: 50%;
    --gm-featured-art-y: 24%;
    --gm-featured-art-scale: 1.05;
    background:
        radial-gradient(circle at 76% 5%, rgba(98, 207, 223, .13), transparent 26rem),
        linear-gradient(122deg, rgba(232, 161, 31, .07), transparent 42%),
        rgba(11, 15, 20, .82);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile.has-featured-champion-art::before {
    background:
        linear-gradient(
            90deg,
            rgba(10, 14, 19, .95) 0%,
            rgba(10, 14, 19, .80) 30%,
            rgba(10, 14, 19, .42) 47%,
            rgba(10, 14, 19, .12) 70%,
            rgba(10, 14, 19, .38) 100%
        ),
        linear-gradient(
            0deg,
            rgba(9, 13, 18, .91) 0%,
            rgba(9, 13, 18, .25) 52%,
            rgba(9, 13, 18, .23) 100%
        );
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-champion-art {
    position: absolute;
    z-index: -2;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-champion-art img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: var(--gm-featured-art-x) var(--gm-featured-art-y);
    transform: scale(var(--gm-featured-art-scale));
    transform-origin: var(--gm-featured-art-x) var(--gm-featured-art-y);
    opacity: .96;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile.has-featured-champion-art .home-featured-metrics {
    background: rgba(6, 10, 14, .82);
}

/* The full profile reuses the same focal artwork language. The champion comes
   from season stats first, recent matches second, and a stable catalog fallback. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card {
    --gm-profile-art-x: 50%;
    --gm-profile-art-y: 24%;
    --gm-profile-art-scale: 1.05;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-splash {
    max-width: none;
    object-position: var(--gm-profile-art-x) var(--gm-profile-art-y);
    transform: scale(var(--gm-profile-art-scale));
    transform-origin: var(--gm-profile-art-x) var(--gm-profile-art-y);
    opacity: .82;
    filter: saturate(.9) contrast(1.08);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card.has-profile-champion-art .oprift-profile-splash {
    opacity: .9;
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile.has-featured-champion-art {
        --gm-featured-art-y: 18%;
        --gm-featured-art-scale: 1.04;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile.has-featured-champion-art::before {
        background:
            linear-gradient(90deg, rgba(10, 14, 19, .94), rgba(10, 14, 19, .35)),
            linear-gradient(0deg, rgba(9, 13, 18, .93) 0%, rgba(9, 13, 18, .27) 62%);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-champion-art {
        inset: 0 0 48%;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-champion-art img {
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: .84;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card {
        --gm-profile-art-y: 18%;
        --gm-profile-art-scale: 1.04;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-splash {
        opacity: .76;
    }
}


/* ===== Approved GM Stars unified theme: current-theme-builds-polish ===== */
/* Refinement for champion detail pages. */

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish {
    --gm-build-flat: rgba(13, 19, 26, .96);
    --gm-build-raised: rgba(18, 26, 34, .98);
    --gm-build-deep: rgba(7, 12, 17, .92);
    --gm-build-rule: rgba(126, 165, 181, .17);
}

/* Source switcher: one precise rail instead of an isolated dark blot. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-panel {
    overflow: hidden;
    border-color: var(--gm-border);
    background: var(--gm-build-flat);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail {
    position: relative;
    display: grid;
    grid-template-columns: minmax(210px, .72fr) minmax(520px, 1.65fr) minmax(230px, .56fr);
    align-items: stretch;
    gap: 16px;
    min-height: 84px;
    padding: 0 24px;
    border-bottom: 1px solid var(--gm-build-rule);
    background: rgba(15, 22, 29, .98) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail::before {
    position: absolute;
    top: 0;
    right: 22px;
    left: 22px;
    height: 1px;
    background: linear-gradient(90deg, var(--gm-gold) 0 20%, rgba(232, 161, 31, .08) 38%, rgba(98, 207, 223, .55) 76%, transparent);
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-source-rail-label {
    align-self: center;
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-source-rail-label small {
    display: block;
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-source-rail-label strong {
    display: block;
    margin-top: 4px;
    color: var(--gm-text);
    font-family: var(--rift-brand);
    font-size: 15px;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs {
    position: relative;
    align-self: center;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    min-width: 0;
    min-height: 54px;
    padding: 4px;
    overflow: hidden;
    border: 1px solid var(--gm-build-rule);
    border-radius: 11px;
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .035), transparent 42%, rgba(98, 207, 223, .025)),
        rgba(5, 10, 15, .74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button {
    position: relative;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 0 18px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--gm-muted);
    font-size: 11px;
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button + button {
    border-left: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button + button::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: -2px;
    width: 1px;
    background: var(--gm-build-rule);
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button::after {
    right: 16px;
    bottom: 0;
    left: 16px;
    height: 2px;
    border-radius: 999px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button.active {
    background: linear-gradient(180deg, rgba(232, 161, 31, .12), rgba(232, 161, 31, .035));
    color: var(--gm-gold-bright);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .13);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button.active::after {
    background: linear-gradient(90deg, var(--gm-gold), var(--gm-cyan));
    box-shadow: 0 0 12px rgba(98, 207, 223, .2);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail > [data-builds-updated] {
    align-self: center;
    display: block;
    min-width: 230px;
    max-width: none;
    color: var(--gm-faint);
    font-size: 10px;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-panel .build-source-intro {
    grid-template-columns: minmax(140px, .28fr) minmax(0, 1fr);
    gap: 22px;
    padding: 15px 20px;
    border-bottom: 1px solid var(--gm-build-rule);
    background: rgba(10, 15, 21, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-panel .build-source-intro strong {
    color: var(--gm-cyan-bright);
    font-size: 18px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-panel .build-source-intro p {
    align-self: center;
    margin: 0;
}

/* Neutral performance module. Data and tab behavior remain untouched. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta {
    border-color: var(--gm-border);
    background: var(--gm-build-flat) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta::before {
    right: 22px;
    left: 22px;
    background: linear-gradient(90deg, var(--gm-cyan), rgba(98, 207, 223, .1) 34%, rgba(232, 161, 31, .55) 76%, transparent);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-head {
    align-items: center;
    min-height: 104px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--gm-build-rule);
    background: var(--gm-build-raised) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-head h2 {
    margin-top: 5px;
    font-size: clamp(21px, 2vw, 28px);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-head p {
    max-width: 690px;
    margin-top: 7px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-source.gm-meta-date {
    display: flex;
    min-width: 0;
    min-height: 0;
    align-items: baseline;
    justify-content: flex-end;
    gap: 9px;
    padding: 7px 0 7px 16px;
    border: 0;
    border-left: 1px solid rgba(98, 207, 223, .34);
    border-radius: 0;
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-source.gm-meta-date small {
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-source.gm-meta-date strong {
    color: var(--gm-text);
    font-family: var(--rift-brand);
    font-size: 12px;
    letter-spacing: .035em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(112px, 1fr));
    gap: 6px;
    padding: 11px 20px;
    overflow-x: auto;
    border-bottom: 1px solid var(--gm-build-rule);
    background: rgba(8, 13, 18, .66);
    scrollbar-width: thin;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs button {
    min-height: 40px;
    padding-inline: 14px;
    border: 1px solid rgba(126, 165, 181, .14);
    border-radius: 7px;
    background: rgba(14, 21, 28, .62);
    color: var(--gm-muted);
    font-size: 11px;
    font-weight: 700;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs button.active {
    border-color: rgba(98, 207, 223, .32);
    background: linear-gradient(135deg, rgba(98, 207, 223, .11), rgba(232, 161, 31, .035)) !important;
    color: var(--gm-cyan-bright);
    box-shadow: inset 0 -2px 0 var(--gm-cyan), 0 5px 18px rgba(0, 0, 0, .12);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-panels {
    margin: 0;
    padding: 18px 20px 22px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-panel {
    gap: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position {
    display: grid;
    grid-template-columns: minmax(124px, .25fr) minmax(0, 1.75fr);
    padding: 0;
    overflow: hidden;
    border-color: var(--gm-build-rule);
    border-radius: 10px;
    background: rgba(10, 16, 22, .82) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position > header {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border-right: 1px solid var(--gm-build-rule);
    background: rgba(18, 26, 34, .48);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position > header span {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dl > div {
    position: relative;
    padding: 16px 18px;
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dl > div + div {
    border-left: 1px solid var(--gm-build-rule);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dt {
    color: var(--gm-faint) !important;
    font-size: 9px;
    letter-spacing: .08em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dd {
    margin-top: 6px;
    color: var(--gm-text) !important;
    font-size: 18px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position [data-meta-metric]::after {
    position: absolute;
    right: 18px;
    bottom: 10px;
    left: 18px;
    height: 1px;
    background: rgba(126, 165, 181, .12);
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position [data-meta-metric='win']::after {
    background: linear-gradient(90deg, rgba(232, 161, 31, .68), rgba(232, 161, 31, .06));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position [data-meta-metric='pick']::after {
    background: linear-gradient(90deg, rgba(98, 207, 223, .62), rgba(98, 207, 223, .05));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position [data-meta-metric='ban']::after {
    background: linear-gradient(90deg, rgba(196, 105, 117, .52), rgba(196, 105, 117, .04));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta > footer[hidden] {
    display: none !important;
}

/* Champion dossier: a flat profile with a deliberate skin archive. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile {
    padding: 0 !important;
    border-color: var(--gm-border);
    background: var(--gm-build-flat) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile > header {
    position: relative;
    min-height: 78px;
    padding: 18px 20px 15px;
    border-bottom: 1px solid var(--gm-build-rule);
    background: var(--gm-build-raised) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile > header::after {
    position: absolute;
    right: 20px;
    bottom: -1px;
    left: 20px;
    height: 1px;
    background: linear-gradient(90deg, var(--gm-cyan), rgba(98, 207, 223, .08) 52%, var(--gm-gold));
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-role-list {
    margin: 16px 20px 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile > p {
    margin: 14px 20px 0;
    -webkit-line-clamp: 4;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile > .build-champion-traits {
    margin: 0 20px;
    padding-top: 17px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 18px;
    padding: 17px 20px 20px;
    border-top: 1px solid var(--gm-build-rule);
    background: rgba(7, 12, 17, .56);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine::before {
    position: absolute;
    top: -1px;
    left: 20px;
    width: 84px;
    height: 1px;
    background: var(--gm-gold);
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child {
    display: flex;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child small {
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child strong {
    color: var(--gm-muted);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 600;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine .build-champion-skins {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    min-width: 0;
    min-height: 126px;
    align-items: end;
    gap: 9px;
    overflow: hidden;
    padding: 12px 12px 11px;
    border: 1px solid var(--gm-build-rule);
    border-radius: 3px 11px 3px 3px;
    background: rgba(15, 22, 29, .92);
    color: var(--gm-text);
    content-visibility: auto;
    contain-intrinsic-size: 126px;
    text-overflow: clip;
    white-space: normal;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card:nth-child(even) {
    border-color: rgba(232, 161, 31, .2);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card.is-image-unavailable {
    background:
        radial-gradient(circle at 78% 22%, rgba(98, 207, 223, .13), transparent 34%),
        linear-gradient(135deg, rgba(232, 161, 31, .06), transparent 44%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 12px),
        #0d141b;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card.is-image-unavailable > img {
    opacity: 0;
    visibility: hidden;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card > img {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 28%;
    filter: saturate(.92) contrast(1.04) brightness(.86);
    transform: scale(1.01);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(3, 7, 11, .02) 12%, rgba(3, 7, 11, .15) 48%, rgba(3, 7, 11, .94) 100%),
        linear-gradient(112deg, rgba(3, 7, 11, .72), transparent 58%);
    content: '';
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card::after {
    position: absolute;
    z-index: 3;
    right: 11px;
    bottom: 9px;
    width: 30px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(98, 207, 223, .42));
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card i {
    position: relative;
    z-index: 2;
    align-self: start;
    color: var(--gm-gold);
    font-family: var(--rift-brand);
    font-size: 15px;
    font-style: normal;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card b {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    color: var(--gm-text);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 1.28;
    text-transform: uppercase;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .96);
}

/* Ability dossier: compact facts first, then the complete technical reading. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-ability-panel.gm-has-ability-readout {
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: start;
    gap: 14px 16px;
    padding: 16px;
    background:
        linear-gradient(110deg, rgba(98, 207, 223, .045), transparent 42%),
        rgba(8, 13, 18, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-ability-panel:has(.gm-ability-readout) {
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: start;
    gap: 14px 16px;
    padding: 16px;
    background:
        linear-gradient(110deg, rgba(98, 207, 223, .045), transparent 42%),
        rgba(8, 13, 18, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy {
    min-width: 0;
    padding-top: 2px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > small {
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > h3 {
    margin-top: 5px;
    font-size: 17px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > p {
    max-width: 980px;
    margin-top: 8px;
    color: rgba(210, 219, 225, .8);
    font-size: 14px;
    line-height: 1.55;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout {
    position: relative;
    grid-column: 1 / -1;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(126, 165, 181, .16);
    border-radius: 10px;
    background: rgba(5, 10, 14, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--gm-gold), rgba(232, 161, 31, .16) 28%, rgba(98, 207, 223, .62) 78%, transparent);
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header {
    display: flex;
    min-height: 45px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 12px;
    border-bottom: 1px solid rgba(126, 165, 181, .13);
    background: rgba(17, 25, 32, .58);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header > div {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 10px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics > strong {
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header small {
    color: var(--gm-faint);
    font-family: var(--rift-ui);
    font-size: 9px;
    letter-spacing: .04em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header > span {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid rgba(232, 161, 31, .22);
    border-radius: 6px;
    background: rgba(232, 161, 31, .055);
    color: var(--gm-gold-bright);
    font-family: var(--rift-ui);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .04em;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
    grid-column: 1 / -1;
    margin: 0;
    border-bottom: 1px solid rgba(126, 165, 181, .12);
    background: rgba(10, 16, 22, .46);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div {
    position: relative;
    min-width: 0;
    min-height: 58px;
    padding: 10px 12px 9px;
    border-right: 1px solid rgba(126, 165, 181, .11);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div:last-child,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div:last-child {
    border-right: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div::after,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div::after {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 1px;
    background: linear-gradient(90deg, rgba(98, 207, 223, .55), transparent);
    content: '';
    opacity: .58;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div:first-child::after,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div:first-child::after {
    background: linear-gradient(90deg, rgba(232, 161, 31, .82), transparent);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics dt,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary dt {
    overflow: visible;
    overflow-wrap: anywhere;
    color: var(--gm-faint);
    font-family: var(--rift-ui);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .045em;
    line-height: 1.3;
    text-overflow: clip;
    text-transform: uppercase;
    white-space: normal;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics dd,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary dd {
    margin: 6px 0 0;
    color: var(--gm-text);
    font-family: var(--rift-ui);
    font-size: clamp(12px, 1.05vw, 15px);
    font-weight: 800;
    letter-spacing: .015em;
    line-height: 1.15;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects {
    min-width: 0;
    padding: 15px 16px 16px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression {
    border-right: 1px solid rgba(126, 165, 181, .12);
    background: linear-gradient(110deg, rgba(232, 161, 31, .035), transparent 52%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics {
    background: linear-gradient(250deg, rgba(98, 207, 223, .026), transparent 58%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects {
    grid-column: 1 / -1;
    border-bottom: 1px solid rgba(126, 165, 181, .12);
    background: linear-gradient(110deg, rgba(98, 207, 223, .035), transparent 64%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects > strong {
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression ul,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics ul,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 9px 0 0;
    padding: 0;
    list-style: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects ul {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression li,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics li,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects li {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    align-items: start;
    gap: 7px;
    color: rgba(191, 204, 213, .8);
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.52;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression li i,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics li i,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects li i {
    width: 4px;
    height: 4px;
    margin-top: 5px;
    transform: rotate(45deg);
    background: var(--gm-cyan);
    box-shadow: 0 0 6px rgba(98, 207, 223, .35);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression li:first-child i {
    background: var(--gm-gold-bright);
    box-shadow: 0 0 7px rgba(232, 161, 31, .38);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression li b,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics li b,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects li b {
    color: var(--gm-cyan-bright);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-narrative li > span,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects li > span,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics:not(.gm-ability-effects) li > span {
    display: block;
    max-height: none;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
}

/* One deterministic dossier template is shared by all 141 champions. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
        'summary summary'
        'effects effects'
        'narrative mechanics';
    align-items: start;
    min-width: 0;
    background: rgba(5, 10, 14, .28);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-summary,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-metrics {
    grid-area: summary;
    grid-column: 1 / -1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-effects {
    grid-area: effects;
    grid-column: 1 / -1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-progression {
    grid-area: narrative;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-mechanics:not(.gm-ability-effects) {
    grid-area: mechanics;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body.gm-no-mechanics > .gm-ability-progression {
    grid-column: 1 / -1;
    grid-row: narrative;
    border-right: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body:not(:has(> .gm-ability-mechanics:not(.gm-ability-effects))) > .gm-ability-progression {
    grid-column: 1 / -1;
    grid-row: narrative;
    border-right: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 18px;
    padding: 15px 14px;
    border-bottom: 1px solid rgba(126, 165, 181, .13);
    background: rgba(15, 23, 30, .5);
}

/* `hidden` is functional here: rank-one abilities must never expose a fake 01 selector. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector[hidden] {
    display: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout.is-passive::before {
    background: linear-gradient(90deg, var(--gm-gold), rgba(232, 161, 31, .52) 42%, rgba(98, 207, 223, .36), transparent);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout.is-passive > header strong {
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector > strong {
    display: block;
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .085em;
    line-height: 1.3;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector > div {
    display: flex;
    min-width: 0;
    gap: 6px;
    margin-left: auto;
    overflow-x: auto;
    scrollbar-width: thin;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector button {
    position: relative;
    min-width: 40px;
    min-height: 40px;
    padding: 0 8px;
    border: 1px solid rgba(126, 165, 181, .2);
    border-radius: 7px;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(5, 10, 14, .78);
    color: var(--gm-muted);
    font-family: var(--rift-brand);
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics--shared dd {
    overflow-wrap: anywhere;
    line-height: 1.34;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics--shared dd br {
    display: block;
    margin-top: 4px;
    content: '';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector button:hover {
    border-color: rgba(98, 207, 223, .42);
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector button.active {
    border-color: rgba(232, 161, 31, .5);
    background: linear-gradient(145deg, rgba(232, 161, 31, .2), rgba(98, 207, 223, .07));
    box-shadow: inset 0 -2px var(--gm-gold);
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector button:focus-visible {
    outline: 2px solid var(--gm-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail {
    min-width: 0;
    padding: 15px 18px 17px;
    background:
        linear-gradient(110deg, rgba(232, 161, 31, .025), transparent 44%),
        rgba(5, 10, 14, .58);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail > small {
    display: block;
    color: var(--gm-gold-bright);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .085em;
    line-height: 1.3;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail > p {
    max-width: 1060px;
    margin: 9px 0 0;
    color: rgba(216, 224, 230, .88);
    font-family: var(--rift-ui);
    font-size: 14px;
    line-height: 1.62;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail > p b {
    color: var(--gm-cyan-bright);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

/* Legibility floor for the informative and interactive text introduced here. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-source-rail-label small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail > [data-builds-updated],
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-source.gm-meta-date small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dt,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card b,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header > span,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics dt,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression li,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics li,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > div span,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-level-number small {
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-disclaimer {
    font-size: 14px;
    line-height: 1.55;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish input,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish select,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish textarea {
    font-size: 16px;
}

/* Skill-order role switcher: keep the original buttons, make the control explicit. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs {
    display: inline-flex;
    width: max-content;
    max-width: calc(100% - 32px);
    align-items: center;
    gap: 3px;
    margin: 12px 16px 2px;
    padding: 3px;
    overflow-x: auto;
    border: 1px solid rgba(151, 184, 199, .18);
    border-radius: 8px;
    background: rgba(5, 9, 13, .82);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
    scrollbar-width: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs::-webkit-scrollbar {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button {
    min-width: 74px;
    min-height: 30px;
    flex: 0 0 auto;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    color: var(--gm-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .035em;
    line-height: 1;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button:hover {
    border-color: rgba(98, 207, 223, .2);
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button.active,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button[aria-selected='true'] {
    border-color: rgba(232, 161, 31, .38);
    background: linear-gradient(135deg, rgba(232, 161, 31, .17), rgba(232, 161, 31, .07));
    box-shadow: inset 0 -2px rgba(232, 161, 31, .72);
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button:focus-visible {
    outline: 2px solid var(--gm-cyan);
    outline-offset: 2px;
}

/* Counter items: actionable inventory first, matchup context second. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--gm-border);
    border-radius: 15px;
    background: var(--gm-build-flat) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-section-head {
    order: 0;
    min-height: 112px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--gm-build-rule);
    background: var(--gm-build-raised) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-section-head h2 {
    margin-top: 5px;
    font-size: clamp(21px, 2vw, 28px);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-section-head p {
    max-width: 720px;
    margin-top: 7px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-counter-groups {
    order: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 20px 20px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding: 5px 2px 9px;
    border-bottom: 1px solid var(--gm-build-rule);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label--additional {
    margin-top: 8px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label small {
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label strong {
    color: var(--gm-muted);
    font-family: var(--rift-ui);
    font-size: 10px;
    font-weight: 500;
    text-align: right;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-group {
    align-self: start;
    overflow: hidden;
    border: 1px solid var(--gm-build-rule);
    border-radius: 12px;
    background: rgba(10, 16, 22, .88) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-group > header {
    min-height: 66px;
    padding: 13px 15px;
    border-bottom: 1px solid var(--gm-build-rule);
    background: rgba(16, 24, 31, .74);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-primary > header {
    box-shadow: inset 2px 0 0 var(--gm-cyan);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-additional > header {
    box-shadow: inset 2px 0 0 rgba(232, 161, 31, .76);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-group.gm-counter-wide {
    grid-column: 1 / -1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-group > header h3 {
    margin-top: 4px;
    font-size: 16px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-group > div {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
    padding: 10px;
    background: rgba(8, 13, 18, .42);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item {
    flex: 1 1 min(260px, 100%);
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    min-height: 108px;
    padding: 12px;
    border: 1px solid rgba(126, 165, 181, .14) !important;
    border-radius: 9px;
    background: rgba(14, 21, 28, .9) !important;
    box-shadow: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > span {
    width: 48px;
    height: 48px;
    border-radius: 10px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > small {
    color: var(--gm-gold-bright);
    font-size: 9px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > strong {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.25;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > p {
    margin-top: 4px;
    color: rgba(197, 208, 216, .82);
    font-size: 10px;
    line-height: 1.3;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > div {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 7px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item em {
    padding: 3px 5px;
    border: 1px solid rgba(126, 165, 181, .12);
    border-radius: 4px;
    background: rgba(255, 255, 255, .018);
    color: var(--gm-muted);
    font-size: 8px;
    line-height: 1.2;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .gm-matchup-context {
    order: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 18px 20px 20px;
    border-top: 1px solid var(--gm-build-rule);
    background: rgba(7, 12, 17, .5);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .gm-matchup-context.gm-matchup-single {
    grid-template-columns: 1fr;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column {
    border-color: var(--gm-build-rule);
    border-radius: 12px;
    background: rgba(10, 15, 21, .82) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column > header {
    min-height: 64px;
    padding: 13px 15px;
    background: rgba(18, 26, 34, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column > div {
    display: block;
    padding: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column article {
    padding: 0;
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column article > small {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column article > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    gap: 6px;
    margin: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-matchup-context .build-guide-matchup-column article a {
    min-width: 0;
    padding: 5px;
    border-color: var(--gm-build-rule);
    border-radius: 8px;
    background: rgba(7, 12, 17, .82);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-disclaimer {
    order: 3;
    margin: 0;
    padding: 14px 20px;
    border-top: 1px solid var(--gm-build-rule);
    background: rgba(15, 22, 29, .72);
    color: var(--gm-faint);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish [hidden][aria-hidden="true"] {
    display: none !important;
}

.gm-build-language-snapshot {
    position: fixed;
    z-index: 38;
    top: var(--gm-language-snapshot-top);
    left: var(--gm-language-snapshot-left);
    width: var(--gm-language-snapshot-width);
    height: var(--gm-language-snapshot-height);
    overflow: hidden;
    pointer-events: none;
    contain: layout paint style;
    background: #070c11;
}

.gm-build-language-snapshot > .build-detail-page {
    width: 100%;
    margin: 0;
    animation: none !important;
}

.gm-build-language-snapshot *,
.gm-build-language-snapshot *::before,
.gm-build-language-snapshot *::after {
    animation-play-state: paused !important;
    transition: none !important;
}

html.gm-build-language-changing {
    scroll-behavior: auto !important;
}

@media (max-width: 1180px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail {
        grid-template-columns: minmax(150px, .65fr) minmax(280px, 1.35fr);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail > [data-builds-updated] {
        grid-column: 1 / -1;
        max-width: none;
        margin-top: -14px;
        padding-bottom: 10px;
        text-align: left;
    }
}

@media (max-width: 1040px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-group > div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 15px 14px 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-source-rail-label {
        margin-bottom: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs {
        width: 100%;
        min-height: 50px;
        padding: 0;
        border: 1px solid var(--gm-build-rule);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button {
        min-height: 48px;
        padding-inline: 8px;
        white-space: normal;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail > [data-builds-updated] {
        grid-column: auto;
        margin: 9px 0 0;
        padding: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-panel .build-source-intro {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 13px 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-head {
        align-items: stretch;
        padding: 18px 16px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-source.gm-meta-date {
        min-width: 0;
        justify-content: flex-start;
        padding: 8px 0 0;
        border-top: 1px solid rgba(98, 207, 223, .16);
        border-left: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-panels {
        padding-inline: 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs {
        grid-template-columns: repeat(4, minmax(124px, 1fr));
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position {
        grid-template-columns: 1fr;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position > header {
        border-right: 0;
        border-bottom: 1px solid var(--gm-build-rule);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dl > div {
        padding: 13px 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine .build-champion-skins {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        scroll-padding-inline: 1px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card {
        min-width: min(76vw, 260px);
        scroll-snap-align: start;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-section-head {
        padding: 18px 16px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .build-guide-counter-groups,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-panel > .gm-matchup-context {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label strong {
        text-align: left;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-ability-panel.gm-has-ability-readout {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-ability-panel:has(.gm-ability-readout) {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div:nth-child(2n),
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div:nth-child(2n) {
        border-right: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression ul,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics ul,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-effects ul {
        grid-template-columns: 1fr;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body {
        grid-template-columns: 1fr;
        grid-template-areas:
            'summary'
            'effects'
            'narrative'
            'mechanics';
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-summary,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-metrics,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-progression,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-effects,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-dossier-body > .gm-ability-mechanics:not(.gm-ability-effects) {
        grid-column: 1;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression {
        border-right: 0;
        border-bottom: 1px solid rgba(126, 165, 181, .12);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector {
        align-items: flex-start;
        flex-direction: column;
        gap: 9px;
        padding: 13px 12px;
        border-right: 0;
        border-bottom: 1px solid rgba(126, 165, 181, .13);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector > div {
        display: flex;
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
        scrollbar-width: thin;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector button {
        flex: 0 0 44px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail {
        padding: 14px 13px 16px;
    }
}

@media (max-width: 420px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        padding-block: 11px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary {
        grid-template-columns: 1fr;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div {
        min-height: 54px;
        border-right: 0;
        border-bottom: 1px solid rgba(126, 165, 181, .1);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics > div:last-child,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-summary > div:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button {
        transition: none !important;
    }
}

/* Typography contract for the approved /builds detail system. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish {
    --gm-type-min-ui: 12px;
    --gm-type-min-copy: 14px;
    --gm-type-min-input: 16px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-source-rail-label small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail .build-source-tabs button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-build-source-rail > [data-builds-updated],
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-source.gm-meta-date small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-tabs button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-meta-position dt,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-vitrine > div:first-child strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card b,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-ability-tab small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-readout > header > span,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-selector button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail > small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-metrics dt,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-progression li,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics > strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-mechanics li,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-role-tabs button,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-skill-level-number small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-counter-section-label strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > small,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > div span,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item em {
    font-size: var(--gm-type-min-ui);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-skin-card b {
    -webkit-line-clamp: 3;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-copy > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .gm-ability-rank-detail > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-champion-profile > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-section-head > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-counter-item > div > p,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish .build-guide-disclaimer {
    font-size: var(--gm-type-min-copy);
    line-height: 1.55;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish input,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish select,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-build-detail-polish textarea {
    font-size: var(--gm-type-min-input);
}


/* ===== Approved GM Stars unified theme: current-theme-trail ===== */
/*
 * Unified GM signal trail. One restrained segment follows every
 * side of the three primary heroes without relying on hover.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section :where(
    .home-featured-profile,
    .builds-index-page .builds-hero,
    .oprift-profile-card
) {
    position: relative;
    isolation: isolate;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero::after,
html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile::after,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::before {
    content: "";
    position: absolute;
    z-index: 8;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: block;
    width: 108px;
    height: 2px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, rgba(232, 161, 31, .08) 12%, var(--rift-portal-gold) 34%, #fff4c4 48%, #e5fdff 57%, var(--rift-portal-cyan) 75%, transparent 100%);
    box-shadow: 0 0 6px rgba(232, 161, 31, .46), 0 0 12px rgba(98, 207, 223, .28);
    offset-anchor: center;
    offset-distance: 3%;
    offset-rotate: auto;
    opacity: .96;
    transform: none;
    pointer-events: none;
    will-change: offset-distance, opacity;
    animation: gm-stars-current-perimeter-trail 9.6s linear infinite;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile::after {
    offset-path: inset(1px round 17px);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero::after {
    offset-path: inset(1px round 19px);
    animation-delay: -2.1s;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::before {
    offset-path: inset(1px round 13px);
    animation-delay: -4.2s;
}

@keyframes gm-stars-current-perimeter-trail {
    0% { offset-distance: 3%; opacity: .64; }
    5%, 94% { opacity: .96; }
    100% { offset-distance: 103%; opacity: .64; }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::before {
        width: 72px;
        box-shadow: 0 0 5px rgba(232, 161, 31, .40), 0 0 9px rgba(98, 207, 223, .22);
        animation-duration: 8.8s;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero::after {
        offset-path: inset(1px round 16px);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::before {
        offset-path: inset(1px round 10px);
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::before {
        animation: none;
        offset-distance: 14%;
        opacity: .78;
        will-change: auto;
    }
}

@supports not (offset-path: inset(1px round 1px)) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .builds-index-page .builds-hero::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section .home-featured-profile::after,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::before {
        top: -1px;
        left: 7%;
        offset-path: none;
        animation: none;
        opacity: .82;
        will-change: auto;
    }
}

/* Profile disclosure: keep the two long statistical dossiers compact by default. */
html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) {
    scroll-margin-top: 76px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) > :where(.oprift-seasons-head, .oprift-complete-stats-head) {
    min-height: 0 !important;
    padding: 0 !important;
    border-bottom: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) > header .oprift-accordion-heading {
    width: 100%;
    min-width: 0;
    margin: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) > header .oprift-accordion-heading::before {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger {
    width: 100%;
    min-height: 56px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 11px;
    padding: 0 16px 0 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--rift-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger:hover {
    background: linear-gradient(90deg, rgba(98, 207, 223, .055), rgba(232, 161, 31, .025));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger:focus-visible {
    outline: 2px solid var(--rift-cyan);
    outline-offset: -3px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) .oprift-accordion-trigger .oprift-accordion-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    overflow: hidden;
    color: var(--rift-text) !important;
    font-family: var(--rift-display);
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-title::before {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) {
    --accordion-plate-accent: var(--gm-cyan);
    --accordion-plate-accent-end: rgba(98, 207, 223, .08);
    position: relative;
    isolation: isolate;
    border: 1px solid rgba(137, 177, 194, .22) !important;
    border-left-color: rgba(98, 207, 223, .62) !important;
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .07), transparent 11rem),
        linear-gradient(135deg, rgba(24, 33, 43, .98), rgba(13, 19, 26, .98)) !important;
    box-shadow:
        0 12px 24px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-complete-stats-panel {
    --accordion-plate-accent: var(--gm-gold);
    --accordion-plate-accent-end: rgba(232, 161, 31, .08);
    border-left-color: rgba(232, 161, 31, .70) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) > :is(.oprift-seasons-head, .oprift-complete-stats-head) {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, transparent 47%, rgba(232, 161, 31, .76) 48% 50%, transparent 51%) 100% 0 / 38px 38px no-repeat,
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .07), transparent 11rem),
        linear-gradient(135deg, rgba(24, 33, 43, .98), rgba(13, 19, 26, .98)) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) > :is(.oprift-seasons-head, .oprift-complete-stats-head)::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 72px;
    height: 4px;
    background: linear-gradient(90deg, var(--accordion-plate-accent), var(--accordion-plate-accent-end));
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) > :is(.oprift-seasons-head, .oprift-complete-stats-head) > * {
    position: relative;
    z-index: 1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
) .oprift-accordion-chevron {
    background: rgba(8, 14, 20, .94);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger .oprift-current-season-badge {
    min-height: 24px;
    color: var(--rift-gold) !important;
    font-size: 11px !important;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-chevron {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(137, 177, 194, .18);
    border-radius: 7px;
    background: rgba(6, 10, 15, .32);
    color: var(--rift-cyan) !important;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-chevron svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .18s ease;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger[aria-expanded="true"] .oprift-accordion-chevron svg {
    transform: rotate(180deg);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
    .oprift-seasons-panel,
    .oprift-complete-stats-panel
).is-open > header {
    border-bottom: 1px solid rgba(137, 177, 194, .16);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview [data-profile-accordion-content][hidden] {
    display: none !important;
}

@media (max-width: 600px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
        .oprift-seasons-panel,
        .oprift-complete-stats-panel
    ) {
        scroll-margin-top: 70px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger {
        min-height: 52px;
        gap: 8px;
        padding-inline: 13px 11px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview :where(
        .oprift-seasons-panel,
        .oprift-complete-stats-panel
    ) .oprift-accordion-trigger .oprift-accordion-title {
        gap: 9px;
        font-size: 13px !important;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-trigger .oprift-current-season-badge {
        min-height: 22px;
        padding-inline: 7px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-chevron {
        width: 28px;
        height: 28px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-accordion-chevron svg {
        transition: none;
    }
}

/* Match report: one tactical lens for scoreboard, runes and combat evidence. */
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-drawer {
    --match-report-paper: #0d1117;
    --match-report-raised: #151a21;
    --match-report-line: rgba(139, 180, 197, .17);
    --match-report-line-strong: rgba(139, 180, 197, .28);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar {
    position: relative;
    min-height: 68px;
    padding: 10px 16px 10px 48px;
    border-bottom: 1px solid var(--match-report-line-strong);
    background:
        linear-gradient(90deg, rgba(98, 207, 223, .055), transparent 28%, transparent 72%, rgba(232, 161, 31, .04)),
        #151a21;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar::before {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--gm-cyan), rgba(98, 207, 223, .08) 34%, rgba(232, 161, 31, .12) 66%, var(--gm-gold));
    content: "";
    opacity: .8;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar > div > strong {
    font-family: var(--rift-display);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .025em;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar > div > span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-capture-status {
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.35;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tabs {
    border-color: var(--match-report-line-strong);
    border-radius: 8px;
    background: rgba(5, 9, 14, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tab {
    color: #878f9c;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tab:hover {
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tab.active {
    background:
        linear-gradient(130deg, rgba(232, 161, 31, .14), rgba(98, 207, 223, .055)),
        #11161d;
    color: var(--gm-gold-bright);
    box-shadow: inset 0 0 0 1px rgba(232, 161, 31, .28);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tab[aria-selected="true"]::after {
    background: linear-gradient(90deg, var(--gm-gold), var(--gm-cyan));
    box-shadow: 0 0 10px rgba(98, 207, 223, .22);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-tables {
    gap: 12px;
    padding: 12px;
    background: #0c1015;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block {
    --match-team-accent: var(--gm-cyan);
    --match-team-soft: rgba(98, 207, 223, .075);
    border-color: var(--match-report-line-strong);
    border-radius: 10px;
    background: var(--match-report-paper);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .02);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block.enemy {
    --match-team-accent: #f06a76;
    --match-team-soft: rgba(240, 106, 118, .075);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block > header {
    min-height: 50px;
    padding: 9px 14px;
    border-color: var(--match-report-line);
    background:
        linear-gradient(90deg, var(--match-team-soft), transparent 34%),
        var(--match-report-raised);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-heading > strong {
    color: var(--match-team-accent) !important;
    font-family: var(--rift-ui);
    font-size: 14px;
    font-weight: 850;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-heading > b {
    border-color: rgba(98, 207, 223, .34);
    border-color: color-mix(in srgb, var(--match-team-accent) 34%, transparent);
    background: var(--match-team-soft);
    color: var(--match-team-accent);
    font-family: var(--rift-ui);
    font-size: 11px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals span,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals small {
    color: #9299a5;
    font-family: var(--rift-ui);
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-totals span b {
    color: #e9edf2;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-card {
    --match-team-accent: inherit;
    --match-team-soft: inherit;
    border-color: var(--match-report-line);
    background: #10151b;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-card:nth-child(even) {
    background: #12171e;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-card.is-current-player {
    background:
        linear-gradient(90deg, rgba(232, 161, 31, .12), rgba(98, 207, 223, .045) 34%, transparent 66%),
        #121820;
    box-shadow: inset 4px 0 0 var(--gm-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-identity {
    border-color: var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-identity strong {
    color: #f0f3f6;
    font-family: var(--rift-ui);
    font-size: 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-identity small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-data-label {
    color: #858d99;
    font-family: var(--rift-ui);
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-view-score .match-detail-score strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-view-score .match-detail-gold strong {
    color: #eef2f5;
    font-size: 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-view-score .match-detail-score em {
    color: #ff7580;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-button {
    border-color: var(--match-report-line-strong);
    background: #090e14;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-button:hover {
    border-color: var(--match-team-accent);
    background: var(--match-team-soft);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-button.is-selected {
    border-color: rgba(232, 161, 31, .66);
    background: linear-gradient(145deg, rgba(232, 161, 31, .16), rgba(98, 207, 223, .045));
    box-shadow: inset 0 -2px 0 var(--gm-gold), 0 0 0 1px rgba(232, 161, 31, .08);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-icon {
    border-color: rgba(232, 161, 31, .24);
    background: #080d12;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail {
    border-color: var(--match-report-line-strong);
    border-left-color: var(--gm-gold);
    background:
        linear-gradient(125deg, rgba(232, 161, 31, .055), transparent 36%),
        #0a0f14;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-kicker {
    color: var(--match-team-accent);
    font-family: var(--rift-ui);
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-name {
    color: #f0f3f6;
    font-family: var(--rift-display);
    font-size: 17px;
    font-weight: 500;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-summary {
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-summary,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-description,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-list li,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-empty {
    font-family: var(--rift-ui);
    font-size: 13px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-section {
    border-color: var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-section > h4,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-section > strong {
    color: #dce2e8;
    font-family: var(--rift-ui);
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-metric {
    border-color: var(--match-report-line);
    background: #0a0f14;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-metric-label {
    color: #929aa6;
    font-family: var(--rift-ui);
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-metric-value {
    color: #f0f3f6;
    font-family: var(--rift-display);
    font-size: 16px;
    font-weight: 500;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-metric-track {
    background: rgba(255, 255, 255, .065);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-metric-fill {
    background: var(--match-team-accent);
    background: linear-gradient(90deg, var(--match-team-accent), color-mix(in srgb, var(--match-team-accent) 54%, var(--gm-gold)));
}

@media (max-width: 620px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar {
        min-height: 0;
        padding: 12px 12px 12px 44px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-toolbar::before {
        left: 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tabs {
        order: 3;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-detail-view-tab {
        min-height: 46px;
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-tables {
        padding: 8px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-team-block > header {
        padding: 11px 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-card {
        border-radius: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-player-identity {
        background: linear-gradient(90deg, var(--match-team-soft), transparent 70%);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-detail-name {
        font-size: 16px;
    }
}

/* Runes and combat share the same framed language as the score overview. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis) {
    position: relative;
    isolation: isolate;
    border-color: rgba(137, 177, 194, .22);
    background:
        radial-gradient(circle at 0 0, rgba(98, 207, 223, .10), transparent 17rem),
        linear-gradient(155deg, rgba(255, 255, 255, .026), transparent 38%),
        rgba(7, 13, 18, .82);
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .38),
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 12px 26px rgba(0, 0, 0, .14);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis)::before {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 18px;
    width: 82px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--gm-cyan), rgba(98, 207, 223, .12));
    content: '';
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis)::after {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 11px;
    width: 38px;
    height: 2px;
    background: linear-gradient(90deg, rgba(232, 161, 31, .25), var(--gm-gold));
    content: '';
    pointer-events: none;
    transform: rotate(-45deg);
    transform-origin: right center;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis) > .match-special-view-header {
    min-height: 58px;
    padding: 10px 18px;
    border-bottom-color: rgba(137, 177, 194, .16);
    background: linear-gradient(90deg, rgba(98, 207, 223, .055), transparent 38%, rgba(232, 161, 31, .035));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis) > .match-special-view-header small {
    color: #72d7e7;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis) > .match-special-view-header strong {
    color: #eef4f6;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis) > .match-special-view-header > span {
    padding-right: 34px;
    color: #a4adb7;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-roster,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-reports {
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-roster.allied {
    border-right-color: rgba(98, 207, 223, .18);
    background: linear-gradient(90deg, rgba(98, 207, 223, .045), transparent 84%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-roster.enemy {
    border-left-color: rgba(240, 106, 118, .18);
    background: linear-gradient(270deg, rgba(240, 106, 118, .04), transparent 84%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-list {
    border-color: rgba(137, 177, 194, .17);
    background: rgba(5, 10, 15, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result {
    border-top-color: rgba(137, 177, 194, .13);
    background: rgba(8, 15, 21, .40);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-trigger,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-metrics {
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-trigger {
    border-right-color: rgba(137, 177, 194, .13);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-categories {
    width: min(calc(100% - 28px), 580px);
    max-width: none;
    margin: 9px auto;
    padding: 3px;
    border-color: rgba(137, 177, 194, .18);
    background: rgba(5, 10, 15, .52);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-categories button {
    min-height: 36px;
    border-radius: 6px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-categories button.active {
    border-color: rgba(232, 161, 31, .34);
    background: linear-gradient(110deg, rgba(232, 161, 31, .15), rgba(98, 207, 223, .055));
    box-shadow: inset 0 -2px 0 rgba(98, 207, 223, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-category-panels {
    min-height: 0;
    padding: 0 10px 10px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team {
    --match-team-border: rgba(98, 207, 223, .30);
    --match-team-edge: rgba(98, 207, 223, .48);
    position: relative;
    isolation: isolate;
    border-color: var(--match-team-border);
    background:
        radial-gradient(circle at 0 0, rgba(98, 207, 223, .075), transparent 10rem),
        rgba(8, 15, 21, .46);
    box-shadow: inset 3px 0 0 var(--match-team-edge), inset 0 1px 0 rgba(255, 255, 255, .035);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team.enemy {
    --match-team-border: rgba(240, 106, 118, .28);
    --match-team-edge: rgba(240, 106, 118, .46);
    background:
        radial-gradient(circle at 0 0, rgba(240, 106, 118, .07), transparent 10rem),
        rgba(8, 15, 21, .46);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team::after {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 9px;
    width: 28px;
    height: 1px;
    background: var(--gm-gold);
    content: '';
    opacity: .78;
    pointer-events: none;
    transform: rotate(-45deg);
    transform-origin: right center;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team > header {
    min-height: 40px;
    border-bottom-color: rgba(137, 177, 194, .16);
    background: linear-gradient(90deg, color-mix(in srgb, var(--match-team-accent) 9%, transparent), transparent 68%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team > header > :where(strong, span) {
    padding-block: 6px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-table-body > .match-combat-table-row {
    border-top-color: rgba(137, 177, 194, .12);
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-table-body > .match-combat-table-row:nth-child(even) {
    background: rgba(255, 255, 255, .014);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-cell {
    border-left-color: rgba(137, 177, 194, .12);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-share-track {
    height: 3px;
    background: rgba(255, 255, 255, .055);
}

@media (min-width: 1100px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-analysis {
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr);
        height: 497px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-category-panels,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-category-panel,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-table-body {
        min-height: 0;
        height: 100%;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-category-panel {
        align-items: stretch;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-team {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-table-body {
        display: grid;
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-table-body > .match-combat-table-row,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-cell {
        min-height: 0;
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(.match-runes-analysis, .match-combat-analysis) > .match-special-view-header > span {
        padding-right: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-categories {
        width: calc(100% - 20px);
    }
}

/* Neutral team comparison: readable, separated and aligned with the light glass plates. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison {
    position: relative;
    isolation: isolate;
    border-color: rgba(137, 177, 194, .22);
    background:
        radial-gradient(circle at 0 0, rgba(98, 207, 223, .10), transparent 17rem),
        radial-gradient(circle at 100% 0, rgba(240, 106, 118, .075), transparent 17rem),
        linear-gradient(155deg, rgba(255, 255, 255, .028), transparent 38%),
        rgba(7, 13, 18, .82);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .045),
        inset 3px 0 0 rgba(98, 207, 223, .34),
        0 12px 26px rgba(0, 0, 0, .14);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison::before {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 18px;
    left: 18px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(98, 207, 223, .92), rgba(98, 207, 223, .18) 34%, rgba(232, 161, 31, .72) 50%, rgba(240, 106, 118, .18) 66%, rgba(240, 106, 118, .86));
    content: '';
    opacity: .72;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison > header {
    min-height: 58px;
    padding: 10px 18px;
    border-bottom-color: rgba(137, 177, 194, .16);
    background: linear-gradient(90deg, rgba(98, 207, 223, .045), transparent 34%, rgba(240, 106, 118, .035));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison > header > div:first-child {
    gap: 4px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison > header > div:first-child strong {
    color: #eef4f6;
    font-size: 14px !important;
    line-height: 1.15;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison > header > div:first-child span {
    color: #a4adb7;
    font-size: 12px !important;
    line-height: 1.2;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend {
    gap: 10px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 12px !important;
    font-weight: 750;
    line-height: 1 !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend span:first-child {
    background: rgba(98, 207, 223, .075);
    color: #81ddec;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend span:last-child {
    background: rgba(240, 106, 118, .07);
    color: #ff7783;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend i {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    background: none;
    color: #707986;
    font-size: 9px !important;
    font-style: normal;
    font-weight: 800;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend i::after {
    content: 'VS';
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid > div {
    min-height: 78px;
    gap: 8px;
    padding: 12px 20px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid > div + div {
    border-left-color: rgba(137, 177, 194, .15);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid > div > span {
    color: #a5aeba;
    font-size: 12px !important;
    line-height: 1 !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid p {
    gap: 11px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid p strong,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid p b {
    font-size: 18px !important;
    line-height: 1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison-grid p i {
    color: #7c8591;
    font-size: 10px !important;
}

@media (min-width: 1100px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-list {
        margin-top: 0;
    }
}

@media (max-width: 620px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-comparison > header {
        gap: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-legend {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-button {
        transition: none;
    }
}

/* Match history v8: post-match evidence follows the in-game hierarchy. */
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-score-view {
    display: grid;
    gap: 12px;
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(.match-score-view, .match-special-view)[hidden],
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-report[hidden],
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-category-panel[hidden] {
    display: none !important;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--match-report-line-strong);
    border-radius: 12px;
    background: #090e14;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view.match-runes-analysis {
    overflow: visible;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 66px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--match-report-line);
    background:
        linear-gradient(90deg, rgba(98, 207, 223, .07), transparent 34%, rgba(232, 161, 31, .035)),
        #121820;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header > div {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header strong {
    display: block;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header small {
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .075em;
    line-height: 1.2;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header strong {
    margin-top: 4px;
    color: #f1f4f7;
    font-family: var(--rift-display);
    font-size: clamp(17px, 1.35vw, 21px);
    font-weight: 500;
    line-height: 1.08;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header > span {
    max-width: 470px;
    color: #949ca8;
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.45;
    text-align: right;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-runes-analysis .match-special-view-header {
    gap: 14px;
    min-height: 54px;
    padding: 9px 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-runes-analysis .match-special-view-header strong {
    margin-top: 3px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-runes-workspace {
    display: grid;
    grid-template-columns: minmax(164px, .48fr) minmax(430px, 1.8fr) minmax(164px, .48fr);
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster {
    min-width: 0;
    padding: 10px;
    background: #0d1218;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.allied {
    border-right: 1px solid var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy {
    border-left: 1px solid var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster > h4 {
    margin: 0 0 6px;
    color: var(--gm-cyan);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy > h4 {
    color: #f06a76;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 7px;
    width: 100%;
    min-height: 48px;
    margin-top: 3px;
    padding: 5px 6px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #dce2e8;
    text-align: left;
    cursor: pointer;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player:hover:not(:disabled) {
    border-color: rgba(98, 207, 223, .25);
    background: rgba(98, 207, 223, .055);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy .match-rune-player:hover:not(:disabled) {
    border-color: rgba(240, 106, 118, .25);
    background: rgba(240, 106, 118, .055);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player.is-selected {
    border-color: rgba(232, 161, 31, .48);
    background: linear-gradient(90deg, rgba(232, 161, 31, .14), rgba(98, 207, 223, .045));
    box-shadow: inset 3px 0 0 var(--gm-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player:disabled {
    cursor: default;
    opacity: .38;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player:focus-visible,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger:focus-visible,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories button:focus-visible {
    outline: 2px solid var(--gm-cyan);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-champion,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-champion,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-champion {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border: 1px solid rgba(98, 207, 223, .28);
    border-radius: 9px;
    background: #080d12;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-champion {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-champion {
    width: 34px;
    height: 34px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy .match-rune-player-champion,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team.enemy .match-combat-champion {
    border-color: rgba(240, 106, 118, .3);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(.match-rune-player-champion, .match-rune-report-champion, .match-combat-champion) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-copy {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-copy strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-copy small {
    display: block;
    overflow: hidden;
    font-family: var(--rift-ui);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-copy strong {
    color: #eef2f5;
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-copy small {
    margin-top: 1px;
    color: #7f8996;
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-mini-loadout {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    gap: 2px;
    min-height: 15px;
    padding-left: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-mini-icon {
    width: 15px;
    height: 15px;
    overflow: hidden;
    border: 1px solid rgba(232, 161, 31, .22);
    border-radius: 50%;
    background: #070b10;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-mini-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-reports {
    min-width: 0;
    padding: 10px 12px 12px;
    background:
        radial-gradient(circle at 50% -10%, rgba(98, 207, 223, .07), transparent 42%),
        #090e14;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player-report {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 46px;
    padding: 0 2px 8px;
    border-bottom: 1px solid var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header > div {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header > div > span {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header :where(small, strong, em) {
    display: block;
    overflow: hidden;
    font-family: var(--rift-ui);
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header small {
    color: var(--gm-cyan);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header strong {
    margin-top: 1px;
    color: #f2f5f7;
    font-size: 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header em {
    margin-top: 1px;
    color: #8993a0;
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header > b {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid var(--match-report-line);
    border-radius: 999px;
    color: #929ba7;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 750;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-capture-note {
    display: grid;
    gap: 3px;
    margin: 8px 0 0;
    padding: 8px 10px;
    border-left: 2px solid var(--gm-gold);
    background: rgba(232, 161, 31, .065);
    color: #a5adb7;
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.4;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-capture-note strong {
    color: var(--gm-gold-bright);
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-list {
    display: grid;
    gap: 0;
    margin: 8px 0 0;
    padding: 0;
    border: 1px solid var(--match-report-line);
    border-radius: 10px;
    background: #0b1117;
    list-style: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result {
    position: relative;
    display: grid;
    grid-template-columns: minmax(210px, .88fr) minmax(230px, 1.12fr);
    min-width: 0;
    min-height: 72px;
    border-top: 1px solid var(--match-report-line);
    background: #0d141b;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result:first-child {
    border-top: 0;
    border-radius: 9px 9px 0 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result:last-child {
    border-radius: 0 0 9px 9px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result.has-no-metrics {
    grid-template-columns: minmax(0, 1fr);
    min-height: 66px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result.has-no-metrics .match-rune-result-trigger {
    min-height: 64px;
    border-right: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result.has-no-metrics .match-rune-result-metrics {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-width: 0;
    min-height: 70px;
    padding: 7px 12px;
    border: 0;
    border-right: 1px solid var(--match-report-line);
    background: rgba(7, 12, 17, .36);
    color: #e8edf1;
    text-align: left;
    cursor: pointer;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger:hover,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger[aria-expanded="true"] {
    background: linear-gradient(90deg, rgba(232, 161, 31, .105), rgba(98, 207, 223, .035));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger .match-rune-icon {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(98, 207, 223, .22), 0 6px 18px rgba(0, 0, 0, .32);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-identity {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-identity :where(strong, em) {
    display: block;
    overflow: hidden;
    font-family: var(--rift-ui);
    font-style: normal;
    text-overflow: ellipsis;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-identity strong {
    color: #d8c58e;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .018em;
    line-height: 1.18;
    text-transform: uppercase;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-identity em {
    display: -webkit-box;
    margin-top: 3px;
    color: #8f99a5;
    font-size: 12px;
    line-height: 1.25;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metrics {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    gap: 4px;
    min-width: 0;
    padding: 8px 14px;
    background: rgba(5, 10, 15, .26);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-missing {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
    padding: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-missing small {
    overflow: hidden;
    color: #9aa3ad;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 720;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric strong,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-missing strong {
    color: #e8e1c8;
    font-family: var(--rift-ui);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-missing {
    grid-template-columns: max-content minmax(0, 1fr);
    justify-content: center;
    opacity: .72;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-missing strong {
    color: #626c78;
    text-align: left;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-tooltip {
    position: absolute;
    z-index: 24;
    top: calc(100% + 8px);
    right: 12px;
    left: 62px;
    display: grid;
    gap: 6px;
    max-height: min(360px, 58vh);
    overflow: auto;
    padding: 12px 14px;
    border: 1px solid rgba(232, 161, 31, .5);
    border-radius: 9px;
    background: #080d13;
    box-shadow: 0 20px 52px rgba(0, 0, 0, .64), inset 3px 0 0 rgba(98, 207, 223, .62);
    color: #aab2bc;
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.45;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    visibility: hidden;
    transition: opacity 140ms ease, transform 140ms ease, visibility 140ms linear;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result:nth-last-child(-n + 2) .match-rune-result-tooltip {
    top: auto;
    bottom: calc(100% + 8px);
    transform: translateY(4px);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger:hover .match-rune-result-tooltip,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger:focus-visible .match-rune-result-tooltip,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result.is-tooltip-open .match-rune-result-tooltip {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-kicker,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-name,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-description,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-empty {
    display: block;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-kicker {
    color: var(--gm-cyan);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-name {
    color: var(--gm-gold-bright);
    font-size: 14px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview :where(.match-rune-tooltip-description, .match-rune-tooltip-stats, .match-rune-tooltip-empty) {
    margin: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-effects {
    display: grid;
    gap: 7px;
    margin: 2px 0 0;
    padding: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-effect {
    display: grid;
    gap: 2px;
    padding-top: 7px;
    border-top: 1px solid var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-effects strong {
    color: #e4e8ec;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-effects small,
html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-stats span {
    color: #7e8995;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-tooltip-stats span {
    padding: 3px 6px;
    border: 1px solid var(--match-report-line);
    border-radius: 4px;
    background: rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    max-width: 620px;
    margin: 12px auto;
    padding: 4px;
    border: 1px solid var(--match-report-line);
    border-radius: 9px;
    background: #070c11;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories button {
    min-height: 44px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #8e97a3;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
    cursor: pointer;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories button:hover {
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories button.active {
    border-color: rgba(232, 161, 31, .32);
    background: linear-gradient(120deg, rgba(232, 161, 31, .14), rgba(98, 207, 223, .045));
    color: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-category-panels {
    padding: 0 12px 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-category-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team {
    --match-team-accent: var(--gm-cyan);
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--match-report-line);
    border-radius: 9px;
    background: #0d1319;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team.enemy {
    --match-team-accent: #f06a76;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-row {
    display: grid;
    grid-template-columns: minmax(145px, .95fr) repeat(2, minmax(100px, .75fr));
    align-items: center;
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team > header {
    min-height: 46px;
    border-bottom: 1px solid var(--match-report-line-strong);
    background: linear-gradient(90deg, color-mix(in srgb, var(--match-team-accent) 9%, transparent), transparent 64%);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team > header > :where(strong, span) {
    min-width: 0;
    padding: 8px 10px;
    color: #8d97a3;
    font-family: var(--rift-ui);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team > header > strong {
    color: var(--match-team-accent);
    letter-spacing: .05em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team > header > span {
    border-left: 1px solid var(--match-report-line);
    text-align: right;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-body > .match-combat-table-row {
    min-height: 62px;
    border-top: 1px solid var(--match-report-line);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-body > .match-combat-table-row:first-child {
    border-top: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-body > .match-combat-table-row:nth-child(even) {
    background: rgba(255, 255, 255, .012);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-row.is-current-player {
    background: linear-gradient(90deg, rgba(232, 161, 31, .13), transparent 70%) !important;
    box-shadow: inset 3px 0 0 var(--gm-gold);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-row.is-pending {
    opacity: .42;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-player {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 10px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-champion {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 8px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-player > span {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-player :where(strong, small) {
    display: block;
    overflow: hidden;
    font-family: var(--rift-ui);
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-player strong {
    color: #edf1f4;
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-player small {
    margin-top: 2px;
    color: #7f8995;
    font-size: 12px;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell {
    display: grid;
    align-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 62px;
    padding: 8px 10px;
    border-left: 1px solid var(--match-report-line);
    text-align: right;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell > span {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell strong {
    overflow: hidden;
    color: #f1f4f6;
    font-family: var(--rift-display);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    text-overflow: ellipsis;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell small {
    color: var(--match-team-accent);
    font-family: var(--rift-ui);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-share-track {
    display: block;
    width: 100%;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-share-track > b {
    display: block;
    width: var(--match-stat-width, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--match-team-accent), color-mix(in srgb, var(--match-team-accent) 58%, #fff));
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell.is-unavailable {
    justify-items: end;
    color: #707a86;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell.is-unavailable small {
    display: block;
    color: #707a86;
}

html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team > footer {
    min-height: 36px;
    padding: 9px 10px;
    border-top: 1px solid var(--match-report-line);
    color: #7f8995;
    font-family: var(--rift-ui);
    font-size: 12px;
    line-height: 1.35;
}

@media (max-width: 860px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-runes-workspace {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.allied,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy {
        border: 0;
        border-bottom: 1px solid var(--match-report-line);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy {
        border-left: 1px solid var(--match-report-line);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-reports {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 980px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-category-panel {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header {
        display: grid;
        gap: 7px;
        padding: 13px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-special-view-header > span {
        max-width: none;
        text-align: left;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-runes-analysis .match-special-view-header {
        gap: 7px;
        min-height: 0;
        padding: 10px 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-runes-workspace {
        display: flex;
        flex-direction: column;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster {
        display: grid;
        grid-template-columns: repeat(5, minmax(118px, 1fr));
        gap: 6px;
        overflow-x: auto;
        padding: 10px;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster > h4 {
        position: sticky;
        left: 0;
        grid-column: 1 / -1;
        margin: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-roster.enemy {
        order: 2;
        border-top: 1px solid var(--match-report-line);
        border-left: 0;
        border-bottom: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-reports {
        order: 1;
        padding: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-player {
        margin: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result {
        grid-template-columns: minmax(180px, .9fr) minmax(190px, 1.1fr);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metrics {
        min-height: 62px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-category-panels {
        padding: 0 8px 8px;
    }
}

@media (max-width: 520px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header {
        align-items: flex-start;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-report-header > b {
        max-width: 108px;
        text-align: center;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result {
        grid-template-columns: minmax(148px, .88fr) minmax(164px, 1.12fr);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 9px;
        padding: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger .match-rune-icon {
        width: 48px;
        height: 48px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-identity strong {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-identity em,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric small {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric small {
        overflow: visible;
        line-height: 1.2;
        text-overflow: clip;
        white-space: normal;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metrics {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        padding: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric {
        grid-template-columns: minmax(0, 1fr) max-content;
        gap: 7px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metric strong {
        font-size: 13px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-tooltip {
        right: 8px;
        left: 8px;
        max-height: min(340px, 52vh);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories {
        width: calc(100% - 16px);
        margin-block: 8px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-categories button {
        min-width: 0;
        padding-inline: 6px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-table-row {
        grid-template-columns: minmax(105px, .9fr) repeat(2, minmax(82px, .68fr));
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-team > header > :where(strong, span),
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-player,
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-cell {
        padding-inline: 7px;
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-combat-champion {
        display: none;
    }
}

@media (max-width: 380px) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result {
        grid-template-columns: minmax(0, 1fr);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-trigger {
        min-height: 64px;
        border-right: 0;
        border-bottom: 1px solid var(--match-report-line);
    }

    html.gm-stars-rift-redesign.gm-stars-profile-preview .match-rune-result-metrics {
        min-height: 0;
        padding: 8px 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-profile-preview :where(.match-rune-player, .match-rune-result-trigger, .match-combat-categories button) {
        transition: none;
    }
}

/* Unified competitive season: queue cards select one shared statistical dossier. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-main > .oprift-competitive-panel {
    order: 2;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-main > .oprift-history-panel {
    order: 3;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-panel {
    --competitive-accent: var(--gm-cyan);
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .22) !important;
    border-left-color: rgba(98, 207, 223, .62) !important;
    border-radius: 13px;
    background:
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .07), transparent 11rem),
        linear-gradient(135deg, rgba(24, 33, 43, .98), rgba(13, 19, 26, .98)) !important;
    box-shadow:
        0 12px 24px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-head {
    position: relative;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border-bottom: 0;
    background:
        linear-gradient(135deg, transparent 47%, rgba(232, 161, 31, .76) 48% 50%, transparent 51%) 100% 0 / 38px 38px no-repeat,
        radial-gradient(circle at 100% 0, rgba(98, 207, 223, .07), transparent 11rem),
        linear-gradient(135deg, rgba(24, 33, 43, .98), rgba(13, 19, 26, .98)) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-head::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 72px;
    height: 4px;
    background: linear-gradient(90deg, var(--gm-cyan), rgba(98, 207, 223, .08));
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-head::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(98, 207, 223, .55), rgba(232, 161, 31, .32), transparent 78%);
    opacity: 0;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-panel.is-open > .oprift-competitive-head::after {
    opacity: 1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-head .oprift-accordion-heading {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    margin: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-head .oprift-accordion-heading::before {
    display: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-head .oprift-accordion-chevron {
    background: rgba(8, 14, 20, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-body {
    padding: 14px;
    background: rgba(8, 13, 18, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab {
    --queue-accent: var(--gm-cyan);
    --queue-accent-soft: rgba(98, 207, 223, .10);
    --queue-active-border: rgba(98, 207, 223, .56);
    position: relative;
    min-width: 0;
    min-height: 146px;
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 14px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .18);
    border-radius: 11px;
    background:
        radial-gradient(circle at 100% 0, var(--queue-accent-soft), transparent 10rem),
        linear-gradient(135deg, rgba(22, 31, 40, .96), rgba(12, 18, 24, .96));
    color: var(--rift-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    opacity: .72;
    transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab.legendary {
    --queue-accent: var(--gm-gold);
    --queue-accent-soft: rgba(232, 161, 31, .10);
    --queue-active-border: rgba(232, 161, 31, .56);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--queue-accent), transparent 72%);
    opacity: .58;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab:is(:hover, .is-active) {
    border-color: var(--queue-active-border);
    border-color: color-mix(in srgb, var(--queue-accent) 56%, transparent);
    opacity: 1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab.is-active {
    box-shadow:
        inset 3px 0 0 var(--queue-accent),
        0 12px 24px rgba(0, 0, 0, .18),
        0 0 22px var(--queue-accent-soft);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab:focus-visible {
    outline: 2px solid var(--queue-accent);
    outline-offset: 2px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank {
    min-width: 0;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank .oprift-rank-art.compact {
    width: 54px;
    height: 54px;
    border: 0;
    background: transparent;
    filter: drop-shadow(0 7px 10px rgba(0, 0, 0, .30));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank > span:last-child {
    min-width: 0;
    display: grid;
    gap: 2px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank small {
    overflow: hidden;
    color: var(--queue-accent);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .055em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank strong {
    overflow: hidden;
    color: var(--rift-text);
    font-family: var(--rift-display);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank em {
    overflow: hidden;
    color: var(--rift-muted);
    font-family: var(--rift-ui);
    font-size: 11px;
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics {
    display: grid;
    grid-template-columns: .72fr 1.3fr .8fr .62fr;
    padding-top: 11px;
    border-top: 1px solid rgba(137, 177, 194, .16);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics > span {
    min-width: 0;
    display: grid;
    gap: 3px;
    padding-inline: 10px;
    border-left: 1px solid rgba(137, 177, 194, .13);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics > span:first-child {
    padding-left: 0;
    border-left: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics > span:last-child {
    padding-right: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics small {
    overflow: hidden;
    color: #7f8994;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics strong {
    overflow: hidden;
    color: #f0f2f5;
    font-family: var(--rift-display);
    font-size: 15px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .16);
    border-radius: 11px;
    background: rgba(7, 12, 17, .70);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details .oprift-queue-stats {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 20px;
    padding: 16px;
    overflow: visible;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details .oprift-queue-stats[hidden] {
    display: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details .oprift-queue-stats::before {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details .oprift-queue-stats.is-empty {
    min-height: 116px;
    display: grid;
    place-items: center;
    color: var(--rift-muted);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group {
    min-width: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-stat-section-label {
    margin-top: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-achievement-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-performance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
}

@media (max-width: 1080px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details .oprift-queue-stats {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-body {
        padding: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tabs {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab {
        min-height: 138px;
        padding: 13px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-rank .oprift-rank-art.compact {
        width: 48px;
        height: 48px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics small {
        font-size: 9px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-tab-metrics strong {
        font-size: 13px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details .oprift-queue-stats {
        padding: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-achievement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab {
        transition: none;
    }
}

/* The selected queue drives one consistent visual language across the dossier. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-panel {
    --competitive-detail-accent: var(--gm-cyan);
    --competitive-detail-accent-soft: rgba(98, 207, 223, .08);
    --competitive-detail-border: rgba(98, 207, 223, .24);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-panel[data-active-queue="legendary"] {
    --competitive-detail-accent: var(--gm-gold);
    --competitive-detail-accent-soft: rgba(232, 161, 31, .08);
    --competitive-detail-border: rgba(232, 161, 31, .24);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-details {
    border-color: rgba(137, 177, 194, .16);
    background: rgba(7, 12, 17, .72);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-stat-section-label {
    color: var(--competitive-detail-accent);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-stat-section-label::after {
    background: rgba(137, 177, 194, .16);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group :is(.oprift-achievement-grid, .oprift-performance-grid) {
    gap: 1px;
    margin-top: 8px;
    overflow: hidden;
    border: 0;
    border-radius: 7px;
    background: rgba(137, 177, 194, .12);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group :is(.oprift-achievement-grid, .oprift-performance-grid) > div {
    min-width: 0;
    min-height: 54px;
    display: grid;
    align-content: center;
    gap: 3px;
    padding: 9px 11px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: rgba(9, 14, 20, .92);
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group :is(.oprift-achievement-grid, .oprift-performance-grid) > div::before {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group :is(.oprift-achievement-grid, .oprift-performance-grid) strong {
    overflow: hidden;
    color: var(--rift-text);
    font-family: var(--rift-display);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group :is(.oprift-achievement-grid, .oprift-performance-grid) span {
    overflow: hidden;
    color: #858f9a;
    font-family: var(--rift-ui);
    font-size: 10px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-performance-grid > div strong {
    order: 1;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-performance-grid > div span {
    order: 2;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-detail-group .oprift-performance-grid > div:last-child {
    grid-column: 1 / -1;
}

/* Profile header: retain the perimeter signal while matching the competitive plates. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card {
    border-color: rgba(137, 177, 194, .24);
    background: rgba(10, 16, 22, .94);
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .32),
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 20px 52px rgba(0, 0, 0, .28);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-card::after {
    background:
        radial-gradient(ellipse 34% 110% at 4% 42%, rgba(98, 207, 223, .10), transparent 72%),
        radial-gradient(ellipse 30% 80% at 96% 4%, rgba(232, 161, 31, .07), transparent 72%),
        linear-gradient(90deg, rgba(7, 12, 17, .96) 0%, rgba(7, 12, 17, .80) 35%, rgba(7, 12, 17, .36) 69%, rgba(7, 12, 17, .68) 100%),
        linear-gradient(0deg, rgba(7, 12, 17, .90), transparent 72%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-accent {
    position: absolute;
    z-index: 7;
    inset: 0;
    display: block;
    border-radius: inherit;
    background:
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .92) 48% 50%, transparent 52%) 100% 0 / 42px 42px no-repeat,
        linear-gradient(180deg, rgba(98, 207, 223, .88), rgba(98, 207, 223, .22) 62%, transparent 100%) 0 13px / 3px 116px no-repeat,
        linear-gradient(100deg, rgba(98, 207, 223, .88) 0 34px, rgba(98, 207, 223, .42) 35px 96px, transparent 97px) 0 0 / 138px 3px no-repeat,
        radial-gradient(circle at 0 20%, rgba(98, 207, 223, .15), transparent 112px);
    opacity: .82;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-metrics > .oprift-profile-metric {
    border-color: rgba(222, 244, 250, .13);
    background: rgba(12, 20, 27, .56);
    background:
        radial-gradient(circle at 12% -22%, rgba(255, 255, 255, .13), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, .055), transparent 34%),
        rgba(12, 20, 27, .56);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(0, 0, 0, .22),
        0 10px 24px rgba(0, 0, 0, .10);
    -webkit-backdrop-filter: blur(10px) saturate(116%) !important;
    backdrop-filter: blur(10px) saturate(116%) !important;
}

/* Competitive selectors reuse the same restrained glass as the profile metrics. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab {
    background: rgba(12, 20, 27, .56);
    background:
        radial-gradient(circle at 10% -18%, rgba(255, 255, 255, .10), transparent 40%),
        radial-gradient(circle at 100% 0, var(--queue-accent-soft), transparent 10rem),
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 34%),
        rgba(12, 20, 27, .56);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        0 12px 26px rgba(0, 0, 0, .10);
    -webkit-backdrop-filter: blur(9px) saturate(114%);
    backdrop-filter: blur(9px) saturate(114%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-competitive-queue-tab.is-active {
    box-shadow:
        inset 3px 0 0 var(--queue-accent),
        inset 0 1px 0 rgba(255, 255, 255, .12),
        0 12px 26px rgba(0, 0, 0, .14),
        0 0 18px var(--queue-accent-soft);
}

/* Sidebar cards share the cyan left anchor and gold right cut of the main plates. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel) {
    position: relative;
    isolation: isolate;
    border-color: rgba(137, 177, 194, .20);
    background:
        radial-gradient(circle at 0 4%, rgba(98, 207, 223, .08), transparent 9rem),
        linear-gradient(145deg, rgba(18, 27, 35, .96), rgba(10, 16, 22, .96));
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .30),
        inset 0 1px 0 rgba(255, 255, 255, .03),
        0 16px 34px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel)::before,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel)::after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    display: block;
    border-radius: inherit;
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel)::before {
    background:
        linear-gradient(180deg, rgba(98, 207, 223, .74), rgba(98, 207, 223, .14) 58%, transparent 100%) 0 12px / 2px 78px no-repeat,
        linear-gradient(100deg, rgba(98, 207, 223, .76) 0 26px, rgba(98, 207, 223, .30) 27px 68px, transparent 69px) 0 0 / 92px 2px no-repeat;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel)::after {
    background: linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .80) 48% 50%, transparent 52%) 100% 0 / 34px 34px no-repeat;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel) > header {
    background: rgba(15, 23, 30, .58) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent),
        rgba(15, 23, 30, .58) !important;
    -webkit-backdrop-filter: blur(9px) saturate(112%);
    backdrop-filter: blur(9px) saturate(112%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel) > header h2::before {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champions-grid {
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champion-card {
    border: 1px solid rgba(222, 244, 250, .08);
    background: rgba(12, 20, 27, .48);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 36%),
        rgba(12, 20, 27, .48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
    -webkit-backdrop-filter: blur(7px) saturate(110%);
    backdrop-filter: blur(7px) saturate(110%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champion-card + .champion-card {
    margin-top: 4px;
}

/*
 * Continuous glass surfaces: the sidebar reads as one instrument panel instead
 * of several opaque cards nested inside another card.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel) {
    background: rgba(10, 18, 24, .56) !important;
    background:
        radial-gradient(circle at 0 0, rgba(98, 207, 223, .11), transparent 11rem),
        linear-gradient(155deg, rgba(255, 255, 255, .045), transparent 42%),
        rgba(10, 18, 24, .56) !important;
    -webkit-backdrop-filter: blur(14px) saturate(118%);
    backdrop-filter: blur(14px) saturate(118%);
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .34),
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 16px 34px rgba(0, 0, 0, .18);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :is(.oprift-rank-panel, .oprift-champions-panel) > header {
    background: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-rank-panel :is(.oprift-rank-block, .oprift-record) {
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-rank-panel .oprift-record {
    border-top-color: rgba(222, 244, 250, .10);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champions-grid {
    background: transparent !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champion-card {
    border: 0;
    border-bottom: 1px solid rgba(222, 244, 250, .085);
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champion-card + .champion-card {
    margin-top: 0;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-champions-panel .champion-card:hover {
    background: rgba(125, 211, 225, .045) !important;
}

/* Match history header uses the same cyan anchor, gold cut and restrained glass. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-history-panel {
    border-color: rgba(137, 177, 194, .20);
    background: rgba(7, 13, 18, .72);
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .34),
        0 16px 34px rgba(0, 0, 0, .16);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-history-head {
    background: rgba(14, 23, 30, .56) !important;
    background:
        radial-gradient(circle at 0 0, rgba(98, 207, 223, .10), transparent 13rem),
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .72) 48% 50%, transparent 52%) 100% 0 / 34px 34px no-repeat,
        linear-gradient(180deg, rgba(255, 255, 255, .04), transparent),
        rgba(14, 23, 30, .56) !important;
    -webkit-backdrop-filter: blur(13px) saturate(116%);
    backdrop-filter: blur(13px) saturate(116%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .065);
}

/* Closed match disclosures continue the same glass language as the profile. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-history-panel .match-list {
    background: transparent !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-entry {
    border-color: rgba(137, 177, 194, .15);
    background: rgba(7, 13, 18, .48);
    -webkit-backdrop-filter: blur(12px) saturate(114%);
    backdrop-filter: blur(12px) saturate(114%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .055),
        0 8px 18px rgba(0, 0, 0, .10);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.victory {
    border-left-color: var(--gm-cyan);
    background: rgba(10, 18, 24, .52) !important;
    background:
        linear-gradient(90deg, rgba(51, 162, 182, .13), transparent 45%),
        linear-gradient(180deg, rgba(255, 255, 255, .035), transparent 42%),
        rgba(10, 18, 24, .52) !important;
    -webkit-backdrop-filter: blur(12px) saturate(114%);
    backdrop-filter: blur(12px) saturate(114%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.defeat {
    border-left-color: var(--gm-red);
    background: rgba(18, 12, 17, .54) !important;
    background:
        linear-gradient(90deg, rgba(239, 102, 116, .12), transparent 45%),
        linear-gradient(180deg, rgba(255, 255, 255, .028), transparent 42%),
        rgba(18, 12, 17, .54) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item:hover,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.victory:hover {
    background:
        linear-gradient(90deg, rgba(51, 162, 182, .18), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, .05), transparent 44%),
        rgba(12, 21, 28, .60) !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.defeat:hover {
    background:
        linear-gradient(90deg, rgba(239, 102, 116, .17), transparent 48%),
        linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 44%),
        rgba(21, 14, 19, .62) !important;
}

/*
 * Desktop scoreboard: the two teams face one another in a compact blue/red
 * board. Mobile keeps the proven stacked reading order below this breakpoint.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-layout.has-expanded-match {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main" "sidebar";
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-layout.has-expanded-match .oprift-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1100px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-score-view {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-score-view > .match-team-comparison {
        grid-column: 1 / -1;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block {
        --match-team-border: rgba(98, 207, 223, .34);
        --match-team-edge: rgba(98, 207, 223, .54);
        --match-team-fade: rgba(98, 207, 223, .18);
        position: relative;
        isolation: isolate;
        min-width: 0;
        border-color: var(--match-team-border);
        background: rgba(8, 15, 21, .58);
        background:
            radial-gradient(circle at 0 0, var(--match-team-soft), transparent 11rem),
            linear-gradient(155deg, rgba(255, 255, 255, .035), transparent 40%),
            rgba(8, 15, 21, .58);
        -webkit-backdrop-filter: blur(13px) saturate(116%);
        backdrop-filter: blur(13px) saturate(116%);
        box-shadow:
            inset 3px 0 0 var(--match-team-edge),
            inset 0 1px 0 rgba(255, 255, 255, .055),
            0 12px 24px rgba(0, 0, 0, .14);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block.enemy {
        --match-team-border: rgba(240, 106, 118, .32);
        --match-team-edge: rgba(240, 106, 118, .52);
        --match-team-fade: rgba(240, 106, 118, .17);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block::before,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block::after {
        content: "";
        position: absolute;
        z-index: 4;
        inset: 0;
        border-radius: inherit;
        pointer-events: none;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block::before {
        background: linear-gradient(100deg, var(--match-team-accent) 0 24px, var(--match-team-fade) 25px 64px, transparent 65px) 0 0 / 88px 2px no-repeat;
        opacity: .78;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block::after {
        background: linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .72) 48% 50%, transparent 52%) 100% 0 / 30px 30px no-repeat;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block > header {
        min-height: 46px;
        padding: 7px 11px;
        background: transparent;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-heading,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-totals {
        gap: 6px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-totals {
        flex-wrap: wrap;
        row-gap: 2px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-card,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-card:nth-child(even) {
        grid-template-columns: minmax(122px, .78fr) minmax(0, 2.22fr);
        border-color: rgba(222, 244, 250, .085);
        background: transparent;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-card.is-current-player {
        background: linear-gradient(90deg, rgba(232, 161, 31, .11), var(--match-team-soft) 48%, transparent 84%);
        box-shadow: inset 3px 0 0 var(--gm-gold);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-identity {
        gap: 7px;
        padding: 8px 7px 8px 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-champ-icon,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-placeholder-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-identity strong {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-identity small,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-data-label {
        font-size: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-evidence {
        padding: 7px 8px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score {
        grid-template-columns: 54px 58px minmax(166px, 1fr) 60px;
        gap: 5px;
        min-height: 48px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-data-label {
        margin-bottom: 4px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-score strong,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-gold strong {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-asset-icon {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 5px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-spells > div,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-items > div {
        gap: 3px;
    }
}

@media (max-width: 820px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-layout.has-expanded-match .oprift-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }
}

/*
 * Profile performance pass: retain the glass appearance without asking the
 * browser to blur every repeated history row. The static galaxy and deferred
 * off-screen rows keep scrolling responsive while the perimeter trail remains.
 */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview body::after {
    animation: none;
    opacity: .68;
    transform: none;
    will-change: auto;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-entry,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.victory,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-item.defeat {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview :where(
    .oprift-profile-metric,
    .oprift-competitive-queue-tab,
    .oprift-rank-panel,
    .oprift-champions-panel,
    .oprift-history-head,
    .match-team-block
) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-metrics > .oprift-profile-metric {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-entry:not(.is-expanded) {
    content-visibility: auto;
    contain: layout paint style;
    contain-intrinsic-size: auto 82px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-drawer {
    contain: layout style;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-score-view,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-combat-analysis {
    contain: layout paint style;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-runes-analysis {
    contain: layout style;
}

/* Wide scoreboards use their available track space instead of leaning left. */
@media (min-width: 1360px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-card,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-card:nth-child(even) {
        grid-template-columns: minmax(180px, .82fr) minmax(0, 2.18fr);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-team-block > header {
        padding-inline: 18px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-identity {
        padding-inline: 18px 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-evidence {
        padding-inline: 14px 18px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score {
        grid-template-columns:
            minmax(58px, .55fr)
            minmax(58px, .52fr)
            minmax(166px, 1.75fr)
            minmax(66px, .58fr);
        column-gap: 6px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score > div {
        min-width: 0;
        justify-self: stretch;
        text-align: center;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-gold {
        box-sizing: border-box;
        padding-right: 4px;
        text-align: right;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-spells,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-items {
        justify-items: center;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-spells > div,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-player-view-score .match-detail-items > div {
        flex-wrap: nowrap;
        justify-content: center;
    }
}

/* Keep the rune dossier level with the five-row match summary on desktop. */
@media (min-width: 1100px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-runes-analysis {
        --match-rune-desktop-height: 497px;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        height: var(--match-rune-desktop-height);
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-runes-workspace {
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-roster,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-reports {
        height: 100%;
        min-height: 0;
        overflow-y: hidden;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-roster {
        display: flex;
        flex-direction: column;
        padding-block: 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-roster .match-rune-player {
        flex: 1 1 0;
        min-height: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-reports {
        padding: 8px 10px 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-player-report {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-header {
        min-height: 46px;
        padding: 0 2px 7px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-champion {
        width: 34px;
        height: 34px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-header small {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-header strong {
        font-size: 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-header em,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-header > b {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-report-header > b {
        padding: 4px 8px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-list {
        grid-auto-rows: minmax(68px, 1fr);
        flex: 1 1 auto;
        min-height: 0;
        margin-top: 6px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result.has-no-metrics {
        min-height: 68px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-trigger,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result.has-no-metrics .match-rune-result-trigger {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 10px;
        min-height: 66px;
        padding: 6px 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-trigger .match-rune-icon {
        width: 46px;
        height: 46px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-identity strong {
        font-size: 14px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-identity em,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-metric small,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-missing small {
        font-size: 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-metrics {
        gap: 3px;
        padding: 7px 12px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-metric strong,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-rune-result-missing strong {
        font-size: 14px;
    }
}

/* Compact match-report masthead with a self-contained local icon. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(calc(100% - 28px), 980px);
    min-height: 52px;
    margin: 12px auto 0;
    padding: 8px 14px;
    border: 1px solid var(--match-report-line-strong);
    border-radius: 10px;
    background:
        linear-gradient(100deg, rgba(98, 207, 223, .075), transparent 36%, rgba(232, 161, 31, .045)),
        rgba(13, 19, 26, .92);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 20px rgba(0, 0, 0, .14);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar::before {
    display: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar::after {
    right: 12px;
    left: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar-icon {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(98, 207, 223, .28);
    border-radius: 8px;
    background: linear-gradient(145deg, rgba(98, 207, 223, .14), rgba(98, 207, 223, .035));
    color: #75d4e4;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar-icon svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.55;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar > div {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

@media (max-width: 620px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar {
        width: calc(100% - 16px);
        min-height: 0;
        margin-top: 8px;
        padding: 8px 10px;
    }

    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-detail-toolbar-icon {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
    }
}

/* Final surface precedence for the two report dossiers. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-special-view.match-runes-analysis,
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .match-special-view.match-combat-analysis {
    border-color: rgba(137, 177, 194, .22);
    background:
        radial-gradient(circle at 0 0, rgba(98, 207, 223, .10), transparent 17rem),
        linear-gradient(155deg, rgba(255, 255, 255, .026), transparent 38%),
        rgba(7, 13, 18, .82);
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .38),
        inset 0 1px 0 rgba(255, 255, 255, .045),
        0 12px 26px rgba(0, 0, 0, .14);
}

/* ==========================================================================
   Remaining /rift surfaces — the same tactical dossier, never /rift/builds
   ========================================================================== */

html.gm-stars-rift-redesign.gm-stars-rift-section .rift-state-dossier {
    position: relative;
    isolation: isolate;
    border-color: rgba(137, 177, 194, .24);
    background-color: rgba(9, 15, 21, .94);
    box-shadow:
        inset 3px 0 0 rgba(98, 207, 223, .52),
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 16px 38px rgba(0, 0, 0, .20);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .rift-state-dossier::before {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 18px;
    width: min(220px, 28%);
    height: 3px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(90deg, var(--gm-cyan-bright), rgba(98, 207, 223, .12));
    content: "";
    pointer-events: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .rift-state-dossier::after {
    position: absolute;
    z-index: 6;
    top: 10px;
    right: 11px;
    width: 42px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gm-gold));
    content: "";
    transform: rotate(-45deg);
    transform-origin: right center;
    pointer-events: none;
}

/* Search dropdown states use the same compact glass-lite language as results. */
html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state {
    display: grid;
    justify-items: center;
    gap: 7px;
    min-height: 108px;
    padding: 19px 16px 17px;
    background:
        linear-gradient(135deg, rgba(98, 207, 223, .06), transparent 44%),
        rgba(9, 14, 20, .96);
    color: var(--gm-muted);
    text-align: center;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state.is-compact {
    min-height: 74px;
    align-content: center;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state-mark {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(98, 207, 223, .58);
    background: rgba(98, 207, 223, .08);
    box-shadow: inset 0 0 0 4px rgba(5, 10, 15, .92);
    transform: rotate(45deg);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state.is-loading .search-results-state-mark {
    border-top-color: var(--gm-gold);
    animation: gm-rift-state-spin 1.1s linear infinite;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state.is-error .search-results-state-mark {
    border-color: rgba(239, 102, 116, .7);
    background: rgba(239, 102, 116, .08);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state strong {
    color: var(--gm-text);
    font-size: 12px;
    line-height: 1.35;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state small {
    color: var(--gm-faint);
    font-size: 11px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state .retry-btn {
    min-height: 34px;
    margin-top: 4px;
    padding: 0 13px;
    font-size: 11px;
}

@keyframes gm-rift-state-spin { to { transform: rotate(405deg); } }

/* Error screens: shorter and denser than the legacy full-canvas presentation. */
html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem.rift-state-dossier {
    grid-template-columns: 210px minmax(0, 1fr);
    width: min(100%, 980px);
    min-height: 390px;
    gap: clamp(34px, 5vw, 68px);
    margin: clamp(28px, 5vw, 64px) auto;
    padding: clamp(42px, 5vw, 64px);
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .24);
    border-radius: 17px;
    background:
        linear-gradient(135deg, rgba(98, 207, 223, .07), transparent 38%),
        radial-gradient(circle at 90% 84%, rgba(232, 161, 31, .06), transparent 21rem),
        rgba(9, 15, 21, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark {
    width: 174px;
    height: 174px;
    align-self: center;
    justify-self: center;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark svg {
    position: relative;
    z-index: 2;
    width: 54px;
    height: 54px;
    fill: none;
    stroke: var(--gm-cyan-bright);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.35;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem[data-state="not_found"] .lookup-problem-mark svg,
html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem[data-state="unverified"] .lookup-problem-mark svg {
    stroke: var(--gm-gold-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-copy {
    max-width: 560px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-copy > span {
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem h2 {
    max-width: 540px;
    font-size: clamp(26px, 3.2vw, 42px);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-detail {
    max-width: 500px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem .retry-btn {
    min-height: 42px;
    padding-inline: 17px;
    border-radius: 10px;
}

/* Partial runtime profiles are now a real state, not a generic emoji empty box. */
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile {
    width: min(100%, 1180px);
    margin: clamp(20px, 4vw, 48px) auto;
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .24);
    border-radius: 17px;
    background:
        radial-gradient(circle at 12% 0, rgba(98, 207, 223, .09), transparent 24rem),
        rgba(9, 15, 21, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 112px;
    padding: 22px 28px;
    border-bottom: 1px solid var(--gm-border-soft);
    background: linear-gradient(90deg, rgba(98, 207, 223, .07), transparent 56%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-scan {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(98, 207, 223, .34);
    border-radius: 12px;
    background: rgba(98, 207, 223, .07);
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-scan svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.4;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head span,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-copy > span,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action > span {
    color: var(--gm-cyan-bright);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head h2 {
    margin: 3px 0 1px;
    color: var(--gm-text);
    font-family: var(--rift-display);
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 500;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head p,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-copy p,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action p {
    color: var(--gm-muted);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head > strong {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(232, 161, 31, .28);
    border-radius: 999px;
    color: var(--gm-gold-bright);
    font-size: 11px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head > strong i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--gm-gold);
    box-shadow: 0 0 10px rgba(232, 161, 31, .48);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-body {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .72fr);
    gap: 12px;
    padding: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-copy,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action {
    padding: clamp(24px, 3vw, 36px);
    border: 1px solid var(--gm-border-soft);
    border-radius: 13px;
    background: rgba(7, 12, 17, .66);
    box-shadow: var(--gm-inner-highlight);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-copy h3,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action strong {
    display: block;
    margin: 7px 0;
    color: var(--gm-text);
    font-family: var(--rift-display);
    font-size: clamp(17px, 2vw, 24px);
    font-weight: 500;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-copy > p,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action > p {
    max-width: 670px;
    font-size: 12px;
    line-height: 1.6;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 21px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts > span {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--gm-border-soft);
    border-radius: 9px;
    background: rgba(13, 20, 27, .75);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts small,
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts small { color: var(--gm-faint); font-size: 10px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts b { margin-top: 4px; color: var(--gm-text); font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile .data-freshness {
    margin: 17px 0 0;
    padding: 9px 11px;
    border: 1px solid var(--gm-border-soft);
    border-radius: 8px;
    background: rgba(13, 20, 27, .62);
    color: var(--gm-faint);
    font-size: 11px;
}
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action .retry-btn {
    min-height: 42px;
    margin-top: 18px;
    padding-inline: 17px;
    border-radius: 10px;
}
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action .retry-btn i { margin-left: 8px; font-style: normal; }
html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-action #remoteLookupStatus { min-height: 16px; margin-top: 10px; color: var(--gm-faint); font-size: 11px; }

/* Champion season table receives the same outer plate as the approved profile. */
html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-champions.rift-state-dossier {
    overflow: hidden;
    border: 1px solid rgba(137, 177, 194, .24);
    border-radius: 17px;
    background:
        radial-gradient(circle at 4% 0, rgba(98, 207, 223, .10), transparent 22rem),
        rgba(9, 15, 21, .94);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .oprift-profile-champions > #profileChampionsContent {
    min-width: 0;
    padding-bottom: 18px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-head {
    min-height: 106px;
    padding: 24px 28px;
    border: 0;
    border-bottom: 1px solid var(--gm-border-soft);
    border-radius: 0;
    background: linear-gradient(90deg, rgba(98, 207, 223, .065), transparent 55%);
    box-shadow: none;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-summary {
    margin: 14px 18px 10px;
    overflow: hidden;
    border: 1px solid var(--gm-border-soft);
    border-radius: 11px;
    background: rgba(7, 12, 17, .66);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-summary > div {
    border: 0;
    border-right: 1px solid var(--gm-border-soft);
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-summary > div:last-child { border-right: 0; }

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-table {
    margin: 0 18px;
    overflow: hidden;
    border: 1px solid var(--gm-border-soft);
    border-radius: 11px;
    background: rgba(6, 11, 16, .58);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-columns {
    border-bottom: 1px solid var(--gm-border-soft);
    background: rgba(255, 255, 255, .025);
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-row {
    content-visibility: auto;
    contain-intrinsic-block-size: 68px;
    border: 0;
    border-bottom: 1px solid var(--gm-border-soft);
    border-radius: 0;
    background: transparent;
}

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-row:last-child { border-bottom: 0; }

html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-row:hover {
    background: linear-gradient(90deg, rgba(98, 207, 223, .065), transparent 70%);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champions-empty-icon,
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty-icon {
    display: grid;
    place-items: center;
    border: 1px solid rgba(98, 207, 223, .28);
    background: rgba(98, 207, 223, .07);
    color: var(--gm-cyan-bright);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champions-empty-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    border-radius: 12px;
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-champions-empty-icon svg,
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.4;
}

/* Empty champion/history blocks stay compact inside their parent panels. */
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    min-height: 92px;
    padding: 16px 18px;
    border: 1px solid var(--gm-border-soft);
    border-radius: 11px;
    background: linear-gradient(105deg, rgba(98, 207, 223, .055), transparent 52%), rgba(7, 12, 17, .63);
}

html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty.is-champions { grid-column: 1 / -1; }
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty-icon { width: 42px; height: 42px; border-radius: 10px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty strong { color: var(--gm-text); font-size: 12px; }
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty p { margin-top: 4px; color: var(--gm-muted); font-size: 11px; line-height: 1.5; }

/* Status-only notices have no icon: text must not occupy the 42px icon column. */
html.gm-stars-rift-redesign.gm-stars-rift-section .profile-inline-empty.history-status-notice {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    align-items: start;
}
html.gm-stars-rift-redesign.gm-stars-rift-section .history-status-notice > p {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .rift-state-dossier::before { left: 12px; width: 96px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem.rift-state-dossier {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 22px;
        margin: 16px auto;
        padding: 34px 22px 28px;
    }
    html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark { width: 112px; height: 112px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .lookup-problem-mark svg { width: 38px; height: 38px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head { grid-template-columns: 48px minmax(0, 1fr); padding: 20px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-scan { width: 44px; height: 44px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-head > strong { grid-column: 1 / -1; width: max-content; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-body { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-rift-section .partial-profile-facts { grid-template-columns: 1fr; }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-head { min-height: 0; padding: 22px 18px 18px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-summary,
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-table { margin-inline: 10px; }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champions-table { overflow: hidden; }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-columns { display: none; }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-row {
        min-width: 0;
        min-height: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 13px 8px;
        padding: 13px 12px 15px;
        contain-intrinsic-block-size: 176px;
    }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-identity {
        grid-column: 1 / -1;
        padding-bottom: 11px;
        border-bottom: 1px solid var(--gm-border-soft);
    }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-row > :not(.profile-champion-identity) {
        min-width: 0;
        display: grid;
        gap: 4px;
        justify-content: start;
        font-size: 11px !important;
        text-align: left;
    }
    html.gm-stars-rift-redesign.gm-stars-rift-section.gm-stars-profile-preview .profile-champion-row > :not(.profile-champion-identity)::before {
        content: attr(data-label);
        color: var(--gm-faint);
        font-family: var(--rift-body);
        font-size: 8px;
        font-weight: 750;
        letter-spacing: .055em;
        line-height: 1.2;
        text-transform: uppercase;
    }
}

@media (prefers-reduced-motion: reduce) {
    html.gm-stars-rift-redesign.gm-stars-rift-section .search-results-state.is-loading .search-results-state-mark { animation: none; }
}

/* Equipped cosmetic frames are independent layers, not inferred rank badges. */
html.gm-stars-rift-redesign .has-profile-frame {
    position: relative;
    overflow: visible;
    border-color: transparent;
    border-radius: 50%;
}
html.gm-stars-rift-redesign.gm-stars-rift-section .has-profile-frame.has-profile-icon {
    overflow: visible;
    border-color: transparent;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
}
html.gm-stars-rift-redesign .has-profile-frame > [data-profile-icon-image] {
    position: absolute;
    top: 10%;
    left: 10%;
    border-radius: 50%;
    width: 80%;
    height: 80%;
    object-fit: cover;
}
html.gm-stars-rift-redesign .has-profile-frame > [data-profile-frame-image] {
    position: absolute;
    inset: -8%;
    width: 116%;
    height: 116%;
    object-fit: contain;
    z-index: 4;
    pointer-events: none;
    border-radius: 0;
    background: transparent;
}
html.gm-stars-rift-redesign [data-profile-frame-image][hidden] { display: none; }

/* Motion overlays retain the independent still as a no-WebGL/error fallback. */
html.gm-stars-rift-redesign .profile-motion-canvas {
    position: absolute; inset: 0; width: 100%; height: 100%;
    pointer-events: none; background: transparent; z-index: 3; border-radius: inherit;
}
html.gm-stars-rift-redesign .has-profile-frame > .profile-motion-avatar {
    inset: 10%; width: 80%; height: 80%; border-radius: 50%;
}
html.gm-stars-rift-redesign .profile-motion-canvas.profile-motion-frame {
    inset: -66%; width: 232%; height: 232%; z-index: 5; border-radius: 0;
}
html.gm-stars-rift-redesign .has-profile-frame > [data-profile-frame-image].profile-motion-frame-fallback {
    inset: -66%; width: 232%; height: 232%;
}
html.gm-stars-rift-redesign .profile-motion-video {
    position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;
}

/* Rift's competitive panel framing surrounds the approved seasonal pennants. */
html.gm-stars-rift-redesign .profile-seasons {
    --season-gold: #dcc38a; --season-brass: #8f794c; --season-cyan: #62cfdf;
    --season-surface: #101d26; --season-ink: #e8edf1; --season-muted: #a4b0ba;
    position: relative; isolation: isolate; overflow: hidden;
    border: 1px solid var(--rift-portal-border); border-radius: 16px;
    background: var(--rift-portal-surface-soft);
    box-shadow: inset 3px 0 0 rgba(98, 207, 223, .30), 0 16px 34px rgba(0, 0, 0, .18);
    color: var(--season-ink); font-family: var(--rift-ui);
}
html.gm-stars-rift-redesign .profile-seasons[hidden] { display: none; }
html.gm-stars-rift-redesign .profile-seasons-head {
    position: relative; isolation: isolate; overflow: hidden;
    padding: 24px 32px 24px 54px; border-bottom: 1px solid rgba(98, 207, 223, .14);
    border-radius: 15px 15px 0 0;
    background:
        linear-gradient(135deg, transparent 46%, rgba(232, 161, 31, .52) 47% 49%, transparent 50%) 100% 0 / 42px 42px no-repeat,
        radial-gradient(circle at 82% 0, rgba(98, 207, 223, .09), transparent 44%),
        linear-gradient(90deg, rgba(98, 207, 223, .075), transparent 44%),
        linear-gradient(135deg, rgba(26, 34, 44, .93), rgba(13, 18, 24, .94));
    box-shadow: inset 0 -1px 0 rgba(232, 161, 31, .08), inset 0 1px 0 rgba(255, 255, 255, .025);
}
html.gm-stars-rift-redesign .profile-seasons-head::before {
    content: ""; position: absolute; inset: 0 auto 0 0; width: 30px; pointer-events: none;
    background: linear-gradient(180deg, rgba(98, 207, 223, .48), rgba(39, 100, 113, .25) 68%, rgba(232, 161, 31, .13));
    clip-path: polygon(0 0, 100% 0, 45% 100%, 0 100%);
}
html.gm-stars-rift-redesign .profile-seasons-head > div { position: relative; z-index: 1; min-width: 0; }
html.gm-stars-rift-redesign .profile-seasons-watermark {
    position: absolute; z-index: 0; right: 22px; bottom: -8px; pointer-events: none;
    color: transparent; opacity: .16; -webkit-text-stroke: 1px rgba(98, 207, 223, .36);
    font: 400 clamp(38px, 5vw, 70px)/.9 var(--rift-brand); text-transform: uppercase;
}
html.gm-stars-rift-redesign .profile-seasons-kicker { color: var(--rift-portal-gold); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
html.gm-stars-rift-redesign .profile-seasons-head h2 { margin: 8px 0 10px; color: var(--rift-portal-text); font: 400 clamp(22px, 2vw, 29px)/1.15 var(--rift-brand); letter-spacing: .035em; text-transform: uppercase; }
html.gm-stars-rift-redesign .profile-seasons-head p { margin: 0; color: var(--rift-portal-muted); font-size: 14px; line-height: 1.6; }
html.gm-stars-rift-redesign .profile-seasons button:disabled { opacity: .48; cursor: default; }
html.gm-stars-rift-redesign .profile-season-status { padding: 12px 32px; border-bottom: 1px solid var(--rift-portal-border-soft); color: var(--rift-portal-muted); font-size: 12px; line-height: 1.5; }
html.gm-stars-rift-redesign .profile-season-status.is-error { color: #f0be78; }
html.gm-stars-rift-redesign .profile-season-notice,
html.gm-stars-rift-redesign .profile-season-validation { padding: 12px 32px; margin: 0; background: rgba(98, 207, 223, .045); color: var(--rift-portal-muted); font-size: 12px; line-height: 1.6; }
html.gm-stars-rift-redesign .profile-season-body { padding: 0 32px 24px; }
html.gm-stars-rift-redesign .season-vault { position: relative; margin: 0 -32px 30px; padding: 22px 32px 30px; background: radial-gradient(ellipse at 50% 90%, #52422345, transparent 65%), linear-gradient(180deg, #111b22, #080f15); border-bottom: 1px solid #5c513630; }
html.gm-stars-rift-redesign .season-vault-year { display: flex; align-items: center; justify-content: center; gap: 30px; margin-bottom: 24px; text-align: center; }
html.gm-stars-rift-redesign .season-vault-year > div { min-width: 190px; }
html.gm-stars-rift-redesign .season-vault-year span { display: block; color: var(--season-muted); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
html.gm-stars-rift-redesign .season-vault-year h3 { margin: 8px 0 0; color: var(--season-gold); font-family: var(--rift-brand); font-size: 27px; letter-spacing: .08em; }
html.gm-stars-rift-redesign .season-year-arrow { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #7a694644; border-radius: 50%; background: transparent; color: var(--season-gold); font: 32px/1 var(--rift-ui); cursor: pointer; }
html.gm-stars-rift-redesign .season-year-arrow:hover:not(:disabled) { border-color: var(--season-gold); background: #282619; }
html.gm-stars-rift-redesign .season-vault-banners { display: grid; grid-template-columns: repeat(var(--season-columns), minmax(0, 1fr)); gap: 14px; max-width: 1140px; margin: auto; }
html.gm-stars-rift-redesign .season-banner {
    position: relative; isolation: isolate; min-width: 0; padding: 22px 14px 0;
    border: 1px solid #72633f; border-radius: 12px 12px 26px 26px;
    background: radial-gradient(ellipse at 50% 58%, #19415155, transparent 72%), linear-gradient(180deg, #0a121a 0%, #14232d 100%);
    text-align: center; box-shadow: inset 0 0 0 4px #080f15, inset 0 0 0 5px #61553855;
}
html.gm-stars-rift-redesign .season-banner::before { content: ""; pointer-events: none; position: absolute; z-index: -1; inset: 88px 14% 68px; border: 1px solid #89989518; border-radius: 50% 50% 42% 42%; transform: scaleX(.85); box-shadow: 0 0 0 12px #89989507, 0 0 0 25px #89989505; }
html.gm-stars-rift-redesign .season-banner.is-selected { border-color: var(--season-gold); background: radial-gradient(ellipse at 50% 50%, #79603555, transparent 72%), linear-gradient(180deg, #242318, #17242a 78%); box-shadow: inset 0 0 0 4px #080f15, inset 0 0 0 5px #c1a56570, 0 8px 30px #0005; }
html.gm-stars-rift-redesign .season-banner-hit { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; background: transparent; cursor: pointer; }
html.gm-stars-rift-redesign .season-banner:has(.season-banner-hit:hover) { border-color: var(--season-gold); }
html.gm-stars-rift-redesign .season-banner > header > span { color: var(--season-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
html.gm-stars-rift-redesign .season-banner.is-selected > header > span { color: var(--season-gold); }
html.gm-stars-rift-redesign .season-banner h4 { margin: 8px 0 0; font: 600 clamp(14px, 1.6vw, 21px)/1.3 var(--rift-ui); color: var(--season-ink); }
html.gm-stars-rift-redesign .season-banner > footer { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 42px; margin-top: 22px; border-top: 1px solid #95825355; color: var(--season-muted); font-size: 10px; }
html.gm-stars-rift-redesign .season-banner > footer span { color: var(--season-brass); font-size: 6px; }
html.gm-stars-rift-redesign .season-banner.is-selected > footer { color: var(--season-gold); }
html.gm-stars-rift-redesign .profile-season-showcase { margin: 0; }
html.gm-stars-rift-redesign .profile-season-demo { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.gm-stars-rift-redesign .profile-season-peak { display: flex; flex-direction: column; align-items: center; min-width: 0; }
html.gm-stars-rift-redesign .profile-season-peak .oprift-rank-art { width: 138px; height: 158px; margin: 6px 0; filter: drop-shadow(0 8px 18px #0007); }
html.gm-stars-rift-redesign .profile-season-peak .oprift-rank-art img { width: 100%; height: 100%; object-fit: contain; }
html.gm-stars-rift-redesign .profile-season-peak > div { min-width: 0; }
html.gm-stars-rift-redesign .profile-season-showcase h3 { margin: 0 0 6px; color: var(--season-muted); font: 500 10px/1.5 var(--rift-ui); letter-spacing: .07em; text-transform: uppercase; }
html.gm-stars-rift-redesign .profile-season-peak strong { color: var(--season-gold); font: 600 17px/1.3 var(--rift-ui); overflow-wrap: anywhere; }
html.gm-stars-rift-redesign .profile-season-peak p { min-height: 18px; margin: 6px 0 0; color: var(--season-muted); font-size: 11px; line-height: 1.5; }
html.gm-stars-rift-redesign .profile-season-rank-missing { display: grid; place-items: center; width: 138px; height: 158px; margin: 6px 0; color: #677d864d; font-size: 62px; }
html.gm-stars-rift-redesign .profile-season-winrate { margin-top: 20px; }
html.gm-stars-rift-redesign .profile-season-winrate > strong { display: block; color: var(--season-ink); font: 600 24px/1.3 var(--rift-ui); font-variant-numeric: tabular-nums; }
html.gm-stars-rift-redesign .profile-season-winrate > span { display: block; margin-top: 5px; color: var(--season-muted); font-size: 11px; }
html.gm-stars-rift-redesign .profile-season-context { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
html.gm-stars-rift-redesign .profile-season-context > span { color: var(--season-ink); font-weight: 600; font-size: 19px; }
html.gm-stars-rift-redesign .profile-season-context small { align-self: center; color: var(--season-muted); font-size: 11px; }
html.gm-stars-rift-redesign .profile-season-queues { display: flex; gap: 8px; margin-bottom: 22px; border-bottom: 1px solid #344249; }
html.gm-stars-rift-redesign .profile-season-queues button { min-height: 38px; padding: 4px 0 14px; border: 0; border-bottom: 2px solid var(--season-gold); background: transparent; color: var(--season-gold); font: 600 12px var(--rift-ui); cursor: pointer; }
html.gm-stars-rift-redesign .profile-seasons button:focus-visible,
html.gm-stars-rift-redesign .oprift-profile-tabs button:focus-visible { outline: 2px solid var(--season-cyan, #62cfdf); outline-offset: 3px; }
html.gm-stars-rift-redesign .season-statistics-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px 32px; }
html.gm-stars-rift-redesign .profile-season-group { margin: 0; min-width: 0; }
html.gm-stars-rift-redesign .profile-season-group h3 { margin: 0 0 14px; color: var(--season-muted); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
html.gm-stars-rift-redesign .profile-season-group dl { display: grid; margin: 0; }
html.gm-stars-rift-redesign .profile-season-group dl > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 0; min-width: 0; border-bottom: 1px solid #26373e; }
html.gm-stars-rift-redesign .profile-season-group dt { color: var(--season-muted); font-size: 13px; line-height: 1.4; }
html.gm-stars-rift-redesign .profile-season-group dd { margin: 0; color: var(--season-ink); font: 600 20px/1.3 var(--rift-ui); font-variant-numeric: tabular-nums; }
html.gm-stars-rift-redesign .profile-season-group.is-record { grid-column: 1 / -1; padding: 20px 24px; background: #14232c; border-block: 1px solid #51637266; }
html.gm-stars-rift-redesign .profile-season-group.is-record h3 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
html.gm-stars-rift-redesign .profile-season-group.is-record dl { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
html.gm-stars-rift-redesign .profile-season-group.is-record dl > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; border: 0; padding: 0 20px; border-right: 1px solid #51637266; }
html.gm-stars-rift-redesign .profile-season-group.is-record dl > div:first-child { padding-left: 0; }
html.gm-stars-rift-redesign .profile-season-group.is-record dl > div:last-child { border: 0; }
html.gm-stars-rift-redesign .profile-season-group.is-record dd { color: var(--season-ink); font-family: var(--rift-brand); font-size: 27px; }
html.gm-stars-rift-redesign .profile-season-group:last-child dl { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
html.gm-stars-rift-redesign .profile-season-group:last-child dd { color: var(--season-gold); }
html.gm-stars-rift-redesign .profile-season-empty { grid-column: 1 / -1; padding: 26px; border: 1px dashed #334750; border-radius: 8px; line-height: 1.6; }
html.gm-stars-rift-redesign .profile-season-empty p,
html.gm-stars-rift-redesign .profile-season-footnote { color: var(--season-muted); font-size: 12px; line-height: 1.6; }
html.gm-stars-rift-redesign .profile-season-validation { margin-top: 24px; background: transparent; padding: 12px 0 0; }
html.gm-stars-rift-redesign .profile-season-footnote { padding-top: 14px; margin-top: 14px; border-top: 1px solid #24333d; }
@media (max-width: 760px) {
    html.gm-stars-rift-redesign .profile-seasons-head { padding: 22px 18px 22px 36px; }
    html.gm-stars-rift-redesign .profile-seasons-head::before { width: 20px; }
    html.gm-stars-rift-redesign .profile-seasons-head h2 { font-size: 22px; }
    html.gm-stars-rift-redesign .profile-seasons-head p { font-size: 12px; }
    html.gm-stars-rift-redesign .profile-seasons-watermark { right: 9px; bottom: -5px; font-size: 38px; opacity: .12; }
    html.gm-stars-rift-redesign .profile-season-body { padding: 0 16px 20px; }
    html.gm-stars-rift-redesign .profile-season-status,
    html.gm-stars-rift-redesign .profile-season-notice { padding: 12px 18px; }
    html.gm-stars-rift-redesign .season-vault { margin: 0 -16px 24px; padding: 22px 14px; }
    html.gm-stars-rift-redesign .season-vault-year { gap: 15px; margin-bottom: 20px; }
    html.gm-stars-rift-redesign .season-vault-year > div { min-width: 170px; }
    html.gm-stars-rift-redesign .season-vault-banners { grid-template-columns: repeat(min(2, var(--season-columns)), minmax(0, 1fr)); gap: 10px; }
    html.gm-stars-rift-redesign .season-banner { padding: 17px 8px 0; }
    html.gm-stars-rift-redesign .season-banner h4 { font-size: 15px; }
    html.gm-stars-rift-redesign .season-banner > header > span { font-size: 9px; letter-spacing: .04em; }
    html.gm-stars-rift-redesign .profile-season-peak .oprift-rank-art,
    html.gm-stars-rift-redesign .profile-season-rank-missing { width: 104px; height: 120px; }
    html.gm-stars-rift-redesign .profile-season-peak strong { font-size: 14px; }
    html.gm-stars-rift-redesign .profile-season-showcase h3 { font-size: 9px; }
    html.gm-stars-rift-redesign .profile-season-peak p { font-size: 10px; }
    html.gm-stars-rift-redesign .profile-season-winrate { margin-top: 15px; }
    html.gm-stars-rift-redesign .profile-season-winrate > strong { font-size: 22px; }
    html.gm-stars-rift-redesign .season-banner > footer { font-size: 8px; gap: 5px; margin-top: 16px; min-height: 36px; }
    html.gm-stars-rift-redesign .season-statistics-grid { grid-template-columns: minmax(0, 1fr); gap: 25px; }
    html.gm-stars-rift-redesign .profile-season-group.is-record { padding: 18px; }
    html.gm-stars-rift-redesign .profile-season-group.is-record dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
    html.gm-stars-rift-redesign .profile-season-group.is-record dl > div { border: 0; padding: 0; }
    html.gm-stars-rift-redesign .profile-season-group.is-record dd { font-size: 24px; }
    html.gm-stars-rift-redesign .profile-season-context { flex-direction: column; }
    html.gm-stars-rift-redesign .profile-season-context small { align-self: flex-start; }
    html.gm-stars-rift-redesign.gm-stars-profile-preview .oprift-profile-tabs button { padding: 12px 8px; min-width: 0; font-size: 10px; }
}