@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800;900&display=swap");

/*
 * GAM1NGCS Premium SAFE v5.1
 * Visual-only design layer. Original GameCMS/standart layout and responsive logic remain authoritative.
 * Do not change structural widths/floats/JS trigger classes here.
 */

:root {
    --gc-bg:#08060c;
    --gc-panel:#130b19;
    --gc-panel-2:#190e22;
    --gc-line:rgba(190,126,226,.18);
    --gc-text:#f5f1f8;
    --gc-muted:#b9afc2;
    --gc-cyan:#34d7e5;
    --gc-green:#2ed07f;
    --gc-orange:#ff941e;
    --gc-red:#ff4059;
    --gc-radius:15px;
    --gc-font-ui:"Onest","Manrope","Segoe UI",Arial,sans-serif;
    --gc-font-display:"Onest","Manrope","Segoe UI",Arial,sans-serif;
}

body,.wapper,input,select,textarea,button,.btn {font-family:var(--gc-font-ui);}
body {color:var(--gc-text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.wapper a {transition:color .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease;}
.wapper :focus-visible {outline:2px solid rgba(52,215,229,.9);outline-offset:2px;}

/* Header: preserve original GameCMS geometry and click behavior; visual changes only. */
.wapper .header {background:#100815;border-bottom:1px solid rgba(190,126,226,.12);}
@media (min-width:992px){
    .wapper .header,.wapper .header .collapsible-menu>li>a {background:#100815;}
    .wapper .header>.container {border-left:1px solid rgba(190,126,226,.10);border-right:1px solid rgba(190,126,226,.10);}
    .wapper .header .collapsible-menu>li>a {font-family:var(--gc-font-ui);font-size:12px;font-weight:800;color:#ddd5e4;}
    .wapper .header .collapsible-menu>li>a:hover,.wapper .header .collapsible-menu>li>a.open {color:#fff;background:rgba(255,255,255,.035);}
    .wapper .header .collapsible-menu>li>a>i,.wapper .header .collapsible-menu>li>a>.fa,.wapper .header .collapsible-menu>li>a>.fas {display:inline-block;width:16px;margin-right:6px;text-align:center;}
    .wapper .header .collapsible-menu>li ul {background:#12091a;border:1px solid rgba(190,126,226,.14);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 16px 34px rgba(0,0,0,.28);}
    .wapper .header .collapsible-menu>li ul>li>a {font-family:var(--gc-font-ui);font-weight:650;color:#d5ccdc;}
    .wapper .header .collapsible-menu>li ul>li>a i {display:inline-block;width:18px;margin-right:8px;text-align:center;}
    .wapper .header .collapsible-menu.user-menu>li>a>h3 {font-family:var(--gc-font-display);font-weight:700;color:#fff;text-overflow:clip;}
    .wapper .header .collapsible-menu.user-menu>li>a>p {font-weight:650;color:#c7bccd;text-overflow:clip;}
}
@media (max-width:991.99px){
    .wapper .header {background:#100815;}
    .wapper .header .collapsible-menu>li>a {font-family:var(--gc-font-ui);font-weight:750;color:#ddd5e4;background:#100815;}
    .wapper .header .collapsible-menu>li>a.open {background:#170d20;}
    .wapper .header .collapsible-menu>li>a>i,.wapper .header .collapsible-menu>li>a>.fa,.wapper .header .collapsible-menu>li>a>.fas {display:inline-block;width:18px;margin-right:7px;text-align:center;}
    .wapper .header .collapsible-menu>li ul>li>a i {display:inline-block;width:18px;margin-right:8px;text-align:center;}
    .wapper .header .menu-trigger {box-shadow:none;border-color:rgba(190,126,226,.22)!important;background:#160b20!important;}
}

/* Route context - no width/position rewrites. */
.wapper .navigation {margin-bottom:28px;}
.wapper .navigation .breadcrumb {font-family:var(--gc-font-ui);}
.wapper .navigation .breadcrumb>li {font-weight:700;}

/* Shared surfaces: preserve component geometry. */
.block {background:#130b19;border:1px solid rgba(190,126,226,.14);box-shadow:0 12px 28px rgba(0,0,0,.24);}
.block .block_head {font-family:var(--gc-font-display);font-weight:700;color:#f7f2fa;text-shadow:none;letter-spacing:-.025em;}
.block .block_head span {font-family:var(--gc-font-ui);color:#b9afc2;}
.modal .modal-content {background:#130b19;border:1px solid rgba(190,126,226,.16);box-shadow:0 18px 42px rgba(0,0,0,.30);}

.form-control,select.form-control,textarea.form-control {font-family:var(--gc-font-ui);background:#0f0916;border-color:rgba(190,126,226,.18);color:#f1ebf5;box-shadow:none;}
.form-control:focus,select.form-control:focus,textarea.form-control:focus {background:#100a17;border-color:rgba(52,215,229,.42);color:#fff;box-shadow:0 0 0 3px rgba(52,215,229,.07);}
.btn {font-family:var(--gc-font-ui);font-weight:800;}
.btn-primary {background:#7b43ab;border-color:#965ac9;color:#fff;}
.btn-primary:hover,.btn-primary:focus {background:#884bb8;border-color:#a469d7;color:#fff;}

.table {font-family:var(--gc-font-ui);color:#ddd5e4;}
.table thead th,.table thead td {color:#f0eaf4;font-weight:800;background:rgba(255,255,255,.02);border-color:rgba(190,126,226,.13);}
.table tbody td,.table tbody th {color:#d0c7d8;border-color:rgba(190,126,226,.09);}
.table tbody tr:hover td,.table tbody tr:hover th {background:rgba(255,255,255,.02);}

/* Monitoring: keep original table sizing and native red/blue moving bars. */
.monitoring-table {background:#100816;border-color:rgba(190,126,226,.16);box-shadow:0 12px 28px rgba(0,0,0,.22);}
.monitoring-table thead td {color:#ece5f0;background:rgba(255,255,255,.018);}
.monitoring-table tbody>tr>td {color:#d8cfdf;background:#100816;border-color:rgba(190,126,226,.08);}
.monitoring-table tbody>tr:hover>td {background:#160d1e;}
.monitoring-table tbody>tr>td:last-child>a {box-shadow:none;}
.monitoring-table tbody>tr>td:last-child>a>i {box-shadow:none;}

/* Messages/friends: keep original floats, heights and AJAX-owned DOM; recolor only. */
#place_for_messages textarea {background:#100816;border-color:rgba(190,126,226,.17);box-shadow:none;color:#f0e9f4;}
#place_for_messages .dialog>div:nth-child(1) {background:#12091a;border-color:rgba(190,126,226,.14);box-shadow:none;}
#place_for_messages .dialog>div:nth-child(1):hover,#place_for_messages .dialog>div:nth-child(2):hover {background:#1a0e23;}
#place_for_messages .im_message {color:#d8d0df;}
#companions,.friend,.user {font-family:var(--gc-font-ui);}
#companions div,.friend,.user {border-color:rgba(190,126,226,.10);}
#companions div a,#companions div span,.friend>div>a,.user>div>a {color:#cfc5d7;}
.friend>div>a:first-child,.user>div>a:first-child {font-weight:800;}

/* Profile/account: typography/colors only; original image/table geometry untouched. */
.profile-page .profile table tbody tr td {color:#d6cedd;}
.profile-page .profile table tbody tr td[colspan="2"] h4 {font-family:var(--gc-font-display);color:#fff;background:#150b1d;border-color:rgba(190,126,226,.14);box-shadow:none;}
.profile-page .profile .vertical-navigation a {font-family:var(--gc-font-ui);font-weight:650;}

/* News/forum/sidebar typography. */
#new_news h3,.news h3,#forum h2,#forum_topics h2,.vertical-navigation h3 {font-family:var(--gc-font-display);}
#new_news p,.news p,#forum,#forum_topics,.vertical-navigation {font-family:var(--gc-font-ui);}
.vertical-navigation ul li a {color:#cfc6d7;}
.vertical-navigation ul li a:hover {color:#fff;background:rgba(255,255,255,.025);}

/* Footer: visual only. */
.wapper>.footer {background:#0f0815;border-top:1px solid rgba(190,126,226,.12);}
.wapper>.footer strong {font-family:var(--gc-font-display);color:#fff;}
.wapper>.footer ul li a,.wapper>.footer p {color:#b8aec0;}

/* Prevent legacy image glow globally but keep native dimensions. */
img {box-shadow:none;}

/* ---------------- Homepage ---------------- */
.gcs-home-v3 {
    display: block;
}

.gcs-home-hero {
    position: relative;
    min-height: 350px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    margin-bottom: 18px;
    border: 1px solid rgba(190, 126, 226, .2);
    border-radius: 18px;
    overflow: hidden;
    background: #07090b;
    box-shadow: var(--gc-shadow);
}

.gcs-home-hero__media,
.gcs-home-hero__overlay {
    position: absolute;
    inset: 0;
}

.gcs-home-hero__media {
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .66;
}

.gcs-home-hero__overlay {
    background: linear-gradient(90deg, rgba(5, 7, 9, .98) 0%, rgba(5, 7, 9, .93) 38%, rgba(5, 7, 9, .48) 72%, rgba(5, 7, 9, .3) 100%);
}

.gcs-home-hero__content {
    position: relative;
    z-index: 2;
    width: min(620px, 68%);
    padding: 38px;
}

.gcs-home-hero__eyebrow,
.gcs-v3-eyebrow,
.gcs-v3-kicker,
.gcs-home-kicker {
    color: var(--gc-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.gcs-home-hero h1,
.gcs-v3-authority__head h2,
.gcs-v3-section-title h2,
.gcs-v3-guide__intro h3,
.gcs-v3-faq h2 {
    font-family: var(--gc-font-display);
    color: #fff;
    letter-spacing: -.045em;
}

.gcs-home-hero h1 {
    margin: 10px 0 12px;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.08;
    font-weight: 800;
}

.gcs-home-hero__lead {
    max-width: 600px;
    margin: 0 0 18px;
    color: #d7d1dc;
    font-size: 15px;
    line-height: 1.6;
}

.gcs-home-hero__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.gcs-home-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 10px;
    color: #fff;
    font-weight: 800;
}

.gcs-home-btn--primary {
    background: var(--gc-orange);
    border: 1px solid #ffac4c;
    color: #fff;
}

.gcs-home-btn--secondary {
    background: #169f5e;
    border: 1px solid #2ecb7d;
    color: #fff;
}

.gcs-home-btn:hover {
    color: #fff;
    transform: translateY(-1px);
}

.gcs-home-hero__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.gcs-home-hero__facts > div {
    min-height: 58px;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(0, 0, 0, .32);
}

.gcs-home-hero__facts strong,
.gcs-home-hero__facts span {
    display: block;
}

.gcs-home-hero__facts strong {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.gcs-home-hero__facts span {
    margin-top: 3px;
    color: #99929f;
    font-size: 10px;
}

.gcs-home-live {
    margin-bottom: 20px;
}

.gcs-home-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}

.gcs-home-section-head h2 {
    margin: 2px 0 0;
    color: #fff;
    font-family: var(--gc-font-display);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.035em;
}

.gcs-home-live-note {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid rgba(46, 208, 127, .28);
    border-radius: 999px;
    background: rgba(46, 208, 127, .06);
    color: #9cf1c3;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.gcs-home-live-note .fa-circle {
    color: var(--gc-green);
    font-size: 7px;
}

.gcs-v3-authority,
.gcs-v3-versions,
.gcs-v3-guides,
.gcs-v3-faq {
    margin-bottom: 18px;
    padding: 24px;
    border: 1px solid rgba(190, 126, 226, .18);
    border-radius: 18px;
    background: rgba(21, 11, 29, .96);
    box-shadow: var(--gc-shadow-sm);
}

.gcs-v3-authority__head,
.gcs-v3-section-title {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    gap: 28px;
    align-items: end;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(190, 126, 226, .12);
}

.gcs-v3-authority__head h2,
.gcs-v3-section-title h2 {
    margin: 6px 0 0;
    font-size: clamp(23px, 2.1vw, 32px);
    line-height: 1.16;
    font-weight: 800;
}

.gcs-v3-authority__head p,
.gcs-v3-section-title > p {
    margin: 0;
    color: var(--gc-muted);
    font-size: 13px;
    line-height: 1.65;
}

.gcs-v3-trust-grid,
.gcs-v3-trust-grid--authority {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.gcs-v3-trust-grid article {
    min-height: 112px;
    display: flex;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(190, 126, 226, .13);
    border-radius: 13px;
    background: rgba(255, 255, 255, .018);
}

.gcs-v3-trust-icon,
.gcs-v3-version-icon,
.gcs-v3-guide__icon,
.gcs-v3-mini-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    color: var(--gc-cyan);
}

.gcs-v3-trust-icon--orange { color: var(--gc-orange); border-color: rgba(255,148,30,.25); background: rgba(255,148,30,.06); }
.gcs-v3-trust-icon--green { color: var(--gc-green); border-color: rgba(46,208,127,.24); background: rgba(46,208,127,.06); }
.gcs-v3-trust-icon--cyan { color: var(--gc-cyan); border-color: rgba(52,215,229,.24); background: rgba(52,215,229,.06); }

.gcs-v3-trust-grid strong {
    display: block;
    margin: 1px 0 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.gcs-v3-trust-grid p {
    margin: 0;
    color: #a99fae;
    font-size: 11px;
    line-height: 1.55;
}

.gcs-v3-version-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.gcs-v3-version-grid > a {
    min-height: 80px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 12px;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(190, 126, 226, .13);
    border-radius: 13px;
    background: rgba(9, 6, 14, .45);
    color: #fff;
}

.gcs-v3-version-grid > a:hover {
    border-color: rgba(52, 215, 229, .28);
    background: rgba(255, 255, 255, .026);
    transform: translateY(-1px);
}

.gcs-v3-version-grid strong,
.gcs-v3-version-grid small {
    display: block;
}

.gcs-v3-version-grid strong {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.gcs-v3-version-grid small {
    margin-top: 3px;
    color: #948a9d;
    font-size: 10px;
}

.gcs-v3-version-card--classic .gcs-v3-version-icon { color: var(--gc-orange); }
.gcs-v3-version-card--bots .gcs-v3-version-icon { color: #71e7ad; }
.gcs-v3-version-card--ua .gcs-v3-version-icon { color: #ffd55f; }
.gcs-v3-version-card--online .gcs-v3-version-icon,
.gcs-v3-version-card--steam .gcs-v3-version-icon { color: var(--gc-cyan); }

.gcs-v3-guide {
    margin-top: 10px;
    border: 1px solid rgba(190, 126, 226, .15);
    border-radius: 14px;
    background: rgba(9, 6, 14, .4);
    overflow: hidden;
}

.gcs-v3-guide > summary {
    min-height: 70px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto 32px;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    cursor: pointer;
    list-style: none;
}

.gcs-v3-guide > summary::-webkit-details-marker { display: none; }

.gcs-v3-guide > summary:hover {
    background: rgba(255, 255, 255, .022);
}

.gcs-v3-guide__summary-copy strong,
.gcs-v3-guide__summary-copy small {
    display: block;
}

.gcs-v3-guide__summary-copy strong {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.gcs-v3-guide__summary-copy small {
    margin-top: 3px;
    color: #948a9d;
    font-size: 10px;
}

.gcs-v3-guide__badge {
    padding: 6px 9px;
    border: 1px solid rgba(255, 148, 30, .28);
    border-radius: 999px;
    color: #ffc56e;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.gcs-v3-guide__toggle {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(190, 126, 226, .18);
    border-radius: 9px;
    color: #d7ccdf;
}

.gcs-v3-guide__toggle::before { content: "+"; }
.gcs-v3-guide[open] .gcs-v3-guide__toggle::before { content: "−"; }

.gcs-v3-guide__body {
    padding: 20px;
    border-top: 1px solid rgba(190, 126, 226, .12);
}

.gcs-v3-guide__intro {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 28px;
    margin-bottom: 18px;
}

.gcs-v3-guide__intro h3 {
    margin: 6px 0 0;
    font-size: 23px;
    line-height: 1.22;
    font-weight: 800;
}

.gcs-v3-guide__intro p {
    margin: 0;
    color: var(--gc-muted);
    font-size: 13px;
    line-height: 1.65;
}

.gcs-v3-step-grid,
.gcs-v3-advice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.gcs-v3-step-grid article,
.gcs-v3-advice-grid article,
.gcs-v3-command-list > div {
    padding: 13px;
    border: 1px solid rgba(190, 126, 226, .13);
    border-radius: 11px;
    background: rgba(255, 255, 255, .018);
}

.gcs-v3-step-grid strong,
.gcs-v3-advice-grid strong {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.gcs-v3-step-grid p,
.gcs-v3-advice-grid p {
    margin: 6px 0 0;
    color: #9f96a7;
    font-size: 11px;
    line-height: 1.55;
}

.gcs-v3-spec-table {
    overflow: hidden;
    margin: 14px 0;
    border: 1px solid rgba(190, 126, 226, .13);
    border-radius: 11px;
}

.gcs-v3-spec-row {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr;
}

.gcs-v3-spec-row > * {
    padding: 10px 12px;
    border-top: 1px solid rgba(190, 126, 226, .1);
    border-left: 1px solid rgba(190, 126, 226, .08);
    color: #b9b0c1;
    font-size: 11px;
}

.gcs-v3-spec-row > *:first-child { border-left: 0; }
.gcs-v3-spec-row--head > * {
    border-top: 0;
    background: rgba(255, 255, 255, .025);
    color: #eee8f2;
    font-weight: 800;
}

.gcs-v3-callout {
    margin: 14px 0;
    padding: 12px 14px;
    border: 1px solid rgba(190, 126, 226, .14);
    border-left: 3px solid var(--gc-cyan);
    border-radius: 10px;
    background: rgba(255, 255, 255, .018);
    color: #bdb4c5;
    font-size: 11px;
    line-height: 1.6;
}

.gcs-v3-callout--orange { border-left-color: var(--gc-orange); }
.gcs-v3-callout--cyan { border-left-color: var(--gc-cyan); }

.gcs-v3-checklist {
    margin-top: 14px;
}

.gcs-v3-checklist h4 {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.gcs-v3-checklist ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.gcs-v3-checklist li {
    color: #aca2b5;
    font-size: 11px;
}

.gcs-v3-tablist {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
}

.gcs-v3-tablist a {
    padding: 7px 10px;
    border: 1px solid rgba(190, 126, 226, .16);
    border-radius: 8px;
    color: #c4bacb;
    font-size: 10px;
    font-weight: 800;
}

.gcs-v3-tablist a.is-active {
    border-color: rgba(255, 148, 30, .34);
    background: rgba(255, 148, 30, .08);
    color: #ffc06b;
}

.gcs-v3-command-list {
    display: grid;
    gap: 8px;
}

.gcs-v3-command-list > div {
    display: grid;
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.gcs-v3-command-list code {
    color: #ffc36c;
    font-size: 11px;
    font-weight: 800;
}

.gcs-v3-command-list span {
    color: #a79dab;
    font-size: 11px;
}

.gcs-v3-guide-links {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.gcs-v3-guide-links a {
    padding: 7px 10px;
    border: 1px solid rgba(190, 126, 226, .17);
    border-radius: 8px;
    color: #dfd6e5;
    font-size: 10px;
    font-weight: 800;
}

.gcs-v3-faq-grid {
    margin-top: 16px;
}

.gcs-v3-faq-grid details {
    border-top: 1px solid rgba(190, 126, 226, .12);
}

.gcs-v3-faq-grid summary {
    padding: 13px 3px;
    cursor: pointer;
    color: #eee8f2;
    font-size: 13px;
    font-weight: 800;
}

.gcs-v3-faq-grid p {
    padding: 0 3px 13px;
    margin: 0;
    color: #a79eae;
    font-size: 12px;
    line-height: 1.65;
}


/* Homepage media / live proof refinements */
.gcs-home-hero__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center right;
}

.gcs-home-hero__facts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gcs-home-hero__facts > li {
    min-height: 58px;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    background: rgba(0, 0, 0, .32);
}

.gcs-home-hero__facts > li strong,
.gcs-home-hero__facts > li span {
    display: block;
}

.gcs-home-hero__facts > li strong {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.gcs-home-hero__facts > li span {
    margin-top: 3px;
    color: #99929f;
    font-size: 10px;
}

.gcs-v3-proof {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.gcs-v3-proof__item {
    min-height: 88px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 15px;
    border: 1px solid rgba(190, 126, 226, .14);
    border-radius: 13px;
    background: rgba(255, 255, 255, .018);
}

.gcs-v3-proof__item strong,
.gcs-v3-proof__item span {
    display: block;
}

.gcs-v3-proof__item strong {
    color: #fff;
    font-family: var(--gc-font-display);
    font-size: 26px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.04em;
}

.gcs-v3-proof__item span {
    margin-top: 7px;
    color: #918796;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.gcs-v3-proof__item--live strong {
    color: #59e59a;
}

@media (max-width: 991.98px) {
    .gcs-v3-proof {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .gcs-v3-proof__item {
        min-height: 78px;
        padding: 12px;
    }
    .gcs-v3-proof__item strong { font-size: 23px; }
    .gcs-v3-proof__item span { font-size: 9px; }
}

.gcs-v3-settings-panel h4 {
    margin: 0 0 8px;
    color: #fff;
    font-family: var(--gc-font-display);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.025em;
}

.gcs-v3-settings-panel > p {
    margin: 0 0 14px;
    color: var(--gc-muted);
    font-size: 12px;
    line-height: 1.65;
}

.gcs-v3-tabs-ready .gcs-v3-settings-panel {
    display: none;
}

.gcs-v3-tabs-ready .gcs-v3-settings-panel.is-active {
    display: block;
}


/* ---------------- Mobile / tablet refinements v5.2 ---------------- */
@media (max-width: 991.98px) {
    .wapper .navigation .container { overflow: hidden; }
    .wapper .navigation .breadcrumb {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 0;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 2px;
    }
    .wapper .navigation .breadcrumb::-webkit-scrollbar { display: none; }
    .wapper .navigation .breadcrumb > li,
    .wapper .navigation .breadcrumb > li > a,
    .wapper .navigation .breadcrumb > li > span {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .gcs-home-hero {
        min-height: auto;
        border-radius: 16px;
    }
    .gcs-home-hero__media { opacity: .38; }
    .gcs-home-hero__overlay {
        background: linear-gradient(180deg, rgba(5,7,9,.96) 0%, rgba(5,7,9,.92) 32%, rgba(5,7,9,.86) 100%);
    }
    .gcs-home-hero__content {
        width: 100%;
        max-width: 100%;
        padding: 28px 22px 24px;
    }

    .gcs-home-section-head,
    .gcs-v3-authority__head,
    .gcs-v3-section-title,
    .gcs-v3-guide__intro {
        grid-template-columns: minmax(0,1fr);
        align-items: start;
        gap: 14px;
    }

    .gcs-v3-authority,
    .gcs-v3-versions,
    .gcs-v3-guides,
    .gcs-v3-faq {
        padding: 20px 18px;
        border-radius: 16px;
    }

    .gcs-home-live-note {
        width: fit-content;
        max-width: 100%;
    }

    .gcs-v3-trust-grid,
    .gcs-v3-trust-grid--authority {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gcs-v3-version-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gcs-v3-step-grid,
    .gcs-v3-advice-grid,
    .gcs-v3-checklist ul,
    .gcs-v3-command-list > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .gcs-v3-guide > summary {
        grid-template-columns: 42px minmax(0, 1fr) 28px;
        gap: 10px;
    }
    .gcs-v3-guide__badge {
        grid-column: 2 / 3;
        justify-self: start;
        margin-top: -2px;
    }
    .gcs-v3-guide__toggle {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
        align-self: center;
        justify-self: end;
    }
    .gcs-v3-guide__body { padding: 16px; }
}

@media (max-width: 767.98px) {
    .gcs-home-hero h1 { font-size: 28px; line-height: 1.08; }
    .gcs-home-hero__lead { font-size: 14px; line-height: 1.65; }
    .gcs-home-btn {
        width: 100%;
        min-height: 50px;
        padding: 0 16px;
    }
    .gcs-home-hero__actions {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 10px;
    }
    .gcs-home-hero__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gcs-home-hero__facts > li,
    .gcs-home-hero__facts > div {
        min-height: 72px;
    }

    .gcs-home-section-head h2 { font-size: 18px; line-height: 1.18; }
    .gcs-v3-authority__head h2,
    .gcs-v3-section-title h2,
    .gcs-v3-guide__intro h3 {
        font-size: 20px;
        line-height: 1.16;
    }

    .gcs-v3-version-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .gcs-v3-trust-grid,
    .gcs-v3-trust-grid--authority {
        grid-template-columns: minmax(0, 1fr);
    }
    .gcs-v3-trust-grid article {
        min-height: 0;
        padding: 14px;
    }

    .gcs-v3-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .gcs-v3-proof__item { min-height: 86px; }

    .gcs-v3-version-grid > a {
        min-height: 78px;
        grid-template-columns: 38px minmax(0,1fr) 12px;
        padding: 13px 12px;
    }

    .gcs-v3-command-list > div {
        gap: 6px;
    }

    .gcs-v3-spec-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .gcs-v3-spec-row > *:not(:first-child) {
        border-left: 0;
    }
    .gcs-v3-spec-row > * + * {
        border-top: 1px solid rgba(190, 126, 226, .1);
    }
}

@media (max-width: 575.98px) {
    .wapper .navigation { margin-bottom: 18px; }
    .gcs-home-hero { margin-bottom: 14px; }
    .gcs-home-hero__content { padding: 24px 16px 20px; }
    .gcs-home-hero h1 { font-size: 25px; }
    .gcs-home-hero__eyebrow,
    .gcs-v3-eyebrow,
    .gcs-v3-kicker,
    .gcs-home-kicker { font-size: 10px; }

    .gcs-home-hero__facts,
    .gcs-v3-proof { grid-template-columns: minmax(0, 1fr); }

    .gcs-home-live-note {
        padding: 6px 10px;
        font-size: 9px;
    }

    .gcs-v3-authority,
    .gcs-v3-versions,
    .gcs-v3-guides,
    .gcs-v3-faq {
        padding: 18px 14px;
        border-radius: 15px;
    }

    .gcs-v3-proof__item strong { font-size: 22px; }
    .gcs-v3-proof__item span { font-size: 9px; }

    .gcs-v3-trust-icon,
    .gcs-v3-version-icon,
    .gcs-v3-guide__icon,
    .gcs-v3-mini-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
}


/* ==========================================================
   GAM1NGCS v5.3 — VISUAL DESIGN SYSTEM ONLY
   CSS-only. No layout / DOM / JS / CMS logic changes.
   ========================================================== */

:root {
    --gc-bg:#08060c;
    --gc-panel:#120b18;
    --gc-panel-2:#17101f;
    --gc-panel-3:#1c1326;
    --gc-line:rgba(208,154,236,.15);
    --gc-line-strong:rgba(208,154,236,.24);
    --gc-text:#f7f4fa;
    --gc-text-soft:#ded8e4;
    --gc-muted:#a69dac;
    --gc-cyan:#39d8e7;
    --gc-green:#3bd58a;
    --gc-orange:#ff9b25;
    --gc-red:#ff4a63;
    --gc-radius:15px;
    --gc-radius-sm:11px;
    --gc-shadow:0 18px 44px rgba(0,0,0,.28);
    --gc-shadow-sm:0 10px 24px rgba(0,0,0,.20);
}

html,body,.wapper,input,select,textarea,button,.btn,.table {
    font-family:var(--gc-font-ui);
}
body {
    color:var(--gc-text-soft);
    font-size:15px;
    font-weight:450;
    letter-spacing:-.006em;
}

h1,h2,h3,h4,h5,h6,
.block_head,
.modal-title,
.profile-page .profile table tbody tr td[colspan="2"] h4 {
    font-family:var(--gc-font-display);
    letter-spacing:-.025em;
}

/* Universal premium surface language */
.block {
    background:linear-gradient(180deg,rgba(23,14,31,.985),rgba(13,9,19,.985));
    border:1px solid var(--gc-line);
    border-radius:var(--gc-radius);
    box-shadow:var(--gc-shadow-sm);
}
.block:hover { border-color:rgba(208,154,236,.19); }
.block .block_head {
    color:var(--gc-text);
    font-size:16px;
    font-weight:800;
    line-height:1.28;
    text-shadow:none;
}
.block .block_head i,
.block .block_head .fa,
.block .block_head .fas,
.block .block_head .far { color:var(--gc-cyan); }
.block .block_head span { color:var(--gc-muted);font-weight:650; }

/* Navigation / sidebars */
.vertical-navigation ul li { border-color:rgba(208,154,236,.09); }
.vertical-navigation ul li a {
    color:#d5cedb;
    font-size:13.5px;
    font-weight:600;
    line-height:1.45;
    border-radius:9px;
}
.vertical-navigation ul li a:hover,
.vertical-navigation ul li.active a,
.vertical-navigation ul li a.active {
    color:#fff;
    background:rgba(255,255,255,.035);
}
#online_users>a,
#top_users>a,
#last_activity>a,
#load_last_online>a,
.small-new {
    color:#d9d2df;
    border-color:rgba(208,154,236,.08);
}
#online_users>a:hover,
#top_users>a:hover,
#last_activity>a:hover,
#load_last_online>a:hover,
.small-new:hover { background:rgba(255,255,255,.025); }

/* Forms — readable, modern, restrained */
.form-control,select.form-control,textarea.form-control {
    color:#f3eef6;
    background:#0d0912;
    border:1px solid rgba(208,154,236,.17);
    border-radius:10px;
    font-size:14px;
    font-weight:500;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.form-control::placeholder,textarea.form-control::placeholder { color:#82798b; }
.form-control:focus,select.form-control:focus,textarea.form-control:focus {
    color:#fff;
    background:#100b16;
    border-color:rgba(57,216,231,.46);
    box-shadow:0 0 0 3px rgba(57,216,231,.07);
}
.form-group label,.form-check-label { color:#d8d1dd;font-weight:600; }
.form-group label h4 { color:#fff;font-size:14px;font-weight:800; }

.btn {
    border-radius:10px;
    font-size:13px;
    font-weight:800;
    letter-spacing:-.01em;
    box-shadow:none;
}
.btn-default,.btn-outline-primary {
    color:#ddd6e3;
    background:#120c18;
    border-color:rgba(208,154,236,.18);
}
.btn-default:hover,.btn-outline-primary:hover {
    color:#fff;
    background:#1b1124;
    border-color:rgba(57,216,231,.30);
}
.btn-primary {
    color:#fff;
    background:#7342a0;
    border-color:#8c57ba;
}
.btn-primary:hover,.btn-primary:focus { background:#8050ad;border-color:#9d68c8; }
.btn-success { background:#15985b;border-color:#29bd76; }
.btn-danger { background:#a92e42;border-color:#ca4057; }

/* Tables — premium data-table look, no geometry rewrites */
.table-responsive {
    border:1px solid rgba(208,154,236,.13);
    border-radius:13px;
    background:#0e0913;
    box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.table {
    color:#d9d2df;
    font-size:13.5px;
    font-variant-numeric:tabular-nums;
}
.table thead th,.table thead td {
    color:#f5f0f8;
    background:#17101f;
    border-color:rgba(208,154,236,.12);
    font-size:12px;
    font-weight:800;
    letter-spacing:.01em;
}
.table tbody td,.table tbody th {
    color:#d5cedb;
    background:rgba(15,10,20,.72);
    border-color:rgba(208,154,236,.075);
    font-weight:500;
}
.table tbody tr:hover td,.table tbody tr:hover th { background:#171020; }
.table a { font-weight:650; }
.block-table>.table-responsive { box-shadow:none; }

/* Monitoring — only skin; native dimensions and animated bars remain untouched */
.monitoring-table {
    background:#0d0912;
    border-color:rgba(208,154,236,.17);
    border-radius:13px;
    box-shadow:0 12px 28px rgba(0,0,0,.20);
}
.monitoring-table thead td {
    color:#f2edf5;
    background:#16101d;
    font-size:12px;
    font-weight:800;
}
.monitoring-table tbody>tr>td {
    color:#d8d1de;
    background:#0f0a14;
    border-color:rgba(208,154,236,.075);
    font-size:13px;
    font-weight:550;
}
.monitoring-table tbody>tr:hover>td { background:#171020; }
.monitoring-table tbody>tr>td>a { color:#ded7e4; }
.monitoring-table tbody>tr>td:last-child>a {
    border:1px solid rgba(255,255,255,.06);
    background:#171020;
    box-shadow:none;
}

/* Search blocks */
.block.block-search>.input-search {
    background:rgba(8,6,12,.35);
    border-color:rgba(208,154,236,.10);
    border-radius:11px;
}
.block.block-search>.input-search i.fa-search { color:var(--gc-cyan); }

/* Chat */
#chat #drop_zone,
#chat #chat_messages {
    background:#0d0912;
    border-color:rgba(208,154,236,.13);
    border-radius:12px;
}
#chat #chat_messages .chat_message {
    background:rgba(24,15,32,.70);
    border-color:rgba(208,154,236,.085);
}
#chat #chat_messages .chat_message>a img {
    border:1px solid rgba(208,154,236,.18);
    border-radius:11px;
    box-shadow:none;
}
#chat #chat_messages .chat_message .message .info .author {
    font-family:var(--gc-font-ui);
    font-size:13.5px;
    font-weight:800;
}
#chat #chat_messages .chat_message .message .info .date {
    color:#918899;
    font-size:11px;
    font-weight:600;
}
#chat #chat_messages .chat_message .with_code {
    color:#dcd5e2;
    font-size:13.5px;
    line-height:1.55;
}
#chat .smile_input .form-control,#message_input { background:#0c0811; }
#chat #send_button { color:#fff;background:#6f4197;border-color:#8958b2; }

/* Private messages / dialogs */
.dialogs .block_head { color:#fff; }
#place_for_messages .dialog>div:nth-child(1) {
    background:#110b17;
    border-color:rgba(208,154,236,.13);
    border-radius:11px;
    box-shadow:none;
}
#place_for_messages .dialog>div:nth-child(1):hover,
#place_for_messages .dialog>div:nth-child(2):hover { background:#191022; }
#place_for_messages .dialog>div:nth-child(1) img,
#place_for_messages .im_message>img,
.friend>a img {
    border:1px solid rgba(208,154,236,.16);
    box-shadow:none;
}
#place_for_messages .dialog>div:nth-child(1) div p:first-child,
#place_for_messages .im_message>div>.info>a,
.friend>div>a:first-child {
    font-family:var(--gc-font-ui);
    font-size:13.5px;
    font-weight:800;
}
#place_for_messages .dialog>div:nth-child(1) div p,
#place_for_messages .im_message,
.friend>div>a {
    color:#d6cedd;
    font-size:12.5px;
}
#place_for_messages .im_message {
    background:#110b17;
    border-color:rgba(208,154,236,.10);
    border-radius:11px;
}
#place_for_messages .im_message>div>.info>span { color:#8f8697;font-size:10.5px; }
#place_for_messages textarea {
    color:#f0eaf4;
    background:#0c0811;
    border-color:rgba(208,154,236,.15);
    border-radius:10px;
}
.friend { border-color:rgba(208,154,236,.08); }
.friend:hover { background:rgba(255,255,255,.022); }

/* Users / people lists */
.user,.friend {
    font-family:var(--gc-font-ui);
    color:#d8d1de;
}
.user>div>a:first-child,.friend>div>a:first-child { font-weight:800; }
.user small,.friend small { color:#8f8698; }

/* News */
#new_news div:not(.loader),.news div:not(.loader) {
    background:#110b17;
    border:1px solid rgba(208,154,236,.11);
    border-radius:13px;
    box-shadow:0 8px 22px rgba(0,0,0,.15);
}
#new_news div:not(.loader):hover,.news div:not(.loader):hover { border-color:rgba(57,216,231,.20); }
#new_news div:not(.loader) a img,.news div:not(.loader) a img {
    border-radius:11px;
    box-shadow:none;
}
#new_news div:not(.loader) a h3,.news div:not(.loader) a h3 {
    color:#f7f3f9;
    font-family:var(--gc-font-ui);
    font-size:15px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:-.018em;
}
#new_news div:not(.loader) p,.news div:not(.loader) p {
    color:#b1a8b8;
    font-size:12.5px;
    line-height:1.55;
}
#new_news div:not(.loader) p:last-child,.news div:not(.loader) p:last-child {
    color:#817888;
    font-size:10.5px;
    font-weight:600;
}

/* Forum */
#forum .row,#forum_topics .row,#forum.row,#forum_topics.row {
    border-color:rgba(208,154,236,.09);
}
#forum .row:hover,#forum_topics .row:hover,#forum.row:hover,#forum_topics.row:hover { background:rgba(255,255,255,.018); }
#forum .row .col-lg-8>div h3 a,
#forum_topics .row .col-lg-8>div h3 a,
#forum.row .col-lg-8>div h3 a,
#forum_topics.row .col-lg-8>div h3 a {
    color:#f2edf5;
    font-size:14px;
    font-weight:800;
}
#forum .row .col-lg-8>div p,
#forum_topics .row .col-lg-8>div p,
#forum.row .col-lg-8>div p,
#forum_topics.row .col-lg-8>div p {
    color:#aaa1b1;
    font-size:12px;
    line-height:1.5;
}
#forum .row .col-lg-4 p,
#forum_topics .row .col-lg-4 p,
#forum.row .col-lg-4 p,
#forum_topics.row .col-lg-4 p { color:#918899;font-size:11px; }

/* Profile / account */
.profile-page .profile>img {
    border:1px solid rgba(208,154,236,.18);
    border-radius:13px;
    box-shadow:none;
}
.profile-page .profile .block_head small { color:#9e95a5;font-weight:650; }
.profile-page .profile table tbody tr td {
    color:#d6cedd;
    font-size:13.5px;
    border-color:rgba(208,154,236,.075);
}
.profile-page .profile table tbody tr td:first-child { color:#9f96a6;font-weight:650; }
.profile-page .profile table tbody tr td[colspan="2"] h4 {
    color:#f7f3f9;
    background:#17101f;
    border:1px solid rgba(208,154,236,.12);
    border-radius:9px;
    font-size:14px;
    font-weight:800;
    box-shadow:none;
}
.profile-page a.small-friend span { font-size:12px;font-weight:700; }

/* Store / account settings */
#buy_service_area h4,.profile-settings h4,.admin-settings h4 { color:#fff;font-size:14px;font-weight:800; }
.noty-block {
    border-radius:11px;
    border:1px solid rgba(208,154,236,.14);
    background:#110b17;
    color:#d7d0dd;
    box-shadow:none;
}
.noty-block.success { border-color:rgba(59,213,138,.25);background:rgba(27,106,67,.10); }
.noty-block.error { border-color:rgba(255,74,99,.24);background:rgba(126,31,48,.10); }

/* Stats */
#stats table { color:#d8d1de;font-size:13px; }
#stats tr td .rank,#stats .label {
    border-radius:999px;
    font-weight:800;
    box-shadow:none;
}
#stats .progress { background:#21182a;border-color:rgba(208,154,236,.10);box-shadow:none; }

/* Pagination */
#pagination2 .pagination a,#pagination2 .pagination span,.pagination a,.pagination span {
    color:#d8d1de;
    background:#120c18;
    border-color:rgba(208,154,236,.14);
    font-weight:700;
    box-shadow:none;
}
#pagination2 .pagination a:hover,.pagination a:hover { color:#fff;background:#1b1224; }

/* Modals / popovers */
.modal-content,.popover {
    color:#ded7e4;
    background:#120b18;
    border:1px solid rgba(208,154,236,.16);
    border-radius:14px;
    box-shadow:0 20px 46px rgba(0,0,0,.34);
}
.modal-header { border-color:rgba(208,154,236,.10); }
.modal-title { color:#fff;font-size:17px;font-weight:800; }
.popover-header { color:#fff;background:#17101f;border-color:rgba(208,154,236,.10);font-weight:800; }
.popover-body { color:#cfc7d5; }

/* Footer */
.wapper>.footer {
    color:#a9a0b0;
    background:#0c0811;
    border-top:1px solid rgba(208,154,236,.11);
}
.wapper>.footer strong { color:#f5f1f7;font-weight:800; }
.wapper>.footer a { color:#bfb6c6; }
.wapper>.footer a:hover { color:#fff; }

/* Typography floor: prevent tiny legacy copy without altering component geometry */
.with_code { font-size:13.5px;line-height:1.6; }
.block p,.block li { line-height:1.55; }
small,.small { font-size:11.5px; }

@media (max-width:767.98px) {
    body { font-size:15px; }
    .block .block_head { font-size:16px; }
    .table { font-size:13px; }
    .table thead th,.table thead td { font-size:11.5px; }
    .form-control,select.form-control,textarea.form-control { font-size:16px; }
    #new_news div:not(.loader) a h3,.news div:not(.loader) a h3 { font-size:15px; }
    .with_code { font-size:14px; }
}

/* ======================================================================
   GAM1NGCS Premium UI 2026 — v5.4 TEST
   DESIGN ONLY. No DOM, no GameCMS logic, no widths/floats/layout rewrites.
   Direction: 80% elegant matte dark + 20% restrained soft glass.
   ====================================================================== */

:root {
    --gc54-surface: rgba(16, 10, 23, .92);
    --gc54-surface-strong: rgba(12, 8, 18, .965);
    --gc54-surface-soft: rgba(27, 16, 38, .78);
    --gc54-surface-hover: rgba(34, 21, 47, .86);
    --gc54-line: rgba(206, 153, 234, .16);
    --gc54-line-soft: rgba(206, 153, 234, .09);
    --gc54-line-strong: rgba(206, 153, 234, .24);
    --gc54-text: #f7f3fa;
    --gc54-text-2: #d3cad9;
    --gc54-text-3: #9d93a5;
    --gc54-violet: #a56ce0;
    --gc54-cyan: #39d8e7;
    --gc54-green: #35d68b;
    --gc54-orange: #ff9a28;
    --gc54-red: #ff536a;
    --gc54-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025);
    --gc54-shadow-soft: 0 10px 28px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.018);
}

/* ----- Typography / readability ----- */
body,
.wapper,
.block,
.table,
.form-control,
.btn,
.popover,
.modal-content {
    font-family: var(--gc-font-ui);
}

body {
    color: var(--gc54-text-2);
    font-weight: 500;
    letter-spacing: -.006em;
}

.block .block_head,
.modal-title,
#forum .row .col-lg-8>div h3 a,
#forum_topics .row .col-lg-8>div h3 a,
#forum.row .col-lg-8>div h3 a,
#forum_topics.row .col-lg-8>div h3 a,
#new_news h3,
.news h3 {
    letter-spacing: -.025em;
}

.block p,
.block li,
.block td,
.block th,
.vertical-navigation a,
#companions div a,
#companions div span,
#place_for_messages .im_message>div,
#place_for_messages .dialog>div:nth-child(1) div p {
    text-rendering: optimizeLegibility;
}

/* ----- Primary premium surfaces ----- */
.block {
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0) 42%),
        var(--gc54-surface);
    border-color: var(--gc54-line);
    border-radius: 16px;
    box-shadow: var(--gc54-shadow-soft);
}

.block .block_head {
    color: var(--gc54-text);
    border-color: var(--gc54-line-soft);
    font-size: 16px;
    font-weight: 800;
    text-shadow: none;
}

.block .block_head i,
.block .block_head .fa,
.block .block_head .fas,
.block .block_head .m-icon {
    color: var(--gc54-cyan);
}

.block .block_head a {
    color: var(--gc54-text-2);
}
.block .block_head a:hover { color: #fff; }

/* ----- Sidebar / navigation ----- */
.vertical-navigation {
    color: var(--gc54-text-2);
}
.vertical-navigation ul li {
    border-color: var(--gc54-line-soft);
}
.vertical-navigation ul li:hover,
.vertical-navigation ul li.active {
    background: rgba(255,255,255,.028);
}
.vertical-navigation ul li a {
    color: #cec5d5;
    font-size: 13.5px;
    font-weight: 650;
}
.vertical-navigation ul li a:hover,
.vertical-navigation ul li a.active {
    color: #fff;
}
.vertical-navigation ul li a.active {
    background: linear-gradient(90deg, rgba(57,216,231,.08), rgba(165,108,224,.035));
}

/* ----- Buttons ----- */
.btn {
    border-radius: 10px;
    font-weight: 800;
    letter-spacing: -.015em;
    box-shadow: none;
}
.btn-default,
.btn-outline-primary {
    color: #ded6e4;
    background: rgba(255,255,255,.025);
    border-color: rgba(206,153,234,.20);
}
.btn-default:hover,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff;
    background: rgba(165,108,224,.12);
    border-color: rgba(165,108,224,.38);
}
.btn-primary {
    background: linear-gradient(180deg, #8f53c4, #71399f);
    border-color: rgba(190,126,226,.55);
    box-shadow: 0 8px 18px rgba(91,41,128,.20);
}
.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(180deg, #9d60d0, #7b43ab);
    border-color: rgba(215,164,243,.65);
}
.btn-success {
    background: linear-gradient(180deg, #26b66f, #168953);
    border-color: rgba(53,214,139,.45);
}
.btn-danger {
    background: linear-gradient(180deg, #db455a, #a92c40);
    border-color: rgba(255,83,106,.45);
}

/* ----- Forms ----- */
.form-control,
select.form-control,
textarea.form-control {
    color: #f2edf5;
    background: rgba(9, 6, 14, .78);
    border-color: rgba(206,153,234,.17);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.form-control::placeholder,
textarea.form-control::placeholder {
    color: #81778a;
    opacity: 1;
}
.form-control:hover,
select.form-control:hover,
textarea.form-control:hover {
    border-color: rgba(206,153,234,.26);
}
.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    color: #fff;
    background: rgba(12,8,18,.93);
    border-color: rgba(57,216,231,.46);
    box-shadow: 0 0 0 3px rgba(57,216,231,.07);
}
label,
.form-group label { color: #cfc6d5; }

/* ----- Generic tables ----- */
.table {
    color: var(--gc54-text-2);
    background: transparent;
    font-size: 13.5px;
}
.table thead th,
.table thead td {
    color: #f1ebf5;
    background: rgba(255,255,255,.026);
    border-color: rgba(206,153,234,.13);
    font-weight: 800;
}
.table tbody td,
.table tbody th {
    color: #d3cad9;
    background: rgba(10,7,15,.22);
    border-color: rgba(206,153,234,.075);
}
.table tbody tr:hover td,
.table tbody tr:hover th {
    background: rgba(165,108,224,.055);
}
.table-bordered,
.table-bordered td,
.table-bordered th {
    border-color: rgba(206,153,234,.085);
}

/* ----- Monitoring: visual polish only; original moving bars untouched ----- */
.monitoring-table {
    background:
        linear-gradient(180deg, rgba(255,255,255,.016), transparent 34%),
        rgba(12,8,18,.94);
    border-color: rgba(206,153,234,.18);
    border-radius: 15px;
    box-shadow: var(--gc54-shadow-soft);
}
.monitoring-table thead td {
    color: #f3edf6;
    background: rgba(255,255,255,.025);
    border-color: rgba(206,153,234,.11);
    font-weight: 800;
}
.monitoring-table tbody>tr>td {
    color: #d6cedc;
    background: rgba(12,8,18,.76);
    border-color: rgba(206,153,234,.07);
}
.monitoring-table tbody>tr:hover>td {
    background: rgba(34,21,47,.66);
}
.monitoring-table tbody>tr>td:first-child {
    color: #f0ebf4;
    font-weight: 650;
}
.monitoring-table tbody>tr>td a {
    color: #d9d1df;
}
.monitoring-table tbody>tr>td a:hover { color: #fff; }
.monitoring-table tbody>tr>td:last-child>a {
    border: 1px solid rgba(255,255,255,.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

/* ----- Forum: premium editorial/data-list feel ----- */
#forum>h2,
#forum_topics>h2,
#forum .col-lg-12>h2,
#forum_topics .col-lg-12>h2 {
    color: #eee8f2;
    background:
        linear-gradient(90deg, rgba(165,108,224,.09), rgba(57,216,231,.025)),
        rgba(20,13,29,.92);
    border-color: rgba(206,153,234,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
    font-size: 14.5px;
    font-weight: 750;
}
#forum .row .col-lg-8,
#forum_topics .row .col-lg-8,
#forum.row .col-lg-8,
#forum_topics.row .col-lg-8,
#forum .row .col-lg-4,
#forum_topics .row .col-lg-4,
#forum.row .col-lg-4,
#forum_topics.row .col-lg-4 {
    border-color: rgba(206,153,234,.085);
    background: rgba(11,7,16,.16);
}
#forum .row:hover .col-lg-8,
#forum_topics .row:hover .col-lg-8,
#forum.row:hover .col-lg-8,
#forum_topics.row:hover .col-lg-8,
#forum .row:hover .col-lg-4,
#forum_topics .row:hover .col-lg-4,
#forum.row:hover .col-lg-4,
#forum_topics.row:hover .col-lg-4 {
    background: rgba(165,108,224,.045);
}
#forum .row .col-lg-8 img,
#forum_topics .row .col-lg-8 img,
#forum.row .col-lg-8 img,
#forum_topics.row .col-lg-8 img {
    border: 1px solid rgba(57,216,231,.20);
    box-shadow: 0 5px 14px rgba(0,0,0,.18);
}
#forum .row .col-lg-8>div h3 a,
#forum_topics .row .col-lg-8>div h3 a,
#forum.row .col-lg-8>div h3 a,
#forum_topics.row .col-lg-8>div h3 a {
    color: #f6f2f8;
    font-size: 14.5px;
    font-weight: 800;
}
#forum .row .col-lg-8>div h3 a:hover,
#forum_topics .row .col-lg-8>div h3 a:hover,
#forum.row .col-lg-8>div h3 a:hover,
#forum_topics.row .col-lg-8>div h3 a:hover {
    color: var(--gc54-cyan);
}
#forum .row .col-lg-8>div p,
#forum_topics .row .col-lg-8>div p,
#forum.row .col-lg-8>div p,
#forum_topics.row .col-lg-8>div p,
#forum .row .col-lg-4 p,
#forum_topics .row .col-lg-4 p,
#forum.row .col-lg-4 p,
#forum_topics.row .col-lg-4 p {
    color: #9f96a7;
    font-size: 12.5px;
    line-height: 1.45;
}
#forum .row .col-lg-4 p a,
#forum_topics .row .col-lg-4 p a,
#forum.row .col-lg-4 p a,
#forum_topics.row .col-lg-4 p a {
    color: #86c9e5;
    font-weight: 650;
}

/* ----- Chat on homepage ----- */
#chat #drop_zone,
#chat #chat_messages {
    background: rgba(10,7,15,.46);
    border-color: rgba(206,153,234,.10);
    border-radius: 12px;
}
#chat #chat_messages .chat_message {
    border-color: rgba(206,153,234,.075);
    background: rgba(255,255,255,.012);
}
#chat #chat_messages .chat_message:hover {
    background: rgba(165,108,224,.035);
}
#chat #chat_messages .chat_message .message .info .author {
    color: #f4eff6;
    font-weight: 800;
}
#chat #chat_messages .chat_message .message .info .date {
    color: #8f8697;
}
#chat .input-group .smile_input input,
#chat .input-group #send_button {
    border-radius: 10px;
}

/* ----- Private messages / friends ----- */
.dialogs {
    background:
        radial-gradient(circle at 100% 0, rgba(165,108,224,.065), transparent 34%),
        var(--gc54-surface);
}
#companions {
    color: var(--gc54-text-2);
}
#companions div {
    border-color: rgba(206,153,234,.075);
    background: transparent;
}
#companions div:hover {
    background: rgba(165,108,224,.04);
}
#companions div img,
#place_for_messages .dialog>div:nth-child(1) img,
#place_for_messages .im_message>img {
    border: 1px solid rgba(57,216,231,.16);
    box-shadow: 0 4px 14px rgba(0,0,0,.18);
}
#companions div a:nth-child(2),
#companions div span:nth-child(2) {
    color: #f1ebf5;
    font-weight: 800;
}
#companions div a:nth-child(3),
#companions div span:nth-child(3) {
    color: #9f96a7;
}
#place_for_messages .dialog>div:nth-child(1) {
    color: var(--gc54-text-2);
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent),
        rgba(13,8,19,.90);
    border-color: rgba(206,153,234,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 7px 18px rgba(0,0,0,.13);
}
#place_for_messages .dialog>div:nth-child(1):hover,
#place_for_messages .dialog>div:nth-child(2):hover {
    background-color: rgba(34,21,47,.86);
}
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(2) {
    color: #f3eef6;
    font-weight: 800;
}
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(3),
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(5),
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) {
    color: #9f96a7;
}
#place_for_messages #messages {
    scrollbar-color: rgba(165,108,224,.48) rgba(255,255,255,.025);
}
#place_for_messages .im_message {
    color: #ddd5e2;
    background: rgba(15,9,21,.66);
    border: 1px solid rgba(206,153,234,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.012);
}
#place_for_messages .im_message:hover {
    background: rgba(25,15,34,.74);
}
#place_for_messages .im_message>div>.info>a {
    color: #f3eef6;
    font-weight: 800;
}
#place_for_messages .im_message>div>.info>span {
    color: #8f8697;
}
#place_for_messages textarea {
    background: rgba(8,5,12,.80);
    border-color: rgba(206,153,234,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
#place_for_messages textarea:focus {
    border-color: rgba(57,216,231,.42);
    box-shadow: 0 0 0 3px rgba(57,216,231,.06);
}

/* ----- Stats / leaderboard ----- */
.block.block-search {
    background:
        radial-gradient(circle at 100% 0, rgba(57,216,231,.045), transparent 30%),
        var(--gc54-surface);
}
.input-search .form-control,
#search_stats {
    background: rgba(8,5,12,.76);
}
#stats table {
    color: var(--gc54-text-2);
}
#stats tr td {
    color: #d4ccd9;
    background: rgba(12,8,18,.44);
    border-color: rgba(206,153,234,.075);
}
#stats tr:hover td {
    background: rgba(165,108,224,.05);
}
#stats tr td a {
    color: #f1ebf5;
    font-weight: 750;
}
#stats tr td a:hover { color: var(--gc54-cyan); }
#stats .label {
    color: #cfc6d5;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 999px;
    font-weight: 800;
}
#stats .label.label-success {
    color: #7aefb0;
    background: rgba(53,214,139,.10);
    border-color: rgba(53,214,139,.20);
}
#stats .label.label-info {
    color: #74e6ef;
    background: rgba(57,216,231,.09);
    border-color: rgba(57,216,231,.18);
}
#stats .label.label-warning {
    color: #ffc15d;
    background: rgba(255,154,40,.09);
    border-color: rgba(255,154,40,.18);
}
#stats .label.label-danger {
    color: #ff8293;
    background: rgba(255,83,106,.09);
    border-color: rgba(255,83,106,.18);
}

/* ----- News / editorial cards ----- */
#new_news div:not(.loader),
.news div:not(.loader) {
    background:
        linear-gradient(180deg, rgba(255,255,255,.016), transparent 40%),
        rgba(13,8,19,.86);
    border-color: rgba(206,153,234,.12);
    box-shadow: var(--gc54-shadow-soft);
}
#new_news div:not(.loader):hover,
.news div:not(.loader):hover {
    background-color: rgba(28,17,38,.90);
    border-color: rgba(57,216,231,.20);
}
#new_news div:not(.loader) a h3,
.news div:not(.loader) a h3 {
    color: #f7f3fa;
    font-size: 15.5px;
    font-weight: 800;
}
#new_news div:not(.loader) p,
.news div:not(.loader) p {
    color: #aaa1b2;
    font-size: 13px;
}

/* ----- Profile / account ----- */
.profile-page .profile>img {
    border-color: rgba(206,153,234,.18);
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
}
.profile-page .profile table tbody tr td {
    color: #d6cedd;
    border-color: rgba(206,153,234,.075);
    font-size: 13.5px;
}
.profile-page .profile table tbody tr td:first-child {
    color: #a79dac;
    font-weight: 650;
}
.profile-page .profile table tbody tr td[colspan="2"] h4 {
    color: #f7f3fa;
    background: rgba(29,17,39,.78);
    border-color: rgba(206,153,234,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
    font-weight: 800;
}

/* ----- Common directory/admin/service pages ----- */
.user,
.friend,
.admin,
.service {
    color: #d7cfdd;
    border-color: rgba(206,153,234,.075);
}
.user:hover,
.friend:hover {
    background: rgba(165,108,224,.035);
}
.noty-block {
    color: #d9d1df;
    background: rgba(13,8,19,.88);
    border-color: rgba(206,153,234,.13);
    box-shadow: var(--gc54-shadow-soft);
}
.noty-block.success {
    color: #a9f5ca;
    background: rgba(31,113,72,.13);
    border-color: rgba(53,214,139,.22);
}
.noty-block.error {
    color: #ffc0c9;
    background: rgba(122,35,50,.13);
    border-color: rgba(255,83,106,.22);
}

/* ----- Pagination ----- */
#pagination2 .pagination a,
#pagination2 .pagination span,
.pagination a,
.pagination span {
    color: #cec5d5;
    background: rgba(13,8,19,.90);
    border-color: rgba(206,153,234,.14);
    box-shadow: none;
    font-weight: 750;
}
#pagination2 .pagination a:hover,
.pagination a:hover {
    color: #fff;
    background: rgba(165,108,224,.12);
    border-color: rgba(165,108,224,.28);
}

/* ----- Modals / popovers ----- */
.modal-content,
.popover {
    color: #ded7e4;
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 40%),
        rgba(15,9,21,.96);
    border-color: rgba(206,153,234,.17);
    box-shadow: 0 24px 54px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.025);
    -webkit-backdrop-filter: blur(14px) saturate(112%);
    backdrop-filter: blur(14px) saturate(112%);
}
.modal-header,
.popover-header {
    border-color: rgba(206,153,234,.10);
}
.modal-title,
.popover-header {
    color: #fff;
    font-weight: 800;
}
.popover-body { color: #cfc7d5; }

/* ----- Footer ----- */
.wapper>.footer {
    color: #9f96a7;
    background: rgba(10,6,14,.94);
    border-top-color: rgba(206,153,234,.10);
}
.wapper>.footer strong { color: #f5f1f7; }
.wapper>.footer a { color: #bdb4c4; }
.wapper>.footer a:hover { color: #fff; }

/* ----- Readability floor for legacy modules ----- */
.with_code { color: #d7cfdd; font-size: 14px; line-height: 1.65; }
small,
.small { color: #938a9b; }

/* v5.4 deliberately avoids display/grid/flex/width/float/position overrides
   for legacy GameCMS modules. v5.2 responsive geometry remains authoritative. */

/* ======================================================================
   GAM1NGCS Premium UI 2026 — v5.5 CREATIVE UNIFIED TEST
   STYLE ONLY. No TPL/PHP/JS/DOM changes. GameCMS geometry remains intact.
   Direction: deep matte graphite/plum + restrained glass + branded light.
   ====================================================================== */

:root {
    --gc55-bg-0: #08060c;
    --gc55-bg-1: rgba(12, 8, 18, .965);
    --gc55-bg-2: rgba(18, 11, 27, .93);
    --gc55-bg-3: rgba(25, 15, 36, .86);
    --gc55-bg-hover: rgba(35, 21, 49, .84);
    --gc55-edge: rgba(201, 145, 231, .17);
    --gc55-edge-soft: rgba(201, 145, 231, .085);
    --gc55-edge-hot: rgba(126, 223, 235, .24);
    --gc55-text: #fbf8fc;
    --gc55-text-2: #d8d0df;
    --gc55-text-3: #a59baa;
    --gc55-cyan: #49dbe8;
    --gc55-green: #40df92;
    --gc55-orange: #ff9b2f;
    --gc55-magenta: #e56cff;
    --gc55-red: #ff5c73;
    --gc55-shadow-lg: 0 22px 58px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
    --gc55-shadow-md: 0 14px 34px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.025);
    --gc55-shadow-sm: 0 7px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.018);
}

/* ----- Global premium material / typography ----- */
body,
.wapper {
    color: var(--gc55-text-2);
    font-family: var(--gc-font-ui);
    font-weight: 500;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.wapper a {
    transition: color .16s ease, text-shadow .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.wapper a:hover {
    text-decoration-color: rgba(73,219,232,.58);
}

/* Premium surface: richer depth without touching layout geometry. */
.block {
    color: var(--gc55-text-2);
    background:
        radial-gradient(circle at 88% -14%, rgba(229,108,255,.075), transparent 34%),
        radial-gradient(circle at -8% 110%, rgba(73,219,232,.035), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.021), rgba(255,255,255,0) 36%),
        var(--gc55-bg-2);
    border-color: var(--gc55-edge);
    box-shadow: var(--gc55-shadow-md);
}

.block .block_head {
    color: var(--gc55-text);
    background: linear-gradient(90deg, rgba(73,219,232,.035), rgba(229,108,255,.025), transparent 72%);
    border-color: var(--gc55-edge-soft);
    font-family: var(--gc-font-display);
    font-weight: 800;
    letter-spacing: -.028em;
    text-shadow: 0 1px 0 rgba(0,0,0,.35);
}

.block .block_head i,
.block .block_head .fa,
.block .block_head .fas,
.block .block_head .far,
.block .block_head .m-icon {
    color: var(--gc55-cyan);
    text-shadow: 0 0 10px rgba(73,219,232,.22);
}

.block p,
.block li,
.block td,
.block th,
.with_code {
    color: var(--gc55-text-2);
}

/* ----- Unified nickname / identity light system ----- */
/* Existing group colors stay authoritative; currentColor creates the glow. */
#online_users a span[style*="color"],
#load_last_online span[style*="color"],
#top_users a[style*="color"],
#top_users span[style*="color"],
#companions a[style*="color"],
.friend a[style*="color"],
.user a[style*="color"],
.admin span[style*="color"],
.profile-page span[style*="color"],
#last_activity a[style*="color"],
#chat .author[style*="color"] {
    font-weight: 800;
    text-shadow: 0 0 7px currentColor;
}

/* Profile/user links without a supplied group color receive one branded default. */
.block a[href*="profile?id="]:not([style*="color"]),
#forum a[href*="profile?id="]:not([style*="color"]),
#forum_topics a[href*="profile?id="]:not([style*="color"]),
#place_for_messages a[href*="profile?id="]:not([style*="color"]) {
    color: #86e6ef;
    font-weight: 750;
    text-shadow: 0 0 9px rgba(73,219,232,.22);
}

.block a[href*="profile?id="]:not([style*="color"]):hover,
#forum a[href*="profile?id="]:not([style*="color"]):hover,
#forum_topics a[href*="profile?id="]:not([style*="color"]):hover,
#place_for_messages a[href*="profile?id="]:not([style*="color"]):hover {
    color: #c8faff;
    text-shadow: 0 0 7px rgba(73,219,232,.45), 0 0 16px rgba(229,108,255,.14);
}

#place_for_messages .dialog>div:nth-child(1) div p:nth-child(2) {
    color: #ee83ff;
    font-weight: 800;
    text-shadow: 0 0 8px rgba(229,108,255,.30);
}

.profile-page .profile .block_head {
    color: #f6d8ff;
    text-shadow: 0 0 10px rgba(229,108,255,.16);
}

/* ----- Navigation / sidebar ----- */
.vertical-navigation ul li {
    border-color: rgba(201,145,231,.075);
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.vertical-navigation ul li:hover {
    background: linear-gradient(90deg, rgba(73,219,232,.055), rgba(229,108,255,.035), transparent 92%);
    border-color: rgba(73,219,232,.13);
    box-shadow: inset 2px 0 0 rgba(73,219,232,.38);
}
.vertical-navigation ul li a {
    color: #d2cad8;
    font-weight: 680;
}
.vertical-navigation ul li a:hover,
.vertical-navigation ul li a.active {
    color: #fff;
}

/* ----- Form controls / store / account settings ----- */
.form-control,
select.form-control,
textarea.form-control,
.input-group-text {
    color: #f5eff8;
    background:
        linear-gradient(180deg, rgba(255,255,255,.014), rgba(255,255,255,0)),
        rgba(8,5,12,.84);
    border-color: rgba(201,145,231,.17);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018), 0 5px 14px rgba(0,0,0,.09);
}

.form-control:hover,
select.form-control:hover,
textarea.form-control:hover {
    border-color: rgba(201,145,231,.27);
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    color: #fff;
    background: rgba(10,6,15,.95);
    border-color: rgba(73,219,232,.52);
    box-shadow: 0 0 0 3px rgba(73,219,232,.075), inset 0 1px 0 rgba(255,255,255,.025);
}

.form-group>label h4,
.form-group label h4 {
    color: #f6f1f8;
    font-family: var(--gc-font-display);
    font-weight: 780;
    letter-spacing: -.02em;
}

#buy_service_area .form-group,
#store_service_info,
#store_server_info {
    color: var(--gc55-text-2);
}

#store_service_info {
    background:
        radial-gradient(circle at 100% 0, rgba(73,219,232,.045), transparent 34%),
        rgba(9,6,13,.74);
    border-color: rgba(201,145,231,.13);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

/* ----- Buttons: compact luxury, semantic color stays intact ----- */
.btn {
    font-family: var(--gc-font-ui);
    font-weight: 800;
    letter-spacing: -.015em;
    text-shadow: 0 1px 0 rgba(0,0,0,.18);
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease;
}
.btn:hover { filter: brightness(1.06); }
.btn-primary {
    background: linear-gradient(180deg, #9d5acb, #733ba3);
    border-color: rgba(218,165,244,.52);
    box-shadow: 0 8px 20px rgba(111,49,152,.22), inset 0 1px 0 rgba(255,255,255,.13);
}
.btn-success {
    background: linear-gradient(180deg, #31bd78, #178d58);
    border-color: rgba(64,223,146,.42);
    box-shadow: 0 8px 20px rgba(24,135,83,.18), inset 0 1px 0 rgba(255,255,255,.10);
}
.btn-danger {
    background: linear-gradient(180deg, #e05268, #ae3047);
    border-color: rgba(255,92,115,.42);
    box-shadow: 0 8px 20px rgba(135,36,56,.18), inset 0 1px 0 rgba(255,255,255,.10);
}
.btn-default,
.btn-outline-primary {
    color: #e1d9e6;
    background: rgba(255,255,255,.025);
    border-color: rgba(201,145,231,.20);
}
.btn-default:hover,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff;
    background: linear-gradient(180deg, rgba(229,108,255,.10), rgba(73,219,232,.035));
    border-color: rgba(229,108,255,.28);
    box-shadow: 0 7px 18px rgba(0,0,0,.14);
}

/* ----- Generic data tables ----- */
.table {
    color: var(--gc55-text-2);
    background: rgba(8,5,12,.16);
}
.table thead th,
.table thead td {
    color: #f8f4fa;
    background: linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.012));
    border-color: rgba(201,145,231,.12);
    font-weight: 800;
    letter-spacing: -.015em;
}
.table tbody td,
.table tbody th {
    color: #d7cfdd;
    background: rgba(10,7,15,.28);
    border-color: rgba(201,145,231,.065);
}
.table tbody tr:hover td,
.table tbody tr:hover th {
    background: linear-gradient(90deg, rgba(73,219,232,.035), rgba(229,108,255,.045));
    border-color: rgba(201,145,231,.12);
}

/* ----- Monitoring: only material around existing native moving bars ----- */
.monitoring-table {
    background:
        radial-gradient(circle at 84% -18%, rgba(229,108,255,.055), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.017), transparent 36%),
        rgba(9,6,14,.95);
    border-color: rgba(201,145,231,.18);
    box-shadow: 0 18px 40px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.024);
}
.monitoring-table thead td {
    color: #faf7fb;
    background: rgba(255,255,255,.024);
    border-color: rgba(201,145,231,.11);
}
.monitoring-table tbody>tr>td {
    color: #d9d2df;
    background: rgba(10,6,14,.78);
    border-color: rgba(201,145,231,.065);
}
.monitoring-table tbody>tr:hover>td {
    background: linear-gradient(90deg, rgba(73,219,232,.03), rgba(229,108,255,.055));
}
.monitoring-table tbody>tr>td:first-child {
    color: #f6f2f8;
    font-weight: 700;
}
.monitoring-table tbody>tr>td:last-child>a {
    border-color: rgba(255,255,255,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 12px rgba(0,0,0,.14);
}

/* ----- Forum: premium editorial hierarchy ----- */
#forum>h2,
#forum_topics>h2,
#forum .col-lg-12>h2,
#forum_topics .col-lg-12>h2 {
    color: #f7f2fa;
    background:
        linear-gradient(90deg, rgba(73,219,232,.055), rgba(229,108,255,.055), transparent 76%),
        rgba(21,13,30,.91);
    border-color: rgba(201,145,231,.17);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 7px 18px rgba(0,0,0,.10);
    font-weight: 800;
    letter-spacing: -.02em;
}

#forum .row .col-lg-8,
#forum_topics .row .col-lg-8,
#forum.row .col-lg-8,
#forum_topics.row .col-lg-8,
#forum .row .col-lg-4,
#forum_topics .row .col-lg-4,
#forum.row .col-lg-4,
#forum_topics.row .col-lg-4 {
    color: var(--gc55-text-2);
    background: rgba(10,6,14,.28);
    border-color: rgba(201,145,231,.075);
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

#forum .row:hover .col-lg-8,
#forum_topics .row:hover .col-lg-8,
#forum.row:hover .col-lg-8,
#forum_topics.row:hover .col-lg-8,
#forum .row:hover .col-lg-4,
#forum_topics .row:hover .col-lg-4,
#forum.row:hover .col-lg-4,
#forum_topics.row:hover .col-lg-4 {
    background: linear-gradient(90deg, rgba(73,219,232,.035), rgba(229,108,255,.045));
    border-color: rgba(201,145,231,.13);
}

#forum .row .col-lg-8 img,
#forum_topics .row .col-lg-8 img,
#forum.row .col-lg-8 img,
#forum_topics.row .col-lg-8 img {
    border-color: rgba(73,219,232,.22);
    box-shadow: 0 7px 18px rgba(0,0,0,.22), 0 0 0 1px rgba(229,108,255,.055);
}

#forum .row .col-lg-8>div h3 a,
#forum_topics .row .col-lg-8>div h3 a,
#forum.row .col-lg-8>div h3 a,
#forum_topics.row .col-lg-8>div h3 a {
    color: #fbf8fc;
    font-weight: 800;
    letter-spacing: -.018em;
}
#forum .row .col-lg-8>div h3 a:hover,
#forum_topics .row .col-lg-8>div h3 a:hover,
#forum.row .col-lg-8>div h3 a:hover,
#forum_topics.row .col-lg-8>div h3 a:hover {
    color: #9ef5fb;
    text-shadow: 0 0 10px rgba(73,219,232,.18);
}

/* Forum post surfaces, if present. */
#forum_topic .top-area,
#forum_topic .center-area,
#forum_topic .bottom-area,
.forum_message .top-area,
.forum_message .center-area,
.forum_message .bottom-area {
    border-color: rgba(201,145,231,.08);
    background-color: rgba(10,6,14,.22);
}

/* ----- Homepage chat ----- */
#chat #drop_zone,
#chat #chat_messages {
    background:
        radial-gradient(circle at 100% 0, rgba(229,108,255,.04), transparent 36%),
        rgba(8,5,12,.48);
    border-color: rgba(201,145,231,.11);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.016);
}
#chat #chat_messages .chat_message {
    background: rgba(255,255,255,.010);
    border-color: rgba(201,145,231,.07);
}
#chat #chat_messages .chat_message:hover {
    background: linear-gradient(90deg, rgba(73,219,232,.024), rgba(229,108,255,.032));
}
#chat #chat_messages .chat_message .message .info .author {
    font-weight: 800;
}
#chat #chat_messages .chat_message .message .info .date {
    color: #918797;
}

/* ----- Private messages / dialogs ----- */
.dialogs {
    background:
        radial-gradient(circle at 96% -8%, rgba(229,108,255,.075), transparent 34%),
        radial-gradient(circle at 0 100%, rgba(73,219,232,.025), transparent 34%),
        var(--gc55-bg-2);
}

#companions div {
    background: transparent;
    border-color: rgba(201,145,231,.07);
    transition: background-color .16s ease, border-color .16s ease;
}
#companions div:hover {
    background: linear-gradient(90deg, rgba(73,219,232,.035), rgba(229,108,255,.035));
    border-color: rgba(201,145,231,.12);
}
#companions div img,
#place_for_messages .dialog>div:nth-child(1) img,
#place_for_messages .im_message>img {
    border-color: rgba(73,219,232,.22);
    box-shadow: 0 6px 16px rgba(0,0,0,.22), 0 0 0 1px rgba(229,108,255,.055);
}
#place_for_messages .dialog>div:nth-child(1) {
    color: var(--gc55-text-2);
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 50%),
        rgba(10,6,15,.88);
    border-color: rgba(201,145,231,.13);
    box-shadow: var(--gc55-shadow-sm);
}
#place_for_messages .dialog>div:nth-child(1):hover,
#place_for_messages .dialog>div:nth-child(2):hover {
    background-color: rgba(31,18,43,.90);
}
#place_for_messages .im_message {
    color: #ddd5e2;
    background:
        linear-gradient(90deg, rgba(73,219,232,.018), rgba(229,108,255,.020)),
        rgba(11,7,16,.72);
    border-color: rgba(201,145,231,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.012);
}
#place_for_messages .im_message:hover {
    background:
        linear-gradient(90deg, rgba(73,219,232,.035), rgba(229,108,255,.045)),
        rgba(14,9,20,.80);
    border-color: rgba(201,145,231,.13);
}
#place_for_messages .im_message>div>.info>a {
    color: #89e7f0;
    font-weight: 800;
    text-shadow: 0 0 9px rgba(73,219,232,.22);
}
#place_for_messages textarea {
    color: #f7f2fa;
    background:
        linear-gradient(180deg, rgba(255,255,255,.012), transparent),
        rgba(7,4,11,.84);
    border-color: rgba(201,145,231,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

/* ----- Stats / leaderboard ----- */
.block.block-search {
    background:
        radial-gradient(circle at 96% -8%, rgba(73,219,232,.045), transparent 31%),
        radial-gradient(circle at 0 110%, rgba(229,108,255,.045), transparent 30%),
        var(--gc55-bg-2);
}
#stats tr td {
    color: #d8d0de;
    background: rgba(9,6,13,.34);
    border-color: rgba(201,145,231,.065);
}
#stats tr:hover td {
    background: linear-gradient(90deg, rgba(73,219,232,.032), rgba(229,108,255,.045));
}
#stats tr td a {
    color: #9feaf1;
    font-weight: 800;
    text-shadow: 0 0 8px rgba(73,219,232,.16);
}
#stats .label {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

