/* GAM1NGCS PREMIUM UI v2.2 — SAFE BLOCK GLOW
 * Visual modernization only.
 * IMPORTANT: no layout geometry overrides (no width/height/margin/padding/display/position/overflow/grid/flex).
 * The old vertical "template rails" are intentionally removed.
 */

:root{
    --gcs22-panel:#160b20;
    --gcs22-panel-deep:#0d0713;
    --gcs22-panel-soft:#1d0e28;
    --gcs22-line:rgba(190,72,255,.26);
    --gcs22-line-hot:rgba(216,91,255,.43);
    --gcs22-purple:rgba(173,55,255,.18);
    --gcs22-purple-hot:rgba(192,70,255,.27);
    --gcs22-cyan:#39e9ef;
    --gcs22-white:#f4f6fb;
    --gcs22-text:#c7c1cf;
    --gcs22-muted:#90879a;
}

/* ---------- TYPOGRAPHY ---------- */
html,
body,
.wapper,
.wapper .header .collapsible-menu>li>a,
#chat #drop_zone,
input,
select,
textarea,
button,
.btn,
.form-control,
.modal-content,
.dropdown-menu,
.popover{
    font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif !important;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.wapper .header .collapsible-menu>li>a,
.block .block_head,
.block h2.block_head,
.gcs-home-section h2,
.gcs-home-section h3,
#forum>h2,
#forum_topics>h2,
#forum .col-lg-12>h2,
#forum_topics .col-lg-12>h2{
    font-weight:700 !important;
}

/* ---------- MAIN PANELS: GLOW THE BLOCKS, NOT THE PAGE EDGES ---------- */
.block{
    background:
        radial-gradient(circle at 92% 0%,rgba(160,52,230,.075),transparent 30%),
        linear-gradient(180deg,rgba(27,13,38,.985) 0%,rgba(14,7,21,.992) 100%) !important;
    border-color:var(--gcs22-line) !important;
    box-shadow:
        0 15px 34px rgba(0,0,0,.30),
        0 0 0 1px rgba(184,64,244,.10),
        0 0 18px rgba(172,55,255,.12),
        0 0 38px rgba(96,52,188,.055),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
    transition:box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}
