/* Global */
:root {--logotype: url('https://static.wol.su/assets/images/logotype.png');--maincolor: #f11a36;--maincolordark: #ac1226;--color1: #161b1d;--color2: #21282b;--color3: #2e363a;--color4: #3a4449;--color_white: #fff;--color_green: #2eb700;--color_gray: #969da0;--color_lightgray: #ccc;--color_blue: #60a5fa;--transparentbackground: transparent;--transform_0-2: ease 0.2s;--borderradius: 8px;--borderrad_right_10: 0 10px 10px 0;--pad_0-10: 0 10px;--pad_0-20: 0 20px;--opacity_08: 0.8;--size_main: 17px;}html, body, div, li, img, span, p, b, a, ul, h1, h2, h3, h4, h5, h6, form, i, input, button, select, textarea, figure {margin: 0;padding: 0;}form, input, textarea, select, button, figure, img {border: 0;}form, input, button, select, textarea, figure {outline: none;}ul, li {list-style: none;}img {object-fit: cover;}.article_desrc_full img {max-height: 600px;}img[src^="/siteicons/"] {max-width: 23px !important;max-height: 23px !important;vertical-align: middle;}* {box-sizing: border-box;}:after, :before {box-sizing: border-box;}body {margin: 0;padding: 0;color: #ccc;font-size: 16px;font-family: 'Open Sans', verdana, arial, sans-serif;line-height: 1.3;background: #161616 fixed;}/* url('https://static.wol.su/assets/images/bg-dark.png') */a {color: var(--maincolor);text-decoration: none;}a:hover {text-decoration: underline;}::placeholder {color: var(--color_gray);font-size: clamp(12px, 2.5vw, var(--size_main));}::selection {color: var(--color_white);background: var(--maincolor);}::marker {color: rgba(241, 26, 54, 0.6);}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-track {background: transparent;}::-webkit-scrollbar-thumb {background: var(--color_lightgray);border-radius: 4px;}* {scrollbar-width: thin;scrollbar-color: var(--color_lightgray) transparent;}main .feed .form-group {overflow: hidden;}
.layout {max-width: 1350px;margin-left: auto;margin-right: auto;display: grid;align-items: center;grid-auto-flow: column;justify-content: space-between;grid-template-columns: auto 1fr auto;}main {flex: 1;}main .feed, #dle-content {display: grid;gap: 20px;}main input, main textarea, main select {width: 100%;padding: 10px;font-size: 14px;background-color: var(--color3);}aside .sidebar, article {border-radius: var(--borderradius);}aside nav:first-child li:nth-child(2) i, aside nav:first-child li:nth-child(3) i, aside nav:first-child li:nth-child(4) i, aside nav i:first-child, .social_buttons i, aside .counter span.plus18 {width: 30px;height: 30px;padding: 5px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: rgba(160, 160, 160, .12);}
header {position: fixed;width: 100%;height: 60px;background-color: var(--color1);box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.3);z-index: 100;}header .header {position: relative;gap: 40px;height: 60px;}header .head_left span {width: 180px;height: 20px;display: block;background-size: contain;background-repeat: no-repeat;background-image: var(--logotype);}header .head_left a:hover span {opacity: var(--opacity_08);transition: var(--transform_0-2);-webkit-transition: var(--transform_0-2);}header .head_right {display: grid;grid-auto-flow: column;align-items: center;margin-left: auto;gap: 20px;}
header .btn_editor button {cursor: pointer;display: inline-block;padding: 10px 15px;font-size: 16px;font-weight: 500;color: var(--color_lightgray);background-color: var(--color2);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);border: none;border-radius: 6px;transition: background-color 0.3s ease, box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease;}header .btn_editor button .q-icon-pencil:before {font-size: 14px;margin-right: 5px;margin-left: 0;}header .btn_editor button:hover {background-color: var(--color3);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}header .btn_editor button:active {background-color: #1a1f22;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}header .btn_editor button .fa-light {margin-right: 5px;font-size: 14px;}
header form {display: flex;height: 38px;background-color: var(--color2);border-radius: var(--borderradius);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}header input[type=text] {width: 100%;padding: var(--pad_0-10);margin-top: 1px;border-radius: var(--borderradius);background-color: var(--transparentbackground);}header button[type=submit] {cursor: pointer;padding: var(--pad_0-10);color: var(--color_white);background-color: var(--transparentbackground);border-radius: var(--borderrad_right_10);font-size: 14px;}header button[type=submit]:hover {opacity: var(--opacity_08);transition: var(--transform_0-2);-webkit-transition: var(--transform_0-2);}
#searchsuggestions {z-index: 2200;width: 300px;border-radius: 2px;background: #fff;box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);border: 1px solid #ddd;border-color: rgba(0, 0, 0, 0.2);background-clip: padding-box;font-size: .9em;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}#searchsuggestions a, #searchsuggestions span.notfound {padding: 15px 25px;display: block;text-decoration: none;border-bottom: 1px solid #e5e5e5;}#searchsuggestions a {color: inherit;}#searchsuggestions a:hover {background-color: #f7f7f7;}#searchsuggestions a span {display: block;cursor: pointer;}#searchsuggestions span.searchheading {display: block;font-weight: bold;margin-bottom: .2em;}#searchsuggestions span.seperator {display: block;}#searchsuggestions span.seperator a {padding: 10px 0;text-align: center;border: 0 none;background-color: transparent;color: #919191;}#searchsuggestions span.notfound {padding: 15px 25px;display: block;}#searchsuggestions .break {display: none;}
header .account_btn {color: var(--color_white);height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: space-between;cursor: pointer;transition: background-color 0.3s ease;-webkit-transition: background-color 0.3s ease;}header .account_btn img {background-color: var(--color2);width: 36px;height: 36px;border-radius: 50%;object-fit: cover;}header .account_btn img:hover {background-color: var(--color3);}header .account_btn img:active {background-color: #1a1f22;}header .account_btn i {font-size: 14px;margin-left: 6px;color: #a0a0a0;}header .account_btn_menu {position: absolute;top: 60px;right: 20px;background-color: var(--color2);color: var(--color_white);border-radius: var(--borderradius);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);display: none;flex-direction: column;width: 260px;padding: 10px 0;z-index: 1000;}header .account_btn_menu a:hover {text-decoration: none;}header .account_btn_menu.active {display: flex;}header .account-button__menu-group {padding: 12px 15px;font-size: 16px;font-weight: 600;color: var(--color_white);background-color: var(--color3);border-radius: var(--borderradius) var(--borderradius) 0 0;}header .user-card {display: flex;align-items: center;padding: 10px 15px;text-decoration: none;color: var(--color_white);transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease;}header .user-card:hover {background-color: var(--color3);}header .user-card>div {display: grid;}header .user-card img {width: 48px;height: 48px;border-radius: 50%;margin-right: 12px;object-fit: cover;}header .user-card__title {font-size: 15px;font-weight: 500;}header .user-card__name {color: var(--color_white);}header .user-card__subtitle {font-size: 12px;color: #b0b0b0;}header .account-menu__group {padding: 5px 0;}header .account-menu__group:last-child {padding: 5px 0 0 0;}header .account-menu__group:not(:last-child) {border-bottom: 1px solid var(--color3);}header .account-menu__item {display: flex;align-items: center;}header .account-menu__link {display: flex;align-items: center;width: 100%;padding: 10px 15px;color: var(--color_white);text-decoration: none;transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease;}header .account-menu__link:hover {background-color: var(--color3);}header .account-lastmenu {border-radius: 0 0 var(--borderradius) var(--borderradius);overflow: hidden;}header .account-menu__link i {display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;margin-right: 10px;font-size: 16px;color: #a0a0a0;}header .account-menu__label {font-size: 14px;font-weight: 400;}
header .burger-menu {display: none;color: #a0a0a0;line-height: 1;font-size: 24px;z-index: 1000;cursor: pointer;}header .burger-menu i:hover {color: var(--color_lightgray);}header .burger-menu.active i:before {content: "\e808";}header .burger-panel {position: fixed;top: 0;left: -250%;padding: 15px;width: 300px;height: 100%;background: var(--color2);box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);transition: left 0.3s ease;-webkit-transition: left 0.3s ease;z-index: 9999;overflow-y: auto;}header .burger-panel.active {left: 0;}header .burger-panel .burger-panel__content {display: grid;gap: 10px;margin: 0;padding: 0;list-style: none;}header .burger-panel a, header .burger-panel .submenu-toggle {display: flex;align-items: center;justify-content: space-between;padding: 10px;color: var(--color_lightgray);font-size: 16px;text-decoration: none !important;cursor: pointer;}header .burger-panel a:hover, header .burger-panel .submenu-toggle:hover {background: var(--color3);border-radius: var(--borderradius);}header .burger-panel .has-submenu .submenu {display: none;margin: 0;}header .burger-panel .has-submenu.open .submenu {display: grid;padding-left: 10px;}header .burger-panel .submenu a {padding: 8px 10px;font-size: 14px;}header .burger-panel .submenu-toggle::after {content: "\f078";font-family: "fontello";font-weight: 900;font-size: 12px;}header .burger-panel .has-submenu.open .submenu-toggle::after {content: "\f077";}
main article {display: grid;gap: 20px;padding: 20px;background-color: var(--color1);}main article .article_info {display: flex;gap: 10px;align-items: center;}main article .article_main {display: grid;gap: 20px;}main article .user_avatar {display: flex;}main article .user_avatar a {height: 44px;}main article .user_avatar img {width: 44px;height: 44px;border-radius: 50%;object-fit: cover;background-color: var(--color2);}main article .article_info .user_info {display: grid;gap: 5px;}main article .article_info .user_name {display: flex;align-items: center;column-gap: 10px;}main article .article_info .user_name a {font-size: 14px;font-weight: bold;color: var(--color_white);}main article .labelpost {font-size: 12px;color: var(--color_white);border-radius: 4px;}main article .labelpost.verify {margin-left: 0;color: var(--color_green);font-size: 14px;}main article .labelpost.editor {padding: 2px 6px;background-color: #007bff;}main article .labelpost.adv {padding: 2px 6px;background-color: var(--color_green);}main article .article_info .post_category_time {display: flex;column-gap: 10px;color: var(--color_gray);font-size: 13px;}main article .article_info .post_category_time a {color: #fff;text-decoration: none;}main article .article_info .post_category_time a:hover {text-decoration: underline;}main article .article_info .post_edit {font-size: 16px;color: #a0a0a0;margin: -5px 0 0 auto;}main article .article_info .post_edit a {font-size: 16px;color: #a0a0a0;}main article .article_info .post_edit a:hover {color: var(--color_white);text-decoration: none;}main article .article_info .post_edit {position: relative;display: inline-block;}main article .article_info .edit-toggle {cursor: pointer;padding: 5px;}main article .article_info .edit-menu {position: absolute;top: 100%;right: 0;width: 172px;color: var(--color_white);border: 1px solid var(--color_lightgray);border-radius: 4px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);z-index: 100;opacity: 0.9;}main article .article_info .edit-menu a {display: block;padding: 5px 15px;text-decoration: none;color: #333;}main article .article_info .edit-menu a:hover {background: #f5f5f5;}main article .article_main {position: relative;}main article .article_main .article_title {font-size: clamp(16px, 4vw, 22px);font-weight: bold;line-height: 1.3;}main article .article_main .article_desrc {font-size: clamp(12px, 2.5vw, var(--size_main));line-height: 1.5;}main article .article_main .article_image {position: relative;}main article .article_main .article_image figure {width: 100%;height: 100%;cursor: pointer;}main article .article_main .article_image figure:after {position: absolute;content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0, 0, 0, .25);transition: background-color .5s;-webkit-transition: background-color .5s;border-radius: 10px;overflow: hidden;}main article .article_main:hover .article_image figure:after {background: rgba(0, 0, 0, 0);transition: background-color .5s;-webkit-transition: background-color .5s;}main article .article_main .article_image img {width: 100%;height: 100%;object-fit: cover;background-size: cover;vertical-align: top;border-radius: 10px;}main article .article_main .article_link {position: absolute;width: 100%;height: 100%;z-index: 1;overflow: hidden;}main article .article_main .article_readmore a {position: relative;font-size: clamp(12px, 2.5vw, 16px);color: var(--color_lightgray);z-index: 2;}main article .article_footer {display: grid;gap: 20px;}main article .article_footer ul {display: flex;column-gap: 20px;font-size: clamp(12px, 2.5vw, 16px);touch-action: auto;pointer-events: auto;}main article .article_footer a {color: var(--color_lightgray);text-decoration: none;}main article .article_footer i {padding: 5px;border-radius: 50%;width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;}main article .article_footer ul li:last-child {margin-left: auto;}main article .article_footer .footer_lastcom {display: flex;gap: 10px;align-items: center;color: var(--color_lightgray);text-decoration: none;font-size: clamp(12px, 2.5vw, 15px);}main article .article_footer .footer_lastcom:hover, main article .article_footer .last-no-comment:hover {opacity: 0.9;}main article .article_footer .user_avatar img {width: 30px;height: 30px;}main article .article_footer .last-no-comment {padding: 10px 15px;color: #ccc;font-size: clamp(12px, 2.5vw, var(--size_main));border-radius: 8px;border: 1px solid var(--color2);}
main article .article_footer .share-toggle {position: relative;touch-action: manipulation;-webkit-tap-highlight-color: transparent;user-select: none;}main article .article_footer .share-toggle i {pointer-events: auto;}main article .article_footer .share-menu {position: absolute;top: 40px;left: 50%;margin: 0;width: max-content;max-width: 300px;background: var(--color1);border: 1px solid var(--color2);border-radius: var(--borderradius);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transform: translateX(-8%);-webkit-transform: translateX(-8%);list-style: none;visibility: hidden;z-index: 1;}main article .article_footer .share-menu.open {display: block !important;visibility: visible !important;}main article .article_footer .share-menu li {margin: 0;}main article .article_footer .share-menu a {display: flex;align-items: center;padding: 5px 10px;text-decoration: none;color: var(--color_white);}main article .article_footer .share-menu a i {margin-right: 8px;}main article .article_footer .share-menu a:hover {background: var(--color3);text-decoration: none;}
aside {display: grid;gap: 20px;position: sticky;position: -webkit-sticky;flex-shrink: 0;top: 80px;width: 320px;height: auto;}aside .aside_block {position: relative;max-height: 90vh;overflow: hidden;}aside .sidebar {display: grid;row-gap: 15px;background-color: var(--color1);max-height: 90vh;overflow-y: auto;}aside nav ul {display: grid;margin: 0;padding: 0;list-style: none;}aside .aside_layout {display: grid;padding: 0 15px;}aside .aside_layout:last-child {padding-bottom: 15px;}aside nav span.aside_title, aside .aside_layout span.aside_title {margin-bottom: 5px;font-size: 15px;color: #969c9d;}aside nav span.aside_title {padding: 0 15px;}aside .aboutsite {display: grid;gap: 15px;margin-bottom: 15px;}aside .aboutsite p {padding: 0 15px;font-size: 15px;color: #969c9d;}.social_buttons {display: flex;justify-content: center;gap: 20px;}.social_buttons a {color: var(--color_lightgray);}.social_buttons i {margin: 0 !important;width: 40px;height: 40px;font-size: 18px;}aside .counter {display: flex;gap: 20px;justify-content: center;align-items: center;}aside .counter span:first-child {height: 31px;}aside .counter span.plus18 {width: 31px;height: 31px;font-size: 14px;color: var(--maincolor);background: rgba(241, 26, 54, .12);}
aside nav:first-child span.aside_title, aside .aside_layout:first-child span.aside_title {padding-top: 15px;}aside nav ul li {position: relative;}aside nav li a {height: 45px;display: flex;align-items: center;padding: 10px 15px;color: var(--color_lightgray);}aside nav>ul>li>a {display: flex;align-items: center;padding: 10px 15px;font-size: 15px;color: var(--color_lightgray);text-decoration: none;transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease;}aside nav li a:hover {background-color: var(--color2);text-decoration: none;}aside nav i:first-child {margin-right: 10px;}aside nav>ul>li>a i, aside nav .submenu i:first-child {color: #a0a0a0;font-size: 16px;}aside nav:first-child li:nth-of-type(1) i {color: #34d399 !important;}aside nav:first-child li:nth-of-type(2) i {color: #ffb366 !important;}aside nav:first-child li:nth-of-type(3) i {color: #f87171 !important;}aside nav .submenu {height: 45px;padding: 10px 15px;font-size: 15px;font-weight: 500;color: var(--color_lightgray);display: flex;align-items: center;justify-content: space-between;cursor: pointer;transition: background-color 0.2s ease;-webkit-transition: background-color 0.2s ease;}aside nav .submenu:hover {background-color: var(--color3);}aside nav .submenu-arrow {font-size: 12px;color: #a0a0a0;transition: transform 0.3s ease;-webkit-transition: -webkit-transform 0.3s ease;margin-left: auto;}aside nav .submenu.active .submenu-arrow {transform: rotate(180deg);-webkit-transform: rotate(180deg);}aside nav .submenu-content {display: block;max-height: 0;overflow: hidden;background-color: var(--color2);transition: max-height 0.3s ease;-webkit-transition: max-height 0.3s ease;}aside nav .submenu-content.active {max-height: 500px;}aside nav .submenu-content li a {display: flex;align-items: center;padding: 8px 15px;font-size: 14px;color: #a0a0a0;text-decoration: none;transition: color 0.2s ease, background-color 0.2s ease;-webkit-transition: color 0.2s ease, background-color 0.2s ease;}aside nav .submenu-content li a:hover {color: var(--color_lightgray);background-color: var(--color3);}aside nav .submenu-content li a i {margin-right: 10px;font-size: 14px;color: #a0a0a0;}aside nav .icon-wrapper {display: flex;justify-content: center;}
aside .recommendations {display: grid;gap: 15px;}aside .recommendations ul {list-style: none;padding: 0;}aside .recommendations li {display: grid;gap: 5px;}aside .recommendations a {font-size: 14px;color: var(--color_lightgray);text-decoration: none;}aside .recommendations a:hover {text-decoration: underline;}aside .recommendations p {font-size: 14px;color: #666;margin: 5px 0;}aside .recommendations span {font-size: 12px;color: #999;}
.top-authors {display: grid;gap: 15px;line-height: 1.3;}.top-authors ul {margin: 0;padding: 0;list-style: none;counter-reset: list-counter;}.top-authors li {position: relative;padding-left: 30px;counter-increment: list-counter;}.top-authors li:before {position: absolute;content: counter(list-counter) "";top: 50%;left: 0;width: 20px;height: 20px;color: var(--color_lightgray);font-size: 12px;text-align: right;transform: translateY(-50%);-webkit-transform: translateY(-50%);background-color: rgba(160, 160, 160, .12);border-radius: 50%;display: flex;align-items: center;justify-content: center;}.top-authors li a {display: flex;align-items: center;width: auto;height: 40px;color: var(--color_lightgray);text-decoration: none;}.top-authors .top-authors_colum {display: grid;width: 100%;}.top-authors li img {margin-right: 10px;width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0;}.top-authors li .author-name {font-size: 14px;font-weight: 500;}.top-authors li .post-count {display: flex;gap: 5px;justify-content: space-between;color: #666;font-size: 12px;}.top-authors li .post-count span {display: flex;gap: 5px;}.top-authors a:hover .author-name {color: var(--maincolor);}.top-authors li::marker {display: flex;align-items: center;}.top-authors>a {display: flex;justify-content: center;text-decoration: none;color: var(--color_lightgray);font-size: 14px;}.top-authors>a:hover {color: var(--maincolor);}.top-authors .rating-up {color: #28a745;display: block;}.top-authors .rating-down {color: #dc3545;display: block;}.top-authors .rating-neutral {color: #6c757d;display: block;}
main .gamebase {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}article.game-card {background-color: var(--color1);border: 1px solid var(--color1);border-radius: var(--borderradius);overflow: hidden;position: relative;padding: 15px;gap: 20px;}article.game-card a {position: absolute;width: 100%;height: 100%;}article.game-card img {width: 100%;height: 100%;min-height: 300px;max-height: 300px;object-fit: cover;border-radius: var(--borderradius);}article.game-card:hover img {opacity: 0.8;}article.game-card .game-info {font-size: clamp(12px, 2.5vw, 16px);padding: 0;}