/* ----- Profile / account ----- */
.profile-page .profile>img {
    border-color: rgba(201,145,231,.19);
    box-shadow: 0 16px 36px rgba(0,0,0,.29), 0 0 0 1px rgba(73,219,232,.045);
}
.profile-page .profile table tbody tr td {
    color: #d9d1df;
    border-color: rgba(201,145,231,.065);
}
.profile-page .profile table tbody tr td:first-child {
    color: #aaa0b0;
    font-weight: 680;
}
.profile-page .profile table tbody tr td[colspan="2"] h4 {
    color: #fbf8fc;
    background:
        linear-gradient(90deg, rgba(73,219,232,.04), rgba(229,108,255,.055), transparent 78%),
        rgba(25,15,35,.77);
    border-color: rgba(201,145,231,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
    font-weight: 800;
}

/* ----- News / articles / downloads ----- */
#new_news div:not(.loader),
.news div:not(.loader) {
    background:
        radial-gradient(circle at 100% 0, rgba(229,108,255,.045), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.015), transparent 45%),
        rgba(11,7,16,.86);
    border-color: rgba(201,145,231,.12);
    box-shadow: var(--gc55-shadow-sm);
}
#new_news div:not(.loader):hover,
.news div:not(.loader):hover {
    background-color: rgba(29,17,40,.90);
    border-color: rgba(73,219,232,.18);
    box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
}
#new_news div:not(.loader) a h3,
.news div:not(.loader) a h3 {
    color: #fbf8fc;
    font-weight: 800;
    letter-spacing: -.02em;
}
#new_news div:not(.loader) p,
.news div:not(.loader) p {
    color: #aca2b3;
}

