/* ========================================================================
   HOME — SHAIYA ADDICTED
   ======================================================================== */

/*
|--------------------------------------------------------------------------
| Старый заголовок "Новости" из общего index.php скрываем,
| потому что внутри главной теперь есть собственный hero.
|--------------------------------------------------------------------------
*/

body:has(.home-news-page)
.column-left
.content-bg
> .content-header {
    display: none !important;
}


body:has(.home-news-page)
.column-left
.content-bg {
    background:
        rgba(14, 18, 22, .70) !important;
}


/* ------------------------------------------------------------------------
   PAGE
   ------------------------------------------------------------------------ */

.home-news-page {
    padding:
        20px 20px
        24px !important;
}


/* ------------------------------------------------------------------------
   HERO
   ------------------------------------------------------------------------ */

.home-hero {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        270px;

    align-items: center;

    gap: 24px;

    min-height: 190px;

    margin-bottom: 20px;

    padding:
        25px 25px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(208, 198, 150, .13),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            rgba(25, 30, 35, .97),
            rgba(12, 15, 18, .96)
        );

    border:
        1px solid
        rgba(208, 198, 150, .17);

    border-radius: 5px;

    box-shadow:
        0 10px 28px
        rgba(0, 0, 0, .18),
        inset 0 1px 0
        rgba(255, 255, 255, .025);
}


.home-hero::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(224, 203, 111, .82) 20%,
            rgba(208, 198, 150, .95) 50%,
            rgba(224, 203, 111, .82) 80%,
            transparent
        );
}


.home-hero__eyebrow {
    margin-bottom: 6px;

    color: #d0c696;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 1.1px;

    text-transform: uppercase;
}


.home-hero__title {
    max-width: 520px;

    margin:
        0 !important;

    padding:
        0 !important;

    color: #f1f3f5 !important;

    font-family:
        HelveticaNeue,
        Arial,
        sans-serif !important;

    font-size: 27px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
}


.home-hero__description {
    max-width: 560px;

    margin:
        9px 0
        0 !important;

    color: #919aa3;

    font-size: 12px;
    line-height: 18px;
}


.home-hero__actions {
    display: flex;

    gap: 8px;

    margin-top: 17px;
}


.home-hero__button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    height: 36px;

    padding:
        0 14px;

    border-radius: 4px;

    font-size: 10px;
    font-weight: 700;

    text-decoration:
        none !important;

    transition:
        transform .16s ease,
        background .16s ease,
        border-color .16s ease;
}


.home-hero__button:hover {
    transform:
        translateY(-1px);
}


.home-hero__button--primary {
    color: #18150f !important;

    background:
        linear-gradient(
            180deg,
            #ddd29c,
            #beb37e
        );

    border:
        1px solid
        #d0c696;
}


.home-hero__button--secondary {
    color: #bec5cc !important;

    background:
        rgba(255, 255, 255, .025);

    border:
        1px solid
        rgba(255, 255, 255, .075);
}


.home-hero__button--secondary:hover {
    color: #eee5b9 !important;

    border-color:
        rgba(208, 198, 150, .18);
}


/* HERO STATS */

.home-hero__stats {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    align-self: stretch;

    background:
        rgba(6, 8, 10, .28);

    border:
        1px solid
        rgba(255, 255, 255, .045);

    border-radius: 4px;
}


.home-hero-stat {
    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    min-width: 0;

    padding:
        10px 6px;
}


.home-hero-stat + .home-hero-stat::before {
    content: "";

    position: absolute;

    left: 0;
    top: 28%;
    bottom: 28%;

    width: 1px;

    background:
        rgba(255, 255, 255, .055);
}


.home-hero-stat span {
    color: #68727c;

    font-size: 8px;

    text-align: center;

    text-transform: uppercase;
}


.home-hero-stat strong {
    margin-top: 5px;

    color: #e7deaf;

    font-size: 14px;
    line-height: 17px;

    text-align: center;
}


/* ------------------------------------------------------------------------
   SECTION HEAD
   ------------------------------------------------------------------------ */

.home-section-head {
    display: flex;

    align-items: end;
    justify-content: space-between;

    margin:
        0 0
        11px;

    padding:
        0 2px;
}


.home-section-head__eyebrow {
    color: #68727c;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;
}


.home-section-head__title {
    margin:
        3px 0
        0 !important;

    padding:
        0 !important;

    color: #e4e8eb !important;

    font-family:
        HelveticaNeue,
        Arial,
        sans-serif !important;

    font-size: 17px !important;
    line-height: 21px !important;
    font-weight: 700 !important;
}


/* ------------------------------------------------------------------------
   NEWS LIST
   ------------------------------------------------------------------------ */

.home-news-list {
    display: flex;

    flex-direction: column;

    gap: 9px;
}


.home-news-card {
    position: relative;

    display: grid;

    grid-template-columns:
        190px
        minmax(0, 1fr);

    min-height: 146px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(20, 25, 30, .92),
            rgba(14, 18, 22, .94)
        );

    border:
        1px solid
        rgba(255, 255, 255, .055);

    border-radius: 4px;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .018);

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease;
}


.home-news-card:hover {
    transform:
        translateY(-1px);

    background:
        linear-gradient(
            180deg,
            rgba(25, 30, 35, .96),
            rgba(15, 19, 23, .96)
        );

    border-color:
        rgba(208, 198, 150, .13);
}


.home-news-card--pinned {
    border-color:
        rgba(208, 198, 150, .17);

    background:
        linear-gradient(
            105deg,
            rgba(208, 198, 150, .055),
            rgba(19, 23, 27, .94) 34%,
            rgba(14, 18, 22, .95)
        );
}


.home-news-card--pinned::before {
    content: "";

    position: absolute;

    z-index: 3;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background:
        #d0c696;

    opacity: .78;
}


/* IMAGE */

.home-news-card__media {
    position: relative;

    display: block;

    min-height: 146px;

    overflow: hidden;

    background:
        #0c0f12;
}


