@import url('http://fonts.cdnfonts.com/css/montserrat');


 ::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    background-color: var(--table-line);
}

::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: var(--table-line);
    background-color: var(--table-line);
}

::-webkit-scrollbar-track{
    border-width:0;
}

::-webkit-scrollbar-track:hover{
    background-color: var(--sidebar-color);
}

/*
 * Nav блоки
 */
.navbar {
    top: 0;
    left: 0;
    min-width: 100%;
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 56px;
    max-height: 56px;
    background-color: var(--navbar-color);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    justify-content: space-between;
    padding: .5rem 1rem;
}
.navbar>.container,
.navbar>.container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}
.nav-toggle:active,
.nav-toggle:focus,
.nav-toggle:hover {
    outline: 0;
    border-bottom: none;
}
.nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: var(--item-color);
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: var(--item-color);
    transition: all .2s ease-out
}
.nav-toggle i::after,
.nav-toggle i::before {
    content: '';
    width: 25px;
    height: 2px;
    background: var(--item-color);
    position: absolute;
    left: 0;
    transition: all .2s ease-out
}
.nav-toggle i::before {
    top: -7px
}
.nav-toggle i::after {
    bottom: -7px
}
.nav-toggle:hover i::before {
    top: -10px
}
.nav-toggle:hover i::after {
    bottom: -10px
}
.nav-toggle {
    position: absolute;
    left: 8px;
    top: 0px;
    padding: 13px 0 0 0;
    display: block;
    margin: 0 auto;
    height: 55px;
    width: 44px;
    z-index: 2001;
    border-bottom: none;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}
.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.nav-link {
    display: block;
}
.a-type:hover {
    background-color: var(--hover);
    cursor: pointer;
    color: var(--span-color);
}

.a-type a:hover {
    background-color: var(--hover);
    cursor: pointer;
    color: var(--span-color);
}

.footer {
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: var(--default-text-color);
    font-size: 12px;
    font-weight: var(--font-weight-2);
}

.logo-area {
    max-height: 59px;
    max-width: 270px;
    z-index: 99;
}
.logo-area img {
    position: relative;
    left: 48px;
    max-width: 190px;
    max-height: 40px;
}
.right-area {
    display: inline-block;
    position: fixed;
    float: right;
    right: 6px;
}
.right-area ul {
    padding-left: 20px;
}
.right-area li {
    float: right;
    padding: 10px;
}

.right-area svg, .right-area img {
    margin-bottom: 2px;
    height: 15px;

}.right-area .subsection svg, .right-area .subsection img {
    margin-bottom: 2px;
    height: 18px;
}

.navbar-icon svg, .navbar-icon img {
    filter: invert(var(--svg));
}

.search i {
    margin-top: 1.9px;
    font-size: 1.35em;
    color: var(--default-text-color);
}

.search_form {
    width: 270px;
    padding: 16px;
}

.search_form .input-form {
    margin-bottom: 15px;
}

.section .subsection {
    position: absolute;
    right: 10px;
    top: 50px;
    border-radius: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: var(--sidebar-color);
    list-style: none;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    visibility: hidden;
    min-width: 150px;
    text-align: left;
    margin: 0;
    opacity: 0;
    padding: 0;
}
.section:hover .subsection,
.sh:hover .subsection {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.section .subsection li {
    width: 100%;
    border-bottom: 1px solid var(--hover);
    padding: 4px 10px;
}
.section .subsection a {
    color: var(--default-text-color);
    display: inline-block;
    line-height: 1.2em;
    padding: 5px 0;
    text-decoration: none;
}
.main-sidebar {
    background: var(--sidebar-color);
    box-shadow: 1px 0px 20px rgba(255, 255, 255, 0.2);
}
.sidebar-menu li:hover {
    color: var(--default-text-color);
    background-color: var(--hover);
}
.sidebar-menu>li>a {
    color: var(--default-text-color);
}
.table-active {
    color: var(--default-text-color);
    background-color: var(--hover);
}

.user-details span a {
    color: var(--default-text-color);
}
.user-details span a:hover {
    color: var(--hover);
}

.user-details span {
    color: #111111;
}
.user-rank>i {
    color: #111111;
}
.treeview-menu>li>a {
    color: #111111
}

.select-panel-pages {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 25px;
}

.select-panel-table {
    display: inline-block;
    margin-left: 25px;
}

.select-panel select {
    color: #edf1f8;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: transparent;
    border-image: none;
    outline-color: transparent;
    box-shadow: none;
}

.select-panel select option {
    font-weight: var(--font-weight-2);
    font-size: 13px;
    color: var(--default-text-color);
    background: var(--sidebar-color);
}

.button{
    font-weight: var(--font-weight-2);
    font-size: 12px;
    margin-top: 10px;
    padding-left: 14px;
    padding-right: 14px;
    color: #FFF;
    background-color: var(--span-color);
    border: none;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    text-align: center;
    line-height: 26px;
    vertical-align: middle;
    user-select: none;
    outline: none;
    float: right;
}

.input-form input {
    font-size: 15px;
    font-weight: var(--font-weight-2);
    color: var(--default-text-color);
    background-color: inherit;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    border-bottom: 2px solid var(--table-line);
    width: 100%;
}

.input-form .input_text {
    color: var(--top-text-color);
    font-size: 12px;
    font-weight: var(--font-weight-2);
}

.input-form input:focus:not([readonly]) {
    border-bottom: 2px solid var(--span-color);
}

.input-form label {
    float: left;
    white-space: nowrap;
    width: 19%;
    margin-right: 20px;
}

.input-form select {
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
    outline: none;
    color: var(--default-text-color);
    background-color: inherit;
    height: 24px;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-bottom: 2px solid var(--table-line);
    font-weight: var(--font-weight-2);
    font-size: 15px;
}

.input-form select:focus:not([readonly]) {
    border-bottom: 2px solid var(--span-color);
}

.input-form select option {
    border: none;
    outline: none;
    background-color: var(--sidebar-color);
    font-weight: var(--font-weight-2);
}

.badge img{
    filter: invert(var(--svg));
}

.modal-window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.modal-window .card {
    border: 1px solid var(--default-text-color);
    border-radius: 2px;
}

.modal-window:target {
    opacity: 1;
    pointer-events: auto;
}
.modal-window > div {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--sidebar-color);
}

.login_form{
    padding-left:18px;
    padding-right:18px;
    padding-bottom: 18px;
}

.no_steam{
    float: right;
    margin-bottom: 16px;
}

.login_form > .input-form{
    margin-bottom: 15px;
}
.modal-close {
    position: absolute;
    right: 15px;
    color: #aaa;
    text-align: center;
    width: 40px;
    text-decoration: none;
}

.modal-close img{
    width: 20px;
    height: 20px;
}

.modal-close:hover {
    color: var(--default-text-color);
}

.btn_form {
    margin-top: .375rem;
    margin-right: .375rem;
    margin-bottom: .375rem;
}
.btn {
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    padding: 6px 15px;
    outline: none;
    font-weight: 400;
    font-size: .81rem;
    background: var(--span-color);
    color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    word-wrap: break-word;
}
.sidebar-right {
    margin-top: 56px;
    top: 0;
    right: 0;
    height: 100%;
    position: fixed ;
    width: 220px;
    z-index: 2;
    background: var(--sidebar-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.sidebar-right .user-sidebar-right-block {
    background: linear-gradient(45deg,var(--sidebar-gradient-2),var(--sidebar-gradient-1));
}

.sidebar-right .info {
    align-items: center;
    display: flex;
    padding-left: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #111;
}

.sidebar-right .details {
    font-size: 14px;
    font-weight: 600;
}

.sidebar-right .details .admin_type {
    font-weight: 600;
    font-size: 14px;
}

.sidebar-right .details .admin_rights {
    font-weight: 600;
    font-size: 10px;
}

.card_info_block{
    display:none;
    background: var(--sidebar-color);
    height:180px;
    width:300px;
}

tr th a:hover .card_info_block{
    position: absolute;
    display:block;
    margin-right: auto;
    margin-left: auto;
    margin-top: -200px;
}

.sidebar-offcanvas-desktop {
    display: none
}


.sidebar-menu .sidebar-icon {
    margin-right: 0;
    display: inline-block
}

.sidebar-menu .sidebar-icon img, .sidebar-menu .sidebar-icon svg {
    margin-left: 2px;
    height: 20px;
    filter: invert(var(--svg))
}

.sidebar-menu .sidebar-icon i {
    font-size: 1.52em;
    color: invert(var(--svg))
}

.sidebar-menu .item-name {
    position: absolute;
    top: 18px;
    left: 54px;
    display: inline-block
}

.sidebar-menu > li.active:after {
    content: "";
    display: block;
    width: 5px;
    height: 100%;
    background: #222;
    position: absolute;
    right: 0;
    bottom: 0
}

.sidebar-menu {
    height: 100%;
    list-style: outside none none;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap
}

.sidebar-menu > li > a {
    text-decoration: none;
    display: block;
    padding-left: 17px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 600;
    position: relative
}

.user-info {
    align-items: center;
    display: flex;
    padding-left: 18px;
    padding-top: 8px;
    padding-bottom: 8px
}

.user-sidebar-block {
    background: linear-gradient(45deg, var(--sidebar-gradient-1), var(--sidebar-gradient-2))
}

.user-info a img {
    left: 77px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: bottom;
    border: 3px solid #fff
}

.user-info img {
    left: 77px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: bottom;
    border: 3px solid #fff
}

.user-rank {
    align-items: center;
    display: flex;
    padding-left: 18px;
    padding-bottom: 10px;
    position: relative
}

.rank_img {
    text-align: center;
    width: 20%;
}
.user-rank-more {
    align-items: center;
    display: flex;
    padding-left: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

.user-rank img {
    max-width: 50px;
    max-height: 20px
}

.user-rank-more img {
    max-width: 50px;
    max-height: 20px
}

.user-details {
    font-size: 14px;
    font-weight: 600
}

.user-rank .icon-down {
    position: absolute;
    top: -2px;
    right: 8px
}

.user-rank .icon-down img, .user-rank .icon-down svg {
    width: 22px;
    height: 22px;
    filter: var(--svg)
}

.user-rank .icon-down i {
    font-size: 1.52em;
    color: #111;
}

.user-details span {
    display: table;
    margin-left: 10px;
    margin-bottom: 3px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 11px;
    text-decoration: none
}

.user-details span a {
    font-weight: 600;
    font-size: 13px;
    text-decoration: none
}

.user-details .user_name {
    font-weight: 600;
    font-size: 14px
}

.user-details .user_text {
    margin-bottom: 0px;
}

.user-details ._logout {
    position: absolute;
    top:12px;
    right: 15px;
    font-weight: 600;
    font-size: 14px
}

.rank-details {
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
    color: #111111;
}

.rank-mini-li > a {
    text-decoration: none
}

.main-sidebar {
    margin-top: 56px;
    top: 0;
    left: 0;
    height: 100%;
    position: fixed;
    width: 270px;
    z-index: 2;
    overflow-y:auto;
    padding-bottom: 58px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
@media (max-width: 1025px) {

    .global-container {
        margin-left: 0
    }

    .sidebar-collapse .global-container {
        margin-left: 0px
    }

    .main-sidebar {
        margin-top: 56px;
        -webkit-transform: translate(-330px, 0);
        -ms-transform: translate(-330px, 0);
        -o-transform: translate(-330px, 0);
        transform: translate(-330px, 0)
    }

    .sidebar-open .swipe-area {
        -webkit-transform: translate(270px, 0);
        -ms-transform: translate(270px, 0);
        -o-transform: translate(270px, 0);
        transform: translate(270px, 0)
    }

    .swipe-area {
        margin-top: 58px;
        top: 0;
        left: -12px;
        min-height: 100%;
        position: fixed;
        width: 30px;
        z-index: 2
    }

    .sidebar-open .swipe-area {
        -webkit-transform: translate(270px, 0);
        -ms-transform: translate(270px, 0);
        -o-transform: translate(270px, 0);
        transform: translate(270px, 0)
    }

    .sidebar-open .main-sidebar {
        overflow-y: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media (min-width: 1025px) {
    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(-210px, 0);
        -ms-transform: translate(-210px, 0);
        -o-transform: translate(-210px, 0);
        transform: translate(-210px, 0)
    }

    .sidebar-collapse .user-rank img {
        max-width: 42px;
        max-height: 20px;
    }

    .sidebar-collapse .sidebar-menu {
        overflow: visible;
    }

    .sidebar-collapse .global-container {
        margin-left: 64px
    }

    .sidebar-collapse .user-details,
    .sidebar-collapse .icon-down,
    .sidebar-collapse .rank-details,
    .sidebar-collapse .user-rank-more{
        display: none;
    }

    .sidebar-collapse .sidebar-menu .sidebar-icon {
        margin-left: 211px;
    }

    .sidebar-collapse .user-rank {
        position: absolute;
        top: 60px;
        margin-left: 201px;
        padding-right: 10px;
        padding-bottom: 2px;
    }
    .sidebar-collapse .sidebar-menu .item-name {
        display: none;
    }

    .sidebar-collapse .user-rank > img {
        width: 42px;
        height: 18px;
    }

    .sidebar-collapse .user-info a img{
        position: absolute;
        top: 7px;
        margin-left: 140px;
        width: 45px;
        height: 45px;
    }

    .swipe-area {
        margin-top: 58px;
        top: 0;
        left: 260px;
        min-height: 100%;
        position: fixed;
        width: 27px;
        z-index: 2
    }

    .sidebar-collapse .swipe-area {
        -webkit-transform: translate(-207px, 0);
        -ms-transform: translate(-207px, 0);
        -o-transform: translate(-207px, 0);
        transform: translate(-207px, 0)
    }
}

.lng-dropdown {
    display: none
}

.treeview-menu {
    display: none;
    list-style: outside none none;
    margin: 0;
    width: 100%;
}


.user-rank > i {
    position: absolute;
    right: 21px;
    margin-top: 2px
}

.notification {
    position: relative;
}

.notification span {
    position: absolute;
    top: -5px;
    left: 13px;
    color: #fff;
    background: var(--span-color);
    border-radius: 100%;
    padding-top: 2px;
    width: 17px;
    height: 17px;
    font-size: 9px;
    text-align: center;
    display: none;
}

.main_notifications {
    padding-left: unset;
}

.main_notifications a {
    width: 100%;
}

.notifications-item .icon {
    font-size: 20px;
    color: var(--span-color);
}

.notifications-item .text {
    font-size: 12px;
}

@import url('https://fonts.cdnfonts.com/css/montserrat');

:root{
    --oh-bg: #090c12;
    --oh-surface: #111622;
    --oh-surface-2: #151b28;
    --oh-border: rgba(255,255,255,0.06);
    --oh-border-strong: rgba(255,255,255,0.10);
    --oh-text: #eef2f8;
    --oh-text-soft: #a7b0c2;
    --oh-text-dim: #7f889b;
    --oh-orange: #ff7a18;
    --oh-orange-2: #ff9d4d;
    --oh-blue: #6b6cff;
    --oh-blue-2: #8a7dff;
    --oh-navbar-h: 72px;
    --oh-radius: 18px;
    --oh-radius-lg: 22px;
    --oh-shadow: 0 18px 45px rgba(0,0,0,0.30);
}

/* =========================
   GLOBAL
========================= */

html,
body {
    background:
        radial-gradient(circle at top right, rgba(107,108,255,0.08), transparent 24%),
        radial-gradient(circle at bottom left, rgba(255,122,24,0.05), transparent 22%),
        linear-gradient(180deg, #0b0e13 0%, #090c11 100%);
    color: var(--oh-text);
    font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb{
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.12);
}

::-webkit-scrollbar-thumb:hover{
    background-color: var(--oh-blue);
}

::-webkit-scrollbar-track{
    background: transparent;
}

/* =========================
   REMOVE SIDEBARS
========================= */

.main-sidebar,
.swipe-area,
.sidebar-right,
.sidebar-offcanvas-desktop {
    display: none !important;
}

.global-container,
.sidebar-collapse .global-container,
.sidebar-open .global-container,
.onehit-no-sidebar-layout {
    margin-left: 0 !important;
    width: 100% !important;
}

.global-container {
    margin-top: calc(var(--oh-navbar-h) + 4px);
    padding: 22px 22px 30px;
    min-height: calc(100vh - var(--oh-navbar-h));
    background:
        radial-gradient(circle at top right, rgba(107,108,255,0.08), transparent 24%),
        radial-gradient(circle at bottom left, rgba(255,122,24,0.05), transparent 22%);
}

@media (max-width: 1024px) {
    .global-container {
        padding: 16px;
    }
}

/* =========================
   ROWS / COLUMNS
========================= */

.row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 18px;
}

.col-md-12,
.col-md-6,
.col-md-4,
.col-md-3 {
    padding: 0 !important;
}

/* =========================
   NAVBAR
========================= */

.navbar.onehit-navbar--desktop,
.onehit-navbar--desktop {
    min-height: var(--oh-navbar-h);
    max-height: var(--oh-navbar-h);
    padding-left: 20px;
    padding-right: 20px;
    background: linear-gradient(90deg, #17182a 0%, #141827 100%);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.onehit-navbar-left {
    display: flex;
    align-items: center;
    min-width: 150px;
}

.onehit-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.onehit-main-logo,
.onehit-brand img {
    height: 32px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
    display: block;
    filter: none;
}

.onehit-navbar-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    flex-wrap: nowrap;
}

.onehit-nav-link {
    position: relative;
    color: #c8cedc;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: color .18s ease;
}

.onehit-nav-link:hover,
.onehit-nav-link.active {
    color: #ffffff;
}

.onehit-nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    height: 2px;
    border-radius: 999px;
    background: #ff8f2b;
}

.onehit-navbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
    padding: 0;
    min-width: auto;
}

.onehit-navbar-right li {
    list-style: none;
    padding: 0;
}

.onehit-steam-login-wrap {
    margin-right: 8px;
}

.onehit-steam-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    background: #c85b3d;
    box-shadow: none;
    transition: filter .18s ease;
}

.onehit-steam-login:hover {
    color: #fff;
    filter: brightness(1.03);
}

.onehit-steam-login i {
    font-size: 20px;
    line-height: 1;
}

.onehit-action-pill > a,
.onehit-action-pill .navbar-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: none;
    transition: background .18s ease, border-color .18s ease;
}

.onehit-action-pill > a:hover,
.onehit-action-pill .navbar-icon:hover {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.12);
}