.with_code h1,
.with_code h2,
.with_code h3,
.with_code h4 {
    color: #fbf8fc;
    font-family: var(--gc-font-display);
    font-weight: 800;
    letter-spacing: -.025em;
}
.with_code a {
    color: #83e2eb;
    font-weight: 700;
}
.with_code a:hover {
    color: #c6faff;
    text-shadow: 0 0 9px rgba(73,219,232,.18);
}
.with_code blockquote,
.bs-callout {
    color: #d7cfdd;
    background: rgba(12,8,18,.65);
    border-color: rgba(201,145,231,.14);
    box-shadow: inset 3px 0 0 rgba(73,219,232,.26);
}

/* ----- Online / community widgets ----- */
#online_users a,
#top_users a {
    color: #d8d0de;
}
#online_users a:hover,
#top_users a:hover {
    color: #fff;
}
#online_users img,
#top_users img,
#load_last_online img {
    border-color: rgba(73,219,232,.18);
    box-shadow: 0 4px 12px rgba(0,0,0,.20);
}
#load_last_online {
    color: #cfc6d5;
    line-height: 1.55;
}

/* ----- Status / notification blocks ----- */
.noty-block {
    color: #dcd4e2;
    background:
        linear-gradient(180deg, rgba(255,255,255,.014), transparent),
        rgba(10,6,15,.78);
    border-color: rgba(201,145,231,.13);
    box-shadow: var(--gc55-shadow-sm);
}
.noty-block.success {
    color: #b8f8d2;
    background: rgba(23,100,64,.15);
    border-color: rgba(64,223,146,.23);
}
.noty-block.error,
.noty-block.danger {
    color: #ffd0d7;
    background: rgba(116,31,47,.15);
    border-color: rgba(255,92,115,.23);
}