.home-news-card__media::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            transparent 68%,
            rgba(14, 18, 22, .55)
        );

    pointer-events: none;
}


.home-news-card__media img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 146px;

    object-fit: cover;

    transition:
        transform .25s ease,
        filter .25s ease;
}


.home-news-card:hover
.home-news-card__media img {
    transform:
        scale(1.025);

    filter:
        brightness(1.05);
}


.home-news-card__media--empty {
    display: flex;

    align-items: center;
    justify-content: center;

    color:
        rgba(208, 198, 150, .25);

    font-size: 28px;
    font-weight: 700;
}


/* BODY */

.home-news-card__body {
    display: flex;

    flex-direction: column;

    min-width: 0;

    padding:
        13px 15px
        12px;
}


.home-news-card__labels {
    display: flex;

    align-items: center;

    gap: 6px;

    min-height: 18px;

    margin-bottom: 7px;
}


.news-category,
.home-news-pin {
    display: inline-flex;

    align-items: center;

    height: 18px;

    padding:
        0 6px;

    border:
        1px solid
        rgba(255, 255, 255, .065);

    border-radius: 3px;

    font-size: 7px;
    line-height: 16px;
    font-weight: 700;

    letter-spacing: .35px;

    text-transform: uppercase;
}


.news-category--news {
    color: #96b8c8;

    background:
        rgba(80, 138, 165, .09);

    border-color:
        rgba(80, 138, 165, .15);
}


.news-category--events {
    color: #d2c58e;

    background:
        rgba(208, 198, 150, .08);

    border-color:
        rgba(208, 198, 150, .14);
}


.news-category--update {
    color: #91bd9d;

    background:
        rgba(91, 150, 106, .08);

    border-color:
        rgba(91, 150, 106, .14);
}


.news-category--contest {
    color: #bd91ad;

    background:
        rgba(151, 85, 128, .08);

    border-color:
        rgba(151, 85, 128, .14);
}


.news-category--special {
    color: #c8a27d;

    background:
        rgba(174, 112, 65, .08);

    border-color:
        rgba(174, 112, 65, .14);
}


.home-news-pin {
    color: #d7cc94;

    background:
        rgba(208, 198, 150, .045);

    border-color:
        rgba(208, 198, 150, .10);
}


.home-news-pin__icon {
    margin-right: 4px;

    font-size: 6px;
}


.home-news-card__title {
    display: block;

    overflow: hidden;

    color: #dfe4e8 !important;

    font-family:
        HelveticaNeue,
        Arial,
        sans-serif;

    font-size: 17px;
    line-height: 21px;
    font-weight: 700;

    text-decoration:
        none !important;

    text-overflow: ellipsis;
}


.home-news-card--pinned
.home-news-card__title {
    color: #d6cd9f !important;
}


.home-news-card__title:hover {
    color: #eee5b7 !important;
}


.home-news-card__description {
    display:
        -webkit-box;

    margin-top: 7px;

    overflow: hidden;

    color: #8b949d;

    font-size: 11px;
    line-height: 17px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.home-news-card__bottom {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 10px;

    margin-top: auto;

    padding-top: 10px;
}


.home-news-card__meta {
    display: flex;

    align-items: center;

    gap: 11px;
}


.news-meta-item {
    display: inline-flex;

    align-items: center;

    color: #626d77;

    font-size: 8px;
    line-height: 12px;
}


.news-eye {
    position: relative;

    display: inline-block;

    width: 11px;
    height: 7px;

    margin-right: 4px;

    border:
        1px solid currentColor;

    border-radius:
        50% / 60%;
}


.news-eye::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 2px;
    height: 2px;

    background:
        currentColor;

    border-radius: 50%;

    transform:
        translate(-50%, -50%);
}


.home-news-card__more {
    display: inline-flex;

    align-items: center;

    gap: 5px;

    color: #9a9478 !important;

    font-size: 8px;
    font-weight: 700;

    text-decoration:
        none !important;

    text-transform: uppercase;

    transition:
        color .15s ease;
}


.home-news-card__more:hover {
    color: #d8ce9b !important;
}


/* ------------------------------------------------------------------------
   PAGINATION
   ------------------------------------------------------------------------ */

.home-news-pagination {
    margin-top: 17px;
}


.home-news-pagination
.pagination {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 5px;

    margin: 0 !important;
    padding: 0 !important;
}


/* ------------------------------------------------------------------------
   FULL NEWS
   ------------------------------------------------------------------------ */

.news-full {
    padding: 19px;

    background:
        linear-gradient(
            180deg,
            rgba(19, 24, 29, .93),
            rgba(12, 16, 19, .94)
        );

    border:
        1px solid
        rgba(255, 255, 255, .055);

    border-radius: 5px;
}


.news-full__top {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    gap: 18px;
}


.news-full__eyebrow {
    margin-bottom: 5px;

    color: #d0c696;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: .9px;

    text-transform: uppercase;
}


.news-full__title {
    margin: 0 !important;
    padding: 0 !important;

    color: #e8ecef !important;

    font-family:
        HelveticaNeue,
        Arial,
        sans-serif !important;

    font-size: 23px !important;
    line-height: 29px !important;
    font-weight: 700 !important;
}


.news-full__meta {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 11px;
}


.news-full__cover {
    margin-top: 16px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, .05);

    border-radius: 4px;
}


.news-full__cover img {
    display: block;

    width: 100%;
    height: auto;
}


.news-full__text {
    margin-top: 18px;

    color: #b7bec5;

    font-size: 12px;
    line-height: 19px;
}


.news-full__text h1,
.news-full__text h2,
.news-full__text h3,
.news-full__text h4 {
    color: #e5e8eb !important;
}


.news-full__text h2,
.news-full__text h3,
.news-full__text h4 {
    margin:
        18px 0
        8px !important;

    padding:
        0 !important;
}


.news-full__text ul,
.news-full__text ol {
    margin:
        10px 0
        10px 20px;

    padding: 0;
}


.news-full__text li {
    margin:
        4px 0;
}