.section .subsection,
.onehit-navbar-right .subsection {
    margin-top: 10px;
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
    background: linear-gradient(180deg, rgba(23,28,39,0.98), rgba(13,17,24,0.98));
    border: 1px solid var(--oh-border);
    list-style: none;
    min-width: 170px;
    text-align: left;
    padding: 6px 0;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .onehit-nav-link {
        font-size: 12px;
    }

    .onehit-navbar-center {
        gap: 14px;
    }
}

@media (max-width: 900px) {
    .onehit-navbar-center {
        display: none;
    }

    .onehit-steam-login-wrap span {
        display: none;
    }

    .onehit-steam-login {
        padding: 0 14px;
    }
}

/* =========================
   HERO
========================= */

.onehit-hero {
    position: relative;
    margin-bottom: 18px;
    border-radius: var(--oh-radius-lg);
    overflow: hidden;
    border: 1px solid var(--oh-border);
    background:
        radial-gradient(circle at top right, rgba(107,108,255,0.18), transparent 25%),
        radial-gradient(circle at bottom left, rgba(255,122,24,0.12), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
        rgba(12, 15, 22, 0.96);
    box-shadow: 0 24px 50px rgba(0,0,0,0.26);
}

.onehit-hero-content {
    position: relative;
    padding: 34px 34px 30px;
    z-index: 2;
}

.onehit-hero-title {
    margin: 0;
    font-size: 40px;
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: -.03em;
    color: #ffffff;
    max-width: 720px;
}

.onehit-hero-subtitle {
    margin: 14px 0 0;
    max-width: 680px;
    font-size: 15px;
    line-height: 1.6;
    color: #b9c2d4;
}

.onehit-hero-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.onehit-hero-pill {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.07);
    color: #edf2fb;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
}

@media (max-width: 992px) {
    .onehit-hero-content {
        padding: 24px 20px;
    }

    .onehit-hero-title {
        font-size: 30px;
    }

    .onehit-hero-subtitle {
        font-size: 14px;
    }
}

/* =========================
   CARD / BADGE
========================= */

.card,
.block,
.module-block,
.interface-block {
    position: relative;
    overflow: hidden;
    border-radius: var(--oh-radius);
    border: 1px solid var(--oh-border);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
        rgba(16, 19, 27, 0.92);
    box-shadow: var(--oh-shadow);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.card::before,
.block::before,
.module-block::before,
.interface-block::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(107,108,255,0.10), transparent 24%),
        radial-gradient(circle at bottom left, rgba(255,122,24,0.08), transparent 22%);
    pointer-events: none;
    opacity: .9;
}

.card > *,
.block > *,
.module-block > *,
.interface-block > * {
    position: relative;
    z-index: 1;
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 68px;
    padding: 18px 22px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    background:
        linear-gradient(90deg, rgba(255,122,24,0.08), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0));
}

.card-header .badge {
    margin: 0;
    min-width: 140px;
    max-width: 100%;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.badge {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    color: #eef2ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: none;
}

.card-header > h5.badge:first-child {
    background: linear-gradient(135deg, rgba(107,108,255,0.20), rgba(255,122,24,0.15));
    border-color: rgba(255,255,255,0.10);
}

@media (max-width: 992px) {
    .card-header {
        flex-wrap: wrap;
        align-items: flex-start;
    }
}

/* =========================
   MAIN TABLE
========================= */

.table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0 0 var(--oh-radius) var(--oh-radius);
}

.table.table-hover {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    table-layout: auto;
}

.table.table-hover thead tr {
    background: rgba(255,255,255,0.02);
}

.table.table-hover thead th {
    padding: 16px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #8e96a8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
    background: rgba(255,255,255,0.01);
}

.table.table-hover tbody td,
.table.table-hover tbody th {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: #eef2f8;
    font-size: 14px;
    vertical-align: middle;
}

.table.table-hover tbody tr {
    height: 58px;
    background: rgba(255,255,255,0.015);
    transition: background .16s ease, box-shadow .16s ease;
}

.table.table-hover tbody tr:nth-child(even) {
    background: rgba(255,255,255,0.02);
}

.table.table-hover tbody tr:hover {
    background:
        linear-gradient(90deg, rgba(255,122,24,0.06), rgba(107,108,255,0.04)),
        rgba(255,255,255,0.03);
    box-shadow: inset 3px 0 0 rgba(255,122,24,0.95);
}

.table.table-hover tbody tr.pointer {
    cursor: pointer;
}

.table.table-hover tbody tr:last-child td,
.table.table-hover tbody tr:last-child th {
    border-bottom: 0;
}

.table.table-hover a {
    color: #f5f7fb;
    text-decoration: none;
}

.table.table-hover a:hover {
    color: #ff9d4d;
}

.table.table-hover .text-center {
    text-align: center;
}

.table.table-hover .text-left {
    text-align: left;
}


.tb-time-two {
    white-space: nowrap;
    color: #c5cde0;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .tb-time-two {
        display: none;
    }
}

@media (max-width: 768px) {
    .card {
        border-radius: 14px;
    }

    .card-header {
        padding-left: 14px;
        padding-right: 14px;
    }

    .table.table-hover thead th,
    .table.table-hover tbody td,
    .table.table-hover tbody th {
        padding: 12px 10px;
        font-size: 13px;
    }

    .onehit-top-card .tb-player-cell {
        min-width: 180px;
    }

    .onehit-top-card .tb-player-name {
        max-width: 140px;
    }
}

/* =========================
   MAIN TOP ROW
========================= */

.onehit-top-row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 18px;
}

.onehit-top-row > .col-md-12,
.onehit-top-row > .col-md-6 {
    padding: 0 !important;
}

.onehit-top-row > .col-md-12 {
    flex: 1 1 100%;
    max-width: 100%;
}

.onehit-top-row > .col-md-6 {
    flex: 1 1 calc(50% - 9px);
    max-width: calc(50% - 9px);
}

.onehit-top-card {
    min-height: auto !important;
    width: 100%;
}

@media (max-width: 992px) {
    .onehit-top-row > .col-md-6 {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* =========================
   STATS CARDS
========================= */

.onehit-stats-row {
    gap: 16px;
}

.onehit-stats-row .col-md-4 {
    flex: 1 1 calc(33.333% - 11px);
    max-width: calc(33.333% - 11px);
}

.onehit-stat-card {
    min-height: 170px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.07);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0)),
        rgba(13, 17, 24, 0.94);
    box-shadow: 0 20px 42px rgba(0,0,0,0.24);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.onehit-stat-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,255,255,0.12);
    box-shadow: 0 24px 50px rgba(0,0,0,0.30);
}

.onehit-stat-inner {
    position: relative;
    min-height: 170px;
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onehit-stat-topline {
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 4px;
    border-radius: 0 0 10px 0;
    background: linear-gradient(90deg, #ff7a18, #6b6cff);
}

.onehit-stat-meta {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8f98ab;
    margin-bottom: 10px;
}

.onehit-stat-value {
    font-size: 42px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.03em;
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.onehit-stat-label {
    font-size: 14px;
    font-weight: 600;
    color: #bfc8d9;
    max-width: 75%;
    position: relative;
    z-index: 2;
}

.onehit-stat-icon {
    position: absolute;
    right: 22px;
    bottom: 18px;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.05);
    color: #cdd6e8;
    font-size: 28px;
    z-index: 2;
}

.onehit-stat-icon i,
.onehit-stat-icon svg,
.onehit-stat-icon img {
    font-size: 28px;
    width: 28px;
    height: 28px;
}

.onehit-stat-glow {
    position: absolute;
    right: -40px;
    bottom: -40px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    filter: blur(24px);
    opacity: 0.22;
    pointer-events: none;
}

.onehit-stat-card--players .onehit-stat-glow {
    background: rgba(107,108,255,0.75);
}

.onehit-stat-card--active .onehit-stat-glow {
    background: rgba(255,122,24,0.75);
}

.onehit-stat-card--headshots .onehit-stat-glow {
    background: rgba(255,83,83,0.72);
}

@media (max-width: 1100px) {
    .onehit-stats-row .col-md-4 {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .onehit-stat-value {
        font-size: 36px;
    }

    .onehit-stat-label {
        max-width: 100%;
    }
}

/* =========================
   FOOTER
========================= */

.footer {
    padding: 10px 4px 0;
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--oh-text-soft);
    font-size: 12px;
    opacity: .8;
}

/* =========================================
   PROFILE PAGE CLEAN
========================================= */

.onehit-profile-page-clean {
    width: 100%;
    padding-bottom: 36px;
}

.onehit-profile-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
    margin-bottom: 18px;
}

.onehit-profile-head__eyebrow,
.onehit-profile-head__label,
.onehit-profile-card__title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #9ba5b8;
}