/* ----- Pagination / modal / popover ----- */
#pagination2 .pagination a,
#pagination2 .pagination span,
.pagination a,
.pagination span {
    color: #d5ccd9;
    background: rgba(10,6,15,.88);
    border-color: rgba(201,145,231,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}
#pagination2 .pagination a:hover,
.pagination a:hover {
    color: #fff;
    background: linear-gradient(180deg, rgba(229,108,255,.10), rgba(73,219,232,.035));
    border-color: rgba(229,108,255,.25);
}
.modal-content,
.popover {
    color: #e2dbe7;
    background:
        radial-gradient(circle at 100% 0, rgba(229,108,255,.07), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 42%),
        rgba(11,7,16,.97);
    border-color: rgba(201,145,231,.18);
    box-shadow: 0 26px 64px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.03);
}

/* ----- Footer ----- */
.wapper>.footer {
    color: #aaa0b0;
    background:
        linear-gradient(180deg, rgba(229,108,255,.018), transparent 38%),
        rgba(8,5,12,.96);
    border-top-color: rgba(201,145,231,.11);
}
.wapper>.footer strong {
    color: #fbf8fc;
    font-weight: 800;
}
.wapper>.footer a { color: #c1b8c7; }
.wapper>.footer a:hover {
    color: #fff;
    text-shadow: 0 0 9px rgba(73,219,232,.15);
}

/* ----- Accessibility / high-clarity interaction ----- */
.wapper :focus-visible {
    outline-color: rgba(73,219,232,.92);
    box-shadow: 0 0 0 3px rgba(73,219,232,.08);
}

/* v5.5 intentionally avoids layout-changing display/grid/flex/position/width/float/overflow rules.
   v5.2 responsive behavior and GameCMS functional structure remain authoritative. */

/* ======================================================================
   v5.5.1 FUNCTIONAL MODAL SAFETY HOTFIX
   IMPORTANT: No backdrop-filter on .block ancestors. Bootstrap/GameCMS
   modals are rendered inside legacy blocks; ancestor backdrop-filter creates
   a stacking context and can trap the modal below .modal-backdrop.
   Matte/glass appearance remains via alpha backgrounds, gradients and shadows.
   ====================================================================== */

/* ========================================================================== 
   v5.5.2 — Restore the pre-v5.5 notification visual treatment
   Visual-only override. No layout, DOM, JS or GameCMS behavior changes.
   ========================================================================== */
.noty-block {
    color: #d9d1df;
    background: rgba(13,8,19,.88);
    border-color: rgba(206,153,234,.13);
    box-shadow: var(--gc54-shadow-soft);
}
.noty-block.success {
    color: #a9f5ca;
    background: rgba(31,113,72,.13);
    border-color: rgba(53,214,139,.22);
    box-shadow: var(--gc54-shadow-soft);
}
.noty-block.error,
.noty-block.danger {
    color: #ffc0c9;
    background: rgba(122,35,50,.13);
    border-color: rgba(255,83,106,.22);
    box-shadow: var(--gc54-shadow-soft);
}

/* =========================================================
   v5.5.3 — Practical Guide readability + premium step badges
   CSS-only, scoped to the custom homepage guide section.
   ========================================================= */
.gcs-v3-guide__intro h3 {
    font-size: 24px;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.gcs-v3-guide__intro p {
    font-size: 14px;
    line-height: 1.7;
    color: #bbb2c3;
}

.gcs-v3-step-grid article {
    padding: 16px;
    border-color: rgba(255, 151, 31, .16);
    background: linear-gradient(180deg, rgba(255, 151, 31, .025), rgba(255,255,255,.014));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.gcs-v3-step-grid article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    margin: 0 0 10px;
    padding: 0 9px;
    border: 1px solid rgba(255, 151, 31, .38);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 158, 31, .20), rgba(255, 129, 0, .09));
    color: #ffae42;
    font-family: var(--gc-font-display);
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .04em;
    text-shadow: 0 0 14px rgba(255, 145, 24, .24);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 6px 16px rgba(0,0,0,.16);
}

