@font-face {font-family:'Roboto'; font-style:normal; font-weight:400; font-display:swap; src:url('../webfonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2')}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:500; font-display:swap; src:url('../webfonts/roboto-v20-latin_cyrillic-500.woff2') format('woff2')}
@font-face {font-family:'Roboto'; font-style:normal; font-weight:700; font-display:swap; src:url('../webfonts/roboto-v20-latin_cyrillic-700.woff2') format('woff2')}
html {scroll-behavior:smooth}
:root {--bg:#ddeaff; --tt:#141414; --white:#ffffff; --light-yellow:#e7e7e7; --yellow:#31863d; --blue:#22AFFF; --green:#82c315; --grey:#f4f4f4; --border:#e5e5e5; --bg-body:#e7e7e7; --bg-card:#ffffff; --bg-secondary:#f5f5f5; --bg-tertiary:#f5f5f5; --bg-hover:rgba(0,0,0,0.04); --text-main:#232222; --text-black:#000; --text-secondary:#6b6b6b; --text-light:#8a8a8a; --text-placeholder:#595959; --text-sm:13px; --border-light:#dfdfdf; --border-medium:#ddd; --border-dark:#101014; --accent:#31863d; --accent-hover:#42b052; --accent-dark:#4aa438; --accent-darker:#378228; --nav-menu-bg:#31863d; --nav-menu-border:#5dc020; --nav-menu-text:#fff; --nav-menu-text-hover:#e0f2d7; --link-color:#31863d; --link-hover:#378228; --rating-good:#31863d; --rating-medium:#f59e0b; --rating-poor:#ef4444; --nav-btn-bg:rgba(112,186,92,0.1); --nav-btn-active:#31863d; --tag-bg:#f0fdf4; --tag-color:#31863d; --input-bg:#f5f5f5; --input-border:#ededed; --menu-dropdown-bg:#fff; --shadow-sm:0 2px 8px rgba(112,186,92,0.1); --shadow-md:0 4px 16px rgba(112,186,92,0.15); --shadow-lg:0 8px 24px rgba(112,186,92,0.2); --shadow-color:rgba(112,186,92,0.15); --shadow-strong:rgba(0,0,0,0.2); --danger:#e02424; --danger-hover:#c81e1e; --danger-bg:#fef2f2; --success:#31863d; --success-light:#8cd179; --warning-bg:#fef3c7; --warning-border:#fbbf24; --radius-xs:4px; --radius-sm:8px; --radius-md:17px; --radius-lg:17px; --radius-xl:20px; --radius-full:9999px; --transition-fast:0.2s ease; --transition-normal:0.3s ease; --transition-slow:0.5s ease; --z-base:1; --z-above:10; --z-dropdown:100; --z-sticky:200; --z-overlay:900; --z-modal:9999; --z-max:99999; --space-1:2px; --space-2:4px; --space-3:8px; --space-4:12px; --space-5:16px; --space-6:24px; --space-7:32px; --space-8:48px; --carousel-visible:5; --carousel-gutter:16px; --section-gap:var(--space-6); --block-gap:var(--space-5); --element-gap:var(--space-3); --card-padding:var(--space-5)}
.theme-dark {--bg:#0a0c0f; --tt:#ffffff; --white:#1a1d24; --grey:#23272f; --border:#2d313a; --bg-secondary:#1e2128; --bg-tertiary:#282c35; --text-main:#e5e7eb; --text-light:#9ca3af; --border-light:#2d313a; --nav-menu-bg:#1a1d24; --nav-menu-border:#2d313a; --nav-menu-text:#ffffff; --nav-menu-text-hover:#31863d; --menu-dropdown-bg:#1a1d24; --tag-bg:#1e2937; --tag-color:#31863d; --input-bg:#23272f; --input-border:#2d313a; --shadow-sm:0 2px 8px rgba(0,0,0,0.4); --shadow-md:0 4px 16px rgba(0,0,0,0.5); --shadow-lg:0 8px 24px rgba(0,0,0,0.6); --shadow-color:rgba(0,0,0,0.5)}
body {background-color:var(--bg); color:var(--text-main); font-family:'Montserrat',-apple-system,sans-serif; line-height:1.5; margin:0}
.wrapper {max-width:100%; margin:0 auto}
.cols {display:grid; grid-template-columns:320px minmax(0,1fr); gap:24px}
.col_main {padding:24px; border-left:2px solid #f1f1f1}
.theme-dark .col_main {border-left:2px solid #2d313a}
.main_grid {display:grid; grid-gap:24px 16px; grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.main_grid > *:not(.short_story) {grid-column:1 / -1}
.header {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:12px; gap:15px; background-color:var(--white); box-shadow:var(--shadow-sm); position:relative}
.logo,.logo a {display:flex; align-items:center; color:var(--text-main); text-decoration:none}
.logo {font-size:23px; font-weight:700}
.logo img {width:28px; height:28px; margin-right:8px}
.theme-dark .logo {color:#fff}
.header_search {position:relative; flex:1 1 300px; min-width:240px; max-width:400px}
.header_search input {background:var(--input-bg); color:var(--text-main); border:1px solid var(--border-light); border-radius:var(--radius-full); padding:10px 45px 10px 16px; width:100%; font-size:14px; transition:all var(--transition-fast); box-sizing:border-box; height:40px}
.header_search input:focus {border-color:#31863d; outline:none}
.header_search input:not(:focus)::placeholder {color:var(--text-light); opacity:0.7}
.header_search_btn {position:absolute; right:0; top:0; height:40px; width:45px; background:#31863d; border:none; border-radius:0 var(--radius-full) var(--radius-full) 0; cursor:pointer; display:flex; color:white; align-items:center; justify-content:center; transition:color var(--transition-fast)}
.header_search_btn:hover,.theme-dark .header_search_btn:hover {color:white; transform:none; box-shadow:none}
#searchsuggestions {z-index:2200; background:var(--white); box-shadow:var(--shadow-lg); border-radius:var(--radius-lg); padding:16px; border:1px solid var(--border-light); margin-top:8px; position:absolute}
.search_fast {display:grid; grid-template-columns:60px 1fr; gap:12px; margin-bottom:12px; padding:8px; border-radius:var(--radius-md); transition:background var(--transition-fast); cursor:pointer}
.search_fast:hover {background:rgba(112,186,92,0.1)}
.search_fast img {aspect-ratio:1/1; border-radius:var(--radius-md); width:100%; height:100px; object-fit:cover}
.search_fast_title {font-weight:600; color:var(--text-main); font-size:14px}
.header_menu {display:flex; flex-wrap:wrap; gap:10px; margin:5px 0 15px; width:100%; justify-content:center}
.header_menu_item {flex:1 1 auto; min-width:100px; padding:10px 16px; background:var(--white); border-radius:var(--radius-lg); transition:all var(--transition-fast); font-weight:600; font-size:14px; color:var(--text-main); display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:var(--shadow-sm); text-decoration:none; position:relative; overflow:hidden}
.header_menu_item:hover,.theme-dark .header_menu_item:hover {border-color:#31863d; transform:translateY(-2px); box-shadow:var(--shadow-md); background:var(--white)}
.theme-dark .header_menu_item:hover {background:rgba(112,186,92,0.15)}
.header_menu_item i {font-size:18px; color:#31863d; opacity:0.9; transition:all var(--transition-fast)}
.header_menu_item:hover i {transform:scale(1.1); opacity:1}
.theme-dark .header_menu_item i {color:#8cd179}
.header_menu_img {position:absolute; width:40px; right:-5px; bottom:-10px; transform:rotate(335deg); transition:opacity var(--transition-fast); pointer-events:none}
.header_menu_item:hover .header_menu_img {opacity:0.25}
.header_right,.header_login {display:flex; align-items:center}
.header_right {gap:12px; flex:0 0 auto}
.header_login {gap:8px; cursor:pointer; padding:6px 12px; border-radius:var(--radius-full); background:rgba(112,186,92,0.1); transition:all var(--transition-fast); color:var(--text-main); text-decoration:none}
.header_login:hover {background:rgba(112,186,92,0.2)}
.header_photo {width:32px; height:32px; border-radius:var(--radius-md); object-fit:cover}
.mob_menu {width:38px; height:38px; line-height:38px; font-size:16px; text-align:center; background:#31863d; color:#fff; border-radius:var(--radius-md); cursor:pointer; transition:all var(--transition-fast); display:none}
.mob_menu:hover {background:var(--accent-hover)}
.switch_theme {display:inline-flex; border-radius:var(--radius-full); padding:3px; background:var(--input-bg); cursor:pointer; border:1px solid var(--border-light); transition:all var(--transition-fast)}
.switch_theme:hover {border-color:#31863d}
.switch_theme i {width:30px; height:30px; line-height:30px; font-size:14px; text-align:center; border-radius:var(--radius-full); transition:all var(--transition-fast)}
.s_theme_light,.theme-dark .s_theme_dark {background:#31863d; color:#ffffff !important}
.s_theme_dark,.theme-dark .s_theme_light {background:transparent; color:var(--text-main)}
.theme-dark .s_theme_light {color:#ffffff}
.cat_title,.h1_title {margin-bottom:24px; font-weight:700; padding-left:12px; text-transform:uppercase; position:relative}
.cat_title {font-size:16px; display:inline-block; width:auto}
.h1_title {font-size:18px}
.cat_title::before,.h1_title::before {content:""; position:absolute; left:0; top:4px; bottom:4px; width:4px; background:linear-gradient(180deg,#31863d,#8cd179); border-radius:var(--radius-full)}
.cat_title:first-letter,.h1_title:first-letter {color:#488fe9}
.login_panel {position:fixed; z-index:var(--z-modal); left:50%; top:50%; transform:translate(-50%,-50%); background-color:var(--white); border-radius:var(--radius-lg); padding:32px; width:400px; display:none; box-shadow:var(--shadow-lg); border:1px solid var(--border-light)}
.login_header {display:flex; justify-content:space-between; align-items:center; margin-bottom:24px}
.login_header h3 {font-size:24px; font-weight:500; color:#31863d; margin:0}
.login_close {width:36px; height:36px; line-height:36px!important; background:#31863d; border-radius:var(--radius-md); color:#fff; cursor:pointer; transition:all var(--transition-fast); text-align:center}
.login_close:hover {background:var(--accent-hover); transform:rotate(90deg)}
.user_menu {display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin:25px 0; list-style:none; padding:0}
.user_menu li {flex-grow:1}
.user_menu_item {display:flex; justify-content:center; background:var(--bg-secondary); padding:12px 16px; border-radius:var(--radius-md); color:var(--text-main); font-weight:500; transition:all var(--transition-fast); text-decoration:none}
.user_menu_item:hover {background:#31863d; color:#fff; transform:translateY(-2px)}
.login_bottom {display:flex; justify-content:space-between; margin-top:24px; padding-top:16px; border-top:1px solid var(--border-light)}
.login_bottom a {font-weight:600; color:#31863d; text-decoration:none}
.login_bottom a:hover {text-decoration:underline}
.nav-menu {position:relative; display:flex; align-items:center; gap:24px; height:40px; background:linear-gradient(132deg,#31863d,#31863d,#47a1b1,#51509b); white-space:nowrap}
.theme-dark .nav-menu {background:linear-gradient(135deg,#2d313a,#1e2128); border:1px solid var(--border-light); box-shadow:none}
.main_catmenu_two {display:flex; gap:26px; overflow-x:auto; scrollbar-width:none; height:100%; align-items:center}
.main_catmenu_two::-webkit-scrollbar {display:none}
.main_catmenu_two li {flex-shrink:0; list-style:none}
.main_catmenu_two a {display:inline-flex; align-items:center; gap:8px; padding:8px 0; color:var(--nav-menu-text); font-size:14px; font-weight:600; text-transform:uppercase; text-decoration:none; position:relative; transition:color var(--transition-fast)}
.main_catmenu_two a::after {content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:#fff; transform:scaleX(0); transition:transform var(--transition-fast)}
.main_catmenu_two a:hover::after {transform:scaleX(1)}
@media screen and (max-width:850px) {.logo {font-size:18px}
 .header_search {order:3; flex:1 1 100%; max-width:100%; margin-top:5px}
 .header_menu {order:2}
 .header_menu_item {min-width:calc(25% - 8px)}
 .header_right {order:1}
 .mob_menu {display:flex; align-items:center; justify-content:center}
}
@media screen and (max-width:640px) {.header_menu_item {min-width:calc(33.333% - 7px); font-size:12px}
 .header_login span {display:none}
}
@media screen and (max-width:480px) {.header_menu_item {min-width:calc(50% - 5px); font-size:11px}
 .header_search input {height:36px}
 .header_search_btn {height:36px; width:35px}
}
@media screen and (max-width:360px) {.header_menu_item {min-width:100%}
}
button,.btn,input[type="submit"],input[type="button"],input[type="reset"],.user_btn a,.full_grid .col-left .btn {display:inline-flex; align-items:center; justify-content:center; min-height:40px; background:linear-gradient(135deg,#31863d,#31863d); color:#ffffff; border:none; border-radius:25px; padding:0 24px; cursor:pointer; font-weight:500; transition:all var(--transition-fast); text-decoration:none; gap:8px}
.btn_download {margin-top:5%}
button:hover,.btn:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,.user_btn a:hover,.full_grid .col-left .btn:hover {background:linear-gradient(135deg,#42b052,#42b052); transform:translateY(-2px); box-shadow:var(--shadow-md)}
.short_meta_year,.short_meta_size,.short_meta_ver,.full_tags a,.full_tags span,.speedbar a {padding:6px 12px; border-radius:var(--radius-full); font-size:13px; backdrop-filter:blur(4px); transition:all var(--transition-fast)}
.main_catmenu_two a:hover::after,.main_catmenu_two a.active::after {transform:scaleX(1)}
.theme-dark .main_catmenu_two a {color:#ffffff}
.theme-dark .main_catmenu_two a:hover {color:#31863d}
.theme-dark .main_catmenu_two a::after {background:#31863d}
.main_catmenu_two a svg,.menu-headnav .link svg {width:18px; height:18px; flex-shrink:0; fill:currentColor}
.main_catmenu_two a:hover,.main_catmenu_two a:focus-visible,.menu-headnav:hover {color:rgba(255,255,255,0.9)}
.menu-head {position:relative; display:flex; align-items:center; justify-content:flex-end; gap:20px; height:100%}
.menu-headnav {position:relative; display:inline-flex; align-items:center; padding:8px 0; color:var(--nav-menu-text); border-radius:var(--radius-xs); cursor:pointer; height:100%}
.menu-headnav .link {display:inline-flex; align-items:center; gap:var(--nav-icon-gap); font-size:15px; font-weight:600; text-transform:uppercase; color:inherit; text-decoration:none; position:relative}
.menu-headnav .link::after,.selyears::after {content:"\f107"; font-family:'FontAwesome'; transition:transform var(--transition-fast)}
.menu-headnav .link::after {margin-left:6px}
.menu-headnav .link.active::after {transform:rotate(180deg)}
.menu-headnav-list {display:none; background-color:var(--menu-dropdown-bg); padding:12px; font-size:15px; position:absolute; left:-12px; top:56px; min-width:200px; z-index:var(--z-dropdown); box-shadow:var(--shadow-lg); border-radius:var(--radius-md); line-height:normal; border:1px solid var(--border-light)}
.menu-headnav-list li {border-bottom:1px solid var(--border-light); list-style:none}
.menu-headnav-list li:last-child {border-bottom:none}
.selyears-item {font-size:15px; cursor:pointer; position:relative}
.selyears-item a,.selyears {display:block; padding:8px 12px; color:var(--text-main); text-decoration:none; border-radius:var(--radius-sm); transition:all var(--transition-fast)}
.selyears-item a:hover,.selyears:hover,.years-item:hover,#dropmenudiv a:hover {background:rgba(112,186,92,0.1)}
.selyears-item .ym,.selyears {font-weight:500}
.selyears::after {position:absolute; right:12px; top:50%; transform:translateY(-50%) rotate(-90deg); color:var(--text-light)}
.selyears-item.open .selyears::after {transform:translateY(-50%) rotate(0)}
.selyears-content {display:none; padding:8px 0; border-top:1px dashed var(--border-light); margin-top:4px}
.years-item {display:block; padding:6px 12px 6px 24px; border-radius:var(--radius-sm); color:var(--text-main); text-decoration:none; transition:all var(--transition-fast)}
.years-item:hover {color:#31863d; padding-left:30px}
.actual-box {display:flex; flex-direction:column; gap:12px; position:relative}
.actual-box.commright,.actual-box.team_site,.sidebar_item_year {overflow-y:auto; scrollbar-width:thin; scrollbar-color:#31863d var(--bg-secondary)}
.actual-box.commright::-webkit-scrollbar,.actual-box.team_site::-webkit-scrollbar,.sidebar_item_year::-webkit-scrollbar {width:4px}
.actual-box.commright::-webkit-scrollbar-track {background:var(--bg-secondary); border-radius:var(--radius-full)}
.actual-box.commright::-webkit-scrollbar-thumb,.actual-box.team_site::-webkit-scrollbar-thumb,.sidebar_item_year::-webkit-scrollbar-thumb {background:#31863d; border-radius:var(--radius-full)}
.actual-box.commright,.actual-box.team_site {user-select:none; padding:0 4px}
.actual-box.commright {max-height:400px}
.actual-box.team_site {max-height:252px; gap:8px}
.rcomm_item {display:flex; flex-direction:column; gap:8px; padding:0 0 12px 0; color:var(--text-main); border-bottom:1px dashed var(--border-light)}
.actual-box li:last-child .rcomm_item,.details_item:last-child {border-bottom:none}
.rcomm_head {display:flex; align-items:center; gap:12px}
.short_story {position:relative; transition:all var(--transition-normal); overflow:hidden; background:var(--white); border-radius:var(--radius-lg)}
.short_story::before {content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#31863d,#8cd179,#31863d); transform:translateX(-100%); transition:transform 0.5s ease; z-index:2}
.short_story:hover::before {transform:translateX(100%)}
.short_img {position:relative; overflow:hidden}
.short_story img {width:100%; height:100%; object-fit:cover; border-radius:var(--radius-lg); transition:transform 0.5s ease}
.short_meta {position:absolute; left:12px; bottom:16px; display:flex; flex-direction:column-reverse; gap:6px; z-index:3; font-weight:600; font-size:12px}
.short_meta_year,.short_meta_size,.short_meta_ver {color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.short_meta_year {background:#42b052}
.short_meta_size {background:rgba(34,175,255,0.9); opacity:0; transform:translateY(10px); transition:all 0.3s ease}
.short_meta_ver {background:rgba(130,195,21,0.9); opacity:0; transform:translateY(10px); transition:all 0.5s ease}
.short_story:hover .short_meta_size,.short_story:hover .short_meta_ver {opacity:1; transform:translateY(0)}
.short_story:hover .short_meta_size {transition-delay:0.1s}
.short_story:hover .short_meta_ver {transition-delay:0.2s}
.short_title {font-size:16px; font-weight:500; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:var(--text-main); padding:0 8px; margin-top:12px}
.short_story:hover .short_title {color:#31863d}
.sidebar_item {padding:20px; margin-bottom:4px}
.sidebar_title {padding:0 0 5px 0; margin-bottom:20px; position:relative; display:flex; gap:8px; font-size:17px; font-weight:700; color:#212121; border-bottom:2px solid #31863d; text-transform:uppercase}
.theme-dark .sidebar_title {color:#e5e7eb}
.sidebar_nav,.sidebar_item_year {list-style:none; padding:0; gap:8px}
.sidebar_nav {display:grid; grid-template-columns:repeat(2,1fr); font-size:15px}
.sidebar_item_cat {display:flex; flex-direction:column; gap:8px; list-style:none; padding:0}
.sidebar_item_year {display:grid; grid-template-columns:repeat(3,1fr); max-height:300px; padding-right:4px}
.sidebar_nav li a,.sidebar_item_year li a,.sidebar_item_cat li a {display:flex; background:var(--bg-secondary); padding:6px 16px; border-radius:var(--radius-md); color:var(--text-main); text-decoration:none; transition:all var(--transition-fast); position:relative; overflow:hidden}
.sidebar_nav li a:hover,.sidebar_item_year li a:hover,.sidebar_item_cat li a:hover {background:#31863d; color:#ffffff; transform:translateX(4px)}
.full_grid {display:grid; grid-template-columns:200px minmax(0,1fr); gap:24px; font-size:15px}
@media screen and (max-width:768px) {.full_grid {grid-template-columns:1fr; gap:20px}
 .full_grid .col-left {max-width:240px; margin:0 auto; width:100%}
}
.full_img {border-radius:var(--radius-lg); width:100%; aspect-ratio:2 / 3; object-fit:cover; box-shadow:var(--shadow-md)}
.full_grid .col-left .btn span {font-size:17px; font-weight:600}
.details,.update_info,.ver_info {background:var(--bg-secondary); border-radius:var(--radius-lg)}
.details {padding:18px; list-style:none}
.details_item {padding:6px 0; display:flex; align-items:center; flex-wrap:wrap; border-bottom:1px dashed var(--border-light)}
.details_item b,.update_item b {margin-right:12px; font-weight:500; color:#292929}
.theme-dark .details_item b,.theme-dark .update_item b,.systemtr {color:#31863d}
.details_item span,.update_item span,.theme-dark .ves {color:var(--text-main)}
.update_info {padding:15px; color:var(--text-main); line-height:1.5; margin-top:2px; border-left:4px solid #31863d; list-style:none}
.update_item {padding:4px 0; display:flex; flex-wrap:wrap}
.theme-dark .update_info {border-left-color:#31863d}
.full_section_title {text-align:left; font-size:20px; font-weight:500; margin:32px 0 24px; position:relative; padding-bottom:12px}
.full_section_title::after {content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60px; height:3px; background:#31863d; border-radius:var(--radius-full)}
.theme-dark .full_section_title {color:var(--text-main)}
.full_desc {position:relative; margin:5px 0 20px; line-height:1.6}
.full_desc p {margin:20px 0}
.imagefull img,.xfieldimagegallery li a img {border-radius:var(--radius-md); transition:all var(--transition-fast); width:100%; object-fit:cover}
.imagefull img:hover {transform:scale(1.02)}
.xfieldimagegallery {display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(33%,1fr)); list-style:none; padding:0}
.xfieldimagegallery li a img {height:100%}
.xfieldimagegallery li a:hover img {transform:scale(1.05); box-shadow:var(--shadow-md)}
.ver_info {padding:20px; color:var(--text-main); border:2px solid var(--border-light)}
.flex-center,.razmer {display:flex; width:fit-content}
.flex-center {align-items:center; margin:0 auto}
.razmer {align-items:flex-start; margin-right:auto}
.spec_info {display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.spec_item {display:flex; flex-direction:column; justify-content:center; text-align:center; background:linear-gradient(135deg,#31863d,#31863d); padding:20px 16px; border-radius:var(--radius-lg); color:#ffffff; box-shadow:var(--shadow-md); transition:all var(--transition-fast)}
.spec_item:hover {transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.spec_title {font-weight:600; font-size:12px; text-transform:uppercase}
.spec_meta {font-size:18px; font-weight:500}
.download_button {display:inline-flex; align-items:center; justify-content:center; gap:10px; width:170px; margin:0 15px; padding:8px 20px; background:linear-gradient(135deg,#31863d,#31863d); color:#ffffff; font-size:17px; font-weight:500; border-radius:14px; cursor:pointer; transition:all var(--transition-fast); border:none; box-shadow:var(--shadow-md); border-radius:25px}
.download_button:hover {background:linear-gradient(135deg,#42b052,#42b052); transform:scale(1.05); box-shadow:var(--shadow-lg); color:#ffffff}
.download_button i {font-size:24px}
.full_tags {display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:24px 0 20px}
.full_tags a,.full_tags span {background:#31863d; color:#ffffff; display:inline-flex; align-items:center; gap:6px}
.full_tags a:hover {background:var(--accent-hover); transform:translateY(-2px); box-shadow:var(--shadow-sm)}
.related_news {display:grid; grid-gap:24px 20px; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); margin-bottom:30px}
.ver_info > ul li,.full_desc > ul li {padding-left:24px; position:relative; margin-bottom:12px; list-style:none}
.ver_info > ul li::before,.full_desc > ul li::before {content:"✔"; position:absolute; left:0; top:0; font-size:14px; color:#31863d}
.userinfo_img {aspect-ratio:1 / 1; border-radius:var(--radius-lg); width:100%; object-fit:cover}
.navigation {display:flex; justify-content:center; gap:8px; margin:30px 0 20px; flex-wrap:wrap}
.navigation a,.navigation span {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; background:var(--bg-secondary); border-radius:var(--radius-md); color:var(--text-main); text-decoration:none; font-weight:500; transition:all var(--transition-fast)}
.navigation a:hover,.navigation span {background:#31863d; color:#ffffff}
.navigation a:hover {transform:translateY(-2px); box-shadow:var(--shadow-sm)}
.navigation span {font-weight:600}
.mob_menu_active {left:0 !important}
.mob_menu_active .logo {margin:10px 0 0 20px}
#dropmenudiv {font:13px Arial; padding:10px; display:none; background:var(--white); border-radius:var(--radius-md); box-shadow:var(--shadow-lg); z-index:200 !important; border:1px solid var(--border-light)}
#dropmenudiv a {display:block; text-decoration:none; padding:8px 12px; color:var(--text-main); border-radius:var(--radius-sm); transition:background var(--transition-fast)}
.overlay {position:fixed; z-index:var(--z-overlay); left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); backdrop-filter:blur(8px); display:none}
.info_message {margin:10px 0; padding:12px 20px; background:var(--bg-secondary); border-radius:var(--radius-md); border-left:4px solid #31863d; color:var(--text-main)}
.searchtable {display:flex; gap:12px; flex-wrap:wrap}
.mb_6 {margin-bottom:8px}
.speedbar {margin-bottom:20px; font-size:14px; color:var(--text-light)}
.speedbar a {display:inline-block; background-color:var(--bg-secondary); margin:0 2px; color:var(--text-main); text-decoration:none}
.speedbar a:hover {background:#31863d; color:black}
.ws-nowrap {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.active {display:block}
.footer-old {padding:20px; text-align:center; color:var(--text-main); margin-top:20px; margin-bottom:3px; background-color:var(--white)}
.footer-old a {color:#31863d; font-weight:600; text-decoration:none; transition:color var(--transition-fast)}
.footer-old a:hover {color:var(--link-hover); text-decoration:underline}
.comment_item {padding:20px; margin-bottom:20px; border:2px solid var(--border-light); border-radius:var(--radius-lg); background:var(--white); transition:all var(--transition-fast)}
.comment_item:hover {border-color:#31863d; box-shadow:var(--shadow-sm)}
.comment_header {display:flex; gap:16px; margin-bottom:16px; align-items:center}
.comment_avatar {width:48px; height:48px; border-radius:var(--radius-md); object-fit:cover}
.comment_login {font-size:16px; font-weight:600; color:#31863d}
.comment_date,.comment_reply a {color:var(--text-light)}
.comment_date {font-size:13px}
.comment_rating {margin-left:auto}
.comment_reply {font-size:14px}
.comment_reply a {text-decoration:none; transition:color var(--transition-fast)}
.comment_reply a:hover {color:#31863d}
.lastcomments_title {margin-bottom:8px; font-weight:600; color:#31863d}
.full_comments {margin:30px 0}
.mass_comments_action select,.pm select {margin-bottom:16px; padding:8px 16px; border-radius:var(--radius-md); border:1px solid var(--border-light); background:var(--input-bg); color:var(--text-main)}
.comments-tree-list .comments-tree-list {padding-left:40px; position:relative}
.checklist {list-style:none; padding-left:0}
.checklist li {position:relative; padding-left:28px; margin-bottom:0}
.checklist li::before {content:"✓"; position:absolute; left:0; top:0; color:#31863d; font-weight:500; font-size:18px}
.dt .quote,.quote {border-radius:var(--radius-lg); background-color:var(--bg-secondary); color:var(--text-main)}
.quote {margin-bottom:24px; padding:24px 24px 24px 80px; position:relative; font-size:16px; font-style:italic; background:var(--bg-secondary) url(../dleimages/quotes.svg) 24px center / 32px no-repeat; border-left:4px solid #31863d}
.pm_buttons {display:flex; flex-wrap:wrap; margin:20px 0; gap:12px}
.pm_buttons a {flex-grow:1; text-align:center; background-color:var(--bg-secondary); padding:12px 16px; border-radius:var(--radius-md); color:var(--text-main); text-decoration:none; transition:all var(--transition-fast)}
.pm_buttons a:hover,.ui-button:hover {background-color:#31863d; color:#fff; transform:translateY(-2px)}
.ui-button:hover {background:var(--accent-hover)}
.pm_stats {background:var(--bg-secondary); padding:16px 20px; margin:20px 0; border-radius:var(--radius-lg); border-left:4px solid #31863d}
.pm_progress_bar {background-color:var(--border-light); margin-bottom:16px; border-radius:var(--radius-full); height:8px; overflow:hidden}
.pm_progress_bar span {background:linear-gradient(90deg,#31863d,#8cd179); height:100%; border-radius:var(--radius-full); display:block}
.pm select {width:100%}
.ui-dialog {background-color:var(--white); border-radius:var(--radius-lg); max-width:100% !important; box-shadow:var(--shadow-lg); width:600px; position:absolute; padding:5px; border:1px solid var(--border-light)}
.ui-button {margin-right:12px; padding:8px 20px; background:#31863d; color:#fff; border:none; border-radius:var(--radius-md); cursor:pointer; transition:all var(--transition-fast)}
.stats {display:flex; flex-direction:column; gap:24px}
.stats_box {display:flex; flex-wrap:wrap; gap:16px; margin-bottom:20px}
.stats_item {padding:16px 24px; background:linear-gradient(135deg,#31863d,#5da34b); border-radius:var(--radius-lg); color:#fff; box-shadow:var(--shadow-md)}
.stats_item,.stats_itema {flex-grow:1}
.stats_item span {display:block; font-size:14px; opacity:0.9; margin-bottom:4px}
.stats_item strong {font-size:24px; font-weight:500}
.popular_header {position:relative}
.owl-carousel {display:block !important; width:100%; opacity:0; transition:opacity 0.2s ease}
.owl-carousel.owl-loaded {opacity:1}
.owl-stage-outer {overflow:hidden; position:relative; width:100%}
.owl-stage,.owl-item {backface-visibility:hidden; transform:translate3d(0,0,0)}
.owl-stage {display:flex; transition:transform 0.5s ease; width:100%}
.owl-item {flex:0 0 auto; -webkit-backface-visibility:hidden}
.owl-nav button {cursor:pointer; width:48px; height:48px; background:#31863d !important; border:none !important; border-radius:var(--radius-full) !important; position:absolute; top:42%; z-index:3; transform:translateY(-50%); transition:all var(--transition-fast); color:#fff !important; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-md)}
.popular_header-slider-block:hover .owl-nav button {opacity:1}
.owl-nav .owl-prev {left:-60px}
.owl-nav .owl-next {right:-60px}
.owl-nav button:hover {background:var(--accent-hover) !important; transform:translateY(-50%) scale(1.1)}
.owl-nav span {display:none}
.owl-nav button::after {content:"\f105"; font-family:'Font Awesome 5 Pro'; font-size:18px}
.owl-nav .owl-prev::after {content:"\f104"}
.rating {width:130px; height:24px}
.unit-rating {list-style:none; margin:0; padding:0; width:130px; height:24px; position:relative; background-image:url(../dleimages/rating.png); background-position:top left; background-repeat:repeat-x}
.unit-rating li {text-indent:-90000px; padding:0; margin:0; float:left}
.unit-rating li a {display:block; width:24px; height:24px; text-decoration:none; text-indent:-9000px; z-index:17; position:absolute; padding:0}
.unit-rating li a:hover {background-image:url(../dleimages/rating.png); background-position:left center; z-index:2; left:0}
.unit-rating a.r1-unit {left:0}
.unit-rating a.r1-unit:hover {width:26px}
.unit-rating a.r2-unit {left:26px}
.unit-rating a.r2-unit:hover {width:52px}
.unit-rating a.r3-unit {left:52px}
.unit-rating a.r3-unit:hover {width:78px}
.unit-rating a.r4-unit {left:78px}
.unit-rating a.r4-unit:hover {width:104px}
.unit-rating a.r5-unit {left:104px}
.unit-rating a.r5-unit:hover {width:130px}
.unit-rating li.current-rating {background-image:url(../dleimages/rating.png); background-position:left bottom; position:absolute; height:24px; display:block; text-indent:-9000px; z-index:1}
#scrolltop {height:50px; width:50px; padding:0; background:linear-gradient(135deg,#31863d,#31863d); color:#fff; box-shadow:var(--shadow-md); border-radius:var(--radius-full); font-size:22px; display:none; position:fixed; z-index:990; left:25px; bottom:85px; transition:all var(--transition-fast); cursor:pointer; border:none; align-items:center; justify-content:center}
#scrolltop:hover {background:linear-gradient(135deg,#42b052,#42b052); transform:translateY(-5px); box-shadow:var(--shadow-lg)}
.moblogo,.popular_header_title {display:none}
.popular_header-slider-block {margin:0 0 15px; padding:12px; box-shadow:var(--shadow-sm); background-color:#fff; overflow:hidden; max-height:364px; transition:box-shadow var(--transition-fast); display:block; place-items:center}
.popular_header-slider-block:hover {box-shadow:var(--shadow-md)}
.theme-dark .popular_header-slider-block {background-color:var(--white)}
.popular_header-slider-block .popular_header-slider {display:flex; gap:16px; max-width:1320px}
.popular_header-slider-block .popular_header-slider .short_story {min-width:calc(20% - 13px); flex-shrink:0; display:block; margin:0; background:transparent; box-shadow:none}
.popular_header-slider-block .popular_header-slider .short_story,.popular_header-slider-block .popular_short_title {transform:none !important}
.popular_header-slider-block .popular_header-slider .short_story::before {display:none}
.popular_header-slider-block .popular_header-slider .short_story:hover {box-shadow:none}
.popular_header-slider-block .popular_header-slider .short_img {position:relative; overflow:hidden; border-radius:var(--radius-lg); margin-bottom:8px; transition:transform 0.3s ease}
.popular_header-slider-block .popular_header-slider .short_story:hover .short_img {transform:translateY(-4px)}
.popular_header-slider-block .popular_header-slider .short_img img {width:100%; height:100%; object-fit:cover; border-radius:var(--radius-lg); transition:transform 0.5s ease}
.popular_header-slider-block .popular_short_title {font-size:15px; font-weight:500; color:var(--text-main); line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding:0 4px; margin-top:10px; text-align:left; word-break:break-word; transition:color 0.2s ease}
.popular_header-slider-block .short_story:hover .popular_short_title {color:#31863d}
.popular_short_title {color:var(--text-main); margin-top:10px}
.side-item {position:relative; display:flex; align-items:center; gap:16px; margin:0; padding:12px; border-radius:var(--radius-md); isolation:isolate; box-sizing:border-box; transition:background var(--transition-fast); cursor:pointer; background-color:#f7f7f7}
.theme-dark .side-item {background-color:#1e2128}
.side-item::before {content:''; position:absolute; top:-6px; left:12px; right:12px; height:1px; background:linear-gradient(90deg,transparent,#31863d,transparent); z-index:-1; opacity:0.3}
.side-item:first-child::before {display:none}
.side-item:hover {background-color:rgba(112,186,92,0.1); z-index:2}
.theme-dark .side-item:hover {background-color:rgba(112,186,92,0.15)}
.side-item:hover::before,.side-item:hover + .side-item::before {opacity:0}
.side-item a {position:absolute; inset:0; z-index:5; border-radius:var(--radius-md)}
.side-img {flex-shrink:0; width:70px; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); background-color:var(--bg-secondary); overflow:hidden; position:relative; transform:translateZ(0)}
.side-img img {width:100%; height:100%; object-fit:cover; object-position:center; transition:transform var(--transition-fast)}
.side-item:hover .side-img img {transform:scale(1.1)}
.side-body {flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:6px; padding-right:4px}
.side-body .name {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:600; line-height:1.4; color:var(--text-main); margin:0; transition:color var(--transition-fast)}
.side-item:hover .side-body .name {color:#31863d}
.side-body .strate {display:inline-flex; align-self:flex-start; align-items:center; gap:6px; margin-top:4px; padding:4px 12px; font-size:12px; font-weight:600; color:#fff; background:linear-gradient(135deg,#31863d,#5da34b); border-radius:var(--radius-full); line-height:1}
.side-body .strate::before {content:"⭐"; font-size:11px}
.side-two {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; color:var(--text-light); font-weight:500; margin-top:2px}
.side-two .info {display:flex; align-items:center}
.side-two .info:not(:last-child)::after {content:"•"; margin:0 6px; font-size:0.8em; opacity:0.6; color:#31863d}
.theme-dark .gray-theme.fr-toolbar .fr-command.fr-btn,.gray-theme.fr-popup .fr-command.fr-btn {color:#fff}
.theme-dark .gray-theme.fr-toolbar {background:var(--bg-secondary); border-radius:var(--radius-md) var(--radius-md) 0 0}
.theme-dark .fr-view,.fr-popup {font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; font-size:.9rem; line-height:1.6; background-color:var(--white); color:var(--text-main); margin:0; padding:16px; border-radius:var(--radius-md)}
.theme-dark .gray-theme.fr-box.fr-basic .fr-wrapper,.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper {border-radius:0 0 var(--radius-md) var(--radius-md)}
.theme-dark .gray-theme.fr-box.fr-basic .fr-wrapper {background:var(--white)}
.gray-theme.fr-box .fr-counter,.theme-dark .gray-theme.fr-box .fr-counter {background:var(--bg-secondary); color:var(--text-light); border:none}
.theme-dark .gray-theme.fr-box .fr-counter {border-radius:0 0 var(--radius-md) 0}
.gray-theme.fr-box .fr-counter {border-radius:0 0 var(--radius-md) var(--radius-md); padding:10px}
.gray-theme.fr-toolbar.fr-top {border-radius:var(--radius-md) var(--radius-md) 0 0}
.theme-dark .gray-theme.fr-box.fr-basic .fr-element {color:var(--text-main)}
.footer {border-top:5px #31863d solid; background:#1b1d21; margin-top:45px}
.footer .main-width {max-width:60%; margin:0 auto; padding:40px 0; display:flex; justify-content:space-between}
.footer-left {width:40%}
.footer-logo {background:url(../images/logo.png) center top no-repeat; background-size:contain; display:block; width:28px; height:28px; margin:0 0 20px 0}
.footer-text {color:#66686c; font-size:13px; line-height:18px}
.footer-text a {color:#66686c; text-decoration:underline}
.footer-text a:Hover {color:#fff}
.footer-center {width:30%; display:flex; justify-content:space-between}
.footer-col {}
.footer-col a {color:#d1d1d1; font-size:14px; display:block; margin:0 0 10px 0}
.footer-col a:hover {color:#fff}
.footer-right {width:100px}
.footer-right img {margin:0 0 5px 0}
@media screen and (max-width:1000px) {.header_menu_item {min-width:calc(33.333% - 7px); font-size:13px}
.footer-left {width:auto}
.footer-center {display:none}
.footer-logo {margin:0 auto 20px auto}
.footer .main-width {display:block; text-align:center}
.footer-right {width:auto; padding:20px 0 0 0; display:flex; justify-content:center; gap:5px}
}
@media screen and (min-width:600px) and (max-width:1600px) {.header {padding:12px 100px}
 .cols {display:grid; grid-template-columns:320px minmax(0,1fr); gap:24px; margin:0 100px; background-color:var(--white); border-radius:20px}
 .header_menu {display:flex; flex-wrap:wrap; gap:10px; padding:0 100px; margin:5px 0 15px; width:100%; justify-content:center}
 .nav-menu {padding:0 100px}
 }
@media screen and (min-width:1600px) and (max-width:1920px) {.popular_header-slider-block .popular_header-slider {max-width:62.8%}
 .header {padding:12px 363px}
 .cols {display:grid; grid-template-columns:320px minmax(0,1fr); gap:24px; margin:0 363px; background-color:var(--white); border-radius:20px}
 .header_menu {display:flex; flex-wrap:wrap; gap:10px; padding:0 363px; margin:5px 0 15px; width:100%; justify-content:center}
 .nav-menu {padding:0 363px}
 .footer-old {padding:1% 17.3%}
 .footer .main-width {max-width:62%; margin:0 auto; padding:40px 0; display:flex; justify-content:space-between}
}
@media screen and (min-width:1600px) and (max-width:1800px) {.footer .main-width {max-width:60%; margin:0 auto; padding:40px 0; display:flex; justify-content:space-between}
 }
@media screen and (min-width:1200px) and (max-width:1600px) {.popular_header-slider-block .popular_header-slider {max-width:85%}
 .footer-old {padding:1% 7%}
 .btn_download {margin-top:8%}
 .details {padding:14px; list-style:none}
 .details_item {padding:7px 0}
 .full_grid {font-size:15px}
 .footer .main-width {max-width:70%; margin:0 auto; padding:40px 0; display:flex; justify-content:space-between}
 body {background-color:var(--bg); color:var(--text-main); font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; line-height:1.5; margin:0; padding:0}
 .wrapper {margin:0 auto; width:100%; background-color:var(--bg); box-shadow:0 0 30px rgba(0,0,0,0.1)}
 .popular_header-slider-block .popular_header-slider {max-width:70%}
 .header,.nav-menu,.cols,.header_menu {margin-left:auto !important; margin-right:auto !important; padding-left:20px !important; padding-right:20px !important}
 .header {padding:12px 15% !important}
 .cols {max-width:100%; margin:0 auto !important; background-color:var(--white); border-radius:20px; width:70%; box-sizing:border-box}
 .header_menu {width:71%}
 .nav-menu {padding:0 15% !important}
 .popular_header-slider-block {max-height:none; padding-top:20px; width:100%}
 .footer-old {max-width:100%; margin-left:auto; margin-right:auto; padding:1% 15% !important; box-sizing:border-box}
}
@media screen and (min-width:900px) and (max-width:1200px) {.popular_header-slider-block .popular_header-slider {max-width:85%}
 .footer-old {padding:1% 10%}
 .btn_download {margin-top:11%}
 .details {padding:13px; list-style:none}
 .details_item {padding:6px 0}
 .full_grid {font-size:14px}
 .footer .main-width {max-width:80%; margin:0 auto; padding:40px 0; display:flex; justify-content:space-between}
}
@media screen and (min-width:600px) and (max-width:899px) {.popular_header-slider-block .popular_header-slider {max-width:75%}
 .col_main {padding:24px; border-left:0}
 .btn_download {margin-top:11%}
 .details {padding:13px; list-style:none}
 .details_item {padding:6px 0}
 .full_grid {font-size:14px}
 .footer .main-width {max-width:70%; margin:0 auto; padding:40px 0; display:flex; justify-content:space-between}
 }
@media only screen and (max-width:1200px) {.imgallert {display:none}
}
@media only screen and (max-width:1200px) {.wrapper {padding:0}
 .popular_header-slider-block .popular_header-slider .short_story {min-width:calc(25% - 12px)}
}
.game-card {--bg-card:#ffffff; --bg-secondary:#f4f4f4; --bg-tertiary:#f5f5f5; --border-light:#e7e7e7; --border:#e5e5e5; --text-main:#2b2b2b; --text-black:#000; --text-light:#8a8a8a; --link-color:#31863d; --yellow:#31863d; --blue:#22AFFF; --green:#82c315; --grey:#f4f4f4; --white:#fdfdfd; --light-yellow:#e7e7e7; --accent-hover:#8de974; --radius-md:8px; --radius-lg:12px; --radius-sm:4px; --transition-normal:0.3s ease; --shadow-sm:0 0 3px 0 rgba(0,0,0,0.1); background-color:var(--white); border-radius:10px; padding:15px; box-shadow:var(--shadow-sm); font-family:inherit; color:var(--text-main)}
@keyframes fadeIn {from {opacity:0; transform:translateY(20px)}
 to {opacity:1; transform:translateY(0)}
}
@keyframes pulse {0%,100% {transform:scale(1)}
 50% {transform:scale(1.05)}
}
.short_story {animation:fadeIn 0.5s ease}
.download_button {animation:pulse 2s infinite}
.download_button:hover {animation:none}
::-moz-selection,::selection {background:#31863d; color:#ffffff}
::-webkit-scrollbar {width:8px; height:8px}
::-webkit-scrollbar-track {background:var(--bg-secondary)}
::-webkit-scrollbar-thumb {background:#31863d; border-radius:var(--radius-full)}
::-webkit-scrollbar-thumb:hover {background:var(--accent-hover)}
.game-badge {display:inline-block; padding:4px 12px; background:linear-gradient(135deg,#31863d,#5da34b); color:#ffffff; border-radius:var(--radius-full); font-size:12px; font-weight:600; text-transform:uppercase}
.game-rating {display:flex; align-items:center; gap:4px; color:#fbbf24}
.game-rating i {font-size:14px}
.game-rating span {color:var(--text-light); font-size:13px}
.social-share {display:flex; gap:8px; margin:20px 0}
.social-share a {width:40px; height:40px; border-radius:var(--radius-full); background:var(--bg-secondary); color:var(--text-main); display:flex; align-items:center; justify-content:center; transition:all var(--transition-fast)}
.social-share a:hover {background:#31863d; color:#ffffff; transform:translateY(-3px)}
.system-message {padding:16px 20px; border-radius:var(--radius-md); margin:20px 0; border-left:4px solid}
.system-message.success {background:rgba(112,186,92,0.1); border-left-color:#31863d}
.system-message.error {background:rgba(239,68,68,0.1); border-left-color:#ef4444}
.system-message.warning {background:rgba(245,158,11,0.1); border-left-color:#f59e0b}
.system-message.info {background:rgba(59,130,246,0.1); border-left-color:#3b82f6}
.speedbar {padding:12px 0; margin-bottom:20px; border-bottom:1px solid var(--border-light)}
.speedbar a {color:var(--text-light); text-decoration:none; transition:color var(--transition-fast)}
.speedbar span {color:var(--text-main); font-weight:500}
.pagination {display:flex; justify-content:center; gap:8px; margin:30px 0}
.pagination a,.pagination span {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 8px; border-radius:var(--radius-md); background:var(--bg-secondary); color:var(--text-main); text-decoration:none; transition:all var(--transition-fast)}
.pagination a:hover {background:#31863d; color:#ffffff; transform:translateY(-2px)}
.pagination span.current {background:#31863d; color:#ffffff; font-weight:600}
.game-card__title,.game-card__section-title {margin-bottom:20px; font-size:18px; font-weight:normal}
.game-card__title::before,.game-card__section-title::before {display:inline-block; float:left; content:""; background:#31863d; width:4px; height:23px; margin-right:7px; border-radius:2px}
.game-card__title:first-letter {color:#488fe9}
.game-card__full-title {text-align:center; font-size:18px; font-weight:600; margin:20px 0}
.game-card__grid {display:grid; grid-template-columns:200px minmax(0,1fr); gap:15px; font-size:14px}
.game-card__poster-image {border-radius:12px; height:300px; width:100%; object-fit:cover}
.game-card__download-btn,.game-card__torrent-btn {display:inline-flex; align-items:center; justify-content:center; color:#fff; border-radius:10px; cursor:pointer; transition:var(--transition-normal); text-decoration:none; border:none}
.game-card__download-btn {min-height:35px; background:var(--yellow); padding:0 20px; margin-top:10px; width:100%}
.game-card__download-btn span {font-size:17px; font-weight:600}
.game-card__torrent-btn {width:fit-content; margin:0 auto; padding:10px 20px; background-color:#31863d; font-size:18px; font-weight:600}
.game-card__download-btn:hover,.game-card__torrent-btn:hover {background:var(--accent-hover); color:#fff}
.game-card__details-list {margin:5px; list-style:none; padding:0}
.game-card__details-item,.game-card__requirements-item {padding:4px 0; display:flex; flex-wrap:wrap}
.game-card__details-item b,.game-card__requirements-item b {margin-right:10px}
.game-card__details-item b {font-weight:500}
.game-card__requirements-list {background:#efefef; padding:15px; border-radius:10px; color:#444; line-height:1.4; margin-top:15px; list-style:none}
.game-card__requirements-list b {font-weight:500}
.game-card__description {position:relative; margin:10px 0 24px 0; line-height:1.4; font-size:1em}
.game-card__description p {margin:20px 0}
.game-card__description img {width:30%; height:auto; object-fit:cover; display:inline-block; vertical-align:middle}
.game-card__description div[style*="text-align:center"] {text-align:center}
.game-card__description ul li {padding-left:20px; position:relative}
.game-card__gallery {display:grid; gap:10px; grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.game-card__gallery li a img {border-radius:7px}
.game-card__info-block {padding:15px; border-radius:10px; color:#141414; border:2px solid #e7e7e7}
.game-card__storage-info {display:flex; align-items:center; margin:0 auto; width:6em}
.game-card__storage-icon {margin-right:10px}
.game-card__related-news {display:grid; grid-gap:25px 15px; grid-template-columns:repeat(auto-fill,minmax(165px,1fr)); margin-bottom:25px}
.game-card__related-news .short_story {position:relative; display:block}
.game-card__related-news .short_story:hover > .short_img img {filter:brightness(0.8); transition:.10s all}
.game-card__related-news .short_img {position:relative}
.game-card__related-news .short_story img {aspect-ratio:6 / 8; border-radius:15px; width:100%; height:auto}
.game-card__related-news .popular_short_title {padding-top:10px; font-size:15px; font-weight:600; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; line-height:normal}
.game-card__related-news .short_meta {position:absolute; left:8px; bottom:14px; display:flex; align-items:flex-start; font-weight:600; font-size:12px; flex-direction:column-reverse; gap:5px}
.game-card__related-news .short_meta_year {background:var(--yellow); color:#fff; padding:5px 8px; border-radius:10px}
.game-card__related-news .short_meta_size {background:var(--blue); color:#fff; padding:5px 8px; border-radius:10px; opacity:0; transition:.70s all}
.game-card__related-news .short_meta_ver {background:var(--green); color:#fff; padding:5px 8px; border-radius:10px; opacity:0; transition:.40s all}
.game-card__related-news .short_story:hover > .short_img > .short_meta > .short_meta_size,.game-card__related-news .short_story:hover > .short_img > .short_meta > .short_meta_ver {opacity:1}
.game-card__comments {margin:20px 0}
.theme-dark .game-card {background-color:transparent; color:white}
.theme-dark .game-card__title,.theme-dark .game-card__section-title,.theme-dark .game-card__full-title,.theme-dark .game-card__description a {color:white}
.my-download-block {margin:0 0 30px 0; width:100%; float:left}
.my-download {float:left; margin-top:30px; background-color:#ebebeb; width:100%; text-align:center; padding:5px; box-sizing:border-box; border-radius:var(--radius-md)}
.theme-dark .my-download {background-color:var(--bg-secondary); border-color:var(--border-light)}
.my-download-title {font-size:18px; font-weight:700; color:#313131; background:none; padding:0; margin:10px 0}
.theme-dark .my-download-title {color:var(--accent)}
.my-load-table {width:100%; float:left; margin-top:10px; background:transparent; border:0; border-collapse:separate}
.my-load-table tr {background-color:#FFF}
.theme-dark .my-load-table tr {background-color:var(--white)}
.my-load-table td {text-align:left; background:transparent; padding:8px 10px}
.my-tdname,.my-tdzhach {color:#333}
.my-tdname {font-weight:700; width:150px}
.my-tdzhach {width:auto}
.theme-dark .my-tdname,.theme-dark .my-tdzhach {color:var(--text-main)}
.my-torrentlog {text-align:center; vertical-align:middle}
.my-tdseed,.my-tdleech,#my-tdstatus {display:flex; align-items:center; gap:5px; flex-wrap:wrap}
.my-tdseed,.my-tdleech {font-weight:700}
#my-tdstatus {font-weight:500; color:#17A025}
.my-tdseed {color:#17A025}
.my-tdleech {color:#ff4444}
.my-status-icon,.my-tdseed img,.my-tdleech img {width:16px; height:16px; vertical-align:middle}
.my-button4 {width:200px; height:44px; display:block; font-size:16px; line-height:44px; text-align:center; position:relative; font-weight:700; color:#fff; text-shadow:0 -1px rgba(0,0,0,.1); text-decoration:none; user-select:none; outline:none; border:none; border-radius:20px; box-shadow:inset #72de26 0 -1px 1px,inset 0 1px 1px #98ff98,#3caa3c 0 0 0 1px rgba(0,0,0,.3),0 2px 5px rgba(0,0,0,.2); margin:10px auto 0; padding:0; cursor:pointer; letter-spacing:1px; background:linear-gradient(135deg,#31863d,#5da34b); transition:all var(--transition-fast)}
.my-button4:hover {color:white; cursor:pointer; background:linear-gradient(135deg,#5da34b,#42b052); transform:translateY(-2px); box-shadow:inset #72de26 0 -1px 1px,inset 0 1px 1px #98ff98,#3caa3c 0 0 0 1px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.25)}
.my-button4:active {top:1px; color:#fff}
.my-absfl {display:inline-block}
.my-absfl a {color:#329648; font-size:14px; text-decoration:underline}
.theme-dark .my-absfl a {color:var(--accent)}
.my-absfl a:hover {color:#000; text-decoration:none}
.theme-dark .my-absfl a:hover {color:var(--accent-hover)}
@media screen and (min-width:1000px) {.footer-old {display:flex; justify-content:space-between; align-items:center}
}
@media screen and (min-width:1921px) {body {background-color:var(--bg); color:var(--text-main); font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif; line-height:1.5; margin:0; padding:0}
 .wrapper {margin:0 auto; width:100%; background-color:var(--bg); box-shadow:0 0 30px rgba(0,0,0,0.1)}
 .popular_header-slider-block .popular_header-slider {max-width:70%}
 .header,.nav-menu,.cols,.header_menu {margin-left:auto !important; margin-right:auto !important; padding-left:20px !important; padding-right:20px !important}
 .header {padding:12px 15% !important}
 .cols {max-width:100%; margin:0 auto !important; background-color:var(--white); border-radius:20px; width:70%; box-sizing:border-box}
 .header_menu {width:71%}
 .nav-menu {padding:0 15% !important}
 .popular_header-slider-block {max-height:none; padding-top:20px; width:100%}
 .footer-old {max-width:100%; margin-left:auto; margin-right:auto; padding:1% 15% !important; box-sizing:border-box}
 }
@media (max-width:1255px) {.my-load-table,.my-load-table tbody,.my-load-table tr,.my-load-table td {display:block; width:100%}
 .my-load-table {float:none}
 .my-load-table tr {margin-bottom:15px; border-radius:var(--radius-sm); overflow:hidden}
 .my-load-table td {padding:10px 12px; text-align:left; border-bottom:1px solid var(--border-light)}
 .my-load-table td:last-child {border-bottom:none}
 .my-torrentlog {text-align:center; padding:20px 12px !important}
 .my-tdname {width:auto; font-weight:700; background:rgba(0,0,0,0.03)}
 .theme-dark .my-tdname {background:rgba(255,255,255,0.03)}
 .my-tdzhach {width:auto}
 .my-button4 {width:80%; max-width:220px; margin:0 auto}
 .my-download-title {font-size:18px; line-height:1.4; word-break:break-word}
 .my-load-table tr:not(:first-child):not(:has(.my-torrentlog)),.my-load-table tr:nth-child(2),.my-load-table tr:nth-child(3),.my-load-table tr:nth-child(4),.my-load-table tr:nth-child(5) {display:none}
 .my-torrentlog {display:table-cell}
}
@media only screen and (max-width:1000px) {.cols {grid-template-columns:minmax(0,1fr)}
 .col_left {height:100%; overflow-x:hidden; overflow-y:auto; padding:24px; z-index:var(--z-modal); position:fixed; left:-100%; top:0; width:320px; transition:left 0.3s ease; box-shadow:var(--shadow-lg); background-color:#fff}
 .col_left.mob_menu_active {left:0}
 .col_left .close {width:36px; height:36px; background:#31863d; mask:url(../images/popup-close.svg) no-repeat center; -webkit-mask:url(../images/popup-close.svg) no-repeat center; cursor:pointer; position:absolute; top:20px; right:20px; background-size:16px; background-color:#31863d; border-radius:var(--radius-md); transition:all var(--transition-fast)}
 .col_left .close:hover {transform:rotate(90deg); background-color:var(--accent-hover)}
 .popular_header-slider-block .popular_header-slider .short_story {min-width:calc(33.333% - 11px)}
 .my-load-table tr:not(:first-child):not(:has(.my-torrentlog)),.my-load-table tr:nth-child(2),.my-load-table tr:nth-child(3),.my-load-table tr:nth-child(4),.my-load-table tr:nth-child(5) {display:none}
 .my-torrentlog {display:table-cell}
}
@media screen and (max-width:850px) {.popular_header,.popular_header_title {display:none}
 .popular_header-slider-block .popular_header-slider .short_story {min-width:calc(50% - 8px)}
 .my-load-table tr:not(:first-child):not(:has(.my-torrentlog)),.my-load-table tr:nth-child(2),.my-load-table tr:nth-child(3),.my-load-table tr:nth-child(4),.my-load-table tr:nth-child(5) {display:none}
 .my-torrentlog {display:table-cell}
}
@media screen and (max-width:768px) {.theme-dark .popular_header-slider-block,.popular_header-slider-block {max-height:none}
 .sidebar_nav li a,.sidebar_item_year li a,.sidebar_item_cat li a {font-size:14px; padding:10px}
 .login_panel {width:90%; max-width:400px; padding:24px}
 .menu-headnav {display:none}
 .moblogo {display:block; margin:0 0 20px 0}
 .spec_info,.xfieldimagegallery {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
 .my-load-table tr:not(:first-child):not(:has(.my-torrentlog)),.my-load-table tr:nth-child(2),.my-load-table tr:nth-child(3),.my-load-table tr:nth-child(4),.my-load-table tr:nth-child(5) {display:none}
 .my-torrentlog {display:table-cell}
}
@media screen and (max-width:675px) {.main_grid {grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
@media screen and (max-width:640px) {input[type="text"],input[type="password"],input[type="email"],textarea {width:100%; height:42px; padding:10px 16px; border:2px solid var(--border-light); background-color:var(--input-bg); border-radius:var(--radius-md); font-family:inherit; font-size:16px; color:var(--text-main); transition:all var(--transition-fast)}
 input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {border-color:#31863d; outline:none; box-shadow:0 0 0 3px rgba(112,186,92,0.2)}
 .full_grid {grid-template-columns:1fr}
 .related_news,.main_grid {grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
 .navigation {flex-wrap:wrap}
 .sidebar_item_year {grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px) {.my-download-title {font-size:16px}
 .my-tdname,.my-tdzhach {font-size:13px}
 .my-button4 {width:90%; max-width:200px; height:40px; font-size:15px; line-height:40px}
 .my-tdseed,.my-tdleech,#my-tdstatus {flex-wrap:wrap; word-break:break-word}
.owl-nav .owl-prev {left:10px}
.owl-nav .owl-next {right:10px}
}
@media screen and (max-width:480px) {.wrapper {background-color:#eff1ff}
 .main_catmenu_two {padding:10px}
 .header_menu {padding:0 10px; gap:5px}
 .col_main {background-color:#fff; border-left:none}
 .popular_header-slider-block .popular_header-slider .short_story {min-width:100%}
 .main_grid {grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:16px}
 .short_title {font-size:15px}
 .footer-old {flex-direction:column; gap:16px; text-align:center; padding:20px}
 .spec_info,.xfieldimagegallery,.sidebar_item_year {grid-template-columns:1fr}
 .my-download {padding:10px}
 .my-download-title {font-size:15px}
 .my-tdname,.my-tdzhach {font-size:12px; padding:8px 10px}
 .my-button4 {width:100%; height:38px; font-size:14px; line-height:38px}
 .my-absfl a {font-size:12px}
}
@media screen and (max-width:390px) {.related_news,.main_grid {grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
 .short_meta {left:8px; bottom:10px}
 .short_meta_year,.short_meta_size,.short_meta_ver {padding:4px 8px; font-size:11px}
}