.onehit-profile-head__title {
    margin: 6px 0 0;
    font-size: 34px;
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -.03em;
    color: #fff;
}

.onehit-profile-head__sub {
    margin-top: 8px;
    color: #b5bfd1;
    font-size: 14px;
    font-weight: 600;
}

.onehit-profile-main {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.onehit-profile-sidebar,
.onehit-profile-content {
    min-width: 0;
}

.onehit-profile-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.onehit-profile-card,
.onehit-profile-summary {
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
        rgba(12, 15, 22, 0.96);
    box-shadow: 0 20px 44px rgba(0,0,0,0.22);
    overflow: hidden;
}

.onehit-profile-player {
    padding: 22px;
}

.onehit-profile-player__avatar-link {
    display: inline-flex;
}

.onehit-profile-player__avatar {
    width: 104px;
    height: 104px;
    object-fit: cover;
    border-radius: 24px;
    border: 2px solid rgba(255,255,255,0.12);
    box-shadow: 0 12px 28px rgba(0,0,0,0.26);
}

.onehit-profile-player__name {
    margin-top: 16px;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.04;
    color: #fff;
}

.onehit-profile-player__status {
    margin-top: 14px;
}

.onehit-profile-player__status span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,0.08);
}

.onehit-profile-player__rankbox {
    margin-top: 16px;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
}

.onehit-profile-player__rankimg {
    max-width: 56px;
    max-height: 24px;
    object-fit: contain;
}

.onehit-profile-player__rankname {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #e7edf8;
}