.news-full__text table {
    width: 100%;

    margin:
        14px 0;

    border-collapse:
        collapse;

    background:
        rgba(7, 10, 12, .32);
}


.news-full__text th,
.news-full__text td {
    padding:
        8px 9px;

    border:
        1px solid
        rgba(255, 255, 255, .06);

    text-align: left;
}


.news-full__text th {
    color: #d5c995;

    background:
        rgba(208, 198, 150, .055);
}


.news-full__footer {
    display: flex;

    margin-top: 20px;

    padding-top: 14px;

    border-top:
        1px solid
        rgba(255, 255, 255, .055);
}


.news-full__back {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #938d72 !important;

    font-size: 9px;
    font-weight: 700;

    text-decoration:
        none !important;

    text-transform: uppercase;
}


.news-full__back:hover {
    color: #d5ca97 !important;
}


.news-full__back--top {
    flex: 0 0 auto;

    margin-top: 4px;
}


/* EMPTY */

.news-empty {
    padding:
        45px 20px;

    color: #7f8992;

    background:
        rgba(15, 19, 23, .90);

    border:
        1px solid
        rgba(255, 255, 255, .055);

    border-radius: 5px;

    text-align: center;
}


.news-empty__icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    margin:
        0 auto 10px;

    color: #d0c696;

    background:
        rgba(208, 198, 150, .065);

    border:
        1px solid
        rgba(208, 198, 150, .12);

    border-radius: 50%;
}


.news-empty__title {
    color: #e0e4e7;

    font-size: 16px;
    font-weight: 700;
}


.news-empty__text {
    margin-top: 6px;

    font-size: 10px;
}


.news-empty__button {
    display: inline-flex;

    margin-top: 14px;

    padding:
        8px 12px;

    color: #d4cb9a !important;

    background:
        rgba(208, 198, 150, .055);

    border:
        1px solid
        rgba(208, 198, 150, .13);

    border-radius: 4px;

    text-decoration:
        none !important;
}


/* ========================================================================
   RIGHT SIDEBAR
   ======================================================================== */

.home-sidebar {
    padding-top: 0;
}


.home-side-card {
    margin:
        0 0
        12px;

    padding: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(18, 23, 27, .93),
            rgba(12, 16, 19, .94)
        );

    border:
        1px solid
        rgba(255, 255, 255, .055);

    border-radius: 5px;

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, .018);
}


.home-side-card__head {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 11px;
}


.home-side-card__eyebrow {
    color: #69737d;

    font-size: 7px;
    font-weight: 700;

    letter-spacing: .7px;

    text-transform: uppercase;
}


.home-side-card__title {
    margin:
        3px 0
        0 !important;

    padding:
        0 !important;

    color: #e1e5e8 !important;

    font-family:
        HelveticaNeue,
        Arial,
        sans-serif !important;

    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 700 !important;

    text-align: left !important;
}


/* ACCOUNT */

.home-account-links {
    display: flex;

    flex-direction: column;

    gap: 3px;
}


.home-account-link {
    display: grid;

    grid-template-columns:
        28px
        minmax(0, 1fr)
        14px;

    align-items: center;

    min-height: 37px;

    padding:
        3px 7px;

    color: #9da6ae !important;

    background:
        transparent;

    border:
        1px solid
        transparent;

    border-radius: 4px;

    text-decoration:
        none !important;

    transition:
        color .15s ease,
        background .15s ease,
        border-color .15s ease;
}


.home-account-link:hover {
    color: #e1d7a7 !important;

    background:
        rgba(208, 198, 150, .045);

    border-color:
        rgba(208, 198, 150, .08);
}


.home-account-link__icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    color: #8f896f;

    background:
        rgba(208, 198, 150, .045);

    border:
        1px solid
        rgba(208, 198, 150, .075);

    border-radius: 4px;

    font-size: 10px;
}


.home-account-link__text {
    min-width: 0;

    overflow: hidden;

    font-size: 9px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.home-account-link__arrow {
    color: #59636d;

    font-size: 17px;

    text-align: right;
}


/* LOGIN */

.home-login-card__text {
    margin:
        8px 0
        12px !important;

    color: #7e8892;

    font-size: 9px;
    line-height: 14px;
}


.home-login-card__button {
    display: flex;

    align-items: center;
    justify-content: center;

    height: 34px;

    color: #17140e !important;

    background:
        linear-gradient(
            180deg,
            #dcd19a,
            #bdb27e
        );

    border:
        1px solid
        #d0c696;

    border-radius: 4px;

    font-size: 9px;
    font-weight: 700;

    text-decoration:
        none !important;
}


/* SERVER */

.home-server-online {
    display: grid;

    grid-template-columns:
        7px
        auto;

    grid-template-rows:
        auto
        auto;

    align-items: center;

    column-gap: 5px;

    padding:
        5px 8px;

    background:
        rgba(84, 150, 105, .055);

    border:
        1px solid
        rgba(84, 150, 105, .12);

    border-radius: 4px;
}


.home-server-online__dot {
    grid-row:
        1 / 3;

    width: 6px;
    height: 6px;

    background:
        #5bb477;

    border-radius: 50%;

    box-shadow:
        0 0 7px
        rgba(91, 180, 119, .35);
}


.home-server-online strong {
    color: #dce3df;

    font-size: 11px;
    line-height: 12px;
}


.home-server-online small {
    color: #657269;

    font-size: 6px;
    line-height: 8px;

    text-transform: uppercase;
}


.home-server-info {
    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, .045);

    border-radius: 4px;
}


.home-server-info__row {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 8px;

    min-height: 31px;

    padding:
        0 8px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, .04);
}


.home-server-info__row:last-child {
    border-bottom: 0;
}


.home-server-info__row span {
    color: #6e7881;

    font-size: 8px;
}


.home-server-info__row strong {
    color: #bbbfae;

    font-size: 8px;
    font-weight: 600;

    text-align: right;
}


.home-server-features {
    display: flex;

    flex-wrap: wrap;

    gap: 4px;

    margin-top: 9px;
}


