.gh-pubg-overview {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr);
    margin-top: 1rem;
}

.gh-pubg-overview__hero,
.gh-pubg-quickstat,
.gh-pubg-mode-card {
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.gh-pubg-overview__hero {
    background: #171718;
    border-radius: 16px;
    padding: 1.1rem;
}

.gh-pubg-overview__top {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.gh-pubg-overview__kicker,
.gh-pubg-section-head__kicker,
.gh-pubg-mode-card__eyebrow {
    color: #ffdf00;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 0.3rem;
    text-transform: uppercase;
}

.gh-pubg-overview__name {
    color: #fff;
    font-size: 1.45rem;
    font-weight: 800;
}

.gh-pubg-overview__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.gh-pubg-overview__meta span,
.gh-pubg-overview__badge {
    align-items: center;
    background: #111112;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.76);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 700;
    gap: 0.42rem;
    padding: 0.42rem 0.72rem;
}

.gh-pubg-overview__badge i,
.gh-pubg-best-mode i,
.gh-pubg-quickstat__label i,
.gh-pubg-chip i {
    color: #ffdf00;
}

.gh-pubg-overview__featured {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gh-pubg-featured-stat {
    background: #111112;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 0.9rem 1rem;
}

.gh-pubg-featured-stat--accent {
    background: #111112;
    border-color: rgba(255, 223, 0, 0.42);
}

.gh-pubg-featured-stat__label,
.gh-pubg-mode-metric__label {
    color: rgba(255, 255, 255, 0.58);
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
}

.gh-pubg-featured-stat__value {
    color: #fff;
    display: block;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
}

.gh-pubg-quickstats {
    display: grid;
    gap: 1rem;
}

.gh-pubg-quickstat {
    background: #171718;
    border-radius: 16px;
    padding: 1rem 1.05rem;
}

.gh-pubg-quickstat__label {
    align-items: center;
    color: rgba(255, 255, 255, 0.66);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.45rem;
    letter-spacing: 0.08em;
    margin-bottom: 0.65rem;
    text-transform: uppercase;
}

.gh-pubg-quickstat__value {
    color: #fff;
    display: block;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.gh-pubg-section-head {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin: 1.35rem 0 0.9rem;
}

.gh-pubg-best-mode {
    align-items: center;
    background: #111112;
    border: 1px solid rgba(255, 223, 0, 0.3);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.82);
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 600;
    gap: 0.5rem;
    padding: 0.45rem 0.8rem;
}

.gh-pubg-mode-list {
    display: grid;
    gap: 1rem;
}

.gh-pubg-mode-card {
    background: #171718;
    border-radius: 16px;
    padding: 1rem 1.1rem;
    transition: border-color 0.18s ease;
}

.gh-pubg-mode-card:hover {
    border-color: rgba(255, 223, 0, 0.3);
}

.gh-pubg-mode-card__main {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.9fr);
}

.gh-pubg-mode-card__left {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-width: 0;
}

.gh-pubg-mode-card__icon {
    align-items: center;
    background: #111112;
    /* border: 1px solid rgba(255, 223, 0, 0.32); */
    border-radius: 12px;
    color: #ffdf00;
    display: flex;
    flex: 0 0 54px;
    font-size: 1.15rem;
    height: 54px;
    justify-content: center;
}

.gh-pubg-mode-card__icon img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.gh-pubg-mode-card__identity {
    min-width: 0;
}

.gh-pubg-mode-card__title {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 0.6rem;
}

.gh-pubg-mode-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.gh-pubg-chip {
    align-items: center;
    background: #111112;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.78);
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 600;
    gap: 0.42rem;
    padding: 0.45rem 0.75rem;
}

.gh-pubg-chip i {
    font-size: 0.82rem;
}

.gh-pubg-mode-card__stats {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gh-pubg-mode-metric {
    background: #111112;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    min-height: 82px;
    padding: 0.8rem 0.9rem;
}

.gh-pubg-mode-metric__value {
    color: #fff;
    display: block;
    font-size: 1.45rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1;
}

.gh-pubg-hero {
    margin-bottom: 1rem;
}

.gh-pubg-avatar-shell {
    align-items: center;
    background: #111112;
    border: 1px solid rgba(255, 223, 0, 0.3);
    border-radius: 12px;
    display: flex;
    flex: 0 0 72px;
    height: 72px;
    justify-content: center;
    overflow: hidden;
    width: 72px;
}

.gh-pubg-avatar {
    display: block;
    height: 78%;
    object-fit: contain;
    width: 78%;
}

@media (max-width: 1199px) {

    .gh-pubg-overview,
    .gh-pubg-mode-card__main {
        grid-template-columns: 1fr;
    }

    .gh-pubg-mode-card__stats {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .gh-pubg-overview__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .gh-pubg-overview__featured {
        grid-template-columns: 1fr;
    }

    .gh-pubg-mode-card {
        padding: 0.85rem;
    }

    .gh-pubg-mode-card__left {
        align-items: center;
        flex-direction: row;
        gap: 0.75rem;
    }

    .gh-pubg-mode-card__icon {
        flex-basis: 50px;
        height: 50px;
    }

    .gh-pubg-mode-card__icon img {
        width: 38px;
        height: 38px;
    }

    .gh-pubg-mode-card__identity {
        display: grid;
        flex: 1 1 auto;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: 0.65rem;
    }

    .gh-pubg-mode-card__title {
        font-size: 1.15rem;
        margin: 0;
    }

    .gh-pubg-mode-card__eyebrow {
        margin: 0;
    }

    .gh-pubg-mode-card__chips {
        grid-column: 1 / -1;
        margin-top: 0.65rem;
    }

    .gh-pubg-mode-card__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .gh-pubg-mode-metric {
        min-height: 72px;
        padding: 0.65rem;
    }

    .gh-pubg-mode-metric__label {
        font-size: 0.68rem;
    }

    .gh-pubg-best-mode {
        font-size: 0.85rem;
    }

    .gh-pubg-featured-stat__value,
    .gh-pubg-quickstat__value,
    .gh-pubg-mode-metric__value {
        font-size: 1.3rem;
    }
}

@media (max-width: 420px) {
    .gh-pubg-mode-metric__value {
        font-size: 1.05rem;
    }

    .gh-pubg-chip {
        font-size: 0.78rem;
        padding: 0.38rem 0.55rem;
    }
}

/* Competitive PUBG profile */
.gh-pubg-subtitle,.gh-pubg-muted-note{color:rgba(255,255,255,.5);font-size:.82rem}
.gh-pubg-command{align-items:stretch;background:#171718;border:1px solid rgba(255,255,255,.08);border-radius:18px;display:grid;gap:1rem;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);margin-top:1rem;overflow:hidden;padding:1.15rem}
.gh-pubg-command__identity{align-self:center}.gh-pubg-command__identity h5{color:#fff;font-size:1.75rem;font-weight:850;margin:0 0 .65rem}
.gh-pubg-command__rank{align-items:center;background:linear-gradient(135deg,rgba(255,223,0,.13),#111112 72%);border:1px solid rgba(255,223,0,.35);border-radius:14px;display:flex;gap:.9rem;padding:1rem}
.gh-pubg-command__rank-icon{align-items:center;background:#ffdf00;border-radius:12px;color:#111;display:flex;flex:0 0 48px;font-size:1.3rem;height:48px;justify-content:center}
.gh-pubg-command__rank span,.gh-pubg-command__rank small{color:rgba(255,255,255,.55);display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gh-pubg-command__rank strong{color:#fff;display:block;font-size:1.3rem;margin:.15rem 0}.gh-pubg-command__rank--empty{border-color:rgba(255,255,255,.1)}.gh-pubg-command__rank--empty .gh-pubg-command__rank-icon{background:#28282a;color:#777}
.gh-pubg-stat-grid{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:.9rem 0}.gh-pubg-stat-grid article{background:#171718;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem 1rem}.gh-pubg-stat-grid article.is-accent{border-color:rgba(255,223,0,.4)}
.gh-pubg-stat-grid span,.gh-pubg-mini-grid span{color:rgba(255,255,255,.5);display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.gh-pubg-stat-grid strong{color:#fff;display:block;font-size:1.5rem;line-height:1;margin:.5rem 0}.gh-pubg-stat-grid small{color:rgba(255,255,255,.55);font-size:.75rem}
.gh-pubg-ranked-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.gh-pubg-rank-card{background:#171718;border:1px solid rgba(255,223,0,.24);border-radius:16px;overflow:hidden;padding:1rem}.gh-pubg-rank-card header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.9rem}.gh-pubg-rank-card header span{color:#ffdf00;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.gh-pubg-rank-card h6{color:#fff;font-size:1.25rem;font-weight:800;margin:.2rem 0 0}.gh-pubg-rank-card header>strong{color:#fff;font-size:1.35rem}.gh-pubg-rank-card header small{color:#ffdf00;font-size:.65rem}
.gh-pubg-rank-card__metrics{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.gh-pubg-rank-card__metrics div,.gh-pubg-mini-grid div{background:#111112;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.7rem}.gh-pubg-rank-card__metrics span,.gh-pubg-map-list span,.gh-pubg-weapon-grid span{color:rgba(255,255,255,.46);display:block;font-size:.65rem;font-weight:700;text-transform:uppercase}.gh-pubg-rank-card__metrics strong{color:#fff;display:block;font-size:1rem;margin-top:.3rem}
.gh-pubg-match-list{display:grid;gap:.65rem}.gh-pubg-match{align-items:center;background:#171718;border:1px solid rgba(255,255,255,.08);border-left:3px solid #555;border-radius:13px;display:grid;gap:1rem;grid-template-columns:70px minmax(150px,.75fr) minmax(420px,1.5fr);padding:.8rem 1rem}.gh-pubg-match--top10{border-left-color:#ffdf00}.gh-pubg-match--win{background:linear-gradient(90deg,rgba(255,223,0,.08),#171718 25%);border-left-color:#ffdf00}.gh-pubg-match__place span,.gh-pubg-match__metrics span{color:rgba(255,255,255,.45);display:block;font-size:.63rem;font-weight:700;text-transform:uppercase}.gh-pubg-match__place strong{color:#fff;font-size:1.35rem}.gh-pubg-match__identity h6{color:#fff;font-weight:800;margin:0}.gh-pubg-match__identity span{color:rgba(255,255,255,.5);font-size:.72rem}.gh-pubg-match__metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.gh-pubg-match__metrics div{border-left:1px solid rgba(255,255,255,.08);padding-left:.8rem}.gh-pubg-match__metrics strong{color:#fff;display:block;font-size:.95rem}
.gh-pubg-insight-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.35rem}.gh-pubg-insight-grid>section{background:#171718;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 1rem 1rem}.gh-pubg-insight-grid section>.gh-pubg-section-head>i{color:#ffdf00;font-size:1.2rem}.gh-pubg-insight-grid p{color:rgba(255,255,255,.58);font-size:.85rem}.gh-pubg-mini-grid{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.gh-pubg-mini-grid strong{color:#fff;display:block;font-size:.9rem;margin-top:.3rem}.gh-pubg-map-list{display:grid;gap:.45rem}.gh-pubg-map-list>div{align-items:center;background:#111112;border:1px solid rgba(255,255,255,.07);border-radius:10px;display:grid;gap:.5rem;grid-template-columns:56px minmax(90px,1.4fr) repeat(3,minmax(50px,.6fr));padding:.45rem .55rem}.gh-pubg-map-list__thumb{border-radius:8px;display:block;height:56px;object-fit:cover;width:56px}.gh-pubg-map-list strong{color:#fff;display:block;font-size:.85rem}
.gh-pubg-weapon-grid{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.gh-pubg-weapon-grid article{align-items:center;background:#171718;border:1px solid rgba(255,255,255,.08);border-radius:13px;display:grid;gap:.7rem;grid-template-columns:68px minmax(100px,1fr) minmax(80px,.8fr) repeat(3,minmax(50px,.55fr));padding:.75rem}.gh-pubg-weapon-grid__icon{align-items:center;background:#111112;border-radius:9px;color:#ffdf00;display:flex;height:50px;justify-content:center;overflow:hidden}.gh-pubg-weapon-grid__icon .gh-pubg-weapon-grid__weapon{display:block;height:42px;object-fit:contain;width:64px}.gh-pubg-weapon-grid__mastery{align-items:center;align-self:stretch;display:flex;justify-content:center}.gh-pubg-weapon-grid__mastery img{display:block;height:35px;object-fit:contain;width:35px}.gh-pubg-weapon-grid h6{color:#fff;font-size:.95rem;font-weight:800;margin:.1rem 0 0}.gh-pubg-weapon-grid strong{color:#fff;display:block;font-size:.85rem}.gh-pubg-head-pills{display:flex;flex-wrap:wrap;gap:.5rem}.gh-pubg-empty-panel{align-items:center;background:#171718;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:rgba(255,255,255,.55);display:flex;gap:.8rem;padding:1rem}.gh-pubg-empty-panel i{color:#ffdf00;font-size:1.2rem}.gh-pubg-empty-panel strong,.gh-pubg-empty-panel span{display:block}.gh-pubg-empty-panel strong{color:#fff}
@media(max-width:1199px){.gh-pubg-command,.gh-pubg-match{grid-template-columns:1fr}.gh-pubg-match__metrics div:first-child{border-left:0;padding-left:0}}
@media(max-width:767px){.gh-pubg-stat-grid,.gh-pubg-ranked-grid,.gh-pubg-insight-grid,.gh-pubg-weapon-grid{grid-template-columns:1fr 1fr}.gh-pubg-command{grid-template-columns:1fr}.gh-pubg-command__identity h5{font-size:1.45rem}.gh-pubg-match__metrics{gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.gh-pubg-match__metrics div{border-left:0;padding-left:0}.gh-pubg-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-pubg-weapon-grid article{grid-column:1/-1;grid-template-columns:44px minmax(90px,1fr) minmax(52px,.7fr) repeat(2,minmax(45px,.5fr))}.gh-pubg-weapon-grid article>div:last-child{display:none}}
@media(max-width:420px){.gh-pubg-stat-grid,.gh-pubg-insight-grid{grid-template-columns:1fr}.gh-pubg-rank-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-pubg-map-list>div{grid-template-columns:48px 1fr repeat(2,minmax(46px,.5fr))}.gh-pubg-map-list__thumb{height:48px;width:48px}.gh-pubg-map-list>div>div:last-child{display:none}}