/* cs27Reg 3.5: shared interaction states. No event handlers or layout offsets. */
body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]) {
 transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease,translate .18s ease;
 -webkit-tap-highlight-color:transparent;
}
@media (hover:hover) and (pointer:fine) {
 body[data-template="cs27Reg"] .cs27-navigation a:hover { translate:none; }
}
body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]):not(:disabled):not(.disabled):not([aria-disabled="true"]):active { translate:0 0; filter:brightness(.96); box-shadow:inset 0 2px 5px #00000030 !important; }
body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]):focus-visible { outline:2px solid #ff946e !important; outline-offset:3px; }
body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]):is(:disabled,.disabled,[aria-disabled="true"]) { translate:none; filter:none; box-shadow:none; cursor:not-allowed; }
@media (prefers-reduced-motion:reduce) {
 body[data-template="cs27Reg"] :is(button,input[type="submit"],input[type="button"],input[type="reset"],a.btn,a[class*="btn"],a[class*="button"],a[role="button"],a.ref-full-stats,a.ref-start,a[data-toggle="tab"]) { transition:none !important; translate:none !important; }
}
/* Community pages: the first set of internal layouts. */
body[data-template="cs27Reg"] .cs27-community-page { min-width:0; }
body[data-template="cs27Reg"] .cs27-page-heading {
 display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
 background:#202223; border:1px solid #383a3b; border-radius:14px; padding:22px; margin:0 0 20px;
}
body[data-template="cs27Reg"] .cs27-page-heading .double_heading { display:flex; align-items:center; gap:14px; min-width:0; }
body[data-template="cs27Reg"] .cs27-page-heading .double_heading > i { color:#ff7545; background:#ff754514; border-radius:12px; padding:12px; }
body[data-template="cs27Reg"] .cs27-page-heading .heading { display:block; font:700 24px/1.25 "Segoe UI",sans-serif; margin:0 0 5px; color:#f4f4f4; overflow-wrap:anywhere; }
body[data-template="cs27Reg"] .cs27-page-heading .second_heading { color:#b4b4b4; }
body[data-template="cs27Reg"] .cs27-community-page #notifications_line { padding:16px; background:#202223; border:1px solid #383a3b; border-radius:14px; }
body[data-template="cs27Reg"] .cs27-community-page .notif_block_sucess { background:#27292a; border:1px solid #3a3c3d; border-radius:12px; padding:16px; margin:0 0 12px; }
body[data-template="cs27Reg"] .cs27-community-page .notif_block_sucess:last-child { margin-bottom:0; }
body[data-template="cs27Reg"] .cs27-community-page .notif_text { color:#e9e9e9; overflow-wrap:anywhere; line-height:1.6; }
body[data-template="cs27Reg"] .cs27-community-page .icon_notif { background:#ff754514; color:#ff7545; }
body[data-template="cs27Reg"] .cs27-community-page .user-full { background:#232526 !important; border:1px solid #3a3c3d; border-radius:14px; margin-bottom:20px; overflow:hidden; }
body[data-template="cs27Reg"] .cs27-community-page .img_back_user { display:none; }
body[data-template="cs27Reg"] .cs27-community-page .text_user { overflow-wrap:anywhere; color:#f4f4f4; }
body[data-template="cs27Reg"] .cs27-community-page .flex_user { min-width:0; }
body[data-template="cs27Reg"] .cs27-community-page .block_select_friends { background:#202223; border:1px solid #383a3b; border-radius:12px; padding:8px; margin-bottom:20px; }
body[data-template="cs27Reg"] .cs27-community-page .block_select_friends ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
body[data-template="cs27Reg"] .cs27-community-page .block_select_friends li { flex:1 1 180px; margin:0; }
body[data-template="cs27Reg"] .cs27-community-page .block_select_friends a { display:flex; justify-content:center; align-items:center; min-height:44px; border-radius:8px; color:#ddd; background:transparent; }
body[data-template="cs27Reg"] .cs27-community-page .block_select_friends a.active { background:#ff75451a; color:#ff9269; }
@media(max-width:575px) {
 body[data-template="cs27Reg"] .cs27-page-heading { padding:16px; }
 body[data-template="cs27Reg"] .cs27-page-heading .heading { font-size:21px; }
 body[data-template="cs27Reg"] .cs27-community-page #notifications_line { padding:10px; }
}

/* 3.6: online list, forum heading and community alignment. */
body[data-template="cs27Reg"] .online_scroll { background:transparent !important; padding:0; }
body[data-template="cs27Reg"] .online_scroll .users_chat_online { margin:0 0 10px !important; background:transparent !important; }
body[data-template="cs27Reg"] .online_scroll .users_chat_online:last-child { margin-bottom:0 !important; }
body[data-template="cs27Reg"] .online_scroll .visit_users_online { background:#232526 !important; border:1px solid #383a3b; border-radius:12px; }
body[data-template="cs27Reg"] .gradient_online { display:none; }
body[data-template="cs27Reg"] .last_activity_info .flex_activity_info { display:flex; align-items:center; gap:12px; }
body[data-template="cs27Reg"] .last_activity_info .flex_activity_info > i { display:flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; padding:0; margin:0; color:#fff; background:#ff5728; border-radius:10px; font-size:22px; box-shadow:none; }
body[data-template="cs27Reg"] .last_activity_info .text_forum_activity { font:700 18px/1.3 "Segoe UI",Arial,sans-serif; color:#f4f4f4; margin:0 0 4px; }
body[data-template="cs27Reg"] .last_activity_info .flex_activity > span { color:#aaa; font-size:12px; }
body[data-template="cs27Reg"] .cs27-community-page { padding-top:20px; }
body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:8px; padding:0; margin:0; }
body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs > li { width:auto; min-width:0; margin:0; padding:0; list-style:none; }
body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs .nav-link { position:static; display:flex; gap:8px; justify-content:center; align-items:center; width:100%; min-height:46px; margin:0; padding:10px 14px; border:1px solid transparent; border-radius:9px; font:600 13px/1.4 "Segoe UI",Arial,sans-serif; text-transform:none; background:transparent; color:#ccc; box-sizing:border-box; }
body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs .nav-link::before { content:none !important; display:none !important; }
body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs .nav-link.active { background:#ff572818; border-color:#ff572855; color:#ff946e; }
body[data-template="cs27Reg"] .cs27-community-page .date_not { position:static; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:0; }
body[data-template="cs27Reg"] .cs27-community-page .date_notif { background:#333637; color:#c6c8c8; font:500 12px/1.4 "Segoe UI",Arial,sans-serif; padding:4px 10px; border-radius:6px; }
body[data-template="cs27Reg"] .cs27-community-page .date_not > i { position:static !important; float:none; margin:0; flex:0 0 26px; width:26px; height:26px; display:flex; justify-content:center; align-items:center; cursor:pointer; }
body[data-template="cs27Reg"] .cs27-community-page .flex_notif { display:flex; align-items:flex-start; gap:12px; margin:0; }
body[data-template="cs27Reg"] .cs27-community-page .icon_notif { flex:0 0 34px; width:34px; height:34px; margin:0; }
body[data-template="cs27Reg"] .cs27-community-page .notification_collapse { min-width:0; width:auto; flex:1; padding:0; margin:0; }
body[data-template="cs27Reg"] .cs27-community-page .notif_text { font:500 13px/1.65 "Segoe UI",Arial,sans-serif; }
body[data-template="cs27Reg"] .cs27-community-page .cs27-page-heading .btn_heading_full { position:static; margin:0; align-self:center; }
@media(max-width:575px) {
 body[data-template="cs27Reg"] .cs27-community-page .cs27-friend-tabs { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-community-page .date_notif { font-size:11px; }
}

/* 3.7: original logo silhouette, recolored by a CSS mask. */
body[data-template="cs27Reg"] .cs27-legacy-brand { display:inline-block; position:relative; width:220px; max-width:100%; line-height:0; flex-shrink:0; }
body[data-template="cs27Reg"] .cs27-legacy-brand img { display:block; width:100%; height:auto; }
@supports (mask-image:url("")) or (-webkit-mask-image:url("")) {
 body[data-template="cs27Reg"] .cs27-legacy-brand { background:#ff5728; -webkit-mask:url('../img/logo-legacy.png') center/contain no-repeat; mask:url('../img/logo-legacy.png') center/contain no-repeat; }
 body[data-template="cs27Reg"] .cs27-legacy-brand img { opacity:0; }
}
@media(max-width:575px) { body[data-template="cs27Reg"] .cs27-legacy-brand { width:165px; } }
@media(hover:hover) and (pointer:fine) {
 body[data-template="cs27Reg"] a.ref-start:hover { background:#ff7545; color:#fff; }
}

/* 3.8: ranking spacing, four-column directories and private messages. */
body[data-template="cs27Reg"] .cs27-rail .stats_card_place { margin-right:6px; }
body[data-template="cs27Reg"] .cs27-rail .stats_card_header { gap:12px; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder { width:38px !important; height:38px !important; min-width:38px; flex:0 0 38px; margin:0; padding:0; border:1px solid #ff754555; border-radius:10px; background:#242627 url('../img/cs16-players.jpg') 0% 35%/400% auto no-repeat !important; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder.place-border-5 { background-position:100% 35% !important; }
body[data-template="cs27Reg"] .cs27-rail .image-placeholder > span { display:none !important; }
body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; }
body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) > [class*="col-"] { width:100%; max-width:none; padding:0; min-width:0; }
body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) > .loader { grid-column:1/-1; }
body[data-template="cs27Reg"] .cs27-community-page .user-full { height:100%; margin:0; position:relative; display:flex; flex-direction:column; }
body[data-template="cs27Reg"] .cs27-community-page .block_user { padding:16px; flex:1; }
body[data-template="cs27Reg"] .cs27-community-page .flex_user_full { display:flex; align-items:center; gap:12px; margin:0; padding:0; }
body[data-template="cs27Reg"] .cs27-community-page .user_avatar { position:static; width:44px; height:44px; margin:0; border-radius:12px; object-fit:cover; }
body[data-template="cs27Reg"] .cs27-community-page .flex_user_full > a { flex-shrink:0; }
body[data-template="cs27Reg"] .cs27-community-page .user_btn { position:static; display:flex; justify-content:flex-end; gap:8px; padding:10px 14px; border-top:1px solid #383a3b; }
body[data-template="cs27Reg"] .cs27-community-page .user_btn a { position:static; display:grid; place-items:center; width:32px; height:32px; margin:0; background:#ff572819; color:#ff875f; border-radius:8px; }
body[data-template="cs27Reg"] .cs27-community-page :is(.buttons_friends,.buttons_friends_new) { display:flex; flex-wrap:wrap; gap:6px; }
body[data-template="cs27Reg"] .cs27-users-page .block_top_users { padding:16px; background:#202223; border:1px solid #383a3b; margin-bottom:20px; }
body[data-template="cs27Reg"] .cs27-users-page .search_flex_users { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:center; }
body[data-template="cs27Reg"] .cs27-users-page #groups { background:#292b2d !important; color:#eee; border-color:#454748; }
body[data-template="cs27Reg"] .cs27-users-page .custom-select > i { background:#ff57281a !important; color:#ff875f !important; }
body[data-template="cs27Reg"] .cs27-users-page .input-search { margin:0; }
body[data-template="cs27Reg"] .cs27-messages-page .block_message { display:grid; grid-template-columns:minmax(200px,280px) minmax(0,1fr); gap:20px; align-items:start; }
body[data-template="cs27Reg"] .cs27-messages-page :is(#companions,.block_message_right) { width:auto; min-width:0; margin:0; padding:16px; background:#202223; border:1px solid #383a3b; border-radius:14px; }
body[data-template="cs27Reg"] .cs27-messages-page .dialog { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; margin:0 0 12px; background:#292b2d; border:1px solid #3a3c3d; border-radius:12px; }
body[data-template="cs27Reg"] .cs27-messages-page .dialog > div:first-child { flex:1; min-width:0; width:auto; cursor:pointer; }
body[data-template="cs27Reg"] .cs27-messages-page .dialog p { overflow-wrap:anywhere; }
body[data-template="cs27Reg"] .cs27-delete-dialog { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; padding:0; border:1px solid #e5756240; background:#e5756212; color:#ff927e; border-radius:9px; cursor:pointer; }
body[data-template="cs27Reg"] .cs27-delete-dialog i { font-size:20px; }
body[data-template="cs27Reg"] .cs27-messages-page .block_companion { background:#292b2d; border:1px solid #3a3c3d; border-radius:10px; padding:12px; margin-bottom:10px; }
body[data-template="cs27Reg"] .cs27-messages-page #chat .input-group { position:static; top:auto !important; display:flex; align-items:stretch; gap:10px; margin:16px 0 0; }
body[data-template="cs27Reg"] .cs27-messages-page #chat .smile_input { position:relative; flex:1; min-width:0; }
body[data-template="cs27Reg"] .cs27-messages-page #personal_message_input { width:100%; min-height:70px; padding:12px 40px 12px 12px; margin:0; background:#292b2d; color:#eee; border:1px solid #454748; border-radius:10px; }
body[data-template="cs27Reg"] .cs27-messages-page #chat .input-group-btn { position:static; margin:0; width:46px; flex:0 0 46px; }
body[data-template="cs27Reg"] .cs27-messages-page .btn_send_message { position:static; display:grid; place-items:center; width:46px; height:46px; margin:0; background:#ff5728; color:#fff; border-radius:10px; }
body[data-template="cs27Reg"] .ref-tools > a { transition:background-color .2s ease,box-shadow .2s ease,translate .2s ease; }
body[data-template="cs27Reg"] .ref-tools > a:focus-visible { outline:2px solid #ff946e; outline-offset:3px; }
@media(hover:hover) and (pointer:fine) {
 body[data-template="cs27Reg"] .ref-tools > a:hover { background:#ff572820; box-shadow:inset 0 0 0 1px #ff754580,0 8px 20px #0004; translate:0 -3px; }
 body[data-template="cs27Reg"] .ref-tools > a:hover i { color:#ff875f; }
}
body[data-template="cs27Reg"] .ref-tools > a:active { translate:0 0; }
@media(prefers-reduced-motion:reduce) { body[data-template="cs27Reg"] .ref-tools > a { transition:none; translate:none !important; } }
@media(max-width:991px) {
 body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body[data-template="cs27Reg"] .cs27-messages-page .block_message { grid-template-columns:1fr; }
}
@media(max-width:575px) {
 body[data-template="cs27Reg"] .cs27-community-page :is(#friends,#infriends,#unfriends,#users),body[data-template="cs27Reg"] .cs27-users-page .search_flex_users { grid-template-columns:1fr; }
}

body[data-template="cs27Reg"] .cs27-delete-message { display:inline-grid; place-items:center; width:28px; height:28px; padding:0; margin-left:8px; border:1px solid #ff927e40; border-radius:7px; background:#ff927e12; color:#ff927e; cursor:pointer; }
body[data-template="cs27Reg"] .cs27-messages-page .interaction_mess { display:flex; align-items:center; gap:6px; }