.onehit-profile-player__mini {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.onehit-profile-player__mini-item {
    border-radius: 14px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 12px;
}

.onehit-profile-player__mini-item span {
    display: block;
    color: #97a1b3;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 6px;
}

.onehit-profile-player__mini-item strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.onehit-profile-card__title {
    padding: 16px 18px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.onehit-profile-list {
    padding: 8px 0;
}

.onehit-profile-list__row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.onehit-profile-list__row:last-child {
    border-bottom: 0;
}

.onehit-profile-list__row span {
    color: #aab4c7;
    font-size: 13px;
    font-weight: 600;
}

.onehit-profile-list__row strong {
    color: #eef2fb;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

.onehit-profile-summary {
    padding: 22px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 20px;
    margin-bottom: 18px;
    background:
        radial-gradient(circle at top center, rgba(255,159,77,0.12), transparent 20%),
        radial-gradient(circle at top center, rgba(255,255,255,0.04), transparent 28%),
        rgba(12, 15, 22, 0.96);
}

.onehit-profile-summary__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    min-height: 180px;
    text-align: center;
}

.onehit-profile-summary__rank {
    max-width: 72px;
    max-height: 30px;
    object-fit: contain;
}

.onehit-profile-summary__points {
    margin-top: 14px;
    font-size: 40px;
    font-weight: 900;
    color: #ff9d4d;
    letter-spacing: -.03em;
}

.onehit-profile-summary__top {
    margin-top: 8px;
    color: #c5cede;
    font-size: 13px;
    font-weight: 700;
}

.onehit-profile-summary__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-self: center;
}

.onehit-profile-metric {
    min-height: 90px;
    border-radius: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onehit-profile-metric span {
    display: block;
    color: #97a1b3;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}

.onehit-profile-metric strong {
    display: block;
    color: #eef2fb;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.45;
}

.onehit-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
    align-items: start;
}

.onehit-profile-nearby {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.onehit-profile-maps,
.onehit-profile-weapons {
    grid-column: 1 / 2;
}

.onehit-profile-special {
    grid-column: 1 / -1;
}

.onehit-profile-maphero {
    position: relative;
    height: 220px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.onehit-profile-maphero img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
}

.onehit-profile-maphero__overlay {
    position: absolute;
    left: 18px;
    bottom: 18px;
}

.onehit-profile-maphero__badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(11,14,20,0.82);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 8px;
}

.onehit-profile-maphero__name {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 3px 12px rgba(0,0,0,0.35);
}

.onehit-profile-weapons-top {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.onehit-profile-weapon-chip {
    min-height: 96px;
    border-radius: 16px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.onehit-profile-weapon-chip__icon i,
.onehit-profile-weapon-chip__icon svg,
.onehit-profile-weapon-chip__icon img {
    font-size: 28px;
    width: 28px;
    height: 28px;
}

.onehit-profile-weapon-chip__score {
    color: #ff9d4d;
    font-size: 15px;
    font-weight: 800;
}

.onehit-profile-special-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 18px;
}

.onehit-profile-special-item {
    position: relative;
    min-height: 124px;
    border-radius: 18px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    padding: 18px;
    overflow: hidden;
}

.onehit-profile-special-item__value {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
}

.onehit-profile-special-item__text {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #c2cbda;
}

.onehit-profile-special-item__percent {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 800;
    color: #ff9d4d;
}

.onehit-profile-special-item__icon {
    position: absolute;
    right: 16px;
    bottom: 14px;
    font-size: 28px;
    opacity: .16;
}

.onehit-profile-table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.onehit-profile-table thead th {
    font-size: 10px;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: #8f98ab;
}

.onehit-profile-table tbody td,
.onehit-profile-table tbody th {
    font-size: 12px;
    color: #edf2fb;
    vertical-align: middle;
}

.onehit-profile-table tbody tr {
    height: 50px;
}

.onehit-profile-table--compact th:nth-child(1),
.onehit-profile-table--compact td:nth-child(1) {
    width: 42px;
}

.onehit-profile-table--compact th:nth-child(3),
.onehit-profile-table--compact td:nth-child(3) {
    width: 64px;
}

.onehit-profile-table--compact th:nth-child(4),
.onehit-profile-table--compact td:nth-child(4) {
    width: 58px;
}

.onehit-profile-table .table-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1450px) {
    .onehit-profile-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .onehit-profile-special-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .onehit-profile-main {
        grid-template-columns: 1fr;
    }

    .onehit-profile-grid {
        grid-template-columns: 1fr;
    }

    .onehit-profile-nearby,
    .onehit-profile-maps,
    .onehit-profile-weapons,
    .onehit-profile-special {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 900px) {
    .onehit-profile-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .onehit-profile-summary {
        grid-template-columns: 1fr;
    }

    .onehit-profile-summary__grid {
        grid-template-columns: 1fr;
    }

    .onehit-profile-special-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================
   PROFILE PAGE — ALIGNMENT + TYPOGRAPHY FIX
========================================= */

.onehit-profile-page-clean,
.onehit-profile-page-clean * {
    box-sizing: border-box;
}

.onehit-profile-page-clean {
    width: 100%;
    padding-bottom: 30px;
}

/* ---------- top header ---------- */

.onehit-profile-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 18px;
    margin-bottom: 16px;
}

.onehit-profile-head__eyebrow,
.onehit-profile-head__label,
.onehit-profile-card__title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #96a0b3;
}

.onehit-profile-head__title {
    margin: 4px 0 0;
    font-size: 32px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #f7f9fd;
}

.onehit-profile-head__sub {
    margin-top: 7px;
    color: #aeb8ca;
    font-size: 13px;
    font-weight: 500;
}

/* ---------- main layout ---------- */

.onehit-profile-main {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.onehit-profile-sidebar,
.onehit-profile-content {
    min-width: 0;
}

.onehit-profile-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ---------- cards ---------- */

.onehit-profile-card,
.onehit-profile-summary {
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0)),
        rgba(12, 16, 24, 0.96);
    box-shadow: 0 14px 34px rgba(0,0,0,0.22);
    overflow: hidden;
}

.onehit-profile-card__title {
    padding: 13px 14px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ---------- left player card ---------- */

.onehit-profile-player {
    padding: 14px;
}

.onehit-profile-player__avatar-link {
    display: inline-flex;
}

.onehit-profile-player__avatar {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 8px 18px rgba(0,0,0,0.20);
}

.onehit-profile-player__name {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.08;
    color: #ffffff;
    letter-spacing: -.01em;
}

.onehit-profile-player__status {
    margin-top: 10px;
}

.onehit-profile-player__status span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid rgba(255,255,255,0.08);
}

.onehit-profile-player__rankbox {
    margin-top: 12px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
}

.onehit-profile-player__rankimg {
    max-width: 48px;
    max-height: 20px;
    object-fit: contain;
}

.onehit-profile-player__rankname {
    margin-top: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #d8dfec;
    line-height: 1.4;
}

.onehit-profile-player__mini {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.onehit-profile-player__mini-item {
    border-radius: 10px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 10px;
}

.onehit-profile-player__mini-item span {
    display: block;
    color: #95a0b4;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 5px;
}

.onehit-profile-player__mini-item strong {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

/* ---------- hit distribution ---------- */

.onehit-profile-list {
    padding: 6px 0;
}

.onehit-profile-list__row {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.onehit-profile-list__row:last-child {
    border-bottom: 0;
}

.onehit-profile-list__row span {
    color: #aeb7c8;
    font-size: 12px;
    font-weight: 500;
}

.onehit-profile-list__row strong {
    color: #eef2fa;
    font-size: 12px;
    font-weight: 700;
}

/* ---------- summary ---------- */

.onehit-profile-summary {
    padding: 14px;
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 16px;
}

.onehit-profile-summary__main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.05);
    min-height: 132px;
    text-align: center;
    padding: 10px;
}

.onehit-profile-summary__rank {
    max-width: 60px;
    max-height: 24px;
    object-fit: contain;
}

.onehit-profile-summary__points {
    margin-top: 10px;
    font-size: 34px;
    font-weight: 800;
    color: #ff9d4d;
    letter-spacing: -.02em;
    line-height: 1;
}

.onehit-profile-summary__top {
    margin-top: 6px;
    color: #bcc5d7;
    font-size: 12px;
    font-weight: 600;
}

.onehit-profile-summary__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-self: stretch;
}

.onehit-profile-metric {
    min-height: 61px;
    border-radius: 10px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.onehit-profile-metric span {
    display: block;
    color: #95a0b4;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 6px;
}

.onehit-profile-metric strong {
    display: block;
    color: #eef2fb;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    word-break: break-word;
}

/* ---------- content grid ---------- */

.onehit-profile-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 16px;
    align-items: start;
}

.onehit-profile-nearby {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.onehit-profile-maps,
.onehit-profile-weapons {
    grid-column: 1 / 2;
}

.onehit-profile-special {
    grid-column: 1 / -1;
}

/* ---------- map hero ---------- */

.onehit-profile-maphero {
    position: relative;
    height: 170px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.onehit-profile-maphero img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    object-position: center;
}

.onehit-profile-maphero__overlay {
    position: absolute;
    left: 14px;
    bottom: 14px;
}

.onehit-profile-maphero__badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(11,14,20,0.82);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 6px;
}

.onehit-profile-maphero__name {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 3px 12px rgba(0,0,0,0.35);
}

/* ---------- tables ---------- */

.onehit-profile-table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.onehit-profile-table thead th {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8f98ab;
    padding: 10px 12px;
}

.onehit-profile-table tbody td,
.onehit-profile-table tbody th {
    font-size: 12px;
    color: #edf2fb;
    vertical-align: middle;
    padding: 10px 12px;
    font-weight: 500;
}

.onehit-profile-table tbody tr {
    height: 44px;
}

.onehit-profile-table img {
    max-width: 42px;
    max-height: 18px;
    object-fit: contain;
}

.onehit-profile-table td,
.onehit-profile-table th {
    border-bottom: 1px solid rgba(255,255,255,0.04);
}

.onehit-profile-table .table-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.onehit-profile-table--compact th:nth-child(1),
.onehit-profile-table--compact td:nth-child(1) {
    width: 40px;
}

.onehit-profile-table--compact th:nth-child(3),
.onehit-profile-table--compact td:nth-child(3) {
    width: 58px;
}

.onehit-profile-table--compact th:nth-child(4),
.onehit-profile-table--compact td:nth-child(4) {
    width: 50px;
}

/* ---------- nearby ranking ---------- */

.onehit-profile-nearby .onehit-profile-card__title {
    padding-bottom: 10px;
}

.onehit-profile-nearby .onehit-profile-table thead th,
.onehit-profile-nearby .onehit-profile-table tbody td,
.onehit-profile-nearby .onehit-profile-table tbody th {
    padding-left: 10px;
    padding-right: 10px;
}

.onehit-profile-nearby .onehit-profile-table tbody td,
.onehit-profile-nearby .onehit-profile-table tbody th {
    font-size: 11px;
}

/* ---------- weapons ---------- */

.onehit-profile-weapons-top {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}

.onehit-profile-weapon-chip {
    min-height: 74px;
    border-radius: 10px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.onehit-profile-weapon-chip__icon i,
.onehit-profile-weapon-chip__icon svg,
.onehit-profile-weapon-chip__icon img {
    font-size: 22px;
    width: 22px;
    height: 22px;
}

.onehit-profile-weapon-chip__score {
    color: #ff9d4d;
    font-size: 13px;
    font-weight: 700;
}

/* ---------- special kills ---------- */

.onehit-profile-special-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.onehit-profile-special-item {
    position: relative;
    min-height: 108px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 14px;
    overflow: hidden;
}

.onehit-profile-special-item__value {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}

.onehit-profile-special-item__text {
    margin-top: 9px;
    font-size: 12px;
    font-weight: 600;
    color: #c2cbda;
    line-height: 1.35;
}

.onehit-profile-special-item__percent {
    margin-top: 7px;
    font-size: 12px;
    font-weight: 700;
    color: #ff9d4d;
}

.onehit-profile-special-item__icon {
    position: absolute;
    right: 14px;
    bottom: 12px;
    font-size: 24px;
    opacity: .14;
}

/* ---------- responsive ---------- */

@media (max-width: 1450px) {
    .onehit-profile-summary__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .onehit-profile-special-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .onehit-profile-main {
        grid-template-columns: 1fr;
    }

    .onehit-profile-grid {
        grid-template-columns: 1fr;
    }

    .onehit-profile-nearby,
    .onehit-profile-maps,
    .onehit-profile-weapons,
    .onehit-profile-special {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 900px) {
    .onehit-profile-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .onehit-profile-summary {
        grid-template-columns: 1fr;
    }

    .onehit-profile-summary__grid {
        grid-template-columns: 1fr;
    }

    .onehit-profile-special-grid {
        grid-template-columns: 1fr;
    }
}

.onehit-profile-nearby {
    min-width: 0;
}

.onehit-profile-nearby .onehit-profile-table {
    table-layout: fixed;
    width: 100%;
}

.onehit-profile-nearby .onehit-profile-table th:nth-child(1),
.onehit-profile-nearby .onehit-profile-table td:nth-child(1) {
    width: 56px;
}

.onehit-profile-nearby .onehit-profile-table th:nth-child(2),
.onehit-profile-nearby .onehit-profile-table td:nth-child(2) {
    width: auto;
}

.onehit-profile-nearby .onehit-profile-table th:nth-child(3),
.onehit-profile-nearby .onehit-profile-table td:nth-child(3) {
    width: 78px;
}

.onehit-profile-nearby .onehit-profile-table th:nth-child(4),
.onehit-profile-nearby .onehit-profile-table td:nth-child(4) {
    width: 64px;
}

.onehit-profile-nearby .onehit-profile-table .table-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =========================================
   ONEHIT FOOTER — PREMIUM
========================================= */

.onehit-footer {
    margin-top: 34px;
    padding: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
        linear-gradient(90deg, rgba(255,122,24,0.04), rgba(107,108,255,0.05)),
        #151827;
    border-top: 1px solid rgba(255,255,255,0.06);
    overflow: hidden;
}

.onehit-footer-shell {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.onehit-footer-top,
.onehit-footer-middle,
.onehit-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.onehit-footer-top {
    padding: 26px 0 22px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.onehit-footer-middle {
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.onehit-footer-bottom {
    padding: 16px 0 18px;
}

.onehit-footer-stats {
    display: flex;
    align-items: center;
    gap: 38px;
    flex-wrap: wrap;
}

.onehit-footer-stat {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.onehit-footer-stat strong {
    color: #f4f7fd;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.02em;
}

.onehit-footer-stat span {
    color: #8e96aa;
    font-size: 13px;
    font-weight: 500;
}

.onehit-footer-emblems {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.onehit-emblem {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 94px;
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.06);
    background: rgba(255,255,255,0.025);
    color: rgba(220,225,238,0.42);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: all .18s ease;
}

.onehit-emblem:hover {
    color: rgba(255,255,255,0.78);
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.045);
    transform: translateY(-1px);
}

.onehit-footer-links {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}

.onehit-footer-links a {
    color: #aeb7ca;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: color .18s ease;
}

.onehit-footer-links a:hover {
    color: #ffffff;
}

.onehit-footer-socials {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.onehit-footer-socials a {
    color: rgba(208,214,228,0.52);
    text-decoration: none;
    font-size: 28px;
    line-height: 1;
    transition: all .18s ease;
}

.onehit-footer-socials a:hover {
    color: #ff9d4d;
    transform: translateY(-1px);
}

.onehit-footer-copyline,
.onehit-footer-powered {
    color: #7f889b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.onehit-footer-powered {
    text-align: right;
}

.onehit-footer-powered a {
    color: #9ea8bd;
    text-decoration: none;
}

.onehit-footer-powered a:hover {
    color: #ffffff;
}

.onehit-footer-copyright {
    color: #6f7890;
}

@media (max-width: 1100px) {
    .onehit-footer-top,
    .onehit-footer-middle,
    .onehit-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .onehit-footer-emblems,
    .onehit-footer-socials,
    .onehit-footer-links {
        justify-content: flex-start;
    }

    .onehit-footer-powered {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .onehit-footer-shell {
        padding: 0 16px;
    }

    .onehit-footer-stat strong {
        font-size: 18px;
    }

    .onehit-footer-links {
        gap: 16px;
    }

    .onehit-footer-links a {
        font-size: 14px;
    }

    .onehit-footer-socials a {
        font-size: 24px;
    }

    .onehit-emblem {
        min-width: auto;
        padding: 0 12px;
        font-size: 10px;
    }
}

.onehit-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
}

.onehit-footer-inner {
    width: 100% !important;
    max-width: 100% !important;
}

.footer,
footer.footer,
footer.onehit-footer {
    width: 100% !important;
    max-width: 100% !important;
}

.global-container,
.container,
.container-fluid,
.content-wrapper,
.wrapper {
    max-width: 100% !important;
}

/* =========================
   ONEHIT PROFESSIONAL NAVBAR
========================= */

.navbar.onehit-navbar--desktop,
.onehit-navbar--desktop {
    width: 100%;
    min-height: 70px;
    max-height: 70px;
    padding: 0 18px;
    background: linear-gradient(90deg, #171827 0%, #141726 100%);
    border-bottom: 1px solid rgba(255,255,255,0.05);
    box-shadow: 0 10px 30px rgba(0,0,0,0.22);
    z-index: 9999;
}

.onehit-navbar-shell {
    width: 100%;
    max-width: 1920px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.onehit-navbar-left {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

.onehit-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
}

.onehit-main-logo,
.onehit-brand img {
    display: block;
    height: 34px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
}

.onehit-navbar-divider {
    width: 1px;
    height: 30px;
    background: rgba(255,255,255,0.10);
    flex-shrink: 0;
}

.onehit-game-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    flex-shrink: 0;
}

.onehit-game-badge__icon {
    font-size: 13px;
    font-weight: 800;
    color: #f2f5fc;
    letter-spacing: .04em;
}

.onehit-navbar-center {
    display: flex;
    align-items: center;
    gap: 26px;
    min-width: 0;
    flex: 1 1 auto;
    flex-wrap: nowrap;
}

.onehit-nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #cfd5e2;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: color .18s ease;
}

.onehit-nav-link:hover,
.onehit-nav-link.active {
    color: #ffffff;
}

.onehit-nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -24px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff8f2b, #ffb15d);
}

.onehit-navbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

.onehit-nav-tool {
    position: relative;
    list-style: none;
    flex-shrink: 0;
}

.onehit-nav-tool-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.06);
    color: #d7deeb;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.onehit-nav-tool-btn:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.12);
    color: #ffffff;
}

.onehit-nav-tool-btn .search i,
.onehit-nav-tool-btn i {
    font-size: 19px;
    line-height: 1;
    color: inherit;
}

.onehit-steam-login-wrap {
    flex-shrink: 0;
    margin-left: 4px;
}

.onehit-steam-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #cf6846, #c85b3d);
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 10px 24px rgba(200,91,61,0.18);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.onehit-steam-login:hover {
    color: #ffffff;
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(200,91,61,0.24);
}

.onehit-steam-login i {
    font-size: 20px;
    line-height: 1;
}

.onehit-steam-login--connected {
    background: linear-gradient(135deg, #3d8f68, #347b58);
    box-shadow: 0 10px 24px rgba(52,123,88,0.18);
}

.onehit-steam-login--connected:hover {
    box-shadow: 0 14px 28px rgba(52,123,88,0.24);
}

/* dropdowns */
.onehit-navbar-right .subsection,
.onehit-nav-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 200px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(23,28,39,0.98), rgba(13,17,24,0.98));
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 16px 40px rgba(0,0,0,0.35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    transform: translateY(8px);
    z-index: 99999;
}

.onehit-navbar-right .section:hover > .subsection,
.onehit-navbar-right .onehit-nav-tool:hover > .subsection {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.onehit-navbar-right .subsection li {
    width: 100%;
    padding: 0;
    border: 0;
}

.onehit-navbar-right .subsection li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    color: #dbe2ef;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease;
}

.onehit-navbar-right .subsection li a:hover {
    background: rgba(255,255,255,0.05);
    color: #ffffff;
}

.onehit-search-dropdown {
    min-width: 300px;
    padding: 0;
    overflow: hidden;
}

.onehit-search-dropdown__inner {
    padding: 0 !important;
}

.onehit-search-dropdown form {
    margin: 0;
}

.onehit-search-dropdown .search_form {
    width: 100%;
    padding: 16px;
}

.onehit-search-dropdown .input-form label {
    float: none;
    display: block;
    width: auto;
    margin: 0 0 8px;
    white-space: normal;
    color: #c7cfdd;
    font-size: 12px;
    font-weight: 700;
}

.onehit-search-dropdown .input-form input {
    width: 100%;
    color: #edf2fb;
    background: transparent;
    border: 0;
    border-bottom: 2px solid rgba(255,255,255,0.10);
    padding: 8px 0;
}

.onehit-search-dropdown .btn.no_steam {
    float: none;
    width: 100%;
    margin: 14px 0 0;
    min-height: 42px;
    border-radius: 10px;
    background: linear-gradient(135deg, #6d6dff, #8c76ff);
    font-size: 13px;
    font-weight: 800;
}

/* hide old legacy right-area styling conflicts */
.right-area.onehit-navbar-right {
    position: static;
    display: flex;
    float: none;
    right: auto;
    padding-left: 0;
}

.right-area.onehit-navbar-right ul {
    padding-left: 0;
}

.right-area.onehit-navbar-right li {
    float: none;
    padding: 0;
}

@media (max-width: 1450px) {
    .onehit-navbar-center {
        gap: 18px;
    }

    .onehit-nav-link {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .onehit-game-badge {
        display: none;
    }

    .onehit-navbar-center {
        gap: 14px;
    }
}

@media (max-width: 1050px) {
    .onehit-navbar-center {
        display: none;
    }
}

@media (max-width: 768px) {
    .navbar.onehit-navbar--desktop,
    .onehit-navbar--desktop {
        padding-left: 12px;
        padding-right: 12px;
    }

    .onehit-navbar-shell {
        gap: 10px;
    }

    .onehit-steam-login span {
        display: none;
    }

    .onehit-steam-login {
        min-width: 48px;
        padding: 0 14px;
    }

    .onehit-search-dropdown {
        right: -50px;
        min-width: 260px;
    }
}

/* =====================================================
   LANGUAGE DROPDOWN FLAGS
   ===================================================== */

.onehit-navbar-right .subsection li a img,
.onehit-navbar-right .subsection li a .svg,
.onehit-navbar-right .subsection li a svg {
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    object-fit:cover!important;
    border-radius:50%!important;
    display:inline-block!important;
    vertical-align:middle!important;
    margin:0!important;
    flex:0 0 18px!important;
}

.onehit-navbar-right .subsection li a{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
}

.onehit-navbar-right .subsection{
    min-width:220px!important;
}

.onehit-navbar-right .subsection li{
    padding:0!important;
}


/* =====================================================
   GAME BADGE (CS:GO)
   ===================================================== */

.onehit-game-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:88px;
    height:36px;
    padding:0 14px;
    border-radius:10px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    flex-shrink:0;
}

.onehit-game-badge__logo{
    width:16px;
    height:16px;
    object-fit:contain;
    display:block;
}

.onehit-game-badge__icon{
    font-size:13px;
    font-weight:800;
    color:#f2f5fc;
    letter-spacing:.04em;
    line-height:1;
}


/* =====================================================
   USER MENU (STEAM PROFILE IN NAVBAR)
   ===================================================== */

.onehit-user-menu{
    position:relative;
    display:flex;
    align-items:center;
}

.onehit-user-trigger{
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 14px;
    border-radius:14px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    text-decoration:none;
    color:#fff;
}

.onehit-user-avatar{
    width:34px;
    height:34px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(255,255,255,0.15);
}

.onehit-user-name{
    font-size:13px;
    font-weight:700;
    color:#e8ecf5;
}

.onehit-user-arrow{
    font-size:18px;
    opacity:.6;
}


/* =====================================================
   USER DROPDOWN MENU
   ===================================================== */

.onehit-user-dropdown{
    position:absolute;
    top:55px;
    right:0;
    width:200px;
    background:#161b27;
    border-radius:14px;
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:0 10px 30px rgba(0,0,0,.45);
    list-style:none;
    padding:6px 0;
    opacity:0;
    transform:translateY(10px);
    pointer-events:none;
    transition:.18s ease;
}

.onehit-user-menu:hover .onehit-user-dropdown{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

.onehit-user-dropdown li a{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    color:#d6dbea;
    text-decoration:none;
    font-size:13px;
}

.onehit-user-dropdown li a:hover{
    background:rgba(255,255,255,0.05);
}

.onehit-user-dropdown .divider{
    height:1px;
    margin:6px 0;
    background:rgba(255,255,255,0.08);
}


/* =====================================================
   STEAM LOGIN BUTTON WRAPPER
   ===================================================== */

.onehit-steam-login-wrap{
    display:flex;
    align-items:center;
    margin-left:10px;
}


/* =====================================================
   STEAM LOGIN BUTTON (RESIZED)
   ===================================================== */

.onehit-steam-login,
.onehit-steam-login:link,
.onehit-steam-login:visited{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    height:40px;
    padding:0 16px;

    border-radius:12px;
    text-decoration:none;

    border:1px solid rgba(255,255,255,0.08);

    background:linear-gradient(135deg,#d97852 0%,#c96643 100%);

    color:#ffffff!important;
    font-size:13px;
    font-weight:700;

    box-shadow:
        0 6px 18px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.10);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease,
        background .18s ease;

    white-space:nowrap;
    position:relative;
    overflow:hidden;
}


/* =====================================================
   STEAM BUTTON SHINE EFFECT
   ===================================================== */

.onehit-steam-login::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.10) 35%,
        rgba(255,255,255,0) 70%
    );
    transform:translateX(-120%);
    transition:transform .45s ease;
}

.onehit-steam-login:hover::before{
    transform:translateX(120%);
}

.onehit-steam-login:hover{
    color:#ffffff!important;
    text-decoration:none;
    transform:translateY(-1px);
    filter:brightness(1.05);
    box-shadow:
        0 10px 22px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.14);
}

.onehit-steam-login:focus,
.onehit-steam-login:active{
    color:#ffffff!important;
    text-decoration:none;
}


/* =====================================================
   STEAM BUTTON ICON + TEXT
   ===================================================== */

.onehit-steam-login i{
    font-size:17px;
    line-height:1;
    color:#ffffff!important;
    position:relative;
    z-index:1;
}

.onehit-steam-login span{
    color:#ffffff!important;
    font-size:13px;
    position:relative;
    z-index:1;
}


/* =====================================================
   STEAM CONNECTED STATE
   ===================================================== */

.onehit-steam-login--connected,
.onehit-steam-login--connected:link,
.onehit-steam-login--connected:visited{
    background:linear-gradient(135deg,#4c9b72 0%,#3f865f 100%);
    color:#ffffff!important;
}

.onehit-steam-login--connected:hover{
    color:#ffffff!important;
    filter:brightness(1.05);
}

/* CURRENT LANGUAGE FLAG ICON */

.onehit-language-btn{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.onehit-language-flag{
    width:22px;
    height:22px;
    border-radius:50%;
    object-fit:cover;
}

/* =====================================================
   ONEHIT NAVBAR — SHARP / LESS BOLD
   ===================================================== */

.onehit-navbar-center{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex:1 1 auto;
    min-width:0;
}

.onehit-nav-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0 14px;
    color:#c9cfdb;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    line-height:1;
    letter-spacing:0;
    white-space:nowrap;
    transition:color .18s ease;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:geometricPrecision;
}

.onehit-nav-link:hover{
    color:#ffffff;
    text-decoration:none;
}

.onehit-nav-link.active{
    color:#ffffff;
}

.onehit-nav-link.active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-10px;
    transform:translateX(-50%);
    width:38px;
    height:2px;
    border-radius:999px;
    background:#ff8d47;
}

.fc-stat-cell{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    min-width:72px;
}

.fc-stat-line{
    position:relative;
    width:58px;
    height:4px;
    border-radius:999px;
    background:rgba(255,255,255,0.08);
    overflow:hidden;
}

.fc-stat-line span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg, #ff7a45 0%, #ff5b3d 100%);
    box-shadow:0 0 10px rgba(255,110,70,0.25);
}

.fc-stat-value{
    font-size:13px;
    font-weight:700;
    color:#eef2f8;
    line-height:1;
    white-space:nowrap;
}

/* =====================================================
   FASTCUP STYLE PROFESSIONAL STATS
   ===================================================== */

.tb-points,
.tb-stat{
    min-width: 92px;
}

.fc-points-cell{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
}

.fc-points-main{
    font-size:15px;
    font-weight:800;
    color:#f3f6fc;
    line-height:1;
}

.fc-points-sub{
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#7f8799;
    line-height:1;
}

.fc-ring-stat{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:84px;
}

.fc-ring{
    --size: 28px;
    --thickness: 3px;
    --track: rgba(255,255,255,0.09);
    --fill: #e06043;
    width:var(--size);
    height:var(--size);
    border-radius:50%;
    position:relative;
    background:
        conic-gradient(var(--fill) calc(var(--p) * 1%), var(--track) 0);
    flex:0 0 var(--size);
}

.fc-ring::before{
    content:"";
    position:absolute;
    inset:var(--thickness);
    border-radius:50%;
    background:#171b27;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.fc-ring span{
    position:absolute;
    inset:0;
    display:block;
}

.fc-ring-value{
    min-width:40px;
    text-align:left;
    font-size:13px;
    font-weight:700;
    color:#edf2fb;
    white-space:nowrap;
    line-height:1;
}

.table.table-hover tbody th.tb-stat,
.table.table-hover tbody td.tb-stat{
    vertical-align:middle;
}

/* =====================================================
   TOP PLAYERS BLOCK ONLY
   ===================================================== */

.onehit-top-card .top-points-cell{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:52px;
}

.onehit-top-card .top-points-main{
    font-size:14px;
    font-weight:800;
    line-height:1;
    color:#f3f6fc;
    white-space:nowrap;
}

.onehit-top-card .top-points-change-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:44px;
    height:22px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(122, 201, 91, 0.14);
    border:1px solid rgba(122, 201, 91, 0.28);
    color:#7cc95b;
    font-size:12px;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
}

