/* cs27Reg 3.1: reference composition and homepage corrections. */
body[data-template="cs27Reg"] {
 --cs-bg:#111314; --cs-panel:#202223; --cs-panel-2:#292b2d;
 --cs-border:#ffffff12; --cs-border-hot:#ff592c88;
 --cs-orange:#ff5728; --cs-orange-2:#ee4820; --cs-text:#f5f5f5; --cs-muted:#a1a3a4;
 color:#f5f5f5; font-family:"Segoe UI",Arial,sans-serif; font-size:14px;
 background-color:#111314;
 background-image:linear-gradient(#101314d9,#111314f5 800px,#111314eb),url(../img/reference-hero.webp);
 background-size:100% 100%,1800px auto; background-position:center top; background-repeat:no-repeat;
}
body[data-template="cs27Reg"] .container { width:calc(100% - 48px); max-width:1360px; }
.ref-brand { display:inline-flex; flex-direction:column; color:#f8f8f8; line-height:1; white-space:nowrap; }
.ref-brand b { font-family:"Uni Sans Heavy CAPS","Arial Black",Impact,sans-serif; font-size:31px; font-weight:900; letter-spacing:-.8px; }
.ref-brand em { color:#ff612f; font-style:normal; }
.ref-brand small { margin-top:5px; font:700 7px/1.1 Arial,sans-serif; letter-spacing:2.2px; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead { min-height:76px; background:transparent; border:0; box-shadow:none; }
body[data-template="cs27Reg"] .cs27-masthead > .container { min-height:76px; padding:12px 24px; gap:20px; }
body[data-template="cs27Reg"] .logol { margin-right:8px; }
body[data-template="cs27Reg"] .cs27-masthead .search_user { width:245px; height:40px; background:#20222388; border-color:#ffffff1a; }
body[data-template="cs27Reg"] .cs27-masthead .user-menu { margin-left:auto; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { margin-left:auto; }
body[data-template="cs27Reg"] .cs27-masthead .pro { background:transparent; border:0; }
body[data-template="cs27Reg"] .cs27-navigation { background:transparent; border:0; }
body[data-template="cs27Reg"] .cs27-navigation .two_top_menu { padding:7px 18px; min-height:60px; background:linear-gradient(115deg,#292b2df2,#222425f2); border:1px solid #ffffff15; border-radius:40px; }
body[data-template="cs27Reg"] .cs27-navigation .menu_top_push_active { width:34px; height:36px; background:transparent; color:#ff582a; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu li > a { font:700 11px/1.3 "Segoe UI",Arial,sans-serif; padding:0 10px; text-transform:uppercase; color:#b9bbbd; min-height:40px; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu li > a:hover,body[data-template="cs27Reg"] .cs27-navigation .header-menu li > a.open { color:white; background:#ffffff09; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { background:#242628; border-color:#ffffff19; border-radius:12px; }
body[data-template="cs27Reg"] .cs27-navigation .language_block .select { background:#ffffff06; border-color:#ffffff17; border-radius:24px; }
body[data-template="cs27Reg"] .ref-hero {
 display:flex; align-items:stretch; justify-content:space-between; gap:20px;
 min-height:450px; padding:24px 24px 24px 36px; margin:18px 0 20px;
 background:linear-gradient(90deg,#121414aa,transparent 46%,#10121228),url(../img/reference-hero.webp) center/cover;
 border:1px solid #ffffff13; border-radius:18px; overflow:hidden;
}
.ref-hero-copy { flex:0 1 43%; min-width:0; align-self:center; padding:12px 0; }
body[data-template="cs27Reg"] .ref-hero h1 { font-family:"Uni Sans Heavy CAPS","Arial Black",Impact,sans-serif; font-size:clamp(28px,3vw,42px); font-weight:900; line-height:1.05; margin:0 0 16px; letter-spacing:-.7px; }
.ref-hero h1 em { color:#ff602f; font-style:normal; }
.ref-hero-copy > p { max-width:340px; font-size:15px; line-height:1.45; color:#ddd; margin:0 0 20px; }
.ref-counters { display:flex; flex-wrap:wrap; gap:14px; margin:0 0 22px; }
.ref-counters > div { display:flex; gap:8px; align-items:center; }
.ref-counters i { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ff5b294d; background:#ff5b291a; border-radius:50%; color:#ff5b29; font-size:22px; }
.ref-counters b { display:block; font-size:17px; line-height:1.2; }
.ref-counters small { display:block; font-size:8px; color:#afb1b2; }
body[data-template="cs27Reg"] .ref-start { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:50px; width:265px; max-width:100%; color:white; background:linear-gradient(120deg,#ff642d,#f44820); font-size:15px; font-weight:800; border-radius:9px; }
.ref-hero-widgets { display:flex; flex-direction:column; gap:14px; flex:0 0 38%; padding:10px; background:#1e2021d9; border:1px solid #ffffff12; border-radius:15px; }
.ref-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
body[data-template="cs27Reg"] .ref-tools > a { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:142px; padding:12px 6px; background:linear-gradient(135deg,#323335,#242627); border:1px solid #ffffff0d; border-radius:10px; text-align:center; }
.ref-tools i { color:#ff6334; font-size:42px; margin-bottom:12px; }
.ref-tools strong { font-size:12px; line-height:1.2; }
.ref-tools small { font-size:10px; color:#aaa; margin-top:6px; }
.ref-promos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; flex:1; }
body[data-template="cs27Reg"] .ref-promo { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:225px; padding:16px; background-color:#211e1b; background-size:cover; background-position:center 65%; border:1px solid #ff894a66; border-radius:12px; overflow:hidden; }
.ref-promo.ref-gift { background-image:linear-gradient(#16171888,transparent 55%),url(../img/reference-gift.webp); }
.ref-promo.ref-reward { background-image:linear-gradient(#16171888,transparent 55%),url(../img/reference-reward.webp); }
.ref-promo strong { font-size:17px; line-height:1.2; }
.ref-promo small { font-size:11px; line-height:1.35; color:#ddd; margin:7px 0 22px; }
.ref-promo > span { margin-top:auto; padding:9px 14px; border:1px solid #ff8b5180; border-radius:24px; font-size:10px; font-weight:700; background:#191a1bda; }
body[data-template="cs27Reg"] .row.cs27-dashboard { display:grid; grid-template-columns:350px minmax(0,1fr); gap:20px; }
body[data-template="cs27Reg"] .cs27-rail { grid-column:1; grid-row:1; display:block; }
body[data-template="cs27Reg"] .cs27-main { grid-column:2; grid-row:1; }
body[data-template="cs27Reg"] :is(.cs27-chat,.ref-news,.ref-events,.cs27-rail .block_servers,.cs27-rail .flex_online_users,.cs27-rail .navigation_profile,.cs27-rail .block_t_u) { margin:0 0 16px; padding:16px; border:1px solid #ffffff12; border-radius:14px; background:linear-gradient(120deg,#252728,#1b1e1f); box-shadow:none; }
body[data-template="cs27Reg"] .cs27-main .heading_block { margin:0 0 14px; padding:0; border:0; min-height:44px; }
body[data-template="cs27Reg"] :is(.heading_cap .heading,.name_top_usr,.heading_chat_info > span,.online_second) { font-family:"Segoe UI",Arial,sans-serif; font-size:15px; font-weight:800; }
body[data-template="cs27Reg"] :is(.second_heading,.desp_top_usr) { font-family:"Segoe UI",Arial,sans-serif; font-size:12px; color:#a4a6a8; }
body[data-template="cs27Reg"] :is(.double_heading > i,.flex_heading_chat > i,.flex_top_usr_i > i,.box_online > i) { display:grid; place-items:center; width:40px; height:40px; min-width:40px; border-radius:10px; background:linear-gradient(145deg,#ff713e,#ff491f) !important; color:white !important; font-size:23px; box-shadow:inset 0 1px #ffffff40; }
body[data-template="cs27Reg"] .cs27-chat .heading_block_chat { border:0; padding-bottom:16px; }
body[data-template="cs27Reg"] .cs27-chat #chat_messages { height:345px; max-height:none; padding:10px; background:#141718; border:1px solid #ffffff08; border-radius:9px; }
body[data-template="cs27Reg"] .cs27-chat #chat_message_input { min-height:45px; background:#252728; border:1px solid #ffffff15; color:white; }
body[data-template="cs27Reg"] .btn_message { width:46px; height:45px; border-radius:8px; background:#ff572a; color:white; }
body[data-template="cs27Reg"] .cs27-main #new_news { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
body[data-template="cs27Reg"] .cs27-news-card { background:linear-gradient(145deg,#282a2b,#1d2021); border-color:#ffffff17; border-radius:10px; display:flex; flex-direction:column; }
.cs27-news-cover { position:relative; aspect-ratio:16/10; }
.ref-all-news { margin-left:auto; margin-right:8px; padding:9px 12px; border-radius:8px; background:#ffffff06; color:#ccc; font-size:11px; }
.ref-all-news i { color:#ff632e; }
.ref-news-category { position:absolute; z-index:1; top:10px; left:10px; max-width:calc(100% - 20px); padding:5px 9px; border-radius:20px; font-size:9px; text-transform:uppercase; font-weight:800; background:#f75b2be8; color:white; }
.ref-news-category:empty { display:none; }
.cs27-news-body { padding:12px; display:flex; flex-direction:column; flex:1; }
.cs27-news-meta { font-size:10px; color:#b4b5b6; }
body[data-template="cs27Reg"] .cs27-news-body h3 { font-size:17px; line-height:1.25; margin:10px 0; }
.cs27-news-summary { color:#a9abad; font-size:12px; line-height:1.4; margin-bottom:16px; }
body[data-template="cs27Reg"] .cs27-news-link { display:flex; justify-content:center; gap:12px; min-height:40px; padding:8px; margin-top:auto; border:1px solid #f26336; border-radius:7px; color:#eee; font-size:10px; }
.cs27-news-link i { color:#ff632e; }
body[data-template="cs27Reg"] .row_events { grid-template-columns:1fr 1fr; gap:14px; }
body[data-template="cs27Reg"] .row_events > div { padding:12px; background:#ffffff03; border-color:#ffffff09; border-radius:10px; }
.ref-activity-title { display:flex; align-items:center; gap:9px; min-height:46px; margin-bottom:12px; font-size:11px; }
.ref-activity-title > i { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; border-radius:9px; color:white; background:#ff572a; font-size:23px; }
.ref-activity-title a { margin-left:auto; padding:8px; border-radius:7px; background:#ffffff08; font-size:9px; }
body[data-template="cs27Reg"] :is(.event,.lst_activity_block) { padding:12px 8px; margin-bottom:8px; min-height:82px; background:linear-gradient(110deg,#292c2d,#242627); border-color:#ffffff0a; border-radius:9px; }
body[data-template="cs27Reg"] :is(.event_content,.last_activity_theme) { font-size:12px; line-height:1.45; }
body[data-template="cs27Reg"] :is(.event_date,.description_activity) { font-size:10px; color:#9c9ea0; }
body[data-template="cs27Reg"] .last_activity_info { margin-bottom:12px; min-height:46px; padding:0; background:transparent; border:0; }
body[data-template="cs27Reg"] .cs27-rail .block_servers .flex_top_usr_i { margin-bottom:14px; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server { position:relative; padding:14px; margin-bottom:10px; min-height:105px; border-color:#ffffff1a; border-radius:10px; background:#272b2d; overflow:hidden; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server .map_back_server { inset:0; opacity:.45; background-size:cover !important; background-position:center !important; }
body[data-template="cs27Reg"] .cs27-rail .servers-info-span { position:relative; display:flex; width:100%; gap:10px; align-items:center; }
body[data-template="cs27Reg"] .cs27-rail .flex_server_info { flex:1; min-width:0; }
.ref-server-address { font-size:13px; color:white; }
.ref-server-name { display:block; font-size:11px; color:#ddd; margin:3px 0 12px; overflow-wrap:anywhere; }
body[data-template="cs27Reg"] .cs27-rail .game_name_server { display:none; }
body[data-template="cs27Reg"] .cs27-rail .flex_down_server .bar { display:none; }
body[data-template="cs27Reg"] .cs27-rail .map_player_flex { display:flex; justify-content:space-between; gap:10px; font-size:11px; }
body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog { position:static; margin:0; }
body[data-template="cs27Reg"] .cs27-rail .play-servers { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#ff5b28; color:white; font-size:30px; }
body[data-template="cs27Reg"] .cs27-rail .copy_adress { width:28px; height:24px; margin:5px auto 0; background:#17191aaa; }
body[data-template="cs27Reg"] .cs27-rail :is(.online_scroll,.users_online_chat) { height:auto; min-height:0; }
body[data-template="cs27Reg"] .cs27-rail .visit_users_online { min-height:55px; padding:8px; margin:0; border-width:0 0 1px; border-color:#ffffff0b; border-radius:0; background:#ffffff03; }
body[data-template="cs27Reg"] .cs27-rail .online_us_all { border-radius:9px; background:#ffffff07; padding:10px; }
body[data-template="cs27Reg"] .cs27-rail .balance_mini_profile { margin-top:14px; border-radius:9px; background:#ffffff06; }
body[data-template="cs27Reg"] .cs27-rail .block_t_u .tabs__controls { display:block; }
body[data-template="cs27Reg"] .cs27-rail .btn_top_block { display:flex; width:100%; padding:4px; margin:14px 0; background:#ffffff0b; border-radius:10px; }
body[data-template="cs27Reg"] .cs27-rail .btn_top_block button { flex:1; border:0; border-radius:8px; min-height:30px; background:transparent; color:#aaa; }
body[data-template="cs27Reg"] .cs27-rail .btn_top_block button[aria-selected="true"] { background:#ff5b2c; color:white; }
/* Stats output is reused on other pages; compact only in the home rail. */
body[data-template="cs27Reg"] .cs27-rail .top_block_stats_player,body[data-template="cs27Reg"] .cs27-rail .table-row.top_none { display:none; }
body[data-template="cs27Reg"] .cs27-rail .card_stats_top_player { display:flex !important; align-items:center; position:relative; width:100%; min-height:65px; margin:0 0 7px; padding:10px; background:linear-gradient(110deg,#292c2d,#242627); border:1px solid #ffffff08; border-radius:9px; }
body[data-template="cs27Reg"] .cs27-rail .stats_card_header { display:flex; flex-direction:row; gap:10px; width:100%; margin:0; padding:0; border:0; border-radius:0; overflow:visible; }
body[data-template="cs27Reg"] .cs27-rail .stats_card_profile { flex:1; min-width:0; }
body[data-template="cs27Reg"] .cs27-rail .user_profile_card_stats { flex-direction:row; gap:12px; min-width:0; }
body[data-template="cs27Reg"] .cs27-rail .stats_card_place { position:static; order:-1; flex:0 0 26px; display:grid; place-items:center; height:28px; background:#ffffff0b; color:#ddd; font:700 14px/1 "Segoe UI",Arial,sans-serif; border-radius:7px; }
body[data-template="cs27Reg"] .cs27-rail .card_stats_top_player .info_stats_top_p { display:none; }
body[data-template="cs27Reg"] .cs27-rail .user_profile_skill_block { display:none; }
body[data-template="cs27Reg"] .cs27-rail .user-profile-avatar { flex:0 0 38px; width:38px; height:38px; object-fit:cover; border-radius:10px; }
body[data-template="cs27Reg"] .cs27-rail .user_profile_data { flex:1; min-width:0; align-items:flex-start; gap:3px; font-size:13px; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder span { display:block; font-size:0; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder span::first-letter { font-size:18px; }
.ref-frags { display:none; }
body[data-template="cs27Reg"] .cs27-rail .ref-frags { display:block; font-size:11px; color:#ddd; }
body[data-template="cs27Reg"] .cs27-footer { background:transparent; border:0; margin-top:16px; padding-top:0; }
body[data-template="cs27Reg"] .cs27-footer .bottom_head { padding:28px; border:1px solid #ffffff12; border-radius:16px; background:linear-gradient(100deg,#292b2df5,#171a1cf2),url(../img/reference-hero.webp) center/cover; }
body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; }
body[data-template="cs27Reg"] .cs27-footer .footer_description { font-size:12px; line-height:1.5; color:#aaa; }
body[data-template="cs27Reg"] .cs27-footer .bottom_info { border:0; margin:0; padding:28px 16px; }
body[data-template="cs27Reg"] .cs27-footer .bottom_info_left { font-size:11px; }
body[data-template="cs27Reg"] .cs27-footer .age_block { background:transparent; border-color:#ffffff22; }
body[data-template="cs27Reg"] .cs27-footer .icon_age { background:#ff572a; }
body[data-template="cs27Reg"] .cs27-footer .href_bottom { font-size:12px; color:#b1b2b3; }
@media(max-width:1199px) {
 body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:280px minmax(0,1fr); gap:16px; }
 body[data-template="cs27Reg"] .ref-hero { min-height:380px; padding:20px; }
 .ref-hero-copy { flex-basis:48%; } .ref-hero-widgets { flex-basis:40%; gap:10px; }
 .ref-hero-copy > p { font-size:13px; max-width:300px; }
 .ref-tools > a { min-height:110px !important; } .ref-tools strong { font-size:10px; } .ref-tools small { font-size:9px; }
 .ref-tools i { font-size:32px; margin-bottom:8px; }
 body[data-template="cs27Reg"] .ref-promo { min-height:190px; padding:12px; }
 .ref-promo strong { font-size:15px; } .ref-promo small { font-size:10px; }
 body[data-template="cs27Reg"] .cs27-masthead .search_user { width:190px; }
 body[data-template="cs27Reg"] .cs27-main #new_news { gap:9px; }
 body[data-template="cs27Reg"] .cs27-news-body h3 { font-size:14px; }
 .cs27-news-summary { font-size:11px; }
}
@media(max-width:991px) {
 body[data-template="cs27Reg"] .container { width:calc(100% - 28px); }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu { top:60px; border-radius:14px; background:#222527; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { min-width:0; box-shadow:none; }
 body[data-template="cs27Reg"] .cs27-navigation .two_top_menu { min-height:56px; }
 body[data-template="cs27Reg"] .ref-hero { flex-wrap:wrap; }
 .ref-hero-copy { flex-basis:100%; min-height:300px; } .ref-hero-widgets { flex-basis:100%; flex-direction:row; }
 .ref-tools { width:50%; } .ref-promos { width:50%; }
 body[data-template="cs27Reg"] .ref-promo { min-height:185px; }
 body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-rail { display:contents; }
 body[data-template="cs27Reg"] .cs27-main { grid-column:1; grid-row:2; }
 body[data-template="cs27Reg"] .cs27-rail > .block_servers { grid-row:1; }
 body[data-template="cs27Reg"] .cs27-rail #servers { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
 body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:repeat(3,1fr); gap:24px; }
 body[data-template="cs27Reg"] .cs27-footer-grid > div:first-child { grid-column:1/-1; }
}
@media(max-width:767px) {
 body[data-template="cs27Reg"] { background-image:radial-gradient(ellipse at 0 0,#ff572a0b,transparent 650px),linear-gradient(#111516,#111314); }
 body[data-template="cs27Reg"] .ref-hero { background-image:linear-gradient(#12141466,#111314e8 62%),url(../img/reference-hero-mobile.webp); background-size:cover; background-position:50% top; padding:18px; }
 body[data-template="cs27Reg"] .ref-hero h1 { font-size:32px; }
 .ref-hero-copy > p { max-width:320px; } .ref-hero-copy { min-height:310px; }
 .ref-hero-widgets { flex-direction:column; padding:8px; }
 .ref-tools,.ref-promos { width:100%; }
 .ref-tools > a { min-height:105px !important; }
 body[data-template="cs27Reg"] .ref-promo { min-height:200px; }
 body[data-template="cs27Reg"] .cs27-main #new_news { grid-template-columns:1fr; gap:14px; }
 body[data-template="cs27Reg"] .cs27-news-body h3 { font-size:19px; }
 .cs27-news-summary { font-size:14px; }
 .cs27-news-meta { font-size:12px; }
 body[data-template="cs27Reg"] .cs27-news-link { min-height:44px; font-size:12px; }
 body[data-template="cs27Reg"] .cs27-chat #chat_messages { height:330px; }
 body[data-template="cs27Reg"] .cs27-rail #servers { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .row_events { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-masthead > .container { padding:14px 4px; gap:14px; }
 .ref-brand b { font-size:25px; } .ref-brand small { font-size:6px; letter-spacing:1.5px; }
 body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { max-width:100%; }
 body[data-template="cs27Reg"] .cs27-footer .bottom_head { padding:20px; }
 body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:1fr 1fr; gap:20px; }
 body[data-template="cs27Reg"] .cs27-footer .bottom_info { padding:24px 4px; }
}

/* Home-only overrides: no changes to forum/profile lists or statistics pages. */
body[data-template="cs27Reg"] .cs27-dashboard { align-items:start; }
body[data-template="cs27Reg"] .cs27-main #new_news > .empty-element { grid-column:1 / -1; padding:20px; text-align:center; }
body[data-template="cs27Reg"] .cs27-main .cs27-news-summary { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
body[data-template="cs27Reg"] .cs27-main .cs27-news-summary > :first-child { margin-top:0; }
body[data-template="cs27Reg"] .cs27-main .cs27-news-meta { flex-wrap:wrap; font-size:12px; gap:4px 10px; }
body[data-template="cs27Reg"] .cs27-main .cs27-news-link { font-size:12px; }
body[data-template="cs27Reg"] .cs27-main .ref-events #events .event,
body[data-template="cs27Reg"] .cs27-main .ref-events #last_activity .lst_activity_block { background:#25292b; border:1px solid #ffffff12; min-height:76px; height:auto; padding:12px; }
body[data-template="cs27Reg"] .cs27-main .ref-events #events .event > div { min-width:0; line-height:1.45; }
body[data-template="cs27Reg"] .cs27-main .ref-events .left_side_activity { min-width:0; gap:10px; }
body[data-template="cs27Reg"] .cs27-main .ref-events .activity_flex { min-width:0; gap:4px; }
body[data-template="cs27Reg"] .cs27-main .ref-events .last_activity_theme { font-size:13px; line-height:1.4; overflow-wrap:anywhere; }
body[data-template="cs27Reg"] .cs27-main .ref-events .activity_btn { flex-shrink:0; background:#ffffff0b; color:#d6dadd; }
body[data-template="cs27Reg"] .cs27-main .ref-events .img_actiity { width:32px; height:32px; object-fit:cover; }
body[data-template="cs27Reg"] .cs27-main .heading_cap .heading { font-size:18px; }
body[data-template="cs27Reg"] .cs27-main .heading_cap { min-width:0; }
body[data-template="cs27Reg"] .cs27-rail .ref-server-name { font-size:12px; line-height:1.45; }
body[data-template="cs27Reg"] .cs27-rail .tabs__panel[hidden] { display:none !important; }
@media (max-width:1199px) and (min-width:992px) {
 body[data-template="cs27Reg"] .cs27-main .row_events { grid-template-columns:1fr; }
}
@media (max-width:767px) {
 body[data-template="cs27Reg"] .cs27-main .heading_block { flex-wrap:wrap; gap:8px; }
 body[data-template="cs27Reg"] .cs27-main .heading_cap .heading { font-size:17px; }
 body[data-template="cs27Reg"] .cs27-main .ref-news .double_heading { flex:1 1 170px; }
 body[data-template="cs27Reg"] .cs27-main .ref-all-news { margin-right:0; }
}

/* 3.2: remove legacy offsets; keep dropdown visibility controlled by GameCMS. */
body[data-template="cs27Reg"] .cs27-masthead > .container { display:flex; align-items:center; gap:16px; }
body[data-template="cs27Reg"] .cs27-masthead .search_user { top:auto; margin:0; float:none; }
body[data-template="cs27Reg"] .cs27-masthead .pro { top:auto; margin:0; padding:0; height:42px; flex-direction:row; align-items:center; justify-content:center; float:none; }
body[data-template="cs27Reg"] .cs27-masthead .pro > :is(.line_promo_up,.striped-circle) { display:none; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { align-items:center; padding:0; gap:8px; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li { position:relative; top:auto; right:auto; margin:0; padding:0; flex-shrink:0; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance { display:flex; align-items:center; gap:8px; height:42px; padding:5px 7px; line-height:1.2; white-space:nowrap; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance > i { position:static; margin:0; flex:0 0 30px; width:30px; height:30px; line-height:1; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance > a { display:flex; align-items:center; justify-content:center; position:static; width:auto; height:32px; padding:0 12px; margin:0; line-height:1; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li:not(.balance) > a,
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .show_user { display:flex; align-items:center; justify-content:center; position:relative; top:auto; width:42px; height:42px; padding:0; margin:0; line-height:1; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li:not(.balance) > a > i,
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .show_user > i { position:static !important; inset:auto !important; padding:0; margin:0; line-height:1; }
body[data-template="cs27Reg"] .cs27-navigation :is(.two_top_menu,.menu_top_left,.menu_top_rigth) { display:flex; align-items:center; }
body[data-template="cs27Reg"] .cs27-navigation .menu_top_left { min-width:0; flex:1; }
body[data-template="cs27Reg"] .cs27-navigation .menu_top_rigth { flex-shrink:0; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container { width:100%; max-width:none; padding:0; margin:0; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > .collapsible-menu { height:auto; margin:0; overflow:visible; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li { position:relative; margin:0; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a { display:flex; align-items:center; min-height:42px; height:auto; line-height:1.3; margin:0; }
@media(min-width:992px) {
 body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul { display:flex; align-items:center; flex-wrap:wrap; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li { display:flex; align-items:center; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li.collapsible { padding-right:14px; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li.collapsible::after { position:absolute; top:50%; right:1px; transform:translateY(-50%); margin:0; float:none; width:12px; height:12px; display:flex; align-items:center; justify-content:center; pointer-events:none; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > ul { top:100%; left:0; }
}
/* Server text stays within its own column, with a separate action column. */
body[data-template="cs27Reg"] .cs27-rail .cs27-server .servers-info-span { display:grid; grid-template-columns:minmax(0,1fr) 42px; gap:12px; align-items:center; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server .flex_down_server { display:block; width:100%; margin:0; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server .map_player_flex { justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:4px 8px; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server .player_monitoring { position:static; display:inline-block; flex-shrink:0; margin:0; padding:0; color:#f5f5f5; line-height:1.5; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server .server_info_monitoring { min-width:0; overflow-wrap:anywhere; }
body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog { display:flex; flex-direction:column; align-items:center; gap:6px; width:42px; padding:0; }
body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog :is(.play-servers,.copy_adress) { position:static; margin:0; display:flex; align-items:center; justify-content:center; flex-shrink:0; padding:0; }
body[data-template="cs27Reg"] .cs27-rail .btn_server_play_cog i { position:static; margin:0; line-height:1; }
body[data-template="cs27Reg"] .cs27-rail .visit_users_online { display:flex; align-items:center; justify-content:space-between; gap:10px; border-radius:9px; padding:10px; }
body[data-template="cs27Reg"] .cs27-rail .flex_online_us { display:flex; align-items:center; gap:10px; min-width:0; }
body[data-template="cs27Reg"] .cs27-rail .user_o_img { position:static; width:34px; height:34px; margin:0; flex-shrink:0; object-fit:cover; border-radius:50%; }
body[data-template="cs27Reg"] .cs27-rail .block_visit { min-width:0; margin:0; }
body[data-template="cs27Reg"] .cs27-rail .login_visit { display:block; overflow-wrap:anywhere; }
/* Compose the input and send action without absolute button offsets. */
body[data-template="cs27Reg"] .cs27-chat #chat .input-group { display:flex; align-items:stretch; flex-wrap:nowrap; gap:8px; padding:0; margin:12px 0 0; }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group .smile_input { position:relative; flex:1; min-width:0; width:auto; padding:0; }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group #chat_message_input { height:46px; min-height:46px; margin:0; padding:0 44px 0 14px; line-height:normal; border-radius:9px !important; }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group #smile_btn { top:50%; right:14px; transform:translateY(-50%); }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn { position:static; display:flex; flex:0 0 46px; width:46px; }
body[data-template="cs27Reg"] .cs27-chat #send_button { position:static; inset:auto; display:flex; align-items:center; justify-content:center; width:46px; height:46px; margin:0; padding:0; }
/* Legacy panels used top:-54px and a negative bottom margin. */
body[data-template="cs27Reg"] .block_t_u tabs-group { display:block; }
body[data-template="cs27Reg"] .block_t_u .tabs__controls { display:flex; flex-direction:column; align-items:stretch; gap:14px; margin:0 0 12px; }
body[data-template="cs27Reg"] .block_t_u .btn_top_block { position:static; display:flex; width:100%; height:auto; margin:0; padding:4px; }
body[data-template="cs27Reg"] .block_t_u .btn_top_block button { width:auto; flex:1; min-height:34px; }
body[data-template="cs27Reg"] .block_t_u .tabs__panel { position:static; top:auto; margin:0; }
body[data-template="cs27Reg"] .block_t_u .tabs__panel[hidden] { display:none !important; }
body[data-template="cs27Reg"] .cs27-rail .stats_card_header { align-items:center; gap:8px; }
body[data-template="cs27Reg"] .cs27-rail .user_profile_card_stats { display:flex; align-items:center; gap:10px; width:100%; }
body[data-template="cs27Reg"] .cs27-rail .user_profile_data { display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; }
body[data-template="cs27Reg"] .cs27-rail .user_profile_data > :is(i,a) { display:block; width:100%; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder { overflow:hidden; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder > span { width:1ch; overflow:hidden; white-space:nowrap; font-size:18px; line-height:1; }
@media(max-width:767px) {
 body[data-template="cs27Reg"] .cs27-masthead > .container { gap:12px; padding:12px 0; }
 body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { justify-content:flex-end; max-width:100%; gap:6px; }
 body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance { display:flex; }
}

/* Neutral graphite surfaces, including legacy inputs with important backgrounds. */
body[data-template="cs27Reg"] .cs27-chat #chat .input-group #chat_message_input { background:#17191a !important; border-color:#393c3d; }
body[data-template="cs27Reg"] :is(.users_chat_online,.visit_users_online,.online_scroll,.users_online_chat) { background-color:#202223; }
body[data-template="cs27Reg"] .cs27-rail .visit_users_online { background:#292b2c; border-color:#383a3b; }
body[data-template="cs27Reg"] .cs27-rail .cs27-server { background:#292b2c; border-color:#3b3d3e; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead :is(.show_user,ul.user-menu > li:not(.balance):not(.collapsible) > a) { background:#202223; border:1px solid #363839; border-radius:50%; }
body[data-template="cs27Reg"] :is(.prcr,.online_prcr,.dropdown-menu_language,.notifications_list,.navigation_head,.collapsible_head,.mini_profile_menu,.my_stores_mini_btn) { background-color:#242627; border-color:#393b3c; }
body[data-template="cs27Reg"] :is(.custom-input input,.custom-select select,.custom-textarea textarea) { background-color:#191b1c; border-color:#3c3e3f; color:#ededed; }

/* Promo code temporarily hidden at the owner's request. */
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .pro { display:none !important; }

/* 3.3: navigation highlight, consistent accents, rail spacing and footer. */
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a { box-sizing:border-box; justify-content:center; height:40px; min-height:40px; padding:0 10px; border:1px solid transparent; border-radius:9px; transform:none; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a:hover,
body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a.open { background:#ff572814; border-color:#ff57284d; color:#fff; }
body[data-template="cs27Reg"] .cs27-navigation .menu_top_left > a { display:flex; align-items:center; justify-content:center; align-self:center; }
body[data-template="cs27Reg"] .cs27-navigation .menu_top_push_active { box-sizing:border-box; width:34px; height:40px; margin:0; border:1px solid transparent; }
body[data-template="cs27Reg"] .cs27-navigation .menu_top_left > a:hover .menu_top_push_active { background:#ff572814; border-color:#ff57284d; }
body[data-template="cs27Reg"] .cs27-rail .users_online_chat { background:transparent; margin-bottom:16px; }
body[data-template="cs27Reg"] .cs27-rail .users_online_chat .flex_online_users { margin-bottom:0; }
body[data-template="cs27Reg"] .cs27-rail .online_scroll { margin-bottom:0; }
body[data-template="cs27Reg"] .cs27-rail .online_us_all { margin-top:200px; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li.balance > i,
body[data-template="cs27Reg"] .online_now_head > i,
body[data-template="cs27Reg"] .center_sub .btn_sub_menu { background:#ff5728; color:#fff; opacity:1; text-shadow:none; box-shadow:none; }
body[data-template="cs27Reg"] .center_sub .sub_menu { background:#202223; border-color:#383a3b; }
body[data-template="cs27Reg"] .center_sub :is(.icon-tg,.sdg_watermark) { background:#303233; color:#eee; }
body[data-template="cs27Reg"] .center_sub :is(.icon-tg,.sdg_watermark):hover { background:#ff5728; color:#fff; }
body[data-template="cs27Reg"] :is(.flex_today > i,.flex_balance_mp > i,.btn_long_nav,.flex_mini_user > a > i) { background:#ff572817; color:#ff693c; text-shadow:none; }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group { width:100%; box-sizing:border-box; }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn { min-width:46px; max-width:46px; margin:0; padding:0; left:auto; right:auto; }
body[data-template="cs27Reg"] .cs27-chat #chat .input-group-btn:last-child > #send_button { margin:0; background:#ff5728; }
body[data-template="cs27Reg"] .ref-full-stats { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; box-sizing:border-box; margin-top:14px; padding:12px; min-height:44px; border:1px solid #ff572866; border-radius:9px; background:#ff57280d; color:#f5f5f5; font:600 12px/1.4 "Segoe UI",Arial,sans-serif; }
body[data-template="cs27Reg"] .ref-full-stats i { color:#ff693c; font-size:20px; flex-shrink:0; }
body[data-template="cs27Reg"] .ref-full-stats:hover { background:#ff57281f; border-color:#ff5728; }
body[data-template="cs27Reg"] .cs27-footer .bottom_head { background:#202223; border-color:#383a3b; box-shadow:none; }
/* 3.4: removed the extra bottom_info surface and spacing overrides. */
body[data-template="cs27Reg"] .cs27-footer .border_water_sdg { background:#ff57281a; border-color:#ff572855; box-shadow:none; }
body[data-template="cs27Reg"] .cs27-footer .cooperation_btn { background:#ff5728; color:#fff; text-shadow:none; box-shadow:none; }
@media(max-width:991px) {
 body[data-template="cs27Reg"] .cs27-navigation .header-menu > .container > ul > li > a { justify-content:flex-start; }
}

/* 3.4: requested chat viewport dimensions. */
body[data-template="cs27Reg"] #chat #chat_messages,
body[data-template="cs27Reg"] #chat #messages {
 overflow-y:auto;
 width:calc(100% - 10px);
 height:350px !important;
 margin-left:7px;
}