* {
    box-sizing: border-box;
}

:root {
    --ers-bg: #050506;
    --ers-panel: #11100f;
    --ers-panel-soft: #191714;
    --ers-gold: #d9a441;
    --ers-gold-bright: #ffe6a3;
    --ers-gold-dark: #6f4214;
    --ers-blue: #17c8ff;
    --ers-blue-soft: #0b6f91;
    --ers-red: #c93434;
    --ers-purple: #8d49ff;
    --ers-text: #f6ead0;
    --ers-muted: #c8b99a;
}

body {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    background:
        radial-gradient(circle at top, rgba(255, 150, 40, 0.10), transparent 28%),
        radial-gradient(circle at bottom, rgba(23, 200, 255, 0.08), transparent 24%),
        var(--ers-bg);
    color: var(--ers-text);
}

a {
    color: var(--ers-gold-bright);
    text-decoration: none;
}

a:hover {
    color: #ffffff;
}

/* Header */

.ers-header {
    background: linear-gradient(90deg, #050506, #16120c, #050506);
    border-bottom: 2px solid var(--ers-gold-dark);
    padding: 18px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 28px rgba(217, 164, 65, 0.20);
}

.ers-logo a {
    font-size: 24px;
    font-weight: bold;
    color: var(--ers-gold-bright);
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow:
        0 0 8px rgba(255, 230, 163, 0.35),
        0 2px 0 #000;
}

.ers-logo-mark {
    color: var(--ers-blue);
    margin-right: 8px;
}

.ers-nav a {
    margin-left: 10px;
    padding: 8px 11px;
    border-radius: 8px;
    color: var(--ers-muted);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ers-nav a:hover {
    background: rgba(217, 164, 65, 0.14);
    color: var(--ers-gold-bright);
}

/* Layout */

.ers-main {
    max-width: 1300px;
    margin: 0 auto;
    padding: 38px 24px;
    min-height: 72vh;
}

.ers-card,
.ers-stat,
.ers-action-tile,
.ers-character-panel {
    background:
        linear-gradient(180deg, rgba(255, 230, 163, 0.035), transparent 35%),
        var(--ers-panel);
    border: 1px solid var(--ers-gold-dark);
    border-radius: 16px;
    box-shadow:
        inset 0 0 0 1px rgba(255, 230, 163, 0.08),
        0 0 20px rgba(0, 0, 0, 0.55),
        0 0 18px rgba(217, 164, 65, 0.10);
}

.ers-card {
    position: relative;
    padding: 24px;
    margin-bottom: 24px;
}

.ers-card h1,
.ers-card h2,
.ers-card h3,
.ers-character-info h2 {
    color: var(--ers-gold-bright);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow:
        0 0 8px rgba(217, 164, 65, 0.25),
        0 2px 0 #000;
}

.ers-card h1 {
    font-size: 34px;
}

.ers-card::before {
    content: "✦";
    color: var(--ers-blue);
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 17px;
    text-shadow: 0 0 10px rgba(23, 200, 255, 0.8);
}

.ers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ers-stat {
    padding: 18px;
}

.ers-stat span {
    display: block;
    color: var(--ers-muted);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 8px;
}

.ers-stat strong {
    display: block;
    font-size: 24px;
    color: var(--ers-gold-bright);
}

/* Buttons and Forms */

.ers-button,
button,
input[type="submit"] {
    display: inline-block;
    background: linear-gradient(180deg, #2b1b09, #120b04);
    color: var(--ers-gold-bright);
    border: 1px solid var(--ers-gold);
    border-radius: 8px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    box-shadow:
        inset 0 0 8px rgba(255, 230, 163, 0.15),
        0 0 10px rgba(217, 164, 65, 0.16);
    margin: 4px;
}

.ers-button:hover,
button:hover,
input[type="submit"]:hover {
    background: linear-gradient(180deg, #4b2d0b, #1b1005);
    color: #ffffff;
}

.ers-small-button {
    margin-top: 10px;
    font-size: 10px;
    padding: 7px 9px;
}

input,
select,
textarea {
    width: 100%;
    background: #080807;
    color: var(--ers-text);
    border: 1px solid var(--ers-gold-dark);
    border-radius: 8px;
    padding: 10px;
    margin: 6px 0 14px;
}

label {
    font-weight: bold;
    color: var(--ers-gold-bright);
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.7px;
}

.ers-alert {
    background: #20150a;
    border: 1px solid var(--ers-gold);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 18px;
    color: var(--ers-gold-bright);
}

/* Tables */

table {
    width: 100%;
    border-collapse: collapse;
    background: #0b0b0a;
}

th,
td {
    border: 1px solid rgba(217, 164, 65, 0.25);
    padding: 10px;
    text-align: left;
}

th {
    background: #181208;
    color: var(--ers-gold-bright);
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.7px;
}

td {
    color: var(--ers-text);
}

/* Dashboard */

.ers-hero-card {
    background:
        radial-gradient(circle at top center, rgba(23, 200, 255, 0.16), transparent 24%),
        radial-gradient(circle at bottom right, rgba(217, 164, 65, 0.16), transparent 30%),
        var(--ers-panel);
}

.ers-dashboard-v2 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ers-character-banner {
    min-height: 220px;
    border: 1px solid var(--ers-gold-dark);
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-shadow:
        inset 0 0 0 1px rgba(255, 230, 163, 0.08),
        0 0 24px rgba(217, 164, 65, 0.16);
}

.ers-character-banner-overlay {
    min-height: 220px;
    padding: 34px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(90deg, rgba(0,0,0,0.86), rgba(0,0,0,0.35), rgba(0,0,0,0.85));
}

.ers-character-banner-overlay h2 {
    color: var(--ers-gold-bright);
    font-size: 34px;
    margin: 0;
    text-transform: uppercase;
}

.ers-character-banner-overlay p {
    color: var(--ers-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ers-character-panel {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 28px;
    padding: 28px;
}

.ers-character-left {
    width: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ers-identity-card {
    width: 230px;
    background:
        radial-gradient(circle at top, rgba(23, 200, 255, 0.10), transparent 30%),
        linear-gradient(180deg, #1c1206, #060504);
    border: 2px solid var(--ers-gold-dark);
    border-radius: 18px;
    padding: 14px;
    box-shadow:
        inset 0 0 18px rgba(255, 230, 163, 0.08),
        0 0 22px rgba(217, 164, 65, 0.18);
}

/* Stable CSS Portrait Frame */

.ers-art-portrait-wrap {
    width: 190px;
    height: 230px;
    position: relative;
    margin: 0 auto 12px;
    overflow: visible;
    background: linear-gradient(180deg, #2a1907, #050403);
    border: 4px double var(--ers-gold);
    border-radius: 18px;
    box-shadow:
        0 0 18px rgba(217, 164, 65, 0.35),
        inset 0 0 14px rgba(255, 230, 163, 0.12);
}

.ers-art-portrait-img,
.ers-art-portrait-placeholder {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 160px !important;
    height: 200px !important;
    max-width: 160px !important;
    max-height: 200px !important;
    object-fit: cover;
    border-radius: 10px;
    z-index: 2;
}

.ers-art-portrait-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #070707;
    color: var(--ers-gold-bright);
    font-size: 70px;
    font-weight: bold;
}

.ers-art-portrait-frame {
    display: none !important;
}

/* Title Banner */

.ers-art-title-banner {
    width: 220px;
    height: 72px;
    position: relative;
    margin: 8px auto 12px;
    text-align: center;
    overflow: hidden;
}

.ers-art-title-banner img {
    position: absolute;
    inset: 0;
    width: 220px !important;
    height: 72px !important;
    max-width: 220px !important;
    max-height: 72px !important;
    object-fit: contain;
    z-index: 1;
}

.ers-art-title-banner-text {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 7px 18px;
}

.ers-art-title-banner-text strong {
    color: var(--ers-gold-bright);
    font-size: 12px;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.ers-art-title-banner-text em {
    color: var(--ers-blue);
    font-style: normal;
    font-size: 9px;
    line-height: 1.1;
    text-transform: uppercase;
}

.ers-art-title-banner-text span {
    color: var(--ers-muted);
    font-size: 9px;
    line-height: 1.1;
    text-transform: uppercase;
}

/* Crests */

.ers-identity-crests {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 14px;
}

.ers-identity-crest {
    width: 72px;
    text-align: center;
    background: #060605;
    border: 1px solid var(--ers-gold-dark);
    border-radius: 12px;
    padding: 8px 4px;
}

.ers-identity-crest img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.ers-identity-crest span {
    display: block;
    margin-top: 5px;
    color: var(--ers-muted);
    font-size: 9px;
    text-transform: uppercase;
    line-height: 1.1;
}

/* Identity Details */

.ers-identity-details {
    margin-top: 14px;
    display: grid;
    gap: 8px;
}

.ers-identity-details div {
    padding: 8px;
    background: #080807;
    border: 1px solid rgba(217, 164, 65, 0.24);
    border-radius: 10px;
}

.ers-identity-details span {
    display: block;
    color: var(--ers-muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.ers-identity-details strong {
    display: block;
    color: var(--ers-gold-bright);
    font-size: 13px;
    margin-top: 3px;
}

/* Familiar */

.ers-art-familiar-card {
    margin-top: 14px;
    padding: 12px;
    text-align: center;
    border: 1px solid var(--ers-gold-dark);
    border-radius: 14px;
    background: #080807;
}

.ers-art-familiar-card > span {
    display: block;
    color: var(--ers-blue);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.ers-art-familiar-wrap {
    width: 110px;
    height: 110px;
    margin: 0 auto 10px;
    border: 3px double var(--ers-gold);
    border-radius: 50%;
    background: #050403;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 0 14px rgba(217, 164, 65, 0.28),
        inset 0 0 10px rgba(255, 230, 163, 0.10);
}

.ers-art-familiar-img,
.ers-art-familiar-placeholder {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    border-radius: 50%;
    object-fit: cover;
    z-index: 2;
}

.ers-art-familiar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #070707;
    color: var(--ers-blue);
    font-size: 28px;
}

.ers-art-familiar-frame {
    display: none !important;
}

.ers-art-familiar-card strong {
    display: block;
    color: var(--ers-gold-bright);
    font-size: 14px;
    text-transform: uppercase;
}

.ers-art-familiar-card em,
.ers-art-familiar-card small {
    display: block;
    color: var(--ers-muted);
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 4px;
}

/* Achievement Ribbons */

.ers-achievement-showcase-mini {
    margin-top: 14px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid var(--ers-gold-dark);
    background: #080807;
    text-align: center;
}

.ers-showcase-title {
    display: block;
    margin-bottom: 10px;
    color: var(--ers-blue);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.ers-mini-achievement-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ers-art-ribbon {
    width: 190px;
    min-height: 34px;
    margin: 0 auto 7px;
    background: linear-gradient(90deg, #2a1907, #0b0703, #2a1907);
    border: 2px solid var(--ers-gold);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 0 10px rgba(217, 164, 65, 0.18),
        inset 0 0 8px rgba(255, 230, 163, 0.12);
}

.ers-art-ribbon img {
    display: none !important;
}

.ers-ribbon-text {
    position: static;
    color: var(--ers-gold-bright);
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
}

/* Recognition Showcase */

.ers-reputation-showcase-mini {
    margin-top: 14px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid var(--ers-gold-dark);
    background: #080807;
    text-align: center;
}

.ers-mini-reputation {
    margin-top: 7px;
    padding: 7px;
    background: linear-gradient(90deg, #0b0703, #1c1206, #0b0703);
    border: 1px solid rgba(217, 164, 65, 0.35);
    border-radius: 10px;
}

.ers-mini-reputation strong {
    display: block;
    color: var(--ers-gold-bright);
    font-size: 10px;
    text-transform: uppercase;
}

.ers-mini-reputation small {
    display: block;
    color: var(--ers-blue);
    font-size: 9px;
    text-transform: uppercase;
    margin-top: 3px;
}

/* Bars */

.ers-character-info h2 {
    font-size: 36px;
    margin: 0 0 6px;
}

.ers-subtitle {
    color: var(--ers-muted);
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.ers-bar-wrap {
    margin-bottom: 16px;
}

.ers-bar-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    color: var(--ers-gold-bright);
    font-weight: bold;
}

.ers-bar {
    height: 18px;
    border-radius: 999px;
    background: #050505;
    border: 1px solid var(--ers-gold-dark);
    overflow: hidden;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.8);
}

.ers-bar-fill {
    height: 100%;
    border-radius: 999px;
}

.ers-hp-bar {
    background: linear-gradient(90deg, #6f1414, #ff4f4f);
}

.ers-mp-bar {
    background: linear-gradient(90deg, #064c6b, #17c8ff);
}

.ers-xp-bar {
    background: linear-gradient(90deg, #54229b, #c9a3ff);
}

/* Quick Tiles */

.ers-quick-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 16px;
}

.ers-action-tile {
    padding: 20px;
    min-height: 110px;
    display: block;
    position: relative;
}

.ers-action-tile:hover {
    border-color: var(--ers-gold);
    box-shadow:
        inset 0 0 0 1px rgba(255, 230, 163, 0.12),
        0 0 22px rgba(217, 164, 65, 0.22);
}

.ers-action-tile strong {
    display: block;
    color: var(--ers-gold-bright);
    font-size: 17px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.ers-action-tile span {
    color: var(--ers-muted);
    font-size: 14px;
}

/* Combat Medallions */

.ers-medallion-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-top: 20px;
}

.ers-medallion {
    background:
        radial-gradient(circle at top, rgba(23,200,255,0.15), transparent 35%),
        linear-gradient(180deg, #1c1206, #070504);
    border: 2px solid var(--ers-gold-dark);
    border-radius: 18px;
    padding: 16px;
    text-align: center;
    box-shadow:
        inset 0 0 14px rgba(255,230,163,0.08),
        0 0 18px rgba(217,164,65,0.15);
}

.ers-medallion-icon {
    font-size: 34px;
    margin-bottom: 8px;
}

.ers-medallion-label {
    color: var(--ers-muted);
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.ers-medallion-value {
    color: var(--ers-gold-bright);
    font-size: 24px;
    font-weight: bold;
    margin-top: 6px;
}

/* Achievements Page */

.ers-achievement-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ers-achievement-card {
    background:
        radial-gradient(circle at top, rgba(23, 200, 255, 0.10), transparent 30%),
        linear-gradient(180deg, #1c1206, #060504);
    border: 1px solid var(--ers-gold-dark);
    border-radius: 16px;
    padding: 18px;
    text-align: center;
}

.ers-achievement-card img,
.ers-achievement-placeholder {
    width: 72px;
    height: 72px;
    object-fit: contain;
    margin: 0 auto 12px;
    border-radius: 50%;
    border: 1px solid var(--ers-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ers-blue);
    font-size: 34px;
}

.ers-achievement-card h3 {
    color: var(--ers-gold-bright);
    text-transform: uppercase;
    font-size: 16px;
}

.ers-achievement-card p {
    color: var(--ers-muted);
    font-size: 13px;
}

.ers-achievement-card small {
    color: var(--ers-muted);
    font-size: 11px;
}

/* Reputation Page */

.ers-reputation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ers-reputation-card {
    background:
        radial-gradient(circle at top, rgba(23, 200, 255, 0.10), transparent 30%),
        linear-gradient(180deg, #1c1206, #060504);
    border: 1px solid var(--ers-gold-dark);
    border-radius: 16px;
    padding: 18px;
    text-align: center;
}

.ers-reputation-card h3 {
    color: var(--ers-gold-bright);
    text-transform: uppercase;
    font-size: 16px;
}

.ers-rep-stars {
    font-size: 24px;
    margin: 8px 0;
}

.ers-rep-stars span {
    color: #4f3a1a;
}

.ers-rep-stars span.active {
    color: var(--ers-gold-bright);
    text-shadow: 0 0 8px rgba(217, 164, 65, 0.5);
}

.ers-reputation-card strong {
    display: block;
    color: var(--ers-blue);
    text-transform: uppercase;
    margin-top: 6px;
}

.ers-reputation-card p {
    color: var(--ers-muted);
    font-size: 13px;
}

/* Profile Visuals */

.ers-profile-preview-grid {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 22px;
    margin-bottom: 24px;
}

.ers-profile-preview-box {
    background: #080807;
    border: 1px solid var(--ers-gold-dark);
    border-radius: 14px;
    padding: 14px;
}

.ers-profile-preview-box h3 {
    margin-top: 0;
    color: var(--ers-gold-bright);
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.8px;
}

.ers-profile-portrait-preview {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid var(--ers-gold-dark);
}

.ers-profile-banner-preview {
    height: 260px;
    border-radius: 10px;
    border: 1px solid var(--ers-gold-dark);
    background-size: cover;
    background-position: center;
}

.ers-profile-empty-preview {
    height: 260px;
    border-radius: 10px;
    border: 1px dashed var(--ers-gold-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ers-muted);
    background:
        radial-gradient(circle, rgba(23, 200, 255, 0.08), transparent 40%),
        #050505;
}

/* Landing Page */

.ers-landing-hero {
    text-align: center;
    padding: 50px;
}

.ers-landing-logo img {
    max-width: 500px;
    width: 100%;
    margin-bottom: 20px;
}

.ers-tagline {
    max-width: 800px;
    margin: 0 auto 30px;
    font-size: 18px;
    color: var(--ers-muted);
}

.ers-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Footer */

.ers-footer {
    background: #070706;
    border-top: 2px solid var(--ers-gold-dark);
    padding: 20px 28px;
    color: var(--ers-muted);
}

.ers-footer-content {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.ers-footer strong {
    color: var(--ers-gold-bright);
}

.ers-footer a {
    color: var(--ers-gold-bright);
}

/* Mobile */

@media (max-width: 1100px) {
    .ers-quick-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .ers-medallion-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .ers-header,
    .ers-footer-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .ers-nav {
        margin-top: 12px;
    }

    .ers-nav a {
        display: inline-block;
        margin: 6px 8px 6px 0;
    }

    .ers-grid,
    .ers-character-panel,
    .ers-feature-grid,
    .ers-profile-preview-grid,
    .ers-achievement-grid,
    .ers-reputation-grid {
        grid-template-columns: 1fr;
    }

    .ers-character-left {
        width: 100%;
    }

    .ers-identity-card {
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    .ers-quick-grid,
    .ers-medallion-grid {
        grid-template-columns: 1fr;
    }/* Dashboard Placement Fix */

.ers-character-panel {
    grid-template-columns: 300px 1fr !important;
    align-items: start !important;
    overflow: visible !important;
}

.ers-character-left {
    width: 300px !important;
    min-width: 300px !important;
    align-items: center !important;
}

.ers-identity-card {
    width: 270px !important;
    max-width: 270px !important;
    overflow: visible !important;
}

/* Portrait fix */

.ers-art-portrait-wrap {
    width: 210px !important;
    height: 250px !important;
    margin: 0 auto 14px !important;
}

.ers-art-portrait-img,
.ers-art-portrait-placeholder {
    left: 21px !important;
    top: 21px !important;
    width: 168px !important;
    height: 208px !important;
}

/* Stop title banner artwork from overlapping portrait */

.ers-art-title-banner {
    width: 230px !important;
    min-height: 72px !important;
    height: auto !important;
    margin: 12px auto !important;
    background: linear-gradient(180deg, #2a1907, #050403) !important;
    border: 2px solid var(--ers-gold) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative !important;
}

.ers-art-title-banner img {
    display: none !important;
}

.ers-art-title-banner-text {
    position: static !important;
    padding: 10px !important;
}

/* Familiar fix */

.ers-art-familiar-card {
    width: 230px !important;
    max-width: 230px !important;
    margin: 14px auto 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Achievement ribbon fix */

.ers-achievement-showcase-mini {
    width: 230px !important;
    max-width: 230px !important;
    margin: 14px auto 0 !important;
}

.ers-art-ribbon {
    width: 200px !important;
    min-height: 36px !important;
    margin: 0 auto 8px !important;
}

.ers-ribbon-text {
    width: 100% !important;
    padding: 7px 10px !important;
    display: block !important;

}
}