.gcs-v3-step-grid strong {
    display: block;
    color: #fff;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: -.015em;
}

.gcs-v3-step-grid p {
    margin-top: 8px;
    color: #b7aebe;
    font-size: 13px;
    line-height: 1.65;
}

.gcs-v3-step-grid article:hover {
    border-color: rgba(255, 151, 31, .28);
    background: linear-gradient(180deg, rgba(255, 151, 31, .045), rgba(255,255,255,.018));
}

@media (max-width: 767.98px) {
    .gcs-v3-guide__intro h3 {
        font-size: 21px;
    }
    .gcs-v3-guide__intro p {
        font-size: 14px;
    }
    .gcs-v3-step-grid article {
        padding: 15px;
    }
    .gcs-v3-step-grid strong {
        font-size: 15px;
    }
    .gcs-v3-step-grid p {
        font-size: 13.5px;
    }
}


/* ======================================================================
   v5.5.4 — GROUP IDENTITY + ORIGINAL NOTIFICATION + SURFACE CONSISTENCY
   - Preserves GameCMS group colors as the source of truth for nicknames.
   - Restores the original premium green notification material from the
     project's archived premium skin.
   - Normalizes dark/plum surfaces without changing layout geometry.
   ====================================================================== */

:root {
    --gc554-surface: rgba(15, 9, 22, .94);
    --gc554-surface-strong: rgba(10, 6, 15, .975);
    --gc554-surface-soft: rgba(22, 13, 31, .88);
    --gc554-line: rgba(202, 147, 232, .15);
    --gc554-line-soft: rgba(202, 147, 232, .085);
    --gc554-text: #f8f5fa;
    --gc554-text-2: #d9d1de;
    --gc554-text-3: #a69cab;
}