.onehit-top-card .top-points-change-arrow,
.onehit-top-card .top-points-change-number{
    display:inline-block;
    line-height:1;
    color:#7cc95b;
}

.onehit-top-card .top-points-change-arrow{
    font-size:11px;
    transform:translateY(-1px);
}

.onehit-top-card .top-points-change-value{
    line-height: 1;
}

.onehit-top-card .top-ring-stat{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 84px;
}

.onehit-top-card .top-ring{
    --size: 26px;
    --thickness: 3px;
    --track: rgba(255,255,255,0.08);
    --fill: #df6042;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    position: relative;
    background: conic-gradient(var(--fill) calc(var(--p) * 1%), var(--track) 0);
    flex: 0 0 var(--size);
}

.onehit-top-card .top-ring::before{
    content: "";
    position: absolute;
    inset: var(--thickness);
    border-radius: 50%;
    background: #171b27;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}

.onehit-top-card .top-ring-value{
    min-width: 36px;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    color: #edf2fb;
    white-space: nowrap;
    line-height: 1;
}

.onehit-top-card .table.table-hover tbody th,
.onehit-top-card .table.table-hover tbody td{
    vertical-align: middle;
}

/* =====================================================
   PLAYERS PAGE — FINAL PROFESSIONAL LAYOUT
   ===================================================== */

.players-layout{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    gap:22px;
    align-items:start;
}

.players-filters-card,
.players-table-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    border:1px solid rgba(255,255,255,0.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
        rgba(16,19,27,0.92);
    box-shadow:0 18px 45px rgba(0,0,0,0.30);
}

.players-filters-card{
    padding:20px;
    position:sticky;
    top:92px;
}

.players-filters-form{
    display:block;
}

.players-filters-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,0.06);
}

.players-filters-head h3{
    margin:0;
    color:#f4f7fd;
    font-size:16px;
    font-weight:800;
}

.players-filters-clear{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border:0;
    border-radius:12px;
    background:rgba(255,255,255,0.04);
    color:#98a3b8;
    font-size:28px;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    transition:all .18s ease;
}

.players-filters-clear:hover{
    background:rgba(255,255,255,0.08);
    color:#fff;
    text-decoration:none;
}

.players-filter-block{
    margin-bottom:22px;
}

.players-filter-label{
    margin-bottom:12px;
    color:#eef2fb;
    font-size:13px;
    font-weight:800;
}

.players-filter-search input{
    width:100%;
    height:44px;
    padding:0 14px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.07);
    background:rgba(255,255,255,0.03);
    color:#edf2fb;
    outline:none;
    box-shadow:none;
    font-size:14px;
    font-weight:600;
}

.players-filter-search input::placeholder{
    color:#8f98ab;
}

.players-filter-pills{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.players-filter-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.07);
    background:rgba(255,255,255,0.03);
    color:#b6bfd1;
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    transition:all .18s ease;
}

.players-filter-pill:hover{
    color:#fff;
    text-decoration:none;
    border-color:rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.06);
}

.players-filter-pill.active{
    color:#fff;
    border-color:rgba(255,255,255,0.12);
    background:linear-gradient(135deg, rgba(255,122,24,0.18), rgba(107,108,255,0.18));
    box-shadow:0 10px 24px rgba(0,0,0,0.18);
}

.players-filter-dual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:12px;
}

.players-filter-dual input{
    width:100%;
    height:42px;
    padding:0 12px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.07);
    background:rgba(255,255,255,0.03);
    color:#eef2fb;
    outline:none;
    box-shadow:none;
    font-size:13px;
    font-weight:700;
}

.players-filter-dual input::placeholder{
    color:#8f98ab;
}

.players-filter-dual input:focus,
.players-filter-search input:focus{
    border-color:rgba(107,108,255,0.45);
    box-shadow:0 0 0 3px rgba(107,108,255,0.10);
}

.players-range-line{
    position:relative;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,#df6042 0%,#df6042 100%);
}

.players-range-line::before,
.players-range-line::after{
    content:"";
    position:absolute;
    top:50%;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#df6042;
    transform:translateY(-50%);
    box-shadow:0 0 0 4px rgba(223,96,66,0.10);
}

.players-range-line::before{ left:0; }
.players-range-line::after{ right:0; }

.players-range-values{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:10px;
    color:#8f98ab;
    font-size:13px;
    font-weight:700;
}

.players-filter-actions{
    margin-top:24px;
}

.players-filter-apply{
    width:100%;
    height:44px;
    border:0;
    border-radius:12px;
    background:linear-gradient(135deg,#df6042 0%, #6b6cff 100%);
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 12px 26px rgba(0,0,0,0.22);
    transition:all .18s ease;
}

.players-filter-apply:hover{
    transform:translateY(-1px);
    filter:brightness(1.04);
}

/* topbar */
.leaderboard-topbar--players{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding:22px 22px 18px;
    min-height:auto;
    border-bottom:1px solid rgba(255,255,255,0.06);
}

.leaderboard-topbar-left{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    flex:1 1 auto;
}

.leaderboard-title-wrap{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.leaderboard-title{
    margin:0;
    color:#f7f9fd;
    font-size:22px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-0.02em;
}

.leaderboard-count{
    color:#8d97ab;
    font-size:13px;
    font-weight:700;
    line-height:1;
}

.leaderboard-sortbar{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.leaderboard-sortbar-label{
    color:#8d97ab;
    font-size:12px;
    font-weight:700;
    margin-right:2px;
}

.leaderboard-sort-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,0.07);
    background:rgba(255,255,255,0.03);
    color:#b9c2d3;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    transition:all .18s ease;
}

.leaderboard-sort-pill:hover{
    color:#fff;
    text-decoration:none;
    border-color:rgba(255,255,255,0.12);
    background:rgba(255,255,255,0.06);
}

.leaderboard-sort-pill.active{
    color:#fff;
    background:linear-gradient(135deg, rgba(255,122,24,0.22), rgba(107,108,255,0.20));
    border-color:rgba(255,255,255,0.14);
    box-shadow:0 8px 20px rgba(0,0,0,0.18);
}

.leaderboard-topbar-right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex:0 0 auto;
}

.players-page-select-wrap{
    display:flex;
    align-items:center;
}

.players-page-select{
    min-width:132px;
    height:42px;
    padding:0 42px 0 14px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.08);
    background-color:rgba(255,255,255,0.05);
    color:#f2f5fc;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    outline:none;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    box-shadow:0 8px 22px rgba(0,0,0,0.18);
    transition:all .18s ease;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='white' d='M2.1 4.35 6 8.25l3.9-3.9.85.85L6 10 1.25 5.2z'/></svg>");
    background-repeat:no-repeat;
    background-position:right 14px center;
    background-size:12px;
}

.players-page-select:hover{
    background-color:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.13);
}

/* table */
.players-table-wrap{
    overflow-x:auto;
    overflow-y:hidden;
}

.players-table{
    width:100%;
    margin:0;
    border-collapse:separate;
    border-spacing:0;
    table-layout:auto;
}

.players-table thead tr{
    background:rgba(255,255,255,0.015);
}

.players-table thead th{
    padding:16px 14px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    color:#8e96a8;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
    background:rgba(255,255,255,0.01);
}

.players-table tbody td,
.players-table tbody th{
    padding:14px 14px;
    border-bottom:1px solid rgba(255,255,255,0.05);
    color:#eef2f8;
    font-size:14px;
    vertical-align:middle;
}

.players-table tbody tr{
    height:64px;
    background:rgba(255,255,255,0.01);
    transition:background .16s ease, box-shadow .16s ease;
}

.players-table tbody tr:nth-child(even){
    background:rgba(255,255,255,0.015);
}

.players-table tbody tr:hover{
    background:
        linear-gradient(90deg, rgba(255,122,24,0.05), rgba(107,108,255,0.04)),
        rgba(255,255,255,0.025);
    box-shadow:inset 3px 0 0 rgba(255,122,24,0.95);
}

.players-col-top{ width:72px; }
.players-col-avatar{ width:58px; }
.players-col-name{ min-width:220px; }
.players-col-points{ min-width:110px; }
.players-col-rank{ min-width:96px; }
.players-col-stat{ min-width:104px; }