.home-server-features span {
    display: inline-flex;

    padding:
        4px 6px;

    color: #777f75;

    background:
        rgba(255, 255, 255, .023);

    border:
        1px solid
        rgba(255, 255, 255, .045);

    border-radius: 3px;

    font-size: 7px;
}


/* BOSSES */

.home-boss-list {
    display: flex;

    flex-direction: column;
}


.home-boss-row {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 9px;

    min-height: 30px;

    padding:
        0 5px;

    border-bottom:
        1px solid
        rgba(255, 255, 255, .038);
}


.home-boss-row:last-child {
    border-bottom: 0;
}


.home-boss-name {
    min-width: 0;

    overflow: hidden;

    color: #9099a2;

    font-size: 8px;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.home-boss-status {
    flex: 0 0 auto;

    font-size: 8px;
    font-style: normal;
    font-weight: 700;
}


.home-boss-status--waiting {
    color: #b6aa76;
}


.home-boss-status--alive {
    color: #64b77d;
}


.home-boss-status--muted {
    color: #59636c;
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-hero {
        grid-template-columns:
            minmax(0, 1fr)
            235px;
    }


    .home-news-card {
        grid-template-columns:
            170px
            minmax(0, 1fr);
    }


    .home-hero__title {
        font-size:
            23px !important;

        line-height:
            28px !important;
    }

}



/* ========================================================================
   HOME V2 — FINAL POLISH
   ======================================================================== */


/* ------------------------------------------------------------------------
   HERO — COMPACT VERSION
   ------------------------------------------------------------------------ */

.home-hero {
    position: relative !important;
    isolation: isolate !important;

    min-height: 164px !important;

    grid-template-columns:
        minmax(0, 1fr)
        250px !important;

    gap: 20px !important;

    padding:
        20px 22px !important;
}


/* Лёгкий тематический арт внутри hero */

.home-hero::after {
    content: "";

    position: absolute;

    z-index: -1;

    inset: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(14, 18, 22, .98) 0%,
            rgba(14, 18, 22, .90) 45%,
            rgba(14, 18, 22, .70) 100%
        ),
        url("../img/header.png");

    background-repeat:
        no-repeat;

    background-position:
        center right;

    background-size:
        cover;

    opacity: .13;

    pointer-events: none;
}


.home-hero__content {
    position: relative;
    z-index: 2;
}


.home-hero__title {
    max-width: 470px !important;

    font-size:
        23px !important;

    line-height:
        27px !important;
}


.home-hero__description {
    max-width: 520px !important;

    margin-top:
        7px !important;

    line-height:
        17px !important;
}


.home-hero__actions {
    margin-top:
        14px !important;
}


.home-hero__stats {
    min-height:
        116px;
}


/* ------------------------------------------------------------------------
   NEWS — MORE TEXT SPACE
   ------------------------------------------------------------------------ */

.home-news-card {
    grid-template-columns:
        168px
        minmax(0, 1fr) !important;

    min-height:
        136px !important;
}


.home-news-card__media {
    min-height:
        136px !important;
}


.home-news-card__media img {
    min-height:
        136px !important;
}


.home-news-card__body {
    padding:
        12px 14px
        11px !important;
}


.home-news-card__title {
    font-size:
        16px !important;

    line-height:
        20px !important;
}


.home-news-card__description {
    margin-top:
        6px !important;

    line-height:
        16px !important;
}


.home-news-card__bottom {
    padding-top:
        8px !important;
}


/* ------------------------------------------------------------------------
   RIGHT SIDEBAR — QUICK ACCESS COMPACT
   ------------------------------------------------------------------------ */

.home-account-card {
    padding:
        12px !important;
}


.home-account-card
.home-side-card__head {
    margin-bottom:
        7px !important;
}


.home-account-links {
    gap:
        2px !important;
}


.home-account-link {
    min-height:
        31px !important;

    grid-template-columns:
        24px
        minmax(0, 1fr)
        11px !important;

    padding:
        2px 5px !important;
}


.home-account-link__icon {
    width:
        21px !important;

    height:
        21px !important;

    font-size:
        8px !important;
}


.home-account-link__text {
    font-size:
        8px !important;
}


.home-account-link__arrow {
    font-size:
        14px !important;
}


/* ------------------------------------------------------------------------
   SERVER CARD — TINY POLISH
   ------------------------------------------------------------------------ */

.home-server-card {
    padding:
        12px !important;
}


.home-server-info__row {
    min-height:
        29px !important;
}


.home-server-features {
    margin-top:
        7px !important;
}


/* ------------------------------------------------------------------------
   BOSSES — SLIGHTLY DENSER
   ------------------------------------------------------------------------ */

.home-bosses-card {
    padding:
        12px !important;
}


.home-boss-row {
    min-height:
        28px !important;
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-hero {
        grid-template-columns:
            minmax(0, 1fr)
            220px !important;

        min-height:
            158px !important;
    }


    .home-hero__title {
        font-size:
            21px !important;

        line-height:
            25px !important;
    }


    .home-news-card {
        grid-template-columns:
            155px
            minmax(0, 1fr) !important;
    }

}



/* ========================================================================
   HOME V3 — LARGER, MORE READABLE TYPOGRAPHY
   ======================================================================== */

/* ------------------------------------------------------------------------
   HERO
   ------------------------------------------------------------------------ */

.home-hero__eyebrow {
    font-size: 12px !important;
    line-height: 15px !important;
}

.home-hero__title {
    max-width: 560px !important;

    font-size: 30px !important;
    line-height: 35px !important;
}

.home-hero__description {
    max-width: 600px !important;

    font-size: 14px !important;
    line-height: 20px !important;
}

.home-hero__button {
    height: 40px !important;

    padding-left: 16px !important;
    padding-right: 16px !important;

    font-size: 12px !important;
}

.home-hero-stat span {
    font-size: 10px !important;
    line-height: 13px !important;
}

.home-hero-stat strong {
    font-size: 17px !important;
    line-height: 21px !important;
}


/* ------------------------------------------------------------------------
   SECTION TITLE
   ------------------------------------------------------------------------ */