.block:hover{
    border-color:rgba(215,86,255,.34) !important;
    box-shadow:
        0 16px 38px rgba(0,0,0,.32),
        0 0 0 1px rgba(216,91,255,.14),
        0 0 22px rgba(173,55,255,.16),
        0 0 44px rgba(57,233,239,.035),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.block .block_head,
.block h2.block_head{
    color:var(--gcs22-white) !important;
    text-shadow:0 0 12px rgba(57,233,239,.18),0 0 22px rgba(190,72,255,.13) !important;
}
.block .block_head i,
.block h2.block_head i{
    color:var(--gcs22-cyan) !important;
    text-shadow:0 0 12px rgba(57,233,239,.30) !important;
}

/* ---------- HEADER / NAV / FOOTER ---------- */
.wapper .header{
    background:linear-gradient(180deg,rgba(21,9,29,.992) 0%,rgba(12,6,18,.996) 100%) !important;
    border-color:rgba(180,66,235,.17) !important;
    box-shadow:0 8px 28px rgba(0,0,0,.30),0 0 20px rgba(154,49,224,.07) !important;
}
.wapper .navigation{
    background:linear-gradient(180deg,rgba(18,8,25,.985) 0%,rgba(12,6,17,.992) 100%) !important;
    border-color:rgba(180,66,235,.13) !important;
    box-shadow:0 8px 24px rgba(0,0,0,.20) !important;
}
.wapper>.footer{
    background:linear-gradient(180deg,rgba(18,8,25,.985) 0%,rgba(10,5,15,.996) 100%) !important;
    border-color:rgba(180,66,235,.14) !important;
    box-shadow:0 -8px 25px rgba(0,0,0,.20),0 -1px 16px rgba(154,49,224,.06) !important;
}
.wapper .header .collapsible-menu>li>a{
    text-shadow:0 0 10px rgba(155,64,255,.08) !important;
}
.wapper .header .collapsible-menu>li>a:hover,
.wapper .header .collapsible-menu>li.active>a{
    color:#ffffff !important;
    text-shadow:0 0 12px rgba(57,233,239,.18),0 0 18px rgba(193,65,255,.18) !important;
}

/* ---------- HOMEPAGE PREMIUM SECTIONS ---------- */
.gcs-home-hero,
.gcs-home-section,
.gcs-home-grid--features .gcs-home-card{
    border-color:rgba(190,72,255,.25) !important;
    box-shadow:
        0 15px 36px rgba(0,0,0,.31),
        0 0 0 1px rgba(188,69,251,.10),
        0 0 20px rgba(173,55,255,.13),
        0 0 42px rgba(57,233,239,.028),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.gcs-home-hero{
    box-shadow:
        0 18px 42px rgba(0,0,0,.36),
        0 0 0 1px rgba(188,69,251,.12),
        0 0 25px rgba(173,55,255,.15),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* ---------- MONITORING ---------- */
.table-responsive,
.monitoring-table{
    border-color:rgba(190,72,255,.20) !important;
    box-shadow:
        0 13px 31px rgba(0,0,0,.27),
        0 0 0 1px rgba(188,69,251,.075),
        0 0 18px rgba(173,55,255,.105) !important;
}
.monitoring-table thead,
.table thead{
    background:rgba(23,10,32,.94) !important;
}

/* ---------- NEWS: CLEAN MODERN TITLES, REMOVE OLD ANIMATED GIF TEXT ---------- */
#new_news div:not(.loader),
.news div:not(.loader){
    background:linear-gradient(180deg,rgba(24,11,34,.50) 0%,rgba(13,7,19,.68) 100%) !important;
    border-color:rgba(183,68,241,.15) !important;
    box-shadow:inset 0 0 0 1px rgba(184,64,244,.035) !important;
}
#new_news div:not(.loader) a h3,
.news div:not(.loader) a h3{
    color:#f0f5fa !important;
    background:none !important;
    -webkit-text-fill-color:currentColor !important;
    -webkit-background-clip:border-box !important;
    text-shadow:0 0 12px rgba(57,233,239,.13),0 0 18px rgba(183,68,241,.10) !important;
    font-weight:700 !important;
}
#new_news div:not(.loader) a:hover h3,
.news div:not(.loader) a:hover h3{
    color:var(--gcs22-cyan) !important;
    text-shadow:0 0 12px rgba(57,233,239,.25),0 0 20px rgba(183,68,241,.14) !important;
}
#new_news div:not(.loader) a img,
.news div:not(.loader) a img{
    border-color:rgba(190,72,255,.25) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.32),0 0 16px rgba(173,55,255,.12) !important;
}
#new_news div:not(.loader) a:hover img,
.news div:not(.loader) a:hover img{
    border-color:rgba(57,233,239,.30) !important;
    box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 20px rgba(173,55,255,.16),0 0 28px rgba(57,233,239,.045) !important;
}

/* ---------- FORUM ---------- */
#forum>h2,
#forum_topics>h2,
#forum .col-lg-12>h2,
#forum_topics .col-lg-12>h2{
    color:var(--gcs22-white) !important;
    background:linear-gradient(180deg,rgba(29,13,41,.985) 0%,rgba(15,7,22,.99) 100%) !important;
    border-color:rgba(190,72,255,.24) !important;
    box-shadow:0 10px 25px rgba(0,0,0,.24),0 0 18px rgba(173,55,255,.10) !important;
    text-shadow:0 0 11px rgba(57,233,239,.16) !important;
}
#forum .row,
#forum_topics .row,
#forum.row,
#forum_topics.row{
    background:linear-gradient(180deg,rgba(19,9,27,.36) 0%,rgba(12,6,18,.46) 100%) !important;
}
#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(178,65,234,.12) !important;
}

/* ---------- CHAT ---------- */
#chat{
    border-color:rgba(190,72,255,.19) !important;
    box-shadow:0 13px 31px rgba(0,0,0,.28),0 0 18px rgba(173,55,255,.10) !important;
}
#chat #chat_messages .chat_message{
    background:linear-gradient(180deg,rgba(25,11,35,.73) 0%,rgba(13,7,20,.82) 100%) !important;
    border-color:rgba(190,72,255,.095) !important;
    box-shadow:inset 0 0 0 1px rgba(190,72,255,.035) !important;
}
#chat #chat_messages .chat_message>a img{
    box-shadow:0 0 0 1px rgba(199,115,255,.24),0 0 10px rgba(173,55,255,.13) !important;
}
#chat .input-group #send_button{
    border-color:rgba(190,72,255,.24) !important;
    box-shadow:0 0 15px rgba(173,55,255,.15) !important;
}

/* ---------- FORMS ---------- */
input.form-control,
select.form-control,
textarea.form-control,
.form-control,
#chat .input-group .smile_input input{
    color:#e7e2ea !important;
    background:linear-gradient(180deg,rgba(19,9,27,.985) 0%,rgba(11,6,17,.994) 100%) !important;
    border-color:rgba(190,72,255,.20) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.form-control:focus,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus{
    color:#fff !important;
    background:#120919 !important;
    border-color:rgba(57,233,239,.42) !important;
    box-shadow:0 0 0 2px rgba(57,233,239,.05),0 0 16px rgba(173,55,255,.11) !important;
}
.form-control::placeholder{color:#817789 !important;opacity:1;}

/* ---------- BUTTON SURFACES: COLOR/DEPTH ONLY, NO SIZE CHANGES ---------- */
.btn{
    text-shadow:0 1px 1px rgba(0,0,0,.20);
    box-shadow:0 7px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.045);
    transition:box-shadow .16s ease,border-color .16s ease,color .16s ease,background-color .16s ease;
}
.btn:hover,
.btn:focus{
    box-shadow:0 9px 20px rgba(0,0,0,.20),0 0 14px rgba(173,55,255,.09),inset 0 1px 0 rgba(255,255,255,.05);
}
.btn-primary,
.btn-info{
    border-color:rgba(57,233,239,.30) !important;
    box-shadow:0 7px 18px rgba(0,0,0,.18),0 0 14px rgba(57,233,239,.07) !important;
}
.btn-danger{
    box-shadow:0 7px 18px rgba(0,0,0,.18),0 0 13px rgba(255,54,88,.075) !important;
}