/* One material language across generic GameCMS surfaces. No layout changes. */
.block,
.block.block-search,
.profile-page .block,
#place_for_messages,
#forum,
#forum_topics {
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 34%),
        var(--gc554-surface);
    border-color: var(--gc554-line);
    box-shadow: 0 14px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.022);
}

.block .block_head,
#place_for_messages > .block_head {
    color: var(--gc554-text);
    border-color: var(--gc554-line-soft);
}

.table {
    color: var(--gc554-text-2);
    background: transparent;
}
.table thead th,
.table thead td {
    color: var(--gc554-text);
    background: rgba(24, 14, 34, .72);
    border-color: rgba(202,147,232,.12);
}
.table tbody td,
.table tbody th {
    color: var(--gc554-text-2);
    background: rgba(7, 4, 11, .30);
    border-color: rgba(202,147,232,.075);
}
.table tbody tr:hover td,
.table tbody tr:hover th {
    background: rgba(37, 22, 50, .48);
}

/* Real GameCMS group color remains authoritative everywhere it is supplied. */
.gc-group-nick,
a.gc-group-nick,
span.gc-group-nick,
p.gc-group-nick,
#online_users span[style*="color"],
#top_users span[style*="color"],
#load_last_online span[style*="color"],
.friend a[style*="color"],
.user a[style*="color"],
.admin span[style*="color"],
#companions a[style*="color"],
#chat .author[style*="color"],
a[href*="profile?id="][style*="color"] {
    font-weight: 800;
    text-shadow: 0 0 5px currentColor;
}