.home-section-head__eyebrow {
    font-size: 10px !important;
    line-height: 13px !important;
}

.home-section-head__title {
    font-size: 21px !important;
    line-height: 26px !important;
}


/* ------------------------------------------------------------------------
   NEWS
   ------------------------------------------------------------------------ */

.home-news-card {
    min-height: 150px !important;
}

.home-news-card__media,
.home-news-card__media img {
    min-height: 150px !important;
}

.news-category,
.home-news-pin {
    height: 21px !important;

    padding-left: 7px !important;
    padding-right: 7px !important;

    font-size: 9px !important;
    line-height: 19px !important;
}

.home-news-card__title {
    font-size: 20px !important;
    line-height: 24px !important;
}

.home-news-card__description {
    margin-top: 8px !important;

    font-size: 13px !important;
    line-height: 19px !important;
}

.news-meta-item {
    font-size: 10px !important;
    line-height: 14px !important;
}

.home-news-card__more {
    font-size: 10px !important;
    line-height: 14px !important;
}


/* ------------------------------------------------------------------------
   RIGHT SIDEBAR — TITLES
   ------------------------------------------------------------------------ */

.home-side-card__eyebrow {
    font-size: 9px !important;
    line-height: 12px !important;
}

.home-side-card__title {
    font-size: 17px !important;
    line-height: 21px !important;
}


/* ------------------------------------------------------------------------
   QUICK ACCESS
   ------------------------------------------------------------------------ */

.home-account-link {
    min-height: 38px !important;

    grid-template-columns:
        28px
        minmax(0, 1fr)
        14px !important;

    padding:
        4px 6px !important;
}

.home-account-link__icon {
    width: 25px !important;
    height: 25px !important;

    font-size: 10px !important;
}

.home-account-link__text {
    font-size: 10px !important;
    line-height: 14px !important;
}

.home-account-link__arrow {
    font-size: 16px !important;
}


/* ------------------------------------------------------------------------
   SERVER INFO
   ------------------------------------------------------------------------ */

.home-server-online strong {
    font-size: 14px !important;
    line-height: 16px !important;
}

.home-server-online small {
    font-size: 8px !important;
    line-height: 10px !important;
}

.home-server-info__row {
    min-height: 34px !important;
}

.home-server-info__row span {
    font-size: 10px !important;
    line-height: 14px !important;
}

.home-server-info__row strong {
    font-size: 10px !important;
    line-height: 14px !important;
}

.home-server-features span {
    padding:
        5px 7px !important;

    font-size: 9px !important;
    line-height: 12px !important;
}


/* ------------------------------------------------------------------------
   BOSSES
   ------------------------------------------------------------------------ */

.home-boss-row {
    min-height: 33px !important;
}

.home-boss-name,
.home-boss-status {
    font-size: 10px !important;
    line-height: 14px !important;
}


/* ------------------------------------------------------------------------
   FULL NEWS
   ------------------------------------------------------------------------ */

.news-full__eyebrow {
    font-size: 11px !important;
}

.news-full__title {
    font-size: 28px !important;
    line-height: 34px !important;
}

.news-full__text {
    font-size: 14px !important;
    line-height: 22px !important;
}

.news-full__back {
    font-size: 10px !important;
}


/* ------------------------------------------------------------------------
   1250px SAFETY
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-hero__title {
        font-size: 27px !important;
        line-height: 32px !important;
    }

    .home-news-card__title {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .home-news-card__description {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .home-side-card__title {
        font-size: 16px !important;
    }
}



/* ========================================================================
   HOME V4 — EXTRA LARGE / HIGH READABILITY
   ======================================================================== */

/* ------------------------------------------------------------------------
   HERO
   ------------------------------------------------------------------------ */

.home-hero {
    min-height: 178px !important;
    padding: 22px 24px !important;
}

.home-hero__eyebrow {
    font-size: 13px !important;
    line-height: 16px !important;
}

.home-hero__title {
    max-width: 610px !important;

    font-size: 34px !important;
    line-height: 39px !important;
}

.home-hero__description {
    max-width: 650px !important;

    font-size: 16px !important;
    line-height: 23px !important;
}

.home-hero__button {
    height: 43px !important;

    padding-left: 18px !important;
    padding-right: 18px !important;

    font-size: 13px !important;
}

.home-hero-stat span {
    font-size: 11px !important;
    line-height: 14px !important;
}

.home-hero-stat strong {
    font-size: 19px !important;
    line-height: 23px !important;
}


/* ------------------------------------------------------------------------
   SECTION HEADER
   ------------------------------------------------------------------------ */

.home-section-head__eyebrow {
    font-size: 11px !important;
    line-height: 14px !important;
}

.home-section-head__title {
    font-size: 24px !important;
    line-height: 29px !important;
}


/* ------------------------------------------------------------------------
   NEWS CARDS
   ------------------------------------------------------------------------ */

.home-news-card {
    grid-template-columns:
        184px
        minmax(0, 1fr) !important;

    min-height: 164px !important;
}

.home-news-card__media,
.home-news-card__media img {
    min-height: 164px !important;
}

.home-news-card__body {
    padding:
        14px 16px
        13px !important;
}

.news-category,
.home-news-pin {
    height: 23px !important;

    padding-left: 8px !important;
    padding-right: 8px !important;

    font-size: 10px !important;
    line-height: 21px !important;
}

.home-news-card__title {
    font-size: 22px !important;
    line-height: 27px !important;
}

.home-news-card__description {
    margin-top: 9px !important;

    font-size: 15px !important;
    line-height: 21px !important;

    -webkit-line-clamp: 2 !important;
}

.news-meta-item {
    font-size: 11px !important;
    line-height: 15px !important;
}

.home-news-card__more {
    font-size: 11px !important;
    line-height: 15px !important;
}


/* ------------------------------------------------------------------------
   RIGHT SIDEBAR
   ------------------------------------------------------------------------ */

.home-side-card {
    padding: 15px !important;
}

