/* SolutionCyberGold / SolutionCyberRed: стилі шаблону лежать в assets/tpl/<Назва>/css (як в оригіналі), тут - зшивка з CMS:
   палітра для сторінок CMS, яких шаблон не має (форум, магазин, форми), і дрібниці розмітки, якої в оригіналі немає */
@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/montserrat-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
html[data-tpl^=cyber]{
  --font:Montserrat,"Open Sans",-apple-system,"Segoe UI",Roboto,sans-serif;--disp:Furore,Montserrat,sans-serif;
  --r:14px;--r-sm:10px;--r-xs:7px;
  --bg:#181818;--bg-2:#2b2b2b;--bg-3:#333;--bg-4:#3b3b3b;
  --band:#121212;--glass:rgba(36,36,36,.95);
  --text:#fff;--text-2:#bec1c7;--muted:#858585;
  --border:rgba(255,255,255,.05);--border-2:rgba(255,255,255,.1);
  --shadow:0 18px 50px rgba(0,0,0,.55);--shadow-sm:none;
  --accent-grad:radial-gradient(100% 100% at 50% 0,var(--accent) 0,var(--accent-2) 170%);
  --cut:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
  --cut-s:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
  --accent-text:#fff;
}
html[data-tpl=cyber-gold]{--accent-text:#1a1306}
html[data-tpl^=cyber]::before,html[data-tpl^=cyber]::after,html[data-tpl^=cyber] body::before,html[data-tpl^=cyber] body::after{display:none}
html[data-tpl^=cyber] body{display:block;min-height:0}
dialog:not([open]){display:none!important}
/* style_two.css шаблону: глобальне label{position:absolute;top:20px;font-size:1.3em} (демо) ламає форми CMS - скасовано; класи шаблону важать більше */
:where(html[data-tpl^=cyber]) label{position:static;top:auto;font-size:inherit}
/* у шаблоні .lightbox - плагін lightbox2 з display:none; вікно перегляду картинок чату CMS - теж .lightbox */
dialog.lightbox{position:fixed;inset:0;width:fit-content;height:fit-content;margin:auto;line-height:normal;text-align:initial}
dialog.lightbox img{border-radius:0;clip-path:var(--cut)}
dialog.lightbox[open]{display:block}
/* .col у CMS - колонка flex, у bootstrap шаблону - flex-basis:0 (список сплющувався до нуля) */
.cybody .flex.col{flex:0 0 auto;max-width:none;padding:0}
#chat .text_chat .msg__img{display:inline-block}
#chat #chat_messages .chat_message .message .text_chat .msg__img img{width:auto;height:auto;max-width:100%;max-height:260px}
/* загальний a:hover шаблону (#d08b00) - білий; окремі стилі кнопок і меню важать більше */
:where(html[data-tpl^=cyber]) a:hover{color:#fff}
.cybody svg:not([width],.wico,.hitbox__body){width:1.25em;height:1.25em}

/* шапка: логотип текстом, пошук-форма, мова, меню профілю на випадаючих меню CMS */
.cylogo-text{font-family:var(--disp);font-size:17px;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.cylogo-text::first-letter{color:var(--accent)}
.left_header_block>a:first-child{display:inline-flex;align-items:center;gap:9px}
.cylogo-ico{flex:none;width:28px;height:28px;object-fit:contain}
.cysearch_user{display:flex;align-items:center;margin:0}
.cysearch_user input{background:none!important;border:0!important;box-shadow:none!important;color:#fff;font:inherit;font-size:10.8px;font-weight:700;padding:0;min-height:0;height:auto;width:150px;outline:0}
.cysearch_user input::placeholder{color:#fff;opacity:1}
.cysearch_user input::-webkit-search-cancel-button{display:none}
/* іконки шаблону (svg з width/height) - без загального стилю svg із app.css */
.cybody svg[width][height]{width:auto;height:auto;fill:inherit;stroke:none}
.online_line_top{color:inherit}
.online_line_top:hover{color:inherit}
.online_line_top #line b{font-family:var(--disp);font-weight:400}
.dropdown_language .select{background:none;border:0;color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer;font:inherit}

.mini_profile_head{background:none;border:0;padding:0;cursor:pointer}
.cyprofile_menu.dropdown__menu{width:260px;padding:0;background:#2b2b2b;border:0;border-radius:0;clip-path:var(--cut)}
.cyprofile_menu .settings_header_exit{width:100%;border:0;cursor:pointer}
.cyexit{background:none;border:0;color:inherit;cursor:pointer;font-size:inherit}
.collapsible-menu>li.collapsible.is-open>ul{display:block!important}
.circleuved{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--accent);color:var(--accent-text);font-size:9px;line-height:16px;text-align:center}
.button_top_header{position:relative;border:0}
button.button_top_header{background:none;padding:0;margin:0;width:22px;height:auto;cursor:pointer;font:inherit;font-size:18px}

/* головна: картки без Swiper - по дві в стрічці, тягнуться мишкою й гортаються самі (скрипт у home_cyber.php) */
/* у шаблоні .sortion_block_head 160%, а .head_rside 40% - при стисканні flex права колонка вужчає до ~22%; в оригіналі вона ~38% */
.head_block .head_rside{flex:0 0 38%;min-width:0}
.head_block .sortion_block_head{flex:1 1 auto;min-width:0}
.head_block .bar_head .text{max-width:440px}
.cyslides{position:relative}
.cyslides .swiper-wrapper{display:flex;gap:12px;overflow-x:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important}
.cyslides .swiper-wrapper::-webkit-scrollbar{display:none}
.cyslides .swiper-slide{flex:0 0 calc(50% - 6px);width:auto!important;scroll-snap-align:start}
.cyslides__nav{position:absolute;top:50%;z-index:3;width:34px;height:34px;margin-top:-17px;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:rgba(15,15,17,.85);color:#fff;font-size:24px;cursor:pointer;clip-path:var(--cut-s);transition:background .2s}
.cyslides__nav:hover{background:var(--accent-grad)}
.cyslides__nav--prev{left:6px}
.cyslides__nav--next{right:6px}
.cyempty{display:block;color:#858585;font-size:11px;text-align:center;padding:14px 0}

/* аватари CMS (літера) усередині розмітки шаблону */
.back_img_chat .avatar,.srb-avatar-wrap .avatar{width:100%!important;height:100%!important;border-radius:0;font-size:14px!important}
.text_chat img{max-width:100%;height:auto}
.chat_message .delete_message{cursor:pointer}
#chat .auth-to-write>span{display:flex;align-items:center;gap:12px;font-family:var(--disp);font-size:10px;letter-spacing:.5px;text-transform:uppercase;line-height:1.3}
#chat .auth-to-write .chat_icon{flex:none}
#chat .auth-to-write a{color:#fff}
.cyonline_empty{font-family:var(--disp);font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#858585;text-align:center;padding:14px 0}

/* статистика: сортування, клік по рядку */
.cysorts{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
.cysorts a{height:32px;display:inline-flex;align-items:center;padding:0 14px;background:#313131;color:#bbb;font-family:var(--disp);font-size:10px;letter-spacing:1px;text-transform:uppercase;clip-path:var(--cut-s)}
.cysorts a.active,.cysorts a:hover{background:var(--accent-grad);color:var(--accent-text)}
.search_btn{border:0;cursor:pointer}
.go_stats_info{position:absolute;inset:0;z-index:1}
.table-row{position:relative}

/* сторінки CMS у каркасі шаблону */
.cypage{padding-top:10px;padding-bottom:30px}
.cybody .crumbs{display:none}
.cyforum_ico{display:flex;align-items:center;justify-content:center;background:var(--accent-grad);color:var(--accent-text);font-size:26px;flex:none}
.cybalance{display:block;margin-top:10px;color:#858585;font-size:11px}
.cybalance b{color:#fff}
#buy_service_area [hidden]{display:none!important}
.discount_block{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin-bottom:15px;background:#313131;clip-path:var(--cut)}
.discount_block[hidden]{display:none}
.discount_left{display:flex;align-items:center;gap:12px}
.discount_left>i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--accent-grad);color:var(--accent-text);clip-path:var(--cut-s)}
.discount_text_flex{display:flex;flex-direction:column;line-height:16px}
.discount_text_h1{font-family:var(--disp);font-size:12px;text-transform:uppercase;color:#fff}
.discount_text_h2{font-size:11px;color:#858585}
.discount_procent{font-family:var(--disp);font-size:11px;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.cyagree{position:relative!important;top:auto!important;z-index:2;display:flex;gap:8px;align-items:flex-start;color:#a5a5a5;font-size:11px;margin:4px 0 12px}
.cyagree a{color:var(--accent)}
.cynews_empty{display:block;text-align:left;padding:8px 0}
.cycomment_del{background:none;border:0;color:#858585;cursor:pointer;padding:0;font-size:14px}
.cycomment_del:hover{color:var(--accent)}
.block_comments textarea{width:100%}
.cyagree input{position:static!important;top:auto!important;margin:2px 0 0;flex:none}
.side-panel .login_block{display:flex;flex-direction:column;justify-content:center}
.side-panel .cywelcome{margin-bottom:24px}
.side-panel .cywelcome [hidden]{display:none}
.side-panel .tabes{top:auto!important;margin-bottom:10px}
.side-panel .flex_authorization_page{height:auto!important;min-height:0!important;display:block}
html[data-tpl^=cyber] :is(.card,.panel,.lpanel,.pagehero,.hero__main){background:#2b2b2b;border:0;border-radius:0;box-shadow:none;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
html[data-tpl^=cyber] :is(h1,h2,h3,.card__title,.shead h1,.shead h2,.pagehero h1){font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:1px}
html[data-tpl^=cyber] :is(.btn,.tabs a,.tabs button,.srvbar__tab,.badge,.tag){font-family:var(--disp);font-weight:400;letter-spacing:1px;font-size:10px;text-transform:uppercase}
html[data-tpl^=cyber] :is(.btn,.shead__ico,.ibox,.iconbtn,.srvbar__ico,.qtiles__arrow,.apempty__ico){clip-path:var(--cut);border-radius:0}
html[data-tpl^=cyber] :is(.badge,.tag){clip-path:var(--cut-s);border-radius:0}
html[data-tpl^=cyber] .btn--primary{background:var(--accent-grad);box-shadow:none}
html[data-tpl^=cyber] .tabs{border-radius:0;background:#2b2b2b;border:0}
html[data-tpl^=cyber] :is(.tabs a,.tabs button){border-radius:0}
html[data-tpl^=cyber] .tabs .is-active{background:var(--accent-grad);color:var(--accent-text)}
html[data-tpl^=cyber] .srvbar__tab{border-radius:0;background:#313131;clip-path:var(--cut-s)}
html[data-tpl^=cyber] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){border-radius:0;background:#232323;border-color:#3a3a3a;color:#fff}
html[data-tpl^=cyber] .lrow{border-radius:0}
html[data-tpl^=cyber] .avatar{border-radius:0}
/* панель фільтрів з пошуком (бани, мути, заявки) - як пошук у шапці шаблону */
html[data-tpl^=cyber] .srvbar{border-radius:0;background:#2b2b2b;box-shadow:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
html[data-tpl^=cyber] .srvbar__search{height:40px;padding:0 14px 0 4px;border-radius:0;background:#313131;clip-path:var(--cut)}
html[data-tpl^=cyber] .srvbar__search:hover{background:#363636}
html[data-tpl^=cyber] .srvbar__search .topsearch__ico{width:32px;height:32px;border-radius:0;background:#434343;color:#818181;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .srvbar__search input[type=search]{background:none!important;border:0!important;color:#fff;font-size:10.8px;font-weight:700}
html[data-tpl^=cyber] .srvbar__search input[type=search]::placeholder{color:#fff;opacity:1}
html[data-tpl^=cyber] .srvbar__search input[type=search]::-webkit-search-cancel-button{display:none}
/* перемикач у шапці сторінок (Бан-лист / Мут-лист / Розбан) - як вкладки шаблону */
html[data-tpl^=cyber] .segtabs{padding:6px;border:0;border-radius:0;background:#212121;clip-path:var(--cut)}
html[data-tpl^=cyber] .segtabs a{height:36px;border-radius:0;background:#313131;color:#bbb;font-family:var(--disp);font-weight:400;font-size:10px;letter-spacing:1px;text-transform:uppercase;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .segtabs a:hover{background:#3b3b3b;color:#fff}
html[data-tpl^=cyber] .segtabs a.is-active{background:var(--accent-grad);color:var(--accent-text);box-shadow:none}
.cynewtopic{margin-bottom:15px}
.cyauth_page{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:420px}
.cyauth_page .login_account_btn{display:flex;align-items:center;justify-content:center;width:100%}
.cyauth_alt{color:#858585;font-size:12px}
.cyauth_alt a{color:var(--accent)}
/* список мов - як випадаюче меню шаблону (.collapsible-menu > li ul) */
.dropdown_language .dropdown__menu{min-width:200px;padding:11px;border:0;border-radius:0;background:#3b3b3b;box-shadow:0 5px 10px #13151a4f;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
.dropdown_language .dropdown__menu a{display:block;height:45px;line-height:45px;padding:0 0 0 15px;margin:0;border-radius:0;background:none;color:#979797;font-family:Furore,sans-serif;font-weight:100;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:.1s all}
.dropdown_language .dropdown__menu a:hover{background:#4b4b4b;color:#fff}
.dropdown_language .dropdown__menu a.is-active{color:var(--accent)}
/* сторінка сервера (/servers/{id}) та інші сторінки з цими компонентами CMS */
html[data-tpl^=cyber] .section__title{font-family:var(--disp);font-weight:400;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] :is(.kv__item,.svccard,.table-wrap){border:0;border-radius:0;box-shadow:none;background:#2b2b2b;clip-path:var(--cut)}
html[data-tpl^=cyber] .kv__item small{font-family:var(--disp);font-size:9px;letter-spacing:1px;color:#858585}
html[data-tpl^=cyber] .kv__item b{font-weight:700;font-size:14px}
html[data-tpl^=cyber] .tag{height:24px;border:0;border-radius:0;font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1px;text-transform:uppercase;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .ip-box{border:0;border-radius:0;background:#313131;clip-path:var(--cut)}
html[data-tpl^=cyber] .players-list li{border-radius:0;background:#313131;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .players-list__nick .flag,html[data-tpl^=cyber] td .flag{border-radius:0;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}
html[data-tpl^=cyber] .ochart__sum span{border-radius:0;background:#313131;font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1px;text-transform:uppercase;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .svccard::after{border-radius:0}
html[data-tpl^=cyber] .svccard:hover{transform:none;background:#313131}
html[data-tpl^=cyber] :is(.svccard__ico,.svccard__go){border-radius:0;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .svccard__txt b{font-family:var(--disp);font-weight:400;font-size:12px;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] .table-wrap th{font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#858585}
html[data-tpl^=cyber] .table-wrap tbody tr:nth-child(even){background:#2f2f2f}
html[data-tpl^=cyber] .sk{border-radius:0;clip-path:var(--cut-s)}
/* заголовок сторінок CMS (.shead) - як heading_block шаблону; список користувачів */
html[data-tpl^=cyber] .shead__ico{width:46px;height:46px;border-radius:0;box-shadow:none;clip-path:var(--cut)}
html[data-tpl^=cyber] :is(.shead h1,.shead h2){font-family:var(--disp);font-weight:400;font-size:14px;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] .shead small{font-family:var(--disp);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#858585}
html[data-tpl^=cyber] .filterbar{border-radius:0;background:#2b2b2b;box-shadow:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
html[data-tpl^=cyber] .filterbar .srvbar__search{height:40px;padding:0 14px 0 4px;border-radius:0;background:#313131;clip-path:var(--cut)}
html[data-tpl^=cyber] .filterbar .srvbar__search .topsearch__ico,html[data-tpl^=cyber] .fpill .topsearch__ico{width:32px;height:32px;border-radius:0;background:#434343;color:#818181;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .filterbar .srvbar__search input[type=search]{background:none!important;border:0!important;color:#fff;font-size:10.8px;font-weight:700}
html[data-tpl^=cyber] .filterbar .srvbar__search input[type=search]::placeholder{color:#fff;opacity:1}
html[data-tpl^=cyber] .fpill{padding:0 16px 0 4px;border-radius:0;background:#313131;clip-path:var(--cut);font-family:var(--disp);font-weight:400;font-size:10px;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] .ucard{border-radius:0;background:#2b2b2b;clip-path:var(--cut)}
html[data-tpl^=cyber] .ucard .avatar,html[data-tpl^=cyber] .ucard img{border-radius:0;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .ucard__name{font-family:var(--disp);font-weight:400;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#fff}
html[data-tpl^=cyber] .ucard small{font-size:10px;color:#858585}
html[data-tpl^=cyber] .ucard small.is-staff{color:var(--accent)}
html[data-tpl^=cyber] .ucard__btns a{border-radius:0;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .lpanel__title{font-family:var(--disp);font-weight:400;font-size:11px;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] .lrow b{font-weight:700}
html[data-tpl^=cyber] .lrow small{font-family:var(--disp);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#858585}
html[data-tpl^=cyber] .lrow{background:#313131;clip-path:var(--cut)}
/* сторінка гравця (/player/{id}) - у шаблоні її вміст генерує модуль, тож блоки CMS у стилі шаблону */
html[data-tpl^=cyber] :is(.phero,.ppanel){border:0;border-radius:0;background:#2b2b2b;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
html[data-tpl^=cyber] .phero{background:radial-gradient(120% 160% at 0 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),#2b2b2b}
html[data-tpl^=cyber] .phero__flag{border-radius:0;background:#3b3b3b;box-shadow:none;clip-path:var(--cut)}
html[data-tpl^=cyber] .phero__flag img{border-radius:0;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .phero h1{font-family:var(--disp);font-weight:400;font-size:20px;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] .chip{height:26px;border:0;border-radius:0;background:#3b3b3b;color:#bec1c7;font-size:11px;font-weight:600;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .phero__meta a.chip:hover{background:#4b4b4b;color:#fff}
html[data-tpl^=cyber] .phero__rank{border:0;border-radius:0;background:var(--accent-grad);clip-path:var(--cut)}
html[data-tpl^=cyber] .phero__rank b{font-family:var(--disp);font-weight:400;color:var(--accent-text)}
html[data-tpl^=cyber] .phero__rank small{font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent-text);opacity:.8}
html[data-tpl^=cyber] :is(.ppanel__title,.ppanel__tabs button){font-family:var(--disp);font-weight:400;font-size:11px;letter-spacing:1px}
html[data-tpl^=cyber] :is(.ppanel__title,.ppanel__tabs){border-color:rgba(255,255,255,.05)}
html[data-tpl^=cyber] .ppanel__title svg{width:34px;height:34px;padding:9px;color:var(--accent-text);background:var(--accent-grad);clip-path:var(--cut-s)}
html[data-tpl^=cyber] :is(.ptile,.wtop__item){border:0;border-radius:0;background:#313131;clip-path:var(--cut)}
html[data-tpl^=cyber] .ptile:hover{background:#363636;transform:none}
html[data-tpl^=cyber] .hitbox__3d{border-radius:0;background:#313131;clip-path:var(--cut)}
html[data-tpl^=cyber] .hitbox__tip{border-radius:0;background:#262626}
html[data-tpl^=cyber] :is(.ptile small,.wtop__item small,.wlist__head){font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1px;color:#858585}
html[data-tpl^=cyber] :is(.ptile b,.wtop__item b){font-family:var(--disp);font-weight:400;font-size:15px}
html[data-tpl^=cyber] :is(.ptile svg,.ptile__cs){opacity:.06}
.cybody .ptile svg{width:50px;height:50px}
html[data-tpl^=cyber] .wlist__head{background:#2b2b2b}
html[data-tpl^=cyber] .wlist__row:hover{background:#313131}
/* класи CMS, які шаблон теж використовує (зі своїми демо-стилями) */
.cybody .section{height:auto;background:none;font-size:inherit;margin-bottom:20px}
.cybody .circleuved{display:block}
/* телефон: меню шаблону - у висувній панелі CMS (кнопка ☰), пошук і онлайн у шапці ховаються */
@media(max-width:991px){.cybody #hidden-menu{display:none!important}}
@media(max-width:600px){.cybody .search_user,.cybody .online_line_top{display:none!important}.cybody .header_block{gap:8px}.cybody .cylogo-text{font-size:14px}}

/* кнопка «Купити послугу»: більший текст замість 10px шаблону */
#store_buy_btn{font-size:13px!important;letter-spacing:1px}

/* аватарка у власному профілі обгорнута формою зміни - без цього вилазить за верхній край */
.prof_l .srb-avatar-wrap,.prof_l .avedit{display:block;margin:0}

/* чат: старе правило шаблону #chat .input-group button (коло зі стрілкою Font Awesome) перебивало кнопки форми */
#chat .input-group button::before{content:none}
#chat .input-group .btn_message{position:absolute;top:50%;right:24px;transform:translateY(-50%);width:37px;height:37px;padding:0 0 0 1px;border:0;border-radius:0;background:var(--accent-grad);clip-path:var(--cut-s);color:var(--accent-text)!important;display:flex;align-items:center;justify-content:center;overflow:visible}
#chat .input-group .btn_message i{font-size:17px;line-height:1}
#chat .input-group .chatform__btn{position:static;width:36px;height:36px;border-radius:0;background:none;color:#737373!important;font-size:20px;line-height:1;vertical-align:middle}
#chat .input-group .chatform__btn:hover{color:#fff!important}
#chat .input-group .smile_input{position:relative}
#chat .input-group .smile_input input{padding-right:110px}
#chat .input-group .chatform__tools{position:absolute;top:50%;right:72px;transform:translateY(-50%)}
/* моніторинг: повна назва з сервера - до двох рядків на всю ширину картки замість 190px в один рядок */
.server_name_monitoring{display:block;width:auto;max-width:100%;min-width:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* головна: правий блок банера плавно виїжджає справа при завантаженні, як в оригіналі */
@keyframes cy-rside-in{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
.head_block .head_rside{animation:cy-rside-in .7s cubic-bezier(.2,.8,.2,1) .15s both}
@media (prefers-reduced-motion:reduce){.head_block .head_rside{animation:none}}
/* сторінка гравця: аватарка замість прапора, прапор перед ніком; іконки зброї вищі */
html[data-tpl^=cyber] .phero__ava img{width:64px;height:64px;object-fit:cover;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .phero h1{display:flex;align-items:center;gap:10px}
.phero__cflag{flex:none;width:26px;height:26px;border-radius:50%;object-fit:cover}
html[data-tpl^=cyber] .wtop__item .wico{width:110px;height:42px}
html[data-tpl^=cyber] .wlist__row .wico{width:72px;height:28px}
html[data-tpl^=cyber] .wtop__item .wico--cs{width:110px;height:auto;font-size:70px}
html[data-tpl^=cyber] .wlist__row .wico--cs{font-size:44px}
/* кнопки .btn: у шаблоні a.btn:not(.disp-n) - 8.5px, на кнопках CMS текст ледь видно */
.cybody :is(a,button,label,input).btn{font-size:12px!important}
/* текст на кнопках .btn - білий (у шаблоні темний на червоному) */
.cybody :is(a,button).btn{color:#fff!important}
/* «Зараз грають»: смуги команд у стилі шаблону */
html[data-tpl^=cyber] .pteam__head{border-radius:0;padding:11px 14px;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 30%,#2b2b2b) 0%,#2b2b2b 85%);color:#fff;font-family:var(--disp);font-weight:400;font-size:11px;letter-spacing:1.5px;clip-path:var(--cut);box-shadow:inset 3px 0 0 var(--tc)}
html[data-tpl^=cyber] .pteam__head b{border-radius:0;padding:3px 8px;background:var(--tc);color:#161616;font-family:var(--disp);font-weight:400;font-size:10px;clip-path:var(--cut-s)}
html[data-tpl^=cyber] .pteam__list li{border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 9%,#313131) 0%,#313131 60%);clip-path:var(--cut-s);padding:9px 12px}
html[data-tpl^=cyber] .pteam__list li:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 18%,#3a3a3a) 0%,#3a3a3a 60%)}
html[data-tpl^=cyber] .pteam__score{color:#fff;font-weight:700}
html[data-tpl^=cyber] .pteam__time{color:#8a8a8a}
html[data-tpl^=cyber] .pteam__nick .flag{border-radius:0;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}
html[data-tpl^=cyber] .pteam__empty{border-radius:0;background:#2b2b2b;clip-path:var(--cut-s);color:#8a8a8a;font-family:var(--disp);font-size:10px;letter-spacing:1px;text-transform:uppercase}
html[data-tpl^=cyber] .pteams--all .pteam{--tc:var(--accent)}
/* розбан: поле пошуку - без темної плашки шаблону всередині рамки */
.cybody .apfind__input input,.cybody .apfind__input input:focus{background:none!important;border:0!important;box-shadow:none!important;height:auto;padding:0;color:#fff}
/* вікно гравців сервера: по центру (шаблон скидає margin у dialog) і в стилі шаблону - зрізані кути, Furore, червоний акцент */
.cybody .pmodal{position:fixed;inset:0;height:fit-content;margin:auto;border-radius:0;clip-path:var(--cut);background:#1c1c1e;line-height:normal;text-align:initial}
.cybody .pmodal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}
.cybody .pmodal__head{text-align:center;padding:30px 50px 22px}
.cybody .pmodal__title{font-family:var(--disp);font-weight:400;font-size:13px;letter-spacing:1.5px;color:#fff;max-width:100%}
.cybody .pmodal__count{border-radius:0;clip-path:var(--cut-s);background:var(--accent-grad);color:#fff;font-family:var(--disp);font-weight:400;font-size:10px;letter-spacing:1px;padding:6px 14px}
.cybody .pmodal__connect{font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1.4px;color:#bdbdbd;border-bottom-color:var(--accent)}
.cybody .pmodal__connect:hover{color:#fff}
.cybody .pmodal__close{border-radius:0;clip-path:var(--cut-s);background:var(--accent-grad)}
.cybody .pmodal__list{padding:0 18px 18px}
.cybody .prow{border-radius:0;clip-path:var(--cut-s);background:linear-gradient(90deg,#2a2a2d,#232325)}
.cybody .prow__n{border-radius:0;clip-path:var(--cut-s)}
.cybody .prow:nth-child(1) .prow__n{background:var(--accent-grad);color:#fff}
/* меню серверів у бічній колонці: повна назва (у кілька рядків) і карта в квадратику */
.vertical-navigation li a:has(.cynav-name){white-space:normal}
.vertical-navigation li a .cynav-name{min-width:0;white-space:normal;overflow-wrap:anywhere}
.vertical-navigation li a.cynav-img::before{content:'';flex:none;background:var(--navimg) center/cover no-repeat!important;filter:brightness(.55) grayscale(.4);transition:filter .2s}
.vertical-navigation li a.cynav-img:hover::before,.vertical-navigation li a.cynav-img.active::before{filter:none}
/* стрілка в лічильниках шапки при наведенні: у шаблоні #e69410 з Gold-версії - беремо акцент теми */
.stats_mini_block:hover i{background:var(--accent-grad);color:#fff}
/* кружечок онлайну: коло r=6 у полі 16px - SVG не менше 16px, інакше його обрізає */
.cybody .progress-circle svg{width:17px;height:17px;overflow:visible}
/* прапор країни перед ніком у статистиці */
.cybody .cyflag{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;border-radius:50%;object-fit:cover}
.cybody .table-adaptive .table-row>.row>div.with-description>p.cynick{width:100%;max-width:100%}
.cybody .table-adaptive .table-row>.row>div.with-description:has(>p.cynick){padding-left:16px}
/* кнопки в шапці сторінок (Подати заявку, Замутили просто так?, Поскаржитись) - як кнопки блоку підтримки шаблону */
.cybody .pagehero__actions .hbadge{height:42px;padding:0 16px 0 5px;gap:10px;border-radius:0;clip-path:var(--cut);background:#3f3f3f;color:#d6d6d6;font-family:var(--disp);font-weight:400;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;backdrop-filter:none;transition:background .2s,color .2s}
.cybody .pagehero__actions .hbadge i{width:32px;height:32px;border-radius:0;clip-path:var(--cut-s);background:#575757;color:#fff}
.cybody .pagehero__actions .hbadge svg{width:14px;height:14px}
.cybody .pagehero__actions .hbadge:hover{background:#4a4a4a;color:#fff}
.cybody .pagehero__actions .hbadge:hover i{background:var(--accent-grad)}
.cybody .pagehero__actions .hbadge--alert{background:var(--accent-grad);color:#fff}
.cybody .pagehero__actions .hbadge--alert i{background:rgba(0,0,0,.22)}
.cybody .pagehero__actions .hbadge--alert:hover{background:var(--accent-grad);filter:brightness(1.12)}
/* панель входу: замість логотипу DigitalOcean з шаблону - двері по центру над привітанням */
.login_block .cyauth-ico{position:relative;align-self:center;display:flex;align-items:center;justify-content:center;width:74px;height:74px;margin:0 0 30px;background:var(--accent-grad);clip-path:var(--cut);color:#fff;font-size:36px}
.login_block .cyauth-ico::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.25);clip-path:var(--cut-s)}
.login_block .cyauth-ico+.cywelcome{text-align:center;align-items:center}
.login_block .cyauth-ico i{font-size:38px;line-height:1}
/* новина без картинки - іконка по центру */
.news-block-img.cynoimg{display:flex;align-items:center;justify-content:center}
.news-block-img.cynoimg i{font-size:54px;color:#6a6a6a}
/* вхід через соцмережі в бічній панелі - зрізані кути й шрифт шаблону */
.side-panel .social-auth{position:relative;z-index:2;margin-top:6px}
.cybody .social-auth__or{font-family:var(--disp);font-weight:400;font-size:9px;letter-spacing:1.4px;color:#8d8d8d}
.cybody .social-auth__or::before,.cybody .social-auth__or::after{background:#3f3f3f}
.cybody .social-btn{height:44px;border-radius:0;clip-path:var(--cut);background:#3f3f3f;color:#d6d6d6;font-family:var(--disp);font-weight:400;font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase}
.cybody .social-btn:hover{background:color-mix(in srgb,var(--sc) 35%,#3f3f3f);color:#fff;transform:none}
.cybody .social-btn--ico{width:40px;height:40px}
/* баланс у шапці - у блоці з друзями й повідомленнями */
.cyhead-balance{position:relative;display:flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 9px;margin-left:4px;background:#2f2f2f;clip-path:var(--cut-s);color:#fff;transition:background .2s}
.cyhead-balance:hover{background:#3a3a3a;color:#fff}
.cyhead-balance i{font-size:18px;color:var(--accent)}
.cyhead-balance b{font-family:var(--disp);font-weight:400;font-size:12px;letter-spacing:1px}
.cyhead-balance span{font-size:11px;color:#8d8d8d}
/* сторінка балансу (views/cyber/balance.php) */
.cybal{display:flex;flex-direction:column;gap:18px}
.cybal__hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 30px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 22%,#232323) 0,#262626 55%,#232323 100%);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.cybal__main{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.cybal__ico{display:flex;align-items:center;justify-content:center;width:68px;height:68px;flex:none;background:var(--accent-grad);clip-path:var(--cut);color:#fff;font-size:32px;box-shadow:0 10px 30px -10px var(--accent)}
.cybal__cap{display:block;font-family:var(--disp);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#a5a5a5;margin-bottom:6px}
.cybal__sum{display:flex;align-items:baseline;gap:8px;font-family:var(--disp);font-size:38px;line-height:1;color:#fff}
.cybal__sum small{font-family:var(--font);font-size:18px;color:var(--accent)}
.cybal__stats{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.cybal__stat{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:rgba(0,0,0,.28);clip-path:var(--cut)}
.cybal__stat i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;clip-path:var(--cut-s);font-size:20px}
.cybal__stat--in i{background:rgba(199,193,54,.16);color:#c7c136}
.cybal__stat--out i{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.cybal__stat b{display:block;font-family:var(--disp);font-weight:400;font-size:13px;color:#fff;letter-spacing:.6px}
.cybal__stat span{display:block;font-size:10px;color:#8d8d8d;text-transform:uppercase;letter-spacing:1px;margin-top:3px}
.cybal__shop{display:flex;align-items:center;gap:8px;padding:0 18px;background:#3f3f3f;clip-path:var(--cut);color:#d6d6d6;font-family:var(--disp);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;transition:background .2s,color .2s}
.cybal__shop i{font-size:18px;color:var(--accent)}
.cybal__shop:hover{background:#4a4a4a;color:#fff}
.cybal__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.cybal__side{display:flex;flex-direction:column;gap:18px}
.cybal__card{margin:0!important}
.cybal__form{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.cybal__label{font-family:var(--disp);font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#8d8d8d;margin:6px 0 0}
.cybal__amount{display:flex;align-items:center;height:56px;padding:0 18px;background:#2f2f2f;clip-path:var(--cut);transition:background .2s}
.cybal__amount:focus-within{background:#363636}
.cybal__amount input{flex:1;min-width:0;height:100%;background:none!important;border:0!important;box-shadow:none!important;padding:0;color:#fff;font-family:var(--disp);font-size:22px;outline:0;-moz-appearance:textfield}
.cybal__amount input::-webkit-outer-spin-button,.cybal__amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cybal__amount span{font-size:20px;color:var(--accent)}
.cybal__presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cybal__preset{height:38px;border:0;padding:0;background:#3f3f3f;clip-path:var(--cut-s);color:#bdbdbd;font-family:var(--disp);font-size:10px;letter-spacing:.8px;cursor:pointer;transition:background .2s,color .2s}
.cybal__preset:hover{background:#4a4a4a;color:#fff}
.cybal__preset.is-on{background:var(--accent-grad);color:#fff}
.cybal__methods{display:flex;flex-direction:column;gap:8px}
.cybal__method{position:relative;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#2f2f2f;clip-path:var(--cut);cursor:pointer;transition:background .2s}
.cybal__method:hover{background:#363636}
.cybal__method input{position:absolute;opacity:0;pointer-events:none}
.cybal__method:has(input:checked){background:color-mix(in srgb,var(--accent) 16%,#2f2f2f)}
.cybal__mico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;background:#454545;clip-path:var(--cut-s);color:#d6d6d6;font-size:20px;transition:background .2s}
.cybal__method:has(input:checked) .cybal__mico{background:var(--accent-grad);color:#fff}
.cybal__mtxt{min-width:0}
.cybal__mtxt b{display:block;color:#fff;font-size:13px;font-weight:600;margin-top:2px}
.cybal__mtxt small{display:block;color:#8d8d8d;font-size:11.5px;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}
.cybal__pay{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;color:#fff}
.cybal__pay i{font-size:18px}
.cybal__list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;scrollbar-width:thin;margin-top:6px}
.cybal__row{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;background:#2f2f2f;clip-path:var(--cut-s)}
.cybal__rico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;background:#454545;clip-path:var(--cut-s);color:#d6d6d6;font-size:18px}
.cybal__row--in .cybal__rico{background:rgba(199,193,54,.16);color:#c7c136}
.cybal__row--out .cybal__rico{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.cybal__rtxt{flex:1;min-width:0}
.cybal__rtxt b{display:block;color:#e6e6e6;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cybal__rtxt small{display:block;color:#7d7d7d;font-size:11px;margin-top:2px}
.cybal__amt{flex:none;font-family:var(--disp);font-size:12px;letter-spacing:.6px;color:#d6d6d6}
.cybal__row--in .cybal__amt{color:#c7c136}
.cybal__status{flex:none;padding:4px 9px;clip-path:var(--cut-s);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:#454545;color:#bdbdbd}
.cybal__status--paid{background:rgba(199,193,54,.16);color:#c7c136}
.cybal__status--pending{background:rgba(243,147,14,.16);color:#f3930e}
.cybal__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 10px;color:#7d7d7d;font-size:12px}
.cybal__empty i{font-size:40px;color:#4a4a4a}
@media (max-width:991px){.cybal__cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cybal__hero{padding:22px 18px}.cybal__sum{font-size:30px}.cybal__presets{grid-template-columns:repeat(3,minmax(0,1fr))}.cybal__stats{width:100%}.cybal__stat{flex:1}.cybal__shop{width:100%;height:42px;justify-content:center}}