/* ---------- MODALS / MENUS ---------- */
.modal .modal-content,
.modal-content,
.dropdown-menu,
.popover{
    background:linear-gradient(180deg,rgba(28,13,40,.995) 0%,rgba(12,6,18,.998) 100%) !important;
    border-color:rgba(190,72,255,.22) !important;
    box-shadow:0 26px 72px rgba(0,0,0,.52),0 0 27px rgba(173,55,255,.14) !important;
}
.modal .modal-content .modal-header,
.modal .modal-content .modal-body,
.modal .modal-content .modal-footer{
    border-color:rgba(190,72,255,.105) !important;
}

/* ---------- SMALL AVATAR / MEDIA DEPTH ---------- */
.friend>a img{
    box-shadow:0 0 0 1px rgba(199,115,255,.24),0 0 10px rgba(173,55,255,.12) !important;
}

/* Mobile uses the same block-level glow, only with lower intensity. */
@media (max-width:767.98px){
    .block,
    .gcs-home-hero,
    .gcs-home-section{
        box-shadow:0 10px 25px rgba(0,0,0,.27),0 0 0 1px rgba(188,69,251,.08),0 0 13px rgba(173,55,255,.075),inset 0 1px 0 rgba(255,255,255,.025) !important;
    }
}

/* ==========================================================
   GAM1NGCS PREMIUM UI v2.3 — CONTAINER / NAV CLEANUP
   Goal: block-level glow only. No full-width glowing strips.
   This section intentionally overrides v2.2 visual rules only.
   ========================================================== */

/* The breadcrumb/navigation area must NOT become a full-width neon panel. */
.wapper .navigation{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.wapper .navigation .breadcrumb{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

/* On the landing page remove the oversized empty band between breadcrumb and hero. */
body .wapper .navigation{
    margin-bottom:22px !important;
}

/* Premium typography: use the existing Inter load, with a modern compact rhythm. */
body,
input,
select,
textarea,
button,
.btn{
    font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1;
    letter-spacing:-.006em;
}
.gcs-home-hero h1,
.gcs-home-section h2,
.block .block_head,
.block h2.block_head,
#forum>h2,
#forum_topics>h2{
    letter-spacing:-.025em !important;
}

/* Make the actual blocks carry the light, never the page/container edge. */
.gcs-home-hero,
.gcs-home-section,
.block,
#chat,
.table-responsive{
    border-color:rgba(199,84,255,.30) !important;
}
.gcs-home-hero,
.gcs-home-section{
    box-shadow:
        0 18px 44px rgba(0,0,0,.34),
        0 0 0 1px rgba(200,82,255,.11),
        0 0 20px rgba(187,63,255,.15),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.gcs-home-section:hover,
.block:hover{
    border-color:rgba(219,112,255,.38) !important;
}

/* Torrent CTA: calm emerald, clearly different from primary orange download. */
.gcs-home-btn--secondary{
    border:1px solid rgba(91,230,142,.52) !important;
    background:linear-gradient(135deg,#148c4d 0%,#1fb866 52%,#159654 100%) !important;
    color:#ffffff !important;
    box-shadow:
        0 10px 24px rgba(12,117,60,.25),
        0 0 0 1px rgba(94,235,148,.10),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
    text-shadow:0 1px 1px rgba(0,0,0,.25) !important;
    backdrop-filter:none !important;
}
.gcs-home-btn--secondary:hover,
.gcs-home-btn--secondary:focus{
    border-color:rgba(119,246,166,.72) !important;
    background:linear-gradient(135deg,#17a458 0%,#29ca73 52%,#19aa60 100%) !important;
    box-shadow:
        0 13px 30px rgba(12,135,68,.32),
        0 0 18px rgba(44,205,112,.16),
        inset 0 1px 0 rgba(255,255,255,.19) !important;
    color:#fff !important;
}

/* Keep mobile restrained and avoid a giant breadcrumb gap. */
@media (max-width:767.98px){
    body .wapper .navigation{margin-bottom:14px !important}
    .gcs-home-btn--secondary{box-shadow:0 8px 20px rgba(12,117,60,.22),inset 0 1px 0 rgba(255,255,255,.14) !important}
}