.home-side-card__eyebrow {
    font-size: 10px !important;
    line-height: 13px !important;
}

.home-side-card__title {
    font-size: 19px !important;
    line-height: 23px !important;
}


/* QUICK ACCESS */

.home-account-link {
    min-height: 43px !important;

    grid-template-columns:
        31px
        minmax(0, 1fr)
        15px !important;

    padding:
        5px 7px !important;
}

.home-account-link__icon {
    width: 28px !important;
    height: 28px !important;

    font-size: 11px !important;
}

.home-account-link__text {
    font-size: 12px !important;
    line-height: 16px !important;
}

.home-account-link__arrow {
    font-size: 18px !important;
}


/* ------------------------------------------------------------------------
   SERVER INFO
   ------------------------------------------------------------------------ */

.home-server-online strong {
    font-size: 16px !important;
    line-height: 18px !important;
}

.home-server-online small {
    font-size: 9px !important;
    line-height: 11px !important;
}

.home-server-info__row {
    min-height: 38px !important;
}

.home-server-info__row span {
    font-size: 11px !important;
    line-height: 15px !important;
}

.home-server-info__row strong {
    font-size: 11px !important;
    line-height: 15px !important;
}

.home-server-features {
    gap: 5px !important;
}

.home-server-features span {
    padding:
        6px 8px !important;

    font-size: 10px !important;
    line-height: 13px !important;
}


/* ------------------------------------------------------------------------
   BOSSES
   ------------------------------------------------------------------------ */

.home-boss-row {
    min-height: 36px !important;
}

.home-boss-name,
.home-boss-status {
    font-size: 11px !important;
    line-height: 15px !important;
}


/* ------------------------------------------------------------------------
   FULL NEWS
   ------------------------------------------------------------------------ */

.news-full__eyebrow {
    font-size: 12px !important;
    line-height: 15px !important;
}

.news-full__title {
    font-size: 31px !important;
    line-height: 37px !important;
}

.news-full__text {
    font-size: 16px !important;
    line-height: 24px !important;
}

.news-full__back {
    font-size: 11px !important;
    line-height: 15px !important;
}


/* ------------------------------------------------------------------------
   1250px SAFETY
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-hero__title {
        font-size: 30px !important;
        line-height: 35px !important;
    }

    .home-hero__description {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .home-news-card {
        grid-template-columns:
            170px
            minmax(0, 1fr) !important;
    }

    .home-news-card__title {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .home-news-card__description {
        font-size: 13px !important;
        line-height: 19px !important;
    }

    .home-side-card__title {
        font-size: 17px !important;
        line-height: 21px !important;
    }

    .home-account-link__text {
        font-size: 10px !important;
    }
}



/* ========================================================================
   HOME V5 — FINAL VISUAL POLISH
   ======================================================================== */


/* ------------------------------------------------------------------------
   CENTRAL CONTENT DEPTH
   ------------------------------------------------------------------------ */

body:has(.home-news-page)
.column-left
.content-bg {
    position: relative !important;

    background:
        radial-gradient(
            circle at 72% 6%,
            rgba(208, 198, 150, .035),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(14, 18, 22, .78),
            rgba(11, 15, 18, .84)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.012),
        0 14px 34px rgba(0,0,0,.08) !important;
}


/* ------------------------------------------------------------------------
   HERO — MORE PREMIUM STATS BLOCK
   ------------------------------------------------------------------------ */

.home-hero__stats {
    position: relative !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            rgba(9, 12, 15, .52),
            rgba(7, 10, 12, .40)
        ) !important;

    border-color:
        rgba(208, 198, 150, .10) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 8px 20px rgba(0,0,0,.12) !important;
}


.home-hero__stats::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(208, 198, 150, .055),
            transparent 70%
        ) !important;

    pointer-events: none !important;
}


.home-hero-stat {
    position: relative !important;
    z-index: 1 !important;
}


.home-hero-stat span {
    color: #7f8891 !important;
}


.home-hero-stat strong {
    color: #efe4b1 !important;

    font-size: 21px !important;
    line-height: 25px !important;

    text-shadow:
        0 0 10px rgba(208, 198, 150, .08) !important;
}


/* ------------------------------------------------------------------------
   NEWS CARDS — STRONGER HOVER / DEPTH
   ------------------------------------------------------------------------ */

.home-news-card {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 6px 16px rgba(0,0,0,.08) !important;
}


.home-news-card:hover {
    transform:
        translateY(-2px) !important;

    border-color:
        rgba(208, 198, 150, .22) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 12px 28px rgba(0,0,0,.16),
        0 0 0 1px rgba(208, 198, 150, .025) !important;
}


.home-news-card__media img {
    transition:
        transform .30s ease,
        filter .30s ease !important;
}


.home-news-card:hover
.home-news-card__media img {
    transform:
        scale(1.045) !important;

    filter:
        brightness(1.07)
        saturate(1.04) !important;
}


/* ------------------------------------------------------------------------
   PINNED NEWS — MORE NOTICEABLE
   ------------------------------------------------------------------------ */