.gc-group-nick:hover,
a.gc-group-nick:hover,
a[href*="profile?id="][style*="color"]:hover {
    text-shadow: 0 0 7px currentColor;
}

/* Do not fake one cyan "group" for links that have no group data. */
.block a[href*="profile?id="]:not([style*="color"]):not(.gc-group-nick),
#forum a[href*="profile?id="]:not([style*="color"]):not(.gc-group-nick),
#forum_topics a[href*="profile?id="]:not([style*="color"]):not(.gc-group-nick),
#place_for_messages a[href*="profile?id="]:not([style*="color"]):not(.gc-group-nick) {
    color: #d5cdda;
    text-shadow: none;
}

/* ======================================================================
   v5.5.5 — EXACT ORIGINAL GameCMS NOTIFICATION/CALLOUT VISUAL RESTORE
   Source: original user archive gam1ngcs.zip -> templates/standart/css/primary-dark.css
   Presentation only. Keeps all v5.5.4 logic and group-color work unchanged.
   ====================================================================== */

.noty-block,
.bs-callout {
    position: relative;
    border-radius: 15px;
    display: block;
    width: 100%;
    color: #b7bacd;
    border: 1px solid #313448;
    border-left: 3px solid #313448;
    padding: 20px 30px;
    margin-bottom: 10px;
    background-image: none;
}