.players-rank-index{
    color:#fff;
    font-weight:800;
    font-size:16px;
}

.players-avatar{
    width:36px;
    height:36px;
    object-fit:cover;
    border-radius:50%;
    border:2px solid rgba(255,255,255,0.10);
}

.players-name-link{
    color:#f5f7fb;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
}

.players-name-link:hover{
    color:#ff9d4d;
    text-decoration:none;
}

.players-rank-image{
    max-width:54px;
    max-height:22px;
    object-fit:contain;
}

/* bottom */
.players-card-bottom{
    padding:16px 22px 20px;
    border-top:1px solid rgba(255,255,255,0.05);
}

.players-bottom-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.players-bottom-nav{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:10px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    color:#edf2fb;
    text-decoration:none;
    transition:all .18s ease;
}

.players-bottom-nav:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,0.08);
    border-color:rgba(255,255,255,0.14);
}

.players-bottom-page-indicator{
    min-height:38px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.06);
    color:#dce3f0;
    font-size:13px;
    font-weight:700;
}

/* mobile */
@media (max-width: 1200px){
    .players-layout{
        grid-template-columns:1fr;
    }

    .players-filters-card{
        position:relative;
        top:0;
    }
}

@media (max-width: 900px){
    .leaderboard-topbar--players{
        flex-direction:column;
        align-items:flex-start;
    }

    .leaderboard-topbar-right{
        width:100%;
        justify-content:flex-start;
    }
}

@media (max-width: 768px){
    .players-filters-card,
    .players-table-card{
        border-radius:16px;
    }

    .leaderboard-topbar--players{
        padding:16px;
    }

    .players-card-bottom{
        padding:14px 16px 16px;
    }

    .players-table thead th,
    .players-table tbody td,
    .players-table tbody th{
        padding:12px 10px;
        font-size:13px;
    }
}

/* =====================================================
   FILTER PANEL — CLEAN WORKING VERSION
   ===================================================== */

.players-filter-dual{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:0;
}

.players-filter-dual input,
.players-filter-search input{
    width:100%;
    height:56px;
    padding:0 16px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,0.07);
    background:rgba(255,255,255,0.03);
    color:#eef2fb;
    outline:none;
    box-shadow:none;
    font-size:15px;
    font-weight:700;
    transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.players-filter-dual input::placeholder,
.players-filter-search input::placeholder{
    color:#8f98ab;
    font-weight:600;
}

.players-filter-dual input:focus,
.players-filter-search input:focus{
    border-color:rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.05);
    box-shadow:0 0 0 3px rgba(255,255,255,0.04);
}

.players-range-line,
.players-range-values{
    display:none !important;
}

.players-filter-actions{
    margin-top:28px;
}

.players-filter-apply{
    width:100%;
    height:58px;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:18px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
        #1b2230;
    color:#f4f7fd;
    font-size:15px;
    font-weight:800;
    letter-spacing:0;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(0,0,0,0.24);
    transition:all .18s ease;
}

.players-filter-apply:hover{
    transform:translateY(-1px);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.03)),
        #20293a;
    border-color:rgba(255,255,255,0.12);
}

.players-filter-apply:active{
    transform:translateY(0);
}

.onehit-mobile-toggle{
    display:none;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    background:rgba(14,18,40,.92);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    padding:0;
    cursor:pointer;
}

.onehit-mobile-toggle span{
    display:block;
    width:18px;
    height:2px;
    background:#dce3ff;
    border-radius:999px;
}

.onehit-nav-dropdown{
    display:none;
}

.onehit-nav-dropdown.is-open{
    display:block;
}

.onehit-mobile-nav-overlay{
    position:fixed;
    inset:0;
    background:rgba(3,7,18,.68);
    opacity:0;
    visibility:hidden;
    transition:.22s ease;
    z-index:998;
}

.onehit-mobile-nav-overlay.is-open{
    opacity:1;
    visibility:visible;
}

.onehit-mobile-nav{
    position:fixed;
    top:0;
    right:0;
    width:min(92vw, 380px);
    height:100vh;
    background:linear-gradient(180deg, rgba(10,14,34,.98) 0%, rgba(5,8,20,.98) 100%);
    box-shadow:-20px 0 60px rgba(0,0,0,.45);
    transform:translateX(100%);
    transition:.25s ease;
    z-index:999;
    overflow-y:auto;
    border-left:1px solid rgba(255,255,255,.08);
}

.onehit-mobile-nav.is-open{
    transform:translateX(0);
}

