#wall{scroll-margin-top:105px}
.wall-feed-post__title{margin:12px 0 0;font-size:18px;line-height:1.25;letter-spacing:-.02em;color:var(--theme-ink,var(--portal-text))}
.wall-feed-post__body{white-space:pre-wrap}
.wall-feed-post__media{display:block;width:100%;max-height:520px;margin-top:12px;border:1px solid var(--portal-line);border-radius:14px;object-fit:cover;background:#0d120d}
video.wall-feed-post__media{object-fit:contain}
.wall-post-comment__content{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.wall-post-comment__content>b{flex:0 0 auto}
.wall-post-comment__content>[data-comment-body]{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.comment-edited{color:var(--theme-muted,var(--portal-muted));font-size:9px}
.comment-edit-button{appearance:none;border:0;background:transparent;color:var(--theme-muted,var(--portal-muted));font:inherit;font-size:9px;font-weight:800;cursor:pointer;padding:2px 4px;border-radius:6px}
.comment-edit-button:hover{color:var(--theme-lime,var(--portal-green));background:rgba(154,220,58,.09)}
.profile-comment__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-comment__actions form{margin:0}
.comment-inline-editor{display:grid;gap:7px;width:100%;margin-top:7px}
.comment-inline-editor textarea{width:100%;min-height:74px;resize:vertical;border:1px solid var(--portal-line);border-radius:10px;padding:9px 10px;background:var(--theme-surface-strong,#fff);color:var(--theme-ink,var(--portal-text));font:inherit;font-size:11px;line-height:1.45}
.comment-inline-editor__actions{display:flex;justify-content:flex-end;gap:7px}
.comment-inline-editor__actions button{min-height:32px;padding:6px 10px}

.wall-composer-dialog{width:min(1040px,calc(100vw - 32px));max-height:min(880px,calc(100vh - 32px));padding:0;border:1px solid var(--portal-line);border-radius:22px;background:var(--theme-surface,#131a13);color:var(--theme-ink,var(--portal-text));box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden}
.wall-composer-dialog::backdrop{background:rgba(5,9,6,.72);backdrop-filter:blur(7px)}
.wall-composer-shell{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:inherit}
.wall-composer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--portal-line)}
.wall-composer-head small{display:block;margin-bottom:4px;color:var(--theme-lime,var(--portal-green));font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.wall-composer-head h2{margin:0;font-size:22px;letter-spacing:-.025em}
.wall-composer-close{width:38px;height:38px;border:1px solid var(--portal-line);border-radius:11px;background:var(--theme-surface-strong,#182018);color:inherit;font-size:24px;line-height:1;cursor:pointer}
.wall-composer-form{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}
.wall-composer-grid{min-height:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:18px;padding:22px;overflow:auto}
.wall-composer-fields{display:grid;align-content:start;gap:15px}
.wall-composer-fields label{display:grid;gap:7px}
.wall-composer-fields label>span{font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--theme-muted,var(--portal-muted))}
.wall-composer-fields input[type=text],.wall-composer-fields textarea{width:100%;border:1px solid var(--portal-line);border-radius:12px;background:var(--theme-surface-strong,#fff);color:var(--theme-ink,var(--portal-text));font:inherit;padding:12px 13px;outline:none}
.wall-composer-fields input[type=text]:focus,.wall-composer-fields textarea:focus{border-color:rgba(159,224,70,.55);box-shadow:0 0 0 3px rgba(159,224,70,.08)}
.wall-composer-fields textarea{min-height:210px;resize:vertical;line-height:1.5}
.wall-media-picker{padding:14px;border:1px dashed rgba(159,224,70,.28);border-radius:13px;background:rgba(159,224,70,.045)}
.wall-media-picker input{max-width:100%;font:inherit;font-size:11px}
.wall-media-picker small{color:var(--theme-muted,var(--portal-muted));font-size:9px}
.wall-media-selected{min-height:32px;padding:8px 10px;border-radius:9px;background:var(--theme-surface-soft,rgba(255,255,255,.04));color:var(--theme-muted,var(--portal-muted));font-size:10px;overflow-wrap:anywhere}
.wall-composer-preview{min-width:0;padding:14px;border:1px solid var(--portal-line);border-radius:16px;background:var(--theme-surface-soft,rgba(255,255,255,.025))}
.wall-composer-preview__label{display:block;margin-bottom:10px;color:var(--theme-muted,var(--portal-muted));font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.wall-preview-post{padding:16px;border:1px solid var(--portal-line);border-radius:14px;background:var(--theme-surface-strong,#182018)}
.wall-preview-post h3{margin:13px 0 0;font-size:18px;line-height:1.28}
.wall-preview-post p{margin:8px 0 0;white-space:pre-wrap;line-height:1.55;font-size:12px;overflow-wrap:anywhere}
.wall-preview-media{margin-top:12px}
.wall-preview-media img,.wall-preview-media video{display:block;width:100%;max-height:360px;border-radius:12px;object-fit:contain;background:#0b100b}
.wall-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid var(--portal-line);background:var(--theme-surface,#131a13)}
.wall-composer-actions>[data-wall-status]{margin-right:auto;color:var(--theme-muted,var(--portal-muted));font-size:10px}
.wall-composer-actions>[data-wall-status].is-error{color:#e98e85}
.wall-composer-actions>[data-wall-status].is-ok{color:#a9df61}
body.wall-composer-open{overflow:hidden}
.profile-social-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:10050;transform:translate(-50%,14px);opacity:0;pointer-events:none;max-width:min(520px,calc(100vw - 32px));padding:10px 14px;border:1px solid var(--portal-line);border-radius:11px;background:#182018;color:#edf3ec;box-shadow:0 16px 50px rgba(0,0,0,.38);font-size:11px;font-weight:750;transition:.18s ease}
.profile-social-toast.show{transform:translate(-50%,0);opacity:1}
.profile-social-toast.error{border-color:rgba(230,92,82,.4);color:#ffc2bc}

@media(max-width:780px){
  .wall-composer-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:18px}
  .wall-composer-grid{grid-template-columns:1fr;padding:15px;gap:14px}
  .wall-composer-head{padding:16px}
  .wall-composer-fields textarea{min-height:150px}
  .wall-composer-actions{padding:13px 15px;flex-wrap:wrap}
  .wall-composer-actions>[data-wall-status]{width:100%;order:-1}
  .wall-title-row{align-items:flex-start}
}

/* v2.14 — независимые значки профиля. Самый новый значок находится слева. */
.profile-name-with-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-name-with-badges h1{margin:0}.profile-badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-badge{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,currentColor 55%,transparent);background:color-mix(in srgb,currentColor 16%,#101713);box-shadow:inset 0 0 14px color-mix(in srgb,currentColor 10%,transparent);font-weight:900;line-height:1}.profile-badge__icon{font-size:15px;letter-spacing:-1px}.profile-badge.badge-blue{color:#7894ff}.profile-badge.badge-gold{color:#f7d65b}.profile-badge.badge-lime{color:#78e659}.profile-badge.badge-orange{color:#f59a45}.profile-badge.badge-amber{color:#f1bd4e}.profile-badge.badge-purple{color:#aa7cff}.profile-badge.badge-green{color:#45d77a}.profile-badge.badge-cyan{color:#5bd7e8}.profile-badge.badge-pink{color:#ef71b7}@media(max-width:720px){.profile-badge{width:29px;height:29px;border-radius:7px}.profile-name-with-badges{gap:9px}}


/* =========================================================
   kirsrv-custom-badges-v1
   ========================================================= */

.profile-badge:has(.profile-badge__art) {
    width: 44px !important;
    height: 44px !important;

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

    padding: 0 !important;

    border: 0 !important;
    border-radius: 14px !important;

    background: transparent !important;

    box-shadow: none !important;

    overflow: visible !important;
}


.profile-badge__icon:has(.profile-badge__art) {
    display: flex !important;

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

    width: 44px !important;
    height: 44px !important;

    line-height: 0 !important;
}


.profile-badge__art {
    display: block !important;

    width: 44px !important;
    height: 44px !important;

    object-fit: contain;

    border-radius: 14px;

    user-select: none;

    transform:
        translateZ(0);

    filter:
        drop-shadow(
            0 8px 14px
            rgba(0,0,0,.28)
        );

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


.profile-badge:hover
.profile-badge__art {
    transform:
        translateY(-2px)
        scale(1.065);

    filter:
        drop-shadow(
            0 11px 20px
            rgba(0,0,0,.34)
        )
        brightness(1.09);
}


/* Admin: user badge management */

.badge-admin-item
.profile-badge:has(.profile-badge__art),

.badge-admin-item
.profile-badge__icon:has(.profile-badge__art),

.badge-admin-item
.profile-badge__art {
    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;
}


.badge-admin-item[data-assigned="1"]
.profile-badge__art {
    filter:
        drop-shadow(
            0 0 14px
            rgba(128,235,74,.20)
        )
        drop-shadow(
            0 9px 15px
            rgba(0,0,0,.27)
        );
}


/* Admin: badge editor */

.badge-definition-preview
.profile-badge:has(.profile-badge__art),

.badge-definition-preview
.profile-badge__icon:has(.profile-badge__art),

.badge-definition-preview
.profile-badge__art {
    width: 56px !important;
    height: 56px !important;

    min-width: 56px !important;
}


@media (max-width: 620px) {

    .profile-badge:has(.profile-badge__art),

    .profile-badge__icon:has(.profile-badge__art),

    .profile-badge__art {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
    }


    .badge-admin-item
    .profile-badge:has(.profile-badge__art),

    .badge-admin-item
    .profile-badge__icon:has(.profile-badge__art),

    .badge-admin-item
    .profile-badge__art {
        width: 48px !important;
        height: 48px !important;

        min-width: 48px !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    .profile-badge__art {
        transition: none !important;
    }

}



/* =========================================================
   kirsrv-badge-tooltip-v1
   Smaller badge artwork + custom top tooltip
   ========================================================= */


/* ---------------------------------------------------------
   Slightly smaller public badges
   --------------------------------------------------------- */

.profile-badge:has(.profile-badge__art) {
    width: 38px !important;
    height: 38px !important;

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

    border-radius: 12px !important;
}


.profile-badge__icon:has(.profile-badge__art),
.profile-badge__art {
    width: 38px !important;
    height: 38px !important;
}


.profile-badge__art {
    border-radius: 12px !important;

    filter:
        drop-shadow(
            0 6px 11px
            rgba(0,0,0,.25)
        );
}


/* ---------------------------------------------------------
   Slightly smaller admin badge list
   --------------------------------------------------------- */

.badge-admin-item
.profile-badge:has(.profile-badge__art),

.badge-admin-item
.profile-badge__icon:has(.profile-badge__art),

.badge-admin-item
.profile-badge__art {
    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;
}


/* ---------------------------------------------------------
   Slightly smaller editor preview
   --------------------------------------------------------- */

.badge-definition-preview
.profile-badge:has(.profile-badge__art),

.badge-definition-preview
.profile-badge__icon:has(.profile-badge__art),

.badge-definition-preview
.profile-badge__art {
    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;
}


/* ---------------------------------------------------------
   Tooltip anchor
   --------------------------------------------------------- */

.profile-badge[data-badge-label] {
    position: relative;

    z-index: 2;

    outline: none;

    cursor: default;

    overflow: visible !important;
}


.profile-badge[data-badge-label]:hover,
.profile-badge[data-badge-label]:focus-visible {
    z-index: 50;
}


/* Containers must not clip the tooltip */

.profile-badges,
.profile-name-with-badges,
.profile-hero__name,
.badge-admin-item,
.badge-definition-preview {
    overflow: visible !important;
}


/* ---------------------------------------------------------
   Tooltip bubble
   --------------------------------------------------------- */

.profile-badge[data-badge-label]::before {
    content:
        attr(data-badge-label);

    position: absolute;

    z-index: 9999;

    left: 50%;
    bottom: calc(100% + 11px);

    width: max-content;
    max-width: 220px;

    padding:
        7px 10px;

    border:
        1px solid
        rgba(141, 226, 105, .20);

    border-radius:
        9px;

    background:
        linear-gradient(
            180deg,
            rgba(16, 30, 20, .98),
            rgba(7, 17, 11, .98)
        );

    color:
        #edf7ea;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.28),
        inset 0 1px 0
        rgba(255,255,255,.035);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    font-size:
        11px;

    font-weight:
        760;

    line-height:
        1.25;

    letter-spacing:
        .01em;

    text-align:
        center;

    white-space:
        nowrap;

    pointer-events:
        none;

    opacity: 0;

    visibility:
        hidden;

    transform:
        translate(-50%, 5px)
        scale(.96);

    transform-origin:
        50% 100%;

    transition:
        opacity .14s ease,
        visibility .14s ease,
        transform .14s ease;
}


/* Tooltip arrow */

.profile-badge[data-badge-label]::after {
    content: "";

    position: absolute;

    z-index: 9998;

    left: 50%;
    bottom: calc(100% + 6px);

    width: 9px;
    height: 9px;

    border-right:
        1px solid
        rgba(141, 226, 105, .17);

    border-bottom:
        1px solid
        rgba(141, 226, 105, .17);

    background:
        rgba(8, 18, 12, .98);

    pointer-events:
        none;

    opacity: 0;

    visibility:
        hidden;

    transform:
        translateX(-50%)
        rotate(45deg);

    transition:
        opacity .14s ease,
        visibility .14s ease;
}


/* ---------------------------------------------------------
   Mouse hover
   --------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {

    .profile-badge[data-badge-label]:hover::before {
        opacity: 1;

        visibility:
            visible;

        transform:
            translate(-50%, 0)
            scale(1);
    }


    .profile-badge[data-badge-label]:hover::after {
        opacity: 1;

        visibility:
            visible;
    }

}


/* ---------------------------------------------------------
   Keyboard navigation
   --------------------------------------------------------- */

.profile-badge[data-badge-label]:focus-visible::before {
    opacity: 1;

    visibility:
        visible;

    transform:
        translate(-50%, 0)
        scale(1);
}


.profile-badge[data-badge-label]:focus-visible::after {
    opacity: 1;

    visibility:
        visible;
}


.profile-badge[data-badge-label]:focus-visible {
    border-radius: 12px;

    box-shadow:
        0 0 0 2px
        rgba(128, 235, 75, .24) !important;
}


/* ---------------------------------------------------------
   Mobile sizing
   --------------------------------------------------------- */

@media (max-width: 620px) {

    .profile-badge:has(.profile-badge__art),

    .profile-badge__icon:has(.profile-badge__art),

    .profile-badge__art {
        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
    }


    .badge-admin-item
    .profile-badge:has(.profile-badge__art),

    .badge-admin-item
    .profile-badge__icon:has(.profile-badge__art),

    .badge-admin-item
    .profile-badge__art {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    .profile-badge[data-badge-label]::before,
    .profile-badge[data-badge-label]::after {
        transition: none !important;
    }

}



/* =========================================================
   kirsrv-profile-prime-status-v1
   ========================================================= */

.profile-subscription-card {
    position: relative;
    overflow: hidden;
}


.profile-subscription-card--prime {
    border-color:
        rgba(116, 239, 74, .15);
}


.profile-subscription-card--prime::after {
    content: "";

    position: absolute;

    right: -34px;
    bottom: -54px;

    width: 125px;
    height: 125px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(116, 239, 74, .09),
            rgba(116, 239, 74, 0) 68%
        );

    pointer-events: none;
}


/* Main Prime pill */

.profile-prime-status {
    position: relative;
    z-index: 1;

    display: flex;

    align-items: center;

    width: fit-content;
    max-width: 100%;

    margin-top: 13px;

    padding:
        6px 8px 6px 7px;

    gap: 8px;

    border:
        1px solid
        rgba(116, 239, 74, .28);

    border-radius:
        999px;

    background:
        linear-gradient(
            100deg,
            rgba(75, 163, 52, .16),
            rgba(38, 91, 34, .08) 55%,
            rgba(116, 239, 74, .06)
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035),
        0 5px 16px
        rgba(0,0,0,.16),
        0 0 18px
        rgba(104, 230, 66, .035);

    color:
        #dfffd4;
}


/* Prime SVG */

.profile-prime-status__icon {
    display: flex;

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

    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    border-radius:
        9px;

    background:
        rgba(101, 224, 65, .08);
}


.profile-prime-status__icon img {
    display: block;

    width: 27px;
    height: 27px;

    object-fit: contain;

    filter:
        drop-shadow(
            0 0 6px
            rgba(113, 239, 72, .18)
        );
}


/* Text */

.profile-prime-status__text {
    display: flex;

    min-width: 0;

    flex-direction: column;

    justify-content: center;

    gap: 0;

    line-height: 1.08;
}


.profile-prime-status__text small {
    color:
        rgba(190, 212, 186, .66);

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .105em;

    text-transform:
        uppercase;
}


.profile-prime-status__text strong {
    color:
        #baff9d;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .012em;

    white-space:
        nowrap;
}


/* Arrow */

.profile-prime-status__arrow {
    display: flex;

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

    width: 15px;
    height: 15px;

    margin-left:
        1px;

    color:
        rgba(190, 255, 164, .72);

    font-size:
        18px;

    font-weight:
        400;

    line-height:
        1;

    transform:
        translateY(-1px);
}


/* Subtle animation only for capable devices */

@media (hover: hover) and (pointer: fine) {

    .profile-prime-status {
        transition:
            border-color .18s ease,
            background .18s ease,
            box-shadow .18s ease,
            transform .18s ease;
    }


    .profile-prime-status:hover {
        transform:
            translateY(-1px);

        border-color:
            rgba(128, 245, 88, .42);

        background:
            linear-gradient(
                100deg,
                rgba(80, 174, 55, .21),
                rgba(41, 98, 36, .10) 55%,
                rgba(121, 240, 81, .08)
            );

        box-shadow:
            inset 0 1px 0
            rgba(255,255,255,.045),
            0 7px 19px
            rgba(0,0,0,.19),
            0 0 22px
            rgba(104, 230, 66, .055);
    }

}


@media (max-width: 620px) {

    .profile-prime-status {
        padding:
            5px 7px 5px 6px;

        gap:
            7px;
    }


    .profile-prime-status__icon {
        width:
            26px;

        height:
            26px;

        flex-basis:
            26px;
    }


    .profile-prime-status__icon img {
        width:
            25px;

        height:
            25px;
    }


    .profile-prime-status__text strong {
        font-size:
            10px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .profile-prime-status {
        transition:
            none !important;
    }

}



/* =========================================================
   kirsrv-prime-pill-text-trim-v1
   ========================================================= */

.profile-prime-status__text {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    line-height: 1;
}

.profile-prime-status__text small {
    display: none !important;
}

.profile-prime-status__text strong {
    color: #baff9d;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .01em;
    white-space: nowrap;
    line-height: 1;
}

@media (max-width: 620px) {
    .profile-prime-status__text strong {
        font-size: 12px;
    }
}



/* =========================================================
   kirsrv-profile-detail-icons-v2
   ========================================================= */


/* Main section heading icons */

.profile-section-icon-custom {
    display: inline-grid !important;
    place-items: center !important;

    width: 27px !important;
    height: 27px !important;

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

    margin-right: 8px !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    line-height: 0 !important;

    overflow: visible !important;
}


.profile-section-icon-custom img {
    display: block !important;

    width: 27px !important;
    height: 27px !important;

    object-fit: contain;

    user-select: none;
    pointer-events: none;

    filter:
        drop-shadow(
            0 5px 9px
            rgba(0,0,0,.23)
        );

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


.section-title-row h2,
.warnings-heading > div {
    display: flex;
    align-items: center;
}


/* Mini cards */

.profile-mini-card__title {
    display: flex;
    align-items: center;
}


.profile-mini-icon-custom {
    display: inline-grid !important;
    place-items: center !important;

    width: 24px !important;
    height: 24px !important;

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

    margin-right: 7px !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    line-height: 0 !important;

    overflow: visible !important;
}


.profile-mini-icon-custom img {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    object-fit: contain;

    user-select: none;
    pointer-events: none;

    filter:
        drop-shadow(
            0 4px 8px
            rgba(0,0,0,.21)
        );

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


/* Hover */

@media (hover: hover) and (pointer: fine) {

    .portal-card:hover
    .profile-section-icon-custom img,

    .profile-mini-card:hover
    .profile-mini-icon-custom img {
        transform:
            translateY(-1px)
            scale(1.045);

        filter:
            drop-shadow(
                0 0 8px
                rgba(137,243,76,.12)
            )
            drop-shadow(
                0 6px 10px
                rgba(0,0,0,.25)
            )
            brightness(1.06);
    }


    .profile-section-icon-custom.warning img {
        filter:
            drop-shadow(
                0 0 7px
                rgba(255,181,46,.10)
            )
            drop-shadow(
                0 5px 9px
                rgba(0,0,0,.22)
            );
    }

}


/* Mobile */

@media (max-width: 620px) {

    .profile-section-icon-custom,
    .profile-section-icon-custom img {
        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
    }


    .profile-mini-icon-custom,
    .profile-mini-icon-custom img {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    .profile-section-icon-custom img,
    .profile-mini-icon-custom img {
        transition: none !important;
    }

}



/* =========================================================
   kirsrv-profile-activity-season2-v2
   ========================================================= */

.profile-activity-v2 {
    position: relative;
    overflow: hidden;

    padding: 18px !important;

    border-color:
        rgba(126, 229, 78, .13) !important;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(119, 236, 72, .052),
            transparent 33%
        ),
        linear-gradient(
            180deg,
            rgba(17, 29, 19, .97),
            rgba(10, 19, 12, .98)
        ) !important;
}


.profile-activity-v2::after {
    content: "";

    position: absolute;

    z-index: 0;

    top: -120px;
    right: -110px;

    width: 260px;
    height: 260px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(118, 235, 72, .07),
            transparent 69%
        );

    pointer-events: none;
}


.profile-activity-v2 > * {
    position: relative;
    z-index: 1;
}


/* HEADER */

.profile-activity-v2
.activity-v2-header {
    display: flex !important;

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

    gap: 18px;

    margin-bottom: 0 !important;
}


.activity-v2-eyebrow {
    margin:
        0 0 4px 35px;

    color:
        rgba(182, 199, 179, .48);

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

    line-height: 1;

    letter-spacing: .16em;
}


.profile-activity-v2
.activity-v2-header h2 {
    margin: 0 !important;

    font-size: 18px !important;
    font-weight: 900 !important;

    line-height: 1.14;

    letter-spacing: -.025em;
}


.profile-activity-v2
.activity-v2-header > small {
    flex: 0 0 auto;

    color:
        rgba(190, 204, 188, .58)
        !important;

    font-size: 9px !important;
    font-weight: 700;
}


/* SEASON SELECTOR */

.activity-v2-season-row {
    display: flex;

    align-items: center;

    gap: 13px;

    margin:
        18px 0;
}


.activity-v2-tabs {
    display: inline-flex;

    align-items: center;

    padding: 3px;

    border:
        1px solid
        rgba(130, 223, 87, .14);

    border-radius: 11px;

    background:
        rgba(5, 12, 7, .62);

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


.activity-v2-tab {
    min-height: 30px;

    padding:
        0 13px;

    border: 0;
    border-radius: 8px;

    background:
        transparent;

    color:
        rgba(205, 219, 203, .54);

    font:
        inherit;

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

    cursor: pointer;

    transition:
        color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}


.activity-v2-tab:hover {
    color:
        #e2ffd8;
}


.activity-v2-tab.is-active {
    color:
        #c5ffa6;

    background:
        linear-gradient(
            180deg,
            rgba(113, 226, 68, .19),
            rgba(67, 148, 43, .12)
        );

    box-shadow:
        inset 0 0 0 1px
        rgba(135, 241, 83, .27),
        0 0 14px
        rgba(113, 234, 66, .045);
}


.activity-v2-season-note {
    color:
        rgba(175, 190, 173, .38);

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


/* TOP METRIC CARDS */

.activity-v2-metrics {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr))
        !important;

    gap: 9px !important;

    margin-bottom:
        15px !important;
}


.activity-v2-metric-card {
    min-width: 0;

    min-height: 75px !important;

    padding:
        13px 14px !important;

    border:
        1px solid
        rgba(145, 178, 142, .14)
        !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            180deg,
            rgba(19, 31, 20, .79),
            rgba(12, 23, 14, .86)
        ) !important;

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


.activity-v2-metric-card
span,
.activity-v2-metric-card
small {
    color:
        rgba(184, 198, 181, .49)
        !important;

    font-size:
        8px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .065em;

    text-transform:
        uppercase;
}


.activity-v2-metric-card
strong {
    display: block;

    margin-top: 8px;

    color:
        #eff5ed !important;

    font-size:
        17px !important;

    font-weight:
        900 !important;

    line-height: 1.05;

    letter-spacing:
        -.035em;
}


.activity-v2-metric-card--primary {
    border-color:
        rgba(127, 235, 77, .25)
        !important;

    background:
        radial-gradient(
            circle at 0 0,
            rgba(116, 234, 69, .08),
            transparent 61%
        ),
        linear-gradient(
            180deg,
            rgba(20, 34, 21, .88),
            rgba(12, 24, 14, .92)
        ) !important;
}


.activity-v2-metric-card--primary
strong {
    color:
        #aaf66e !important;
}


/* HEATMAP */

.activity-v2-heatmap {
    margin-top: 0 !important;

    padding:
        14px !important;

    border:
        1px solid
        rgba(144, 176, 141, .14)
        !important;

    border-radius:
        13px !important;

    background:
        linear-gradient(
            180deg,
            rgba(10, 18, 11, .55),
            rgba(7, 14, 9, .47)
        ) !important;

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


.activity-v2-months {
    display: grid;

    grid-template-columns:
        repeat(12, 1fr);

    width: 100%;

    margin:
        8px 0 10px;

    padding:
        0 2px;

    color:
        rgba(177, 191, 174, .43);

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

    pointer-events: none;
}


.activity-v2-months span {
    text-align: center;
}


/* BOTTOM SUMMARY */

.activity-v2-summary {
    display: grid;

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

    gap: 9px;

    margin-top:
        15px;
}


.activity-v2-summary-card {
    display: flex;

    min-width: 0;
    min-height: 68px;

    padding:
        11px 8px;

    flex-direction: column;

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

    border:
        1px solid
        rgba(145, 176, 142, .14);

    border-radius:
        12px;

    background:
        linear-gradient(
            180deg,
            rgba(19, 30, 20, .75),
            rgba(12, 21, 14, .80)
        );

    text-align: center;

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


.activity-v2-summary-card
strong {
    color:
        #f0f5ef;

    font-size: 17px;
    font-weight: 900;

    line-height: 1;

    letter-spacing: -.03em;
}


.activity-v2-summary-card
span {
    margin-top: 7px;

    color:
        rgba(175, 190, 172, .48);

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

    line-height: 1.25;

    letter-spacing: .06em;

    text-transform: uppercase;
}


/* HOVER */

@media (hover: hover) and (pointer: fine) {

    .activity-v2-metric-card,
    .activity-v2-summary-card {
        transition:
            transform .16s ease,
            border-color .16s ease;
    }


    .activity-v2-metric-card:hover,
    .activity-v2-summary-card:hover {
        transform:
            translateY(-1px);

        border-color:
            rgba(132, 233, 84, .22);
    }

}


/* TABLET */

@media (max-width: 800px) {

    .activity-v2-metrics,
    .activity-v2-summary {
        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;
    }


    .activity-v2-season-row {
        align-items:
            flex-start;

        flex-direction:
            column;

        gap: 7px;
    }

}


/* MOBILE */

@media (max-width: 520px) {

    .profile-activity-v2 {
        padding:
            14px !important;
    }


    .profile-activity-v2
    .activity-v2-header {
        align-items:
            flex-start !important;

        flex-direction:
            column;

        gap: 7px;
    }


    .profile-activity-v2
    .activity-v2-header
    > small {
        padding-left:
            35px;
    }


    .activity-v2-metrics,
    .activity-v2-summary {
        gap:
            7px !important;
    }


    .activity-v2-metric-card {
        min-height:
            67px !important;

        padding:
            11px !important;
    }


    .activity-v2-metric-card
    strong,
    .activity-v2-summary-card
    strong {
        font-size:
            15px !important;
    }


    .activity-v2-summary-card {
        min-height:
            62px;
    }


    .activity-v2-months {
        font-size:
            7px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .activity-v2-tab,
    .activity-v2-metric-card,
    .activity-v2-summary-card {
        transition:
            none !important;
    }

}

/* ===== kirsrv-activity-record-fix-v1 ===== */

.activity-season2-note,
.activity-season2-season-note,
.activity-season2-legend,
.activity-season2-empty-note,
.activity-season2-heatmap-month,
.activity-season2-heatmap-year,
.activity-season2-metric-label,
.activity-season2-summary-label,
.activity-season2-switcher-note,
.activity-subtitle,
.section-title-row small,
.stats-card--v17 small,
.stats-card--v17 .muted {
    font-size: 13px !important;
    line-height: 1.45 !important;
    letter-spacing: .02em !important;
}

.activity-season2-metric-label,
.activity-season2-summary-label {
    font-size: 14px !important;
    font-weight: 700 !important;
    opacity: .88 !important;
}

.activity-season2-note,
.activity-season2-season-note,
.activity-season2-switcher-note,
.activity-season2-empty-note,
.activity-season2-legend,
.activity-subtitle,
.section-title-row small,
.stats-card--v17 small,
.stats-card--v17 .muted {
    opacity: .82 !important;
}

.activity-season2-heatmap-month {
    font-size: 12px !important;
    font-weight: 700 !important;
    opacity: .72 !important;
}

.activity-season2-heatmap-year {
    font-size: 15px !important;
    font-weight: 800 !important;
    opacity: .86 !important;
}

.activity-season2-switcher .activity-season2-tab,
.activity-season2-switcher button,
.activity-season2-switcher a {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.activity-season2-metric-value,
.activity-season2-summary-value {
    line-height: 1.08 !important;
}

.activity-season2-summary-card .activity-season2-summary-value,
.activity-season2-summary-card strong,
.activity-season2-summary-card b {
    font-size: clamp(24px, 2vw, 34px) !important;
}

.activity-season2-summary-card .activity-season2-summary-label {
    margin-top: 8px !important;
}

@media (max-width: 900px) {
    .activity-season2-note,
    .activity-season2-season-note,
    .activity-season2-legend,
    .activity-season2-empty-note,
    .activity-season2-heatmap-month,
    .activity-season2-heatmap-year,
    .activity-season2-metric-label,
    .activity-season2-summary-label,
    .activity-season2-switcher-note,
    .activity-subtitle,
    .section-title-row small,
    .stats-card--v17 small,
    .stats-card--v17 .muted {
        font-size: 12px !important;
    }

    .activity-season2-summary-card .activity-season2-summary-value,
    .activity-season2-summary-card strong,
    .activity-season2-summary-card b {
        font-size: clamp(22px, 6vw, 28px) !important;
    }
}

/* ===== /kirsrv-activity-record-fix-v1 ===== */


/* ===== kirsrv-profile-stat-reference-v6 ===== */


/*
 * Только блок "Статистика" в профиле.
 * На /statistics эти правила НЕ действуют.
 */

.stats-card--v17
.stats-grid {
    gap:
        10px !important;
}


/* CARD */

.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic {
    position:
        relative !important;

    display:
        grid !important;

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

    grid-template-rows:
        40px 30px
        !important;

    column-gap:
        10px !important;

    row-gap:
        10px !important;

    align-items:
        center !important;

    overflow:
        hidden !important;

    min-width:
        0 !important;

    min-height:
        106px !important;

    padding:
        13px 14px !important;

    border:
        1px solid
        rgba(75,220,93,.26)
        !important;

    border-radius:
        15px !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(57,190,75,.055),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #06190e 0%,
            #05140b 100%
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.018),
        0 7px 18px
        rgba(0,0,0,.13)
        !important;

    filter:
        none !important;

    opacity:
        1 !important;
}


.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic::before,

.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic::after {
    pointer-events:
        none !important;
}


/* SMALL REFERENCE ICON */

.stats-card--v17
.stat-tile--iconic
.stat-tile__icon {
    position:
        relative !important;

    z-index:
        4 !important;

    grid-column:
        1 !important;

    grid-row:
        1 !important;

    display:
        block !important;

    width:
        40px !important;

    height:
        40px !important;

    min-width:
        40px !important;

    min-height:
        40px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


.stats-card--v17
.stat-tile--iconic
.stat-tile__icon img {
    display:
        block !important;

    width:
        40px !important;

    height:
        40px !important;

    object-fit:
        contain !important;

    opacity:
        1 !important;

    filter:
        none !important;

    transform:
        none !important;
}


/* LABEL */

.stats-card--v17
.stat-tile--iconic
.stat-tile__label {
    position:
        relative !important;

    z-index:
        4 !important;

    top:
        auto !important;

    left:
        auto !important;

    right:
        auto !important;

    grid-column:
        2 !important;

    grid-row:
        1 !important;

    align-self:
        center !important;

    width:
        auto !important;

    max-width:
        none !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    overflow:
        visible !important;

    white-space:
        normal !important;

    text-overflow:
        clip !important;

    color:
        rgba(220,231,222,.72)
        !important;

    font-size:
        9px !important;

    font-weight:
        850 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        .03em !important;

    text-transform:
        uppercase !important;
}


/* VALUE */

.stats-card--v17
.stat-tile--iconic
.stat-tile__value {
    position:
        relative !important;

    z-index:
        4 !important;

    grid-column:
        1 / -1 !important;

    grid-row:
        2 !important;

    align-self:
        end !important;

    display:
        block !important;

    margin:
        0 !important;

    color:
        #f3f7f3 !important;

    font-size:
        22px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;

    letter-spacing:
        -.03em !important;
}


/* LARGE WATERMARK */

.stats-card--v17
.stat-tile--iconic
.stat-tile__watermark {
    position:
        absolute !important;

    z-index:
        1 !important;

    right:
        3px !important;

    bottom:
        -8px !important;

    display:
        block !important;

    width:
        75px !important;

    height:
        75px !important;

    max-width:
        75px !important;

    max-height:
        75px !important;

    opacity:
        .88 !important;

    pointer-events:
        none !important;

    filter:
        none !important;

    transform:
        none !important;
}


.stats-card--v17
.stat-tile--iconic
.stat-tile__watermark img {
    display:
        block !important;

    width:
        75px !important;

    height:
        75px !important;

    max-width:
        75px !important;

    max-height:
        75px !important;

    object-fit:
        contain !important;

    opacity:
        1 !important;

    filter:
        none !important;

    transform:
        none !important;
}


/* NO DARKENING */

.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic:hover {
    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(57,190,75,.055),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #06190e 0%,
            #05140b 100%
        ) !important;

    border-color:
        rgba(86,235,104,.34)
        !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.018),
        0 8px 20px
        rgba(0,0,0,.15)
        !important;

    filter:
        none !important;

    opacity:
        1 !important;

    transform:
        translateY(-1px)
        !important;
}


.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic:hover
.stat-tile__icon,

.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic:hover
.stat-tile__icon img,

.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic:hover
.stat-tile__watermark,

.stats-card--v17
.stats-grid
.stat-tile.stat-tile--iconic:hover
.stat-tile__watermark img {
    filter:
        none !important;

    opacity:
        1 !important;
}


/* MOBILE */

@media (max-width:760px) {

    .stats-card--v17
    .stats-grid
    .stat-tile.stat-tile--iconic {
        grid-template-columns:
            36px minmax(0,1fr)
            !important;

        grid-template-rows:
            36px 27px
            !important;

        min-height:
            96px !important;

        padding:
            11px 12px !important;

        column-gap:
            8px !important;

        row-gap:
            9px !important;
    }


    .stats-card--v17
    .stat-tile--iconic
    .stat-tile__icon,

    .stats-card--v17
    .stat-tile--iconic
    .stat-tile__icon img {
        width:
            36px !important;

        height:
            36px !important;

        min-width:
            36px !important;

        min-height:
            36px !important;
    }


    .stats-card--v17
    .stat-tile--iconic
    .stat-tile__label {
        font-size:
            8px !important;
    }


    .stats-card--v17
    .stat-tile--iconic
    .stat-tile__value {
        font-size:
            20px !important;
    }


    .stats-card--v17
    .stat-tile--iconic
    .stat-tile__watermark,

    .stats-card--v17
    .stat-tile--iconic
    .stat-tile__watermark img {
        width:
            65px !important;

        height:
            65px !important;

        max-width:
            65px !important;

        max-height:
            65px !important;
    }

}


/* ===== /kirsrv-profile-stat-reference-v6 ===== */