.noty-block.info,
.bs-callout.info,
.noty-block.bs-callout-info,
.bs-callout.bs-callout-info,
.noty-block.success,
.bs-callout.success,
.noty-block.bs-callout-success,
.bs-callout.bs-callout-success,
.noty-block.error,
.bs-callout.error,
.noty-block.bs-callout-danger,
.bs-callout.bs-callout-danger,
.noty-block.warning,
.bs-callout.warning,
.noty-block.bs-callout-warning,
.bs-callout.bs-callout-warning {
    color: #fff;
    background: #44b772;
    border: none;
    border-left: none;
    border-radius: 15px;
    box-shadow: 0 2px 20px #44b772;
}

.noty-block.info *,
.bs-callout.info *,
.noty-block.bs-callout-info *,
.bs-callout.bs-callout-info *,
.noty-block.success *,
.bs-callout.success *,
.noty-block.bs-callout-success *,
.bs-callout.bs-callout-success *,
.noty-block.error *,
.bs-callout.error *,
.noty-block.bs-callout-danger *,
.bs-callout.bs-callout-danger *,
.noty-block.warning *,
.bs-callout.warning *,
.noty-block.bs-callout-warning *,
.bs-callout.bs-callout-warning * {
    color: #fff;
}

.noty-block .m-icon.icon-remove,
.bs-callout .m-icon.icon-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, .81);
    cursor: pointer;
}

.noty-block .m-icon.icon-remove:hover,
.bs-callout .m-icon.icon-remove:hover {
    color: rgba(255, 255, 255, 1);
}

.noty-block > span,
.bs-callout > span {
    font-size: 13px;
    color: #969696;
    display: block;
    margin-top: 5px;
}

/* The notifications page had a later redesign-specific high-specificity override.
   Reset it to the same original GameCMS visual so all system notices match. */
#notifications .noty-block,
#notifications .noty-block.info,
#notifications .noty-block.success,
#notifications .noty-block.error,
#notifications .noty-block.danger,
#notifications .noty-block.warning {
    color: #fff;
    background: #44b772;
    border: none;
    border-left: none;
    border-radius: 15px;
    box-shadow: 0 2px 20px #44b772;
}
#notifications .noty-block *,
#notifications .noty-block a {
    color: #fff;
}
#notifications .noty-block > span {
    color: #969696;
}
#notifications .noty-block .m-icon.icon-remove {
    color: rgba(255,255,255,.81);
}
#notifications .noty-block .m-icon.icon-remove:hover {
    color: #fff;
}

/* ======================================================================
   v5.5.6 — MONITORING PREMIUM SAFE PASS
   Scope: monitoring table shell / typography / map / IP / action controls.
   IMPORTANT: native online graphs are intentionally untouched.
   No rules below target .servers-online-line, .progress, .progress-bar or .progress-val.
   ====================================================================== */

.monitoring-table {
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 22%),
        radial-gradient(circle at 92% 0%, rgba(100,76,170,.055), transparent 30%),
        rgba(10, 7, 15, .965);
    border: 1px solid rgba(176, 136, 207, .20);
    border-radius: 16px;
    box-shadow:
        0 18px 44px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.028);
}

.monitoring-table thead td {
    color: #f8f5fa;
    background: rgba(25, 16, 34, .90);
    border-color: rgba(190, 151, 216, .12);
    font-weight: 800;
    letter-spacing: -.012em;
    text-shadow: 0 1px 0 rgba(0,0,0,.45);
}

.monitoring-table thead td > i {
    color: #d9c6e6;
    opacity: .92;
    margin-right: 5px;
}

.monitoring-table tbody > tr > td {
    color: #d9d3df;
    background: rgba(9, 6, 13, .74);
    border-color: rgba(190, 151, 216, .075);
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.monitoring-table tbody > tr:hover > td {
    background: rgba(26, 17, 35, .86);
    border-color: rgba(190, 151, 216, .14);
}

/* Server identity: stronger hierarchy without changing the row structure. */
.monitoring-table tbody > tr > td:first-child > p {
    color: #f5f1f7;
    font-weight: 760;
    letter-spacing: .005em;
}

.monitoring-table .game-icon {
    border-radius: 50%;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.09),
        0 4px 12px rgba(0,0,0,.24);
}

/* Map name becomes a restrained tactical chip. */
.monitoring-table tbody > tr > td:nth-child(2) > p {
    display: inline-block;
    color: #cfd7e3;
    background: rgba(82, 157, 194, .065);
    border: 1px solid rgba(91, 181, 219, .11);
    border-radius: 8px;
    padding: 5px 10px;
    line-height: 1.25;
    cursor: default;
}

/* IP remains the same link/action; only presentation is refined. */
.monitoring-table tbody > tr > td:nth-child(4) > a {
    color: #d8d4e1 !important;
    font-weight: 680;
    font-variant-numeric: tabular-nums;
    text-decoration-color: rgba(215, 209, 225, .30);
    text-underline-offset: 3px;
    transition: color .16s ease, text-decoration-color .16s ease;
}

.monitoring-table tbody > tr > td:nth-child(4) > a:hover {
    color: #ffffff !important;
    text-decoration-color: rgba(123, 218, 231, .72);
}

/* Premium action control group — same links, same hrefs, same icons. */
.monitoring-table tbody > tr > td:last-child > a {
    background: rgba(25, 20, 31, .94) !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 9px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 4px 12px rgba(0,0,0,.18);
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.monitoring-table tbody > tr > td:last-child > a:nth-child(1) {
    background: rgba(102, 190, 47, .10) !important;
    border-color: rgba(143, 229, 73, .17) !important;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(2) {
    background: rgba(225, 55, 73, .085) !important;
    border-color: rgba(244, 81, 99, .16) !important;
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(3) {
    background: rgba(231, 154, 26, .095) !important;
    border-color: rgba(244, 174, 59, .18) !important;
}

.monitoring-table tbody > tr > td:last-child > a:nth-child(1):hover {
    background: rgba(112, 207, 49, .16) !important;
    border-color: rgba(157, 241, 91, .28) !important;
    box-shadow: 0 0 0 3px rgba(131, 231, 62, .045), inset 0 1px 0 rgba(255,255,255,.055);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(2):hover {
    background: rgba(232, 59, 77, .14) !important;
    border-color: rgba(247, 86, 103, .27) !important;
    box-shadow: 0 0 0 3px rgba(232, 59, 77, .04), inset 0 1px 0 rgba(255,255,255,.05);
}
.monitoring-table tbody > tr > td:last-child > a:nth-child(3):hover {
    background: rgba(236, 161, 31, .15) !important;
    border-color: rgba(249, 183, 69, .29) !important;
    box-shadow: 0 0 0 3px rgba(236, 161, 31, .04), inset 0 1px 0 rgba(255,255,255,.05);
}

/* The bottom total-online rail keeps its existing progress implementation.
   Only the surrounding table cell receives the same premium material. */
.monitoring-table td[colspan="10"] {
    background: rgba(18, 12, 24, .93);
    border-color: rgba(190, 151, 216, .12);
}

/* On phones/tablets keep the proven v5.2 geometry; only reduce decorative intensity. */
@media (max-width: 767.98px) {
    .monitoring-table {
        border-radius: 14px;
        box-shadow: 0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.024);
    }
    .monitoring-table tbody > tr > td:nth-child(2) > p {
        background: transparent;
        border-color: transparent;
        padding: 0;
    }
}

/* ======================================================================
   v5.5.7 — Safe spacing fix for guide/advice icons
   Goal: add breathing room between mini-icons and text in the practical
   guide cards without changing DOM, JS, or responsive structure.
   ====================================================================== */
.gcs-v3-advice-grid article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-items: start;
}

.gcs-v3-advice-grid article .gcs-v3-mini-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin-top: 1px;
}

.gcs-v3-advice-grid article strong {
    grid-column: 2;
    margin: 2px 0 0;
    line-height: 1.35;
}

.gcs-v3-advice-grid article p {
    grid-column: 2;
    margin: 4px 0 0;
}

@media (max-width: 767.98px) {
    .gcs-v3-advice-grid article {
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 12px;
    }
}