.onehit-mobile-nav__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 18px 14px;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.onehit-mobile-nav__brand{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.onehit-mobile-nav__close{
    width:42px;
    height:42px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
    color:#dbe2ff;
    font-size:22px;
    cursor:pointer;
}

.onehit-mobile-nav__body{
    padding:18px;
}

.onehit-mobile-user-card{
    margin-bottom:18px;
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.onehit-mobile-user-card__top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.onehit-mobile-user-card__info{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.onehit-mobile-user-card__info strong{
    color:#f2f5ff;
    font-size:15px;
}

.onehit-mobile-user-card__info span{
    color:rgba(220,227,255,.68);
    font-size:12px;
}

.onehit-mobile-user-card__links,
.onehit-mobile-language-list,
.onehit-mobile-links{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.onehit-mobile-user-card__links a,
.onehit-mobile-language-list a,
.onehit-mobile-links a{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:12px 14px;
    border-radius:14px;
    color:#dbe2ff;
    text-decoration:none;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.05);
    transition:.18s ease;
}

.onehit-mobile-user-card__links a:hover,
.onehit-mobile-language-list a:hover,
.onehit-mobile-links a:hover,
.onehit-mobile-links a.active{
    background:rgba(120,104,255,.12);
    border-color:rgba(120,104,255,.28);
    color:#ffffff;
}

.onehit-mobile-block{
    margin-top:18px;
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
}

.onehit-mobile-block__title{
    margin-bottom:12px;
    color:#ffffff;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.onehit-mobile-search-form .search_form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.onehit-mobile-search-form .input-form{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.onehit-mobile-search-form label{
    color:#cfd7ff;
    font-size:12px;
    font-weight:700;
}

.onehit-mobile-search-form input[type="text"]{
    width:100%;
}

.onehit-steam-login--mobile{
    width:100%;
    justify-content:center;
}

body.onehit-mobile-menu-open{
    overflow:hidden;
}

@media (max-width: 991px){
    .onehit-navbar-center,
    .onehit-navbar-right .section.onehit-nav-tool,
    .onehit-steam-login-wrap{
        display:none !important;
    }

    .onehit-mobile-toggle{
        display:flex;
    }

    .onehit-navbar-shell{
        justify-content:space-between;
    }

    .onehit-navbar-left{
        min-width:0;
        gap:10px;
    }

    .onehit-navbar-divider{
        display:none;
    }

    .onehit-game-badge__text{
        display:inline-block;
    }
}

@media (min-width: 992px){
    .onehit-mobile-nav,
    .onehit-mobile-nav-overlay{
        display:none !important;
    }
}

/* MOBILE LANGUAGE FIX */

.onehit-mobile-language-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border-radius:14px;
    text-decoration:none;
    color:#dce3ff;
    border:1px solid rgba(255,255,255,.06);
    background:rgba(255,255,255,.02);
}

.onehit-mobile-language-item:hover{
    background:rgba(120,104,255,.15);
}

.onehit-mobile-language-item__flag{
    width:26px;
    height:26px;
    overflow:hidden;
    border-radius:50%;
}

.onehit-mobile-language-item__flag img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.onehit-mobile-language-item__text{
    font-size:14px;
    font-weight:600;
}

/* COMPACT BURGER LANGUAGE MENU */

.onehit-mobile-menu-group{
    margin-top:18px;
}

.onehit-mobile-menu-group__title{
    margin:0 0 10px;
    padding:0 4px;
    color:#ffffff;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-mobile-language-list--compact{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.onehit-mobile-language-item--compact{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:46px;
    padding:11px 14px;
    border-radius:14px;
    text-decoration:none;
    color:#cfd7ff;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
    transition:.18s ease;
}

.onehit-mobile-language-item--compact:hover,
.onehit-mobile-language-item--compact:active{
    background:rgba(105,92,255,.12);
    border-color:rgba(105,92,255,.22);
    color:#ffffff;
}

.onehit-mobile-language-item--compact.is-active{
    background:rgba(88,74,255,.16);
    border-color:rgba(110,97,255,.34);
    color:#ffffff;
    box-shadow:0 0 0 1px rgba(110,97,255,.08) inset;
}

.onehit-mobile-language-item__flag{
    width:20px;
    height:20px;
    min-width:20px;
    min-height:20px;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}

.onehit-mobile-language-item__flag img,
.onehit-mobile-language-item__flag svg{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:50%;
}

.onehit-mobile-language-item__text{
    font-size:15px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* remove oversized old mobile block look */
.onehit-mobile-block .onehit-mobile-language-list{
    gap:8px;
}

.onehit-mobile-block .onehit-mobile-language-item{
    min-height:46px;
    padding:11px 14px;
    border-radius:14px;
}

/* MOBILE STEAM BUTTON FIX */

.onehit-mobile-login-wrap{
    margin-bottom:16px;
}

.onehit-steam-login--mobile{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:52px;
    padding:0 18px;
    border-radius:16px;
    text-decoration:none;
    color:#fff3eb;
    background:linear-gradient(135deg, #d77a52 0%, #c76543 100%);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:
        0 10px 30px rgba(199,101,67,.28),
        inset 0 1px 0 rgba(255,255,255,.10);
    transition:all .18s ease;
}

.onehit-steam-login--mobile i{
    font-size:18px;
    color:#ffffff;
}

.onehit-steam-login--mobile span{
    color:#ffffff;
    font-size:14px;
    font-weight:800;
    letter-spacing:.01em;
}

.onehit-steam-login--mobile:hover,
.onehit-steam-login--mobile:active{
    color:#ffffff;
    transform:translateY(-1px);
    box-shadow:
        0 14px 36px rgba(199,101,67,.36),
        inset 0 1px 0 rgba(255,255,255,.14);
}

.onehit-steam-login--mobile:hover i,
.onehit-steam-login--mobile:hover span,
.onehit-steam-login--mobile:active i,
.onehit-steam-login--mobile:active span{
    color:#ffffff;
}

.onehit-mobile-user-card__links a{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:12px 14px;
    border-radius:14px;
    color:#dbe2ff;
    text-decoration:none;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.05);
    transition:.18s ease;
}

.onehit-mobile-user-card__links a:hover,
.onehit-mobile-user-card__links a:active{
    background:rgba(120,104,255,.12);
    border-color:rgba(120,104,255,.28);
    color:#ffffff;
}

.onehit-mobile-user-card__links a i{
    width:18px;
    text-align:center;
}

/* =========================================================
   ONEHIT ADMIN PANEL - FASTCUP SHARP DARK
   ========================================================= */

.onehit-admin-page{
    position:relative;
    padding:16px 0 8px;
    color:#b7bdd3;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.onehit-admin-page *{
    box-sizing:border-box;
}

.onehit-admin-topbar{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
}

.onehit-admin-topbar__left{
    max-width:680px;
}

.onehit-admin-kicker{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 9px;
    border-radius:999px;
    background:#171b31;
    border:1px solid #232844;
    color:#7f86a6;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.onehit-admin-title{
    margin:8px 0 0;
    color:#eef1f8;
    font-size:22px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-.025em;
}

.onehit-admin-subtitle{
    margin-top:7px;
    color:#7f86a6;
    font-size:12px;
    line-height:1.55;
    font-weight:500;
    max-width:640px;
}

.onehit-admin-status-card{
    min-width:180px;
    padding:13px 15px;
    border-radius:12px;
    background:#12162a;
    border:1px solid #1c2138;
    box-shadow:none;
}

.onehit-admin-status-card__label{
    color:#69718f;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.onehit-admin-status-card__value{
    margin-top:7px;
    color:#edf1f8;
    font-size:13px;
    line-height:1.3;
    font-weight:700;
}

.onehit-admin-overview-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:9px;
    margin-bottom:12px;
}

.onehit-admin-overview-card{
    padding:13px 15px;
    border-radius:12px;
    background:#111528;
    border:1px solid #1b2036;
    box-shadow:none;
}

.onehit-admin-overview-card__label{
    color:#68708e;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.onehit-admin-overview-card__value{
    margin-top:7px;
    color:#edf1f8;
    font-size:14px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:-.01em;
}

.onehit-admin-layout{
    display:grid;
    grid-template-columns:250px minmax(0, 1fr);
    gap:12px;
    align-items:start;
}

.onehit-admin-sidebar{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.onehit-admin-sidebar-card,
.onehit-admin-main-card{
    position:relative;
    border-radius:14px;
    background:#101426;
    border:1px solid #1a1f34;
    box-shadow:none;
    overflow:hidden;
}

.onehit-admin-profile-card{
    padding:14px;
}

.onehit-admin-profile-card__glow{
    display:none;
}

.onehit-admin-profile-card__head{
    display:flex;
    align-items:center;
    gap:10px;
}

.onehit-admin-profile-card__icon{
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#171d34;
    border:1px solid #242b48;
    color:#8891b3;
    font-size:16px;
}

.onehit-admin-profile-card__eyebrow{
    color:#69718f;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.onehit-admin-profile-card__role{
    margin-top:3px;
    color:#edf1f8;
    font-size:14px;
    line-height:1.25;
    font-weight:700;
}

.onehit-admin-profile-card__desc{
    margin-top:11px;
    color:#8b93b0;
    font-size:12px;
    line-height:1.6;
    font-weight:500;
}

.onehit-admin-profile-card__badges{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:11px;
}

.onehit-admin-badge{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:0 9px;
    border-radius:999px;
    background:#152920;
    border:1px solid #244234;
    color:#8fb69d;
    font-size:8px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-badge--soft{
    background:#171b31;
    border-color:#272d4b;
    color:#8a93b7;
}

.onehit-admin-nav-card{
    padding:12px;
}

.onehit-admin-card-title{
    margin-bottom:9px;
    color:#d6dbeb;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.onehit-admin-nav{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
}

.onehit-admin-nav li{
    cursor:pointer;
}

.onehit-admin-nav li a{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:40px;
    padding:9px 10px;
    border-radius:10px;
    text-decoration:none;
    color:#98a0bf;
    background:#12172b;
    border:1px solid #1a2037;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.onehit-admin-nav li:hover a{
    background:#171c31;
    border-color:#252b46;
    color:#edf1f8;
}

.onehit-admin-nav li.is-active a{
    background:#1b2036;
    border-color:#2b3252;
    color:#f0f3fa;
}

.onehit-admin-nav__icon{
    width:24px;
    height:24px;
    min-width:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    background:#181d32;
    border:1px solid #232943;
    color:#8790b2;
    font-size:12px;
}

.onehit-admin-nav__text{
    font-size:12px;
    line-height:1.2;
    font-weight:600;
    letter-spacing:0;
}

.onehit-admin-main{
    min-width:0;
}

.onehit-admin-main-card__header{
    display:flex;
    align-items:center;
    gap:12px;
    justify-content:space-between;
    padding:13px 16px 12px;
    border-bottom:1px solid #191e32;
}

.onehit-admin-main-card__eyebrow{
    color:#69718f;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
}

.onehit-admin-main-card__title{
    margin:4px 0 0;
    color:#edf1f8;
    font-size:16px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.01em;
}

.onehit-admin-main-card__line{
    flex:1;
    height:1px;
    min-width:60px;
    background:#222842;
}

.onehit-admin-main-card__body{
    padding:14px 16px 16px;
}

.onehit-admin-content-row{
    margin:0;
}

/* Inner content forced to FASTCUP look */
.onehit-admin-main-card .card,
.onehit-admin-main-card .table,
.onehit-admin-main-card table,
.onehit-admin-main-card .search_form,
.onehit-admin-main-card .input-form,
.onehit-admin-main-card .box,
.onehit-admin-adminbox,
.onehit-admin-main-card .module,
.onehit-admin-main-card .block,
.onehit-admin-main-card .panel{
    background:#13182c !important;
    border:1px solid #1c2239 !important;
    border-radius:12px !important;
    box-shadow:none !important;
}

.onehit-admin-main-card th{
    color:#8f98ba;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.10em;
    background:#171c30;
    border-color:#242941;
}

.onehit-admin-main-card td{
    color:#b3bad2;
    font-size:12px;
    font-weight:500;
    border-color:#1d2238;
}

.onehit-admin-main-card .btn,
.onehit-admin-main-card button,
.onehit-admin-main-card input[type="submit"],
.onehit-admin-main-card input[type="button"]{
    min-height:32px;
    padding:0 11px;
    border-radius:8px;
    border:1px solid #2b3250;
    background:#1a2036;
    color:#d8deef;
    font-size:11px;
    font-weight:600;
    box-shadow:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.onehit-admin-main-card .btn:hover,
.onehit-admin-main-card button:hover,
.onehit-admin-main-card input[type="submit"]:hover,
.onehit-admin-main-card input[type="button"]:hover{
    background:#212840;
    border-color:#343d61;
    color:#f1f4fa;
    transform:none;
}

.onehit-admin-main-card input[type="text"],
.onehit-admin-main-card input[type="number"],
.onehit-admin-main-card input[type="password"],
.onehit-admin-main-card input[type="search"],
.onehit-admin-main-card select,
.onehit-admin-main-card textarea{
    width:100%;
    min-height:36px;
    padding:8px 10px;
    border-radius:8px;
    background:#0f1324;
    border:1px solid #222841;
    color:#dbe1f0;
    font-size:12px;
    font-weight:500;
    box-shadow:none;
    outline:none;
}

.onehit-admin-main-card textarea{
    min-height:96px;
    resize:vertical;
}

.onehit-admin-main-card input::placeholder,
.onehit-admin-main-card textarea::placeholder{
    color:#68708e;
}

.onehit-admin-main-card input:focus,
.onehit-admin-main-card select:focus,
.onehit-admin-main-card textarea:focus{
    border-color:#343d61;
    background:#12172a;
}

.onehit-admin-main-card label{
    color:#c4cae0;
    font-size:11px;
    font-weight:600;
}

.onehit-admin-main-card h1,
.onehit-admin-main-card h2,
.onehit-admin-main-card h3,
.onehit-admin-main-card h4{
    color:#edf1f8;
    font-weight:700;
    letter-spacing:-.01em;
}

.onehit-admin-main-card p,
.onehit-admin-main-card span,
.onehit-admin-main-card div,
.onehit-admin-main-card li{
    text-rendering:geometricPrecision;
}

/* hard override for old bright title blocks inside modules */
.onehit-admin-main-card .title,
.onehit-admin-main-card .name_block,
.onehit-admin-main-card .block_title,
.onehit-admin-main-card .module-title{
    color:#d9deec !important;
    background:#1a1f35 !important;
    border-color:#252b46 !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
}

/* reset old leftovers */
.sidebar-right,
.sidebar-right .sidebar,
.user-sidebar-right-block,
.card.menu{
    all:unset;
}

.row_admins > div,
.row_admins .col,
.row_admins .col-md-12,
.row_admins .col-lg-12,
.row_admins .col-sm-12{
    min-width:0;
}

@media (max-width: 1280px){
    .onehit-admin-overview-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px){
    .onehit-admin-topbar{
        flex-direction:column;
        align-items:stretch;
    }

    .onehit-admin-layout{
        grid-template-columns:1fr;
    }

    .onehit-admin-overview-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 575px){
    .onehit-admin-page{
        padding-top:12px;
    }

    .onehit-admin-profile-card,
    .onehit-admin-nav-card,
    .onehit-admin-main-card__body{
        padding-left:12px;
        padding-right:12px;
    }

    .onehit-admin-main-card__header{
        padding:12px;
    }
}

/* =========================================================
   ADMIN STATS PANEL - FASTCUP SHARP
   ========================================================= */

.onehit-admin-stats-panel{
    border-radius:14px;
    background:#13182c;
    border:1px solid #1d233a;
    overflow:hidden;
}

.onehit-admin-stats-panel__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid #1c2238;
    background:#14192d;
}

.onehit-admin-stats-panel__eyebrow{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-stats-panel__title{
    margin:4px 0 0;
    color:#eef1f8;
    font-size:16px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:-.01em;
}

.onehit-admin-stats-panel__status{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#8690b2;
    font-size:11px;
    font-weight:600;
    white-space:nowrap;
}

.onehit-admin-stats-panel__status-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#56b98a;
    box-shadow:0 0 0 4px rgba(86,185,138,.10);
}

.onehit-admin-stats-summary{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    padding:14px 16px 8px;
}

.onehit-admin-stats-metric{
    padding:12px 13px;
    border-radius:12px;
    background:#101426;
    border:1px solid #1c2238;
}

.onehit-admin-stats-metric__label{
    color:#737c9d;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-stats-metric__value{
    margin-top:6px;
    color:#eef1f8;
    font-size:20px;
    font-weight:700;
    line-height:1.15;
    letter-spacing:-.02em;
}

.onehit-admin-stats-chart-wrap{
    position:relative;
    height:360px;
    padding:10px 16px 16px;
}

.onehit-admin-stats-chart-wrap canvas{
    width:100% !important;
    height:100% !important;
}

@media (max-width: 767px){
    .onehit-admin-stats-panel__header{
        flex-direction:column;
        align-items:flex-start;
    }

    .onehit-admin-stats-summary{
        grid-template-columns:1fr;
    }

    .onehit-admin-stats-chart-wrap{
        height:280px;
    }
}

/* =========================================================
   ADMIN SERVERS - FASTCUP SHARP STYLE
   ========================================================= */

.onehit-admin-btn-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border-radius:8px;
    border:1px solid #2b3250;
    background:#1a2036;
    color:#dbe1f0 !important;
    font-size:11px;
    font-weight:600;
    text-decoration:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.onehit-admin-btn-primary:hover{
    background:#212840;
    border-color:#343d61;
    color:#f1f4fa !important;
    text-decoration:none;
}

.onehit-admin-server-panel{
    border-radius:14px;
    background:#13182c;
    border:1px solid #1d233a;
    overflow:hidden;
}

.onehit-admin-server-panel__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid #1c2238;
    background:#14192d;
}

.onehit-admin-server-panel__eyebrow{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-server-panel__title{
    margin:4px 0 0;
    color:#eef1f8;
    font-size:16px;
    font-weight:700;
    line-height:1.2;
}

.onehit-admin-server-panel__actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.onehit-admin-server-table-wrap{
    overflow:auto;
}

.onehit-admin-server-table{
    width:100%;
    border-collapse:collapse;
}

.onehit-admin-server-table thead th{
    padding:12px 14px;
    background:#171c30;
    border-bottom:1px solid #242941;
    color:#8f98ba;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.10em;
    white-space:nowrap;
}

.onehit-admin-server-table tbody td{
    padding:13px 14px;
    border-bottom:1px solid #1d2238;
    color:#b3bad2;
    font-size:12px;
    font-weight:500;
    vertical-align:middle;
}

.onehit-admin-server-table tbody tr:hover{
    background:#151a2e;
}

.onehit-admin-remove-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:8px;
    border:1px solid #33263a;
    background:#1b1620;
    color:#d4a3b1;
    cursor:pointer;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.onehit-admin-remove-btn:hover{
    background:#261923;
    border-color:#4a2e3a;
    color:#ffd4df;
}

.onehit-admin-modal-window{
    position:fixed;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:rgba(5,8,18,.74);
    z-index:9999;
    padding:32px 18px;
    overflow:auto;
    transition:opacity .18s ease, visibility .18s ease;
}

.onehit-admin-modal-window:target{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.onehit-admin-modal-card{
    width:min(1120px, 100%);
    margin:0 auto;
    border-radius:16px;
    background:#11162a;
    border:1px solid #1c2239;
    box-shadow:0 20px 60px rgba(0,0,0,.38);
    overflow:hidden;
}

.onehit-admin-modal-card__header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    border-bottom:1px solid #1c2238;
    background:#14192d;
}

.onehit-admin-modal-card__eyebrow{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-modal-card__title{
    margin:4px 0 0;
    color:#eef1f8;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.onehit-admin-modal-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:9px;
    border:1px solid #242941;
    background:#171c30;
    color:#a7afcb;
    text-decoration:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.onehit-admin-modal-close:hover{
    background:#1e243b;
    border-color:#313958;
    color:#f1f4fa;
    text-decoration:none;
}

.onehit-admin-server-form{
    padding:18px;
}

.onehit-admin-server-form__grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
}

.onehit-admin-server-section{
    padding:14px;
    border-radius:12px;
    background:#13182c;
    border:1px solid #1c2238;
}

.onehit-admin-server-section__title{
    margin-bottom:12px;
    color:#dbe1f0;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-field{
    display:flex;
    flex-direction:column;
    gap:6px;
    margin-bottom:12px;
}

.onehit-admin-field:last-child{
    margin-bottom:0;
}

.onehit-admin-field label{
    color:#8f98ba;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.10em;
}

.onehit-admin-field input,
.onehit-admin-field select,
.onehit-admin-field textarea{
    width:100%;
    min-height:38px;
    padding:9px 11px;
    border-radius:8px;
    background:#0f1324;
    border:1px solid #222841;
    color:#dbe1f0;
    font-size:12px;
    font-weight:500;
    outline:none;
    box-shadow:none;
}

.onehit-admin-field input:focus,
.onehit-admin-field select:focus,
.onehit-admin-field textarea:focus{
    border-color:#343d61;
    background:#12172a;
}

.onehit-admin-field select option{
    background:#11162a;
    color:#dbe1f0;
}

.onehit-admin-server-form__actions{
    display:flex;
    justify-content:flex-end;
    margin-top:16px;
}

.onehit-admin-server-modal .server_form_block,
.onehit-admin-server-modal .input-form,
.onehit-admin-server-modal .input_text,
.onehit-admin-server-modal .card,
.onehit-admin-server-modal .card-header,
.onehit-admin-server-modal .badge,
.onehit-admin-server-modal .card-container,
.onehit-admin-server-modal .card-block{
    all:unset;
}

@media (max-width: 991px){
    .onehit-admin-server-form__grid{
        grid-template-columns:1fr;
    }

    .onehit-admin-server-panel__header,
    .onehit-admin-modal-card__header{
        flex-direction:column;
        align-items:flex-start;
    }

    .onehit-admin-server-form__actions{
        justify-content:stretch;
    }

    .onehit-admin-server-form__actions .onehit-admin-btn-primary,
    .onehit-admin-server-form__actions input{
        width:100%;
    }
}

@media (max-width: 575px){
    .onehit-admin-modal-window{
        padding:18px 10px;
    }

    .onehit-admin-modal-card__header,
    .onehit-admin-server-form{
        padding:14px;
    }

    .onehit-admin-server-section{
        padding:12px;
    }

    .onehit-admin-server-table thead th,
    .onehit-admin-server-table tbody td{
        padding:10px 10px;
    }
}

/* =========================================================
   ADMIN MODULES - FASTCUP SHARP STYLE
   ========================================================= */

.onehit-admin-modules-panel,
.onehit-admin-options-panel,
.onehit-admin-module-settings-panel{
    border-radius:14px;
    background:#13182c;
    border:1px solid #1d233a;
    overflow:hidden;
    margin-bottom:14px;
}

.onehit-admin-modules-panel__header,
.onehit-admin-options-panel__header,
.onehit-admin-module-settings-panel__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px;
    border-bottom:1px solid #1c2238;
    background:#14192d;
}

.onehit-admin-modules-panel__eyebrow,
.onehit-admin-options-panel__eyebrow,
.onehit-admin-module-settings-panel__eyebrow{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-modules-panel__title,
.onehit-admin-options-panel__title,
.onehit-admin-module-settings-panel__title{
    margin:4px 0 0;
    color:#eef1f8;
    font-size:16px;
    font-weight:700;
    line-height:1.2;
}

.onehit-admin-modules-panel__filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:flex-end;
}

.onehit-admin-select-wrap{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:180px;
}

.onehit-admin-select-wrap label{
    color:#8f98ba;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.10em;
}

.onehit-admin-select-wrap select{
    min-height:36px;
    padding:8px 10px;
    border-radius:8px;
    background:#0f1324;
    border:1px solid #222841;
    color:#dbe1f0;
    font-size:12px;
    font-weight:500;
    outline:none;
}

.onehit-admin-select-wrap select:focus{
    border-color:#343d61;
    background:#12172a;
}

.onehit-admin-modules-panel__body,
.onehit-admin-options-panel__body,
.onehit-admin-module-settings-panel__body{
    padding:16px;
}

.onehit-admin-modules-list-wrap{
    border-radius:12px;
    background:#101426;
    border:1px solid #1c2238;
    padding:12px;
}

.onehit-admin-nestable .dd-list{
    margin:0;
    padding:0;
    list-style:none;
}

.onehit-admin-module-item{
    margin-bottom:8px;
}

.onehit-admin-module-item:last-child{
    margin-bottom:0;
}

.onehit-admin-module-item__row{
    display:flex;
    align-items:center;
    gap:8px;
}

.onehit-admin-module-item__settings{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    min-width:34px;
    border-radius:8px;
    background:#171c30;
    border:1px solid #232941;
    color:#9aa3c2;
    text-decoration:none;
    transition:background .15s ease, border-color .15s ease, color .15s ease;
}

.onehit-admin-module-item__settings:hover{
    background:#1f253c;
    border-color:#30385a;
    color:#eef1f8;
    text-decoration:none;
}

.onehit-admin-module-item__handle{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border-radius:10px;
    background:#151a2e;
    border:1px solid #1f2640;
    color:#dbe1f0;
    cursor:move;
}

.onehit-admin-module-item__drag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    min-width:24px;
    border-radius:7px;
    background:#181d32;
    border:1px solid #252b45;
    color:#8790b2;
    font-size:12px;
}

.onehit-admin-module-item__title{
    color:#e8edf8;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
}

.onehit-admin-module-item__id{
    margin-left:auto;
    color:#7781a5;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.onehit-admin-action-form{
    margin-bottom:10px;
}

.onehit-admin-action-form:last-child{
    margin-bottom:0;
}

.onehit-admin-action-form .onehit-admin-btn-primary{
    width:100%;
}

.onehit-admin-module-meta-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin-bottom:14px;
}

.onehit-admin-module-meta-item{
    padding:12px;
    border-radius:10px;
    background:#101426;
    border:1px solid #1c2238;
}

.onehit-admin-module-meta-item__label{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.10em;
}

.onehit-admin-module-meta-item__value{
    margin-top:6px;
    color:#eef1f8;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
    word-break:break-word;
}

.onehit-admin-module-description{
    margin-bottom:14px;
    padding:12px;
    border-radius:10px;
    background:#101426;
    border:1px solid #1c2238;
}

.onehit-admin-module-description__label{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.10em;
}

.onehit-admin-module-description__value{
    margin-top:6px;
    color:#b3bad2;
    font-size:12px;
    font-weight:500;
    line-height:1.65;
}

.onehit-admin-checkbox-row{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:38px;
    margin-bottom:10px;
    padding:10px 12px;
    border-radius:10px;
    background:#101426;
    border:1px solid #1c2238;
}

.onehit-admin-checkbox-row .border-checkbox{
    margin:0;
}

.onehit-admin-checkbox-row .border-checkbox-label{
    margin:0;
    color:#dbe1f0;
    font-size:12px;
    font-weight:600;
}

.onehit-admin-module-settings-panel__footer{
    display:flex;
    justify-content:flex-end;
    padding:14px 16px;
    border-top:1px solid #1c2238;
    background:#14192d;
}

/* legacy cleanup for old modules section */
.onehit-admin-modules-panel .card,
.onehit-admin-options-panel .card,
.onehit-admin-module-settings-panel .card,
.onehit-admin-modules-panel .card-header,
.onehit-admin-options-panel .card-header,
.onehit-admin-module-settings-panel .card-header,
.onehit-admin-modules-panel .card-container,
.onehit-admin-options-panel .card-container,
.onehit-admin-module-settings-panel .card-container,
.onehit-admin-modules-panel .badge,
.onehit-admin-options-panel .badge,
.onehit-admin-module-settings-panel .badge,
.onehit-admin-modules-panel .btn_form,
.onehit-admin-options-panel .btn_form,
.onehit-admin-module-settings-panel .btn_form,
.onehit-admin-modules-panel .select-panel,
.onehit-admin-options-panel .select-panel,
.onehit-admin-module-settings-panel .select-panel,
.onehit-admin-modules-panel .select-panel-pages,
.onehit-admin-options-panel .select-panel-pages,
.onehit-admin-module-settings-panel .select-panel-pages,
.onehit-admin-modules-panel .info_form,
.onehit-admin-module-settings-panel .info_form,
.onehit-admin-modules-panel .info_form_line,
.onehit-admin-module-settings-panel .info_form_line,
.onehit-admin-modules-panel .info_form_line_value,
.onehit-admin-module-settings-panel .info_form_line_value,
.onehit-admin-modules-panel .card-bottom,
.onehit-admin-module-settings-panel .card-bottom{
    all:unset;
}

@media (max-width: 991px){
    .onehit-admin-modules-panel__header,
    .onehit-admin-options-panel__header,
    .onehit-admin-module-settings-panel__header{
        flex-direction:column;
        align-items:stretch;
    }

    .onehit-admin-modules-panel__filters{
        width:100%;
    }

    .onehit-admin-select-wrap{
        min-width:100%;
    }

    .onehit-admin-module-meta-grid{
        grid-template-columns:1fr;
    }

    .onehit-admin-module-settings-panel__footer{
        justify-content:stretch;
    }

    .onehit-admin-module-settings-panel__footer .onehit-admin-btn-primary{
        width:100%;
    }
}

/* =========================================================
   ADMIN GENERAL SETTINGS - FASTCUP SHARP STYLE
   ========================================================= */

.onehit-admin-general-panel,
.onehit-admin-extra-panel{
    border-radius:14px;
    background:#13182c;
    border:1px solid #1d233a;
    overflow:hidden;
    margin-bottom:14px;
}

.onehit-admin-general-panel__header,
.onehit-admin-extra-panel__header{
    padding:14px 16px;
    border-bottom:1px solid #1c2238;
    background:#14192d;
}

.onehit-admin-general-panel__eyebrow,
.onehit-admin-extra-panel__eyebrow{
    color:#7a82a2;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-general-panel__title,
.onehit-admin-extra-panel__title{
    margin:4px 0 0;
    color:#eef1f8;
    font-size:16px;
    font-weight:700;
    line-height:1.2;
}

.onehit-admin-general-panel__body,
.onehit-admin-extra-panel__body{
    padding:16px;
}

.onehit-admin-general-panel__footer{
    display:flex;
    justify-content:flex-end;
    padding:14px 16px;
    border-top:1px solid #1c2238;
    background:#14192d;
}

.onehit-admin-section-label{
    margin:0 0 10px;
    padding:0;
    color:#9098b8;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.onehit-admin-section-label:not(:first-child){
    margin-top:14px;
}

.onehit-admin-general-panel .onehit-admin-field,
.onehit-admin-extra-panel .onehit-admin-field{
    margin-bottom:12px;
}

.onehit-admin-general-panel .onehit-admin-field:last-child,
.onehit-admin-extra-panel .onehit-admin-field:last-child{
    margin-bottom:0;
}

.onehit-admin-general-panel .onehit-admin-checkbox-row,
.onehit-admin-extra-panel .onehit-admin-checkbox-row{
    margin-bottom:10px;
}

.onehit-admin-general-panel .onehit-admin-checkbox-row:last-child,
.onehit-admin-extra-panel .onehit-admin-checkbox-row:last-child{
    margin-bottom:0;
}

/* cleanup old general section classes */
.onehit-admin-general-panel .card,
.onehit-admin-extra-panel .card,
.onehit-admin-general-panel .card-header,
.onehit-admin-extra-panel .card-header,
.onehit-admin-general-panel .card-container,
.onehit-admin-extra-panel .card-container,
.onehit-admin-general-panel .badge,
.onehit-admin-extra-panel .badge,
.onehit-admin-general-panel .option_one,
.onehit-admin-extra-panel .option_one,
.onehit-admin-general-panel .input_text,
.onehit-admin-extra-panel .input_text,
.onehit-admin-general-panel .text_on_line,
.onehit-admin-extra-panel .text_on_line{
    all:unset;
}

@media (max-width: 991px){
    .onehit-admin-general-panel__footer{
        justify-content:stretch;
    }

    .onehit-admin-general-panel__footer .onehit-admin-btn-primary{
        width:100%;
    }
}

/* ===== STATIC FULLSCREEN BACKGROUND ===== */

body{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* ===== STATIC FULLSCREEN BACKGROUND ===== */

body{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* ===== BLURRED BACKGROUND LAYER ===== */

body::before{
    content:"";
    position:fixed;
    inset:0;

    background:inherit;
    background-size:cover;
    background-position:center;

    filter:blur(10px);
    transform:scale(1.06);

    z-index:-2;
}

/* ===== DARK GRADIENT OVERLAY (MATCH HOMEPAGE) ===== */

body::after{
    content:"";
    position:fixed;
    inset:0;

    background:
        radial-gradient(
            circle at center,
            rgba(12,16,30,0.70) 0%,
            rgba(8,10,18,0.88) 55%,
            rgba(5,7,14,0.97) 100%
        ),
        linear-gradient(
            to bottom,
            rgba(6,8,16,0.95) 0%,
            rgba(5,7,14,0.99) 100%
        );

    z-index:-1;
}

/* =========================================================
   ONEHIT FOOTER - FULL WIDTH
   ========================================================= */

.onehit-footer.onehit-footer--full{
    position:relative;
    width:100%;
    max-width:100%;
    margin-top:32px;
    padding:0 0 24px;
    background:transparent;
}

.onehit-footer-shell.onehit-footer-shell--full{
    width:100%;
    max-width:none;
    margin:0;
    padding:28px 34px 18px;
    border-radius:0;
    background:linear-gradient(180deg, rgba(17,21,41,.82) 0%, rgba(12,16,32,.90) 100%);
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.04);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:none;
}

.onehit-footer-top,
.onehit-footer-middle,
.onehit-footer-bottom{
    width:100%;
}

.onehit-footer-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.onehit-footer-middle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.onehit-footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-top:16px;
}

.onehit-footer-stats{
    display:flex;
    flex-wrap:wrap;
    gap:28px;
}

.onehit-footer-stat{
    display:flex;
    align-items:baseline;
    gap:8px;
}

.onehit-footer-stat strong{
    color:#eef1f8;
    font-size:15px;
    font-weight:800;
    letter-spacing:-.02em;
}

.onehit-footer-stat span{
    color:#8a92b3;
    font-size:12px;
    font-weight:500;
}

.onehit-footer-emblems{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
}

.onehit-emblem{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 16px;
    border-radius:10px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
    color:#8e96b7;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.onehit-footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:26px;
}

.onehit-footer-links a{
    color:#b9c0d8;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:color .15s ease;
}

.onehit-footer-links a:hover{
    color:#f3f6fc;
}

.onehit-footer-socials{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.onehit-footer-socials a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:10px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    color:#9aa2c0;
    font-size:20px;
    text-decoration:none;
    transition:all .15s ease;
}

.onehit-footer-socials a:hover{
    color:#f1f4fa;
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.10);
}

.onehit-footer-copyright,
.onehit-footer-powered{
    color:#7f87a6;
    font-size:12px;
    font-weight:500;
}

.onehit-footer-powered a{
    color:#b9c0d8;
    text-decoration:none;
}

.onehit-footer-powered a:hover{
    color:#f3f6fc;
}

@media (max-width: 991px){
    .onehit-footer-shell.onehit-footer-shell--full{
        padding:22px 18px 16px;
    }

    .onehit-footer-top,
    .onehit-footer-middle,
    .onehit-footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .onehit-footer-emblems{
        justify-content:flex-start;
    }
}

@media (max-width: 575px){
    .onehit-footer-links{
        gap:14px 18px;
    }

    .onehit-footer-stats{
        gap:16px;
    }
}