.home-news-card--pinned {
    border-color:
        rgba(208, 198, 150, .24) !important;

    background:
        linear-gradient(
            105deg,
            rgba(208, 198, 150, .075),
            rgba(19, 23, 27, .96) 32%,
            rgba(14, 18, 22, .96)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 8px 24px rgba(0,0,0,.11),
        0 0 18px rgba(208,198,150,.025) !important;
}


.home-news-card--pinned::before {
    width: 4px !important;

    background:
        linear-gradient(
            180deg,
            #e1d69e,
            #bcae72
        ) !important;

    box-shadow:
        0 0 12px rgba(208, 198, 150, .26) !important;

    opacity: .92 !important;
}


.home-news-card--pinned
.home-news-card__title {
    color: #e6dca8 !important;

    text-shadow:
        0 0 10px rgba(208,198,150,.055) !important;
}


/* ------------------------------------------------------------------------
   GENERAL READABILITY
   ------------------------------------------------------------------------ */

.home-news-card__description {
    color: #a3abb3 !important;
}


.news-meta-item {
    color: #78828b !important;
}


.home-account-link__text {
    color: #b3bac1 !important;
}


.home-server-info__row span {
    color: #89929b !important;
}


.home-server-info__row strong {
    color: #d1d5c6 !important;
}


.home-boss-name {
    color: #a7afb7 !important;
}


/* ------------------------------------------------------------------------
   QUICK ACCESS — CLEANER INTERACTIONS
   ------------------------------------------------------------------------ */

.home-account-link {
    border-bottom:
        1px solid rgba(255,255,255,.025) !important;
}


.home-account-link:last-child {
    border-bottom-color: transparent !important;
}


.home-account-link:hover {
    transform:
        translateX(2px);

    background:
        linear-gradient(
            90deg,
            rgba(208,198,150,.060),
            rgba(208,198,150,.018)
        ) !important;

    border-color:
        rgba(208,198,150,.10) !important;
}


.home-account-link__icon {
    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease !important;
}


.home-account-link:hover
.home-account-link__icon {
    color: #d8ce9a !important;

    background:
        rgba(208,198,150,.075) !important;

    border-color:
        rgba(208,198,150,.14) !important;
}


/* ------------------------------------------------------------------------
   SERVER ONLINE — MORE VISIBLE
   ------------------------------------------------------------------------ */

.home-server-online {
    padding:
        7px 10px !important;

    background:
        linear-gradient(
            180deg,
            rgba(75, 151, 99, .095),
            rgba(75, 151, 99, .045)
        ) !important;

    border-color:
        rgba(84, 170, 110, .20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 0 12px rgba(83,169,109,.035) !important;
}


.home-server-online__dot {
    width: 8px !important;
    height: 8px !important;

    background: #63c183 !important;

    box-shadow:
        0 0 9px rgba(99,193,131,.48) !important;
}


.home-server-online strong {
    color: #eef5ef !important;

    font-size: 17px !important;
    line-height: 19px !important;
}


.home-server-online small {
    color: #7d9584 !important;
}


/* ------------------------------------------------------------------------
   SERVER CARD / BOSSES — SLIGHT DEPTH
   ------------------------------------------------------------------------ */

.home-server-card,
.home-bosses-card,
.home-account-card {
    background:
        linear-gradient(
            180deg,
            rgba(18, 23, 27, .96),
            rgba(11, 15, 18, .96)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 8px 22px rgba(0,0,0,.10) !important;
}


.home-server-card {
    border-color:
        rgba(208,198,150,.075) !important;
}


/* ------------------------------------------------------------------------
   SUBTLE DIVIDERS
   ------------------------------------------------------------------------ */

.home-section-head {
    position: relative !important;

    padding-bottom: 8px !important;
}


.home-section-head::after {
    content: "" !important;

    position: absolute !important;

    left: 0;
    right: 0;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(208,198,150,.16),
            rgba(255,255,255,.035) 35%,
            transparent 100%
        ) !important;
}


/* ------------------------------------------------------------------------
   BUTTON POLISH
   ------------------------------------------------------------------------ */

.home-hero__button--primary {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 5px 12px rgba(0,0,0,.12) !important;
}


.home-hero__button--primary:hover {
    background:
        linear-gradient(
            180deg,
            #e7dca6,
            #c7bb83
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        0 8px 16px rgba(0,0,0,.16),
        0 0 10px rgba(208,198,150,.08) !important;
}


/* ------------------------------------------------------------------------
   1250px SAFETY
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-hero-stat strong {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    .home-server-online strong {
        font-size: 15px !important;
    }
}



/* ========================================================================
   HOME V6 — COMPACT BOSSES + PAGINATION
   ======================================================================== */


/* ------------------------------------------------------------------------
   BOSSES CARD — FIX PAGE HEIGHT
   ------------------------------------------------------------------------ */

.home-bosses-card {
    overflow: hidden !important;
}


.home-boss-list {
    max-height: 365px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-right: 5px !important;

    scrollbar-width: thin;
    scrollbar-color:
        rgba(208, 198, 150, .30)
        rgba(255, 255, 255, .025);
}


.home-boss-list::-webkit-scrollbar {
    width: 6px;
}


.home-boss-list::-webkit-scrollbar-track {
    background:
        rgba(255, 255, 255, .02);

    border-radius: 10px;
}


.home-boss-list::-webkit-scrollbar-thumb {
    background:
        linear-gradient(
            180deg,
            rgba(208, 198, 150, .40),
            rgba(208, 198, 150, .20)
        );

    border-radius: 10px;
}


.home-boss-list::-webkit-scrollbar-thumb:hover {
    background:
        rgba(208, 198, 150, .52);
}


/* ------------------------------------------------------------------------
   BOSS ROWS — BIGGER NAMES
   ------------------------------------------------------------------------ */

.home-boss-row {
    min-height: 40px !important;

    padding:
        0 7px !important;
}


.home-boss-name {
    max-width: 72% !important;

    color: #c1c7cd !important;

    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 600 !important;
}


.home-boss-status {
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 700 !important;
}


.home-boss-status--alive {
    color: #68c487 !important;

    text-shadow:
        0 0 7px rgba(104, 196, 135, .16);
}


.home-boss-status--waiting {
    color: #d0c184 !important;
}


/* ------------------------------------------------------------------------
   BOSS HEADER
   ------------------------------------------------------------------------ */

.home-bosses-card
.home-side-card__title {
    font-size: 20px !important;
    line-height: 24px !important;
}


/* ------------------------------------------------------------------------
   NEWS PAGINATION — CLEAN MODERN VERSION
   ------------------------------------------------------------------------ */

.home-news-pagination {
    margin-top: 18px !important;

    padding-top: 14px !important;

    border-top:
        1px solid rgba(255, 255, 255, .045);
}


.home-news-pagination .pagination {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;

    border: 0 !important;
}


.home-news-pagination .pagination::before,
.home-news-pagination .pagination::after {
    display: none !important;

    content: none !important;
}


.home-news-pagination .pagination li {
    display: block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
}


.home-news-pagination .pagination li::before,
.home-news-pagination .pagination li::after {
    display: none !important;

    content: none !important;
}


.home-news-pagination .pagination li a,
.home-news-pagination .pagination li > span {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    color: #8e979f !important;

    background:
        rgba(18, 23, 27, .92) !important;

    border:
        1px solid rgba(255, 255, 255, .065) !important;

    border-radius: 4px !important;

    box-shadow: none !important;

    font-size: 12px !important;
    line-height: 34px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    transition:
        color .15s ease,
        background .15s ease,
        border-color .15s ease,
        transform .15s ease !important;
}


.home-news-pagination .pagination li a:hover {
    color: #e8ddb0 !important;

    background:
        rgba(208, 198, 150, .06) !important;

    border-color:
        rgba(208, 198, 150, .22) !important;

    transform:
        translateY(-1px);
}


.home-news-pagination .pagination li.active a,
.home-news-pagination .pagination li.active > span,
.home-news-pagination .pagination li.selected a,
.home-news-pagination .pagination li.selected > span {
    color: #18150f !important;

    background:
        linear-gradient(
            180deg,
            #dfd49d,
            #bfb47e
        ) !important;

    border-color:
        #d0c696 !important;

    box-shadow:
        0 0 10px rgba(208, 198, 150, .08) !important;
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-boss-list {
        max-height: 340px !important;
    }


    .home-boss-name {
        font-size: 12px !important;
    }

}



/* ========================================================================
   HOME V7 — BOSS LOCATIONS
   ======================================================================== */


/* ------------------------------------------------------------------------
   BOSS ROW WITH LOCATION
   ------------------------------------------------------------------------ */

.home-boss-row {
    min-height: 52px !important;

    padding:
        6px 7px !important;

    align-items: center !important;
}


.home-boss-info {
    display: flex;
    flex-direction: column;

    justify-content: center;

    min-width: 0;
    max-width: 73%;
}


.home-boss-name {
    max-width: 100% !important;

    overflow: hidden;

    color: #d0d5da !important;

    font-size: 13px !important;
    line-height: 17px !important;
    font-weight: 700 !important;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* LOCATION */

.home-boss-location {
    display: flex;

    align-items: center;

    min-width: 0;

    margin-top: 3px;

    color: #737e88;

    font-size: 9px;
    line-height: 12px;

    white-space: nowrap;
}


.home-boss-location > span:last-child {
    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;
}


.home-boss-location__marker {
    position: relative;

    display: inline-block;

    flex: 0 0 auto;

    width: 7px;
    height: 7px;

    margin-right: 5px;

    border:
        1px solid rgba(208, 198, 150, .58);

    border-radius:
        50% 50% 50% 0;

    transform:
        rotate(-45deg);
}


.home-boss-location__marker::after {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 2px;
    height: 2px;

    background:
        rgba(208, 198, 150, .72);

    border-radius: 50%;

    transform:
        translate(-50%, -50%);
}


/* STATUS */

.home-boss-status {
    flex: 0 0 auto;

    margin-left: 8px;

    font-size: 11px !important;
    line-height: 15px !important;

    text-align: right;

    white-space: nowrap;
}


/*
|--------------------------------------------------------------------------
| Из-за второй строки карточки становятся выше,
| поэтому немного увеличиваем окно скролла.
|--------------------------------------------------------------------------
*/

.home-boss-list {
    max-height: 410px !important;
}


/* HOVER */

.home-boss-row {
    transition:
        background .15s ease;
}


.home-boss-row:hover {
    background:
        linear-gradient(
            90deg,
            rgba(208, 198, 150, .045),
            transparent
        );
}


.home-boss-row:hover
.home-boss-location {
    color: #929b9f;
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-boss-name {
        font-size: 12px !important;
    }

    .home-boss-location {
        font-size: 8px !important;
    }

    .home-boss-list {
        max-height: 390px !important;
    }

}



/* ========================================================================
   HOME V8 — BOSS LOCATION READABILITY + HOVER
   ======================================================================== */


/* ------------------------------------------------------------------------
   BOSS LOCATION — BIGGER / CLEARER
   ------------------------------------------------------------------------ */

.home-boss-location {
    margin-top: 4px !important;

    color: #89939c !important;

    font-size: 10px !important;
    line-height: 13px !important;
}


.home-boss-location__marker {
    width: 8px !important;
    height: 8px !important;

    margin-right: 6px !important;

    border-color:
        rgba(208, 198, 150, .68) !important;
}


.home-boss-location__marker::after {
    width: 2px !important;
    height: 2px !important;

    background:
        rgba(220, 208, 155, .85) !important;
}


/* ------------------------------------------------------------------------
   BOSS ROW — CLEAN HOVER
   ------------------------------------------------------------------------ */

.home-boss-row {
    position: relative !important;

    border-radius: 4px !important;

    transition:
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease !important;
}


.home-boss-row:hover {
    background:
        linear-gradient(
            90deg,
            rgba(208, 198, 150, .075),
            rgba(208, 198, 150, .025) 58%,
            transparent 100%
        ) !important;

    box-shadow:
        inset 2px 0 0 rgba(208, 198, 150, .42) !important;

    transform:
        translateX(1px);
}


.home-boss-row:hover
.home-boss-name {
    color: #ece4bd !important;
}


.home-boss-row:hover
.home-boss-location {
    color: #aab2b9 !important;
}


.home-boss-row:hover
.home-boss-location__marker {
    border-color:
        rgba(226, 214, 159, .90) !important;
}


/* ------------------------------------------------------------------------
   STATUS HOVER
   ------------------------------------------------------------------------ */

.home-boss-row:hover
.home-boss-status--alive {
    color: #75d695 !important;

    text-shadow:
        0 0 8px rgba(117, 214, 149, .22) !important;
}


.home-boss-row:hover
.home-boss-status--waiting {
    color: #ddcf91 !important;
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .home-boss-location {
        font-size: 9px !important;
        line-height: 12px !important;
    }

}