/* cs27Reg 2.0: layout components, local assets, no animation loops. */
body[data-template="cs27Reg"] { font-size:14px; line-height:1.55; }
body[data-template="cs27Reg"] .cs27-shell { width:100%; padding:0; }
body[data-template="cs27Reg"] .cs27-masthead { position:relative; inset:auto; height:auto; min-height:88px; margin:0; padding:0; backdrop-filter:none; background:#101111; }
body[data-template="cs27Reg"] .cs27-masthead > .container { position:relative; min-height:88px; height:auto; padding-top:16px; padding-bottom:16px; flex-wrap:wrap; gap:16px; }
body[data-template="cs27Reg"] .cs27-masthead .user-menu { position:static; margin:0; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead { height:auto; z-index:110; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu { position:relative; inset:auto; width:auto; height:auto; display:flex; flex-wrap:wrap; gap:8px; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead ul.user-menu > li > a.log_in_buton { width:auto; height:44px; border-radius:10px; white-space:nowrap; }
body[data-template="cs27Reg"] .cs27-navigation { position:relative; inset:auto; margin:0; padding:0; width:100%; border-radius:0; background:#161717; backdrop-filter:none; box-shadow:none; z-index:100; }
body[data-template="cs27Reg"] .cs27-navigation .two_top_menu { position:relative; inset:auto; margin:0; padding:8px 0; height:auto; min-height:64px; border-radius:0; background:transparent; }
/* jQuery slideDown/slideUp sets inline display; do not force visibility. */
body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { display:none; min-width:210px; padding:8px; margin:0; background:#1e1f1f; border:1px solid #393a3a; box-shadow:0 12px 28px #0006; }
body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul a { white-space:normal; }
body[data-template="cs27Reg"] .cs27-cover { display:flex; align-items:center; min-height:420px; padding:56px; margin:28px 0 16px; border-radius:20px; background-image:linear-gradient(90deg,#0d0e0ef5,#0d0e0ebd 48%,#0d0e0ee8),url(../img/hero-desktop.webp); background-position:center; }
body[data-template="cs27Reg"] .cs27-cover::before,body[data-template="cs27Reg"] .cs27-cover::after { content:none; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .user-menu > li.collapsible { position:relative; align-self:center; width:42px; height:42px; margin:0; padding:0; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .user-menu > li.collapsible > a { position:relative; inset:auto; display:block; width:42px; height:42px; margin:0; padding:0; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .blockprofile { position:relative; inset:auto; width:42px; height:42px; padding:0; margin:0; border:0; background:transparent; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .blockprofile > img { position:static; display:block; width:42px; height:42px; margin:0; border-radius:50%; object-fit:cover; }
body[data-template="cs27Reg"] .cs27-shell .cs27-masthead .user-menu > .bx-chevron-down { display:none; }
body[data-template="cs27Reg"] .cs27-masthead .user-menu > li.collapsible > ul { top:52px; right:0; left:auto; max-width:calc(100vw - 32px); }
body[data-template="cs27Reg"] .cs27-cover .sortion_block_head { position:relative; inset:auto; width:100%; min-height:0; padding:0; margin:0; }
body[data-template="cs27Reg"] .cs27-cover .bar_head { position:static; width:100%; padding:0; margin:0; }
body[data-template="cs27Reg"] .cs27-cover .title_head { font-size:clamp(32px,3.5vw,52px); line-height:1.04; max-width:820px; margin:22px 0; }
body[data-template="cs27Reg"] .cs27-cover .text_head { display:block; max-width:540px; font-size:15px; line-height:1.7; }
body[data-template="cs27Reg"] .cs27-cover #sortition { position:static; max-width:540px; margin-top:16px; }
.cs27-quicklinks { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-bottom:28px; }
body[data-template="cs27Reg"] .cs27-quicklinks > a { display:flex; align-items:center; gap:14px; padding:20px; border:1px solid #303131; border-radius:12px; background:#181919; min-width:0; }
.cs27-quicklinks > a > i:first-child { color:#ff7a2a; font-size:26px; }
.cs27-quicklinks > a > i:last-child { margin-left:auto; color:#8492a8; }
.cs27-quicklinks strong,.cs27-quicklinks small { display:block; }
.cs27-quicklinks strong { font-size:14px; color:#f4f6fa; }
.cs27-quicklinks small { margin-top:3px; font-size:11px; color:#9caabd; }
body[data-template="cs27Reg"] .cs27-quicklinks > a:hover { border-color:#ff7a2a; background:#222323; }
body[data-template="cs27Reg"] .cs27-live .block_servers { padding:22px; margin-bottom:28px; background:#161717; }
body[data-template="cs27Reg"] .cs27-live #servers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; }
body[data-template="cs27Reg"] .cs27-live .cs27-server { width:100%; min-height:128px; margin:0; padding:22px; background:#202121; border:1px solid #343535; }
body[data-template="cs27Reg"] .cs27-server .map_back_server { opacity:.13; }
body[data-template="cs27Reg"] .cs27-live .flex_server_info { flex:1; min-width:0; }
body[data-template="cs27Reg"] .cs27-live .servers-info-span { display:flex; align-items:center; gap:18px; width:100%; }
body[data-template="cs27Reg"] .cs27-live .progress { height:4px; width:100%; margin:9px 0; }
body[data-template="cs27Reg"] .cs27-live .btn_server_play_cog { position:relative; inset:auto; display:flex; flex-direction:row; gap:8px; }
body[data-template="cs27Reg"] .cs27-live .play-servers,body[data-template="cs27Reg"] .cs27-live .copy_adress { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; }
body[data-template="cs27Reg"] .cs27-live .play-servers { background:#ff7029; color:white; }
body[data-template="cs27Reg"] .row.cs27-dashboard { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; margin:0; }
.cs27-main,.cs27-rail { min-width:0; }
body[data-template="cs27Reg"] .cs27-main .heading_block { margin:28px 0 16px; padding:0 0 14px; background:transparent; border:0; border-bottom:1px solid #2f3030; border-radius:0; }
body[data-template="cs27Reg"] .cs27-main #new_news { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; }
body[data-template="cs27Reg"] .cs27-news-card { overflow:hidden; border:1px solid #313232; border-radius:14px; background:#181919; min-width:0; margin:0 0 18px; }
body[data-template="cs27Reg"] #new_news .cs27-news-card { margin:0; }
.cs27-news-cover { display:block; aspect-ratio:16/9; overflow:hidden; background:#262727; }
.cs27-news-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.cs27-news-body { padding:22px; }
.cs27-news-meta { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:#a2aec0; }
body[data-template="cs27Reg"] .cs27-news-body h3 { font-family:inherit; font-size:20px; font-weight:750; line-height:1.3; margin:14px 0 10px; }
.cs27-news-summary { color:#aab5c6; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
body[data-template="cs27Reg"] .cs27-news-link { display:inline-flex; align-items:center; gap:8px; margin-top:22px; color:#ff914f; font-size:12px; font-weight:700; }
body[data-template="cs27Reg"] .cs27-chat { border:1px solid #313232; border-radius:14px; background:#181919; padding:20px; }
body[data-template="cs27Reg"] .cs27-chat .chat { margin:0; padding:0; background:transparent; border:0; }
body[data-template="cs27Reg"] .cs27-chat .heading_block_chat { padding:0 0 16px; margin:0; background:transparent; border-bottom:1px solid #313232; }
.cs27-caption { display:block; color:#9eacc0; font-size:11px; }
body[data-template="cs27Reg"] .cs27-chat #chat_messages { height:290px; max-height:55vh; background:#151616; }
body[data-template="cs27Reg"] .cs27-chat .input-group { margin:14px 0 0; }
body[data-template="cs27Reg"] .cs27-chat #chat_message_input { border-radius:10px !important; font-size:14px; background:#222323; }
body[data-template="cs27Reg"] .cs27-rail .flex_online_users,body[data-template="cs27Reg"] .cs27-rail .block_t_u { border-radius:14px; background:#181919; }
body[data-template="cs27Reg"] .gradient_online { display:none; }
body[data-template="cs27Reg"] .row_events { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:0; background:transparent; border:0; }
body[data-template="cs27Reg"] .row_events > div { width:auto; margin:0; min-width:0; padding:16px; background:#181919; border:1px solid #313232; border-radius:14px; }
body[data-template="cs27Reg"] .event,body[data-template="cs27Reg"] .lst_activity_block { background:#232424; }
body[data-template="cs27Reg"] .cs27-footer { margin-top:48px; padding:36px 0 0; border-top:1px solid #2f3030; background:#121313; }
body[data-template="cs27Reg"] .cs27-footer .bottom_head { padding:0; background:none; border:0; }
body[data-template="cs27Reg"] .cs27-footer-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:32px; padding:0; }
body[data-template="cs27Reg"] .cs27-footer-grid > div { width:auto; max-width:none; padding:0; }
body[data-template="cs27Reg"] .cs27-footer .bottom_info { margin-top:28px; padding:24px 0; border-top:1px solid #2f3030; }
body[data-template="cs27Reg"] .block { border-color:#313232; background-color:#181919; }
body[data-template="cs27Reg"] .table { color:#dce4f0; background:#181919; }
body[data-template="cs27Reg"] .table th { background:#242525; color:#9daec4; font-size:12px; border-color:#3b3c3c; }
body[data-template="cs27Reg"] .table td { border-color:#313232; vertical-align:middle; }
body[data-template="cs27Reg"] .table-adaptive { max-width:100%; overflow-x:auto; }
body[data-template="cs27Reg"] .table-adaptive .table-row:nth-child(odd) { background:#1f2020 !important; }
body[data-template="cs27Reg"] .table-adaptive .table-row:nth-child(even) { background:#181919 !important; }
body[data-template="cs27Reg"] .table-striped tbody tr:nth-of-type(odd) { background:#1f2020; }
body[data-template="cs27Reg"] .table-responsive { width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
body[data-template="cs27Reg"] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-template="cs27Reg"] select,body[data-template="cs27Reg"] textarea { max-width:100%; }
body[data-template="cs27Reg"] .form-control { background-color:#141515; color:#edf2fa; border-color:#404141; }
body[data-template="cs27Reg"] .form-control:focus { border-color:#ff914f; box-shadow:0 0 0 3px #ff7a2a20; }
body[data-template="cs27Reg"] .modal-content { background:#1b1c1c; color:#edf2fa; border:1px solid #424343; border-radius:16px; }
body[data-template="cs27Reg"] .modal-dialog { max-width:calc(100% - 24px); }
body[data-template="cs27Reg"] .modal-body { overflow-wrap:anywhere; }
body[data-template="cs27Reg"] :focus-visible { outline:2px solid #ff914f; outline-offset:3px; }
body[data-template="cs27Reg"] .cs27-forum-row { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:24px; padding:22px; border-bottom:1px solid #343535; background:#1c1d1d; }
body[data-template="cs27Reg"] .cs27-forum-row > div { width:auto; min-width:0; }
body[data-template="cs27Reg"] .cs27-forum-row .forum_img { width:48px; height:48px; object-fit:cover; border-radius:12px; }
body[data-template="cs27Reg"] .cs27-forum-post { display:grid; grid-template-columns:210px minmax(0,1fr); gap:22px; padding:22px; margin-bottom:20px; background:#1a1b1b; border:1px solid #3b3c3c; border-radius:14px; }
body[data-template="cs27Reg"] .cs27-forum-post .left-side,body[data-template="cs27Reg"] .cs27-forum-post .right-side_flex { width:auto; min-width:0; margin:0; float:none; }
body[data-template="cs27Reg"] .cs27-forum-post .img_forum_user_back { display:none; }
body[data-template="cs27Reg"] .section_store_card { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
body[data-template="cs27Reg"] .section_store_card .card_privilege { width:auto; margin:0; min-width:0; overflow:hidden; background:#1d1e1e; border:1px solid #3b3c3c; border-radius:14px; }
body[data-template="cs27Reg"] .image_card_store { overflow:hidden; background:#252626; }
body[data-template="cs27Reg"] .service_preview_image { display:block; width:100%; height:200px; object-fit:contain; }
body[data-template="cs27Reg"] .flex_card_info_store { padding:20px; background:#1d1e1e; }
@media(min-width:992px) { body[data-template="cs27Reg"] .modal-dialog { max-width:600px; } body[data-template="cs27Reg"] .modal-lg { max-width:900px; } }
@media(max-width:1199px) { .cs27-quicklinks { grid-template-columns:repeat(2,minmax(0,1fr)); } body[data-template="cs27Reg"] .cs27-masthead .search_user { width:180px; } body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:minmax(0,1fr) 270px; gap:18px; } }
@media(max-width:991px) {
 body[data-template="cs27Reg"] .container { width:calc(100% - 32px); padding-left:0; padding-right:0; }
 body[data-template="cs27Reg"] .row.cs27-dashboard { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-rail { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu { position:absolute; top:64px; left:0; right:0; padding:12px; width:100%; background:#1d1e1e; border:1px solid #424343; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu.show { display:block !important; }
 body[data-template="cs27Reg"] .cs27-navigation .header-menu ul ul { position:static; width:100%; }
 body[data-template="cs27Reg"] .cs27-cover { min-height:380px; padding:36px; }
 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"] .cs27-forum-row,body[data-template="cs27Reg"] .cs27-forum-post { grid-template-columns:1fr; padding:16px; gap:16px; }
 body[data-template="cs27Reg"] .cs27-forum-post .left-side { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
 body[data-template="cs27Reg"] .section_store_card { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-cover { background-image:linear-gradient(90deg,#0d0e0ef5,#0d0e0ed9),url(../img/hero-mobile.webp); min-height:370px; padding:28px 22px; }
 body[data-template="cs27Reg"] .cs27-cover .title_head { font-size:32px; }
 body[data-template="cs27Reg"] .cs27-masthead .logo { width:165px; }
 body[data-template="cs27Reg"] .cs27-masthead > .container { min-height:78px; gap:12px; }
 body[data-template="cs27Reg"] .cs27-masthead .search_user { display:none; }
 body[data-template="cs27Reg"] .cs27-live #servers { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-live .block_servers { padding:16px; }
 body[data-template="cs27Reg"] .cs27-main #new_news { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .row_events { grid-template-columns:1fr; }
 body[data-template="cs27Reg"] .cs27-chat { padding:14px; }
 body[data-template="cs27Reg"] .cs27-chat .heading_block_chat { flex-wrap:wrap; gap:12px; }
 body[data-template="cs27Reg"] .cs27-rail { grid-template-columns:1fr; }
 .cs27-quicklinks { gap:8px; }
 body[data-template="cs27Reg"] .cs27-quicklinks > a { padding:14px 10px; gap:8px; }
 .cs27-quicklinks strong { font-size:12px; }
 .cs27-quicklinks small,.cs27-quicklinks > a > i:last-child { display:none; }
 body[data-template="cs27Reg"] .cs27-footer-grid { grid-template-columns:1fr 1fr; }
 body[data-template="cs27Reg"] .cs27-footer .bottom_info { flex-wrap:wrap; gap:20px; }
 body[data-template="cs27Reg"] .cs27-live .cs27-server { padding:16px; }
 body[data-template="cs27Reg"] .cs27-live .btn_server_play_cog { flex-direction:column; }
 body[data-template="cs27Reg"] .form-control { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { body[data-template="cs27Reg"] *,body[data-template="cs27Reg"] *::before,body[data-template="cs27Reg"] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }