:root{--t:color .2s,background .2s,border-color .2s,box-shadow .2s;--t18:color .18s,background .18s,border-color .18s,box-shadow .18s;--t3:color .3s,background .3s,border-color .3s}
/* Fonts loaded from main.tpl (preload) — no @import here (avoids duplicate render-blocking request) */
@keyframes dropdownFade {
0%{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}

@keyframes modalIn {
0%{opacity:0;transform:translateY(-20px) scale(.95)}
to{opacity:1;transform:none}
}

to{opacity:1;transform:translateY(0)}
}
.lazy{opacity:0;transition:opacity .3s ease}.lazy-loaded{opacity:1}
:root{--primary:#FF6B35;--primary-dark:#E85A28;--secondary:#4ECDC4;--accent:#FFD93D;--purple:#A855F7;--blue:#3B82F6;--green:#10B981;--red:#EF4444;--bg-main:#F8FAFC;--bg-light:#FFF;--bg-card:#FFF;--bg-hover:#F1F5F9;--text-dark:#0d1829;--text-medium:#1e3352;--text-light:#3d5275;--border:#E2E8F0;--border-hover:#CBD5E1;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 10px 30px rgba(0,0,0,0.12);--shadow-glow:0 0 20px rgba(255,107,53,0.3);--font-heading:'Barlow Condensed','Rajdhani',sans-serif;--font-body:'Barlow',system-ui,sans-serif;--max-width:1280px;--sidebar-width:300px;--gap:24px}
*,::after,::before{box-sizing:border-box;margin:0;padding:0}
body,html{font-size:13px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);line-height:1.6;color:var(--text-dark);background-image:linear-gradient( 174.2deg, rgb(228, 236, 255) 7.1%, rgb(240, 246, 238) 67.4% );min-height:100vh;overflow-x:hidden}
ol,ul{list-style:none}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none;transition:var(--t)}
a:hover{color:var(--primary-dark)}
hr{border:none;height:1px;background:linear-gradient(to right,#a4f255 33.33%,#f5b641 33.33%,#fbcb73 66.66%,#8fecf0 66.66%);position:relative;margin:15px 0;}hr:hover::before{color:#5fa317;transition:color .3s ease}
#header-bar{position:sticky;top:0;z-index:1100;background:var(--bg-light);box-shadow:var(--shadow-md)}
.header-top-strip{padding:8px 0;background: radial-gradient(circle farthest-corner at 10% 20%,#038d42 0%,#fb7635 100%);padding: 8px 0;border-bottom: 2px solid #ffffff1a;}
.header-main .header-inner,.header-top-strip .header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
#header-bar ins.adsbygoogle,#header-bar .adsbygoogle,.header-nav ins.adsbygoogle,.header-nav .adsbygoogle{display:none!important}
.social-icon{display:flex;gap:8px}
.social-icon li a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;font-size:14px;}
.social-icon li a:hover{background:#fff;color:var(--primary);transform:translateY(-2px)}
.social-icon li a span{display:none}
.nav-info,.nav-info li a{display:flex;gap:4px}
.nav-info li a{color:#fff;font-size:13px;padding:4px 10px;border-radius:20px;align-items:center;transition:var(--t)}
.nav-info li a:hover{background:rgba(255,255,255,.2)}
.header-main{background:#fff;padding:16px 0;border-bottom:3px solid var(--primary)}
#logotype,.header-logo-section{display:flex;align-items:center;gap:24px}
#logotype{flex-direction:column;gap:4px}
.logo-title{font-family:var(--font-heading);font-size:28px;font-weight:800;background:linear-gradient(135deg,#1a56db 0,#7c3aed 45%,#ff6b35 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:2px;text-transform:uppercase;filter:drop-shadow(0 2px 4px rgba(26,86,219,.18))}
.logo-subtitle{font-size:12px;color:var(--text-light);text-transform:uppercase;letter-spacing:1.5px}
.header-search-mobile form{display:flex;background:var(--bg-main);border-radius:25px;overflow:hidden;border:2px solid var(--border);transition:var(--t18)}
.header-search-mobile form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,107,53,.1)}
.searchbar-input{border:0;background:0 0;padding:10px 16px;font-size:14px;width:300px;outline:0;color:var(--text-dark)}
.searchbar-btn{background:var(--primary);color:#fff;border:0;padding:10px 20px;cursor:pointer;transition:var(--t)}
.searchbar-btn:hover{background:var(--primary-dark)}
.header-right-section,.header-upload-btn{display:flex;align-items:center;gap:16px}
.header-upload-btn{gap:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff!important;padding:12px 24px;border-radius:25px;font-weight:600;font-size:14px;box-shadow:var(--shadow-glow);transition:var(--t18)}
.header-upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,.4)}
.header-nav{background:linear-gradient(135deg,#19203d 0,#451f6c 100%);box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;z-index:1100}
#pg-wrap,.header-nav .header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px}
#pg-wrap{margin:24px auto;contain:layout style}
.navbar,.navbar-nav{display:flex;align-items:center}
.navbar-nav{gap:4px;padding:0}
.dropdown-menu li a,.navbar-nav>li>a{display:flex;align-items:center;border-radius:8px;transition:var(--t)}
.navbar-nav>li>a{gap:6px;color:#fff;font-family:var(--font-heading);font-size:14px;font-weight:600;padding:10px 18px;white-space:nowrap}
.navbar-nav>li>a:hover{background:rgba(255,255,255,.15);transform:translateY(-1px)}
.navbar-nav>li.nav-home>a{background:rgba(255,255,255,.2)}
.navbar-nav>li.nav-featured>a.top100{background:linear-gradient(135deg,var(--accent),#ffc107);color:var(--text-dark);font-weight:700;box-shadow:0 4px 12px rgba(255,217,61,.4)}
.navbar-nav>li.nav-featured>a.top100:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,217,61,.5)}
.navbar-nav .dropdown{position:relative}
.navbar-nav .dropdown-menu{position:absolute;left:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;display:none;z-index:1200;animation:dropdownFade .2s ease}
.navbar-nav .dropdown.open .dropdown-menu,.navbar-nav .dropdown:hover .dropdown-menu{display:block}
.dropdown-menu li a{padding:10px 14px;color:var(--text-medium);font-size:14px}
.dropdown-menu li a:hover,.ul-infoicon .dl-dropdown-menu li a:hover{background:var(--bg-hover);color:var(--primary);padding-left:18px}
.dropdown-menu li a strong{color:var(--primary);font-weight:700}
.navbar-header{display:none}
.navbar-toggle{background:rgba(255,255,255,.2);border:0;border-radius:8px;padding:8px 12px;cursor:pointer}
.icon-bar{display:block;width:22px;height:2px;background:#fff;border-radius:2px;margin:4px 0}
.pg-2col{display:flex;gap:var(--gap);align-items:flex-start}
.pg-side{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:100px}
.pg-main{flex:1;min-width:0}
.block-white{background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-md);padding:24px;margin-bottom:var(--gap);border:1px solid var(--border)}
.h-red{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px;margin:0 0 24px;background:0 0;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--purple) 100%) 1;position:relative}
.h-red::after{content:"";position:absolute;bottom:-3px;left:0;width:120px;height:3px}
.a-small,.h-red h2,.h-red h3{display:flex;align-items:center;font-weight:700;text-transform:uppercase}
.h-red h2,.h-red h3{font-family:var(--font-heading);font-size:22px;gap:10px;letter-spacing:1px;position:relative}
.h-red h2,.h-red h2 i,.h-red h3,.h-red h3 i{background:linear-gradient(135deg,var(--primary),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.h-red p{margin:0;display:contents}
.a-small{font-size:13px;color:var(--primary);padding:2px 16px;border-radius:8px;background:rgba(255,107,53,.1);border:2px solid var(--primary);gap:6px;transition:var(--t);letter-spacing:.5px}
.a-small:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,53,.3)}
.film-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mods-grid,.mods-grid-3col,.videos-grid,.videos-grid-3col{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}
.shortstory:hover .shortstory-img::after{opacity:1}
.float-meta{padding:4px 14px 12px}
.commtext ul.reset li,.float-rate{font-size:13px;color:var(--text-light)}
.h-sidebar i,.shortf-link a:hover{color:var(--primary)}
.h-sidebar,.link-sidebar{display:flex;align-items:center}
.h-sidebar{gap:8px;font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-dark);padding:12px 0;border-bottom:3px solid var(--primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}
.link-sidebar{justify-content:center;gap:6px;font-size:13px;color:var(--primary);padding:3px;border:1px solid var(--primary);border-radius:8px;margin-top:12px;transition:var(--t);font-weight:600}
.link-sidebar:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}
.shortstory-film3{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.str-item{display:block;padding:12px;background:var(--bg-main);border:1px solid var(--border);border-radius:10px;transition:var(--t)}
.str-item:hover{background:#fff;border-color:var(--primary);transform:translateX(4px);box-shadow:var(--shadow-sm)}
.str-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;color:var(--text-dark);line-height:1.4;margin-bottom:6px}
.str-title:hover{color:var(--primary)}
.str-date{font-size:12px;color:var(--text-light);font-family:var(--font-heading)}
.shortstory-comments li,.str-item-compact{background:var(--bg-main);border:1px solid var(--border);transition:var(--t)}
.str-item-compact{display:block;padding:10px 12px;border-radius:8px}
.str-item-compact:hover{background:#fff;border-color:var(--primary);transform:translateX(3px);box-shadow:var(--shadow-sm)}
.str-title-compact{display:block;font-size:13px;font-weight:600;color:var(--text-dark);line-height:1.3;margin-bottom:6px;white-space: nowrap;overflow: hidden;}
.meta-item i,.str-title-compact:hover{color:var(--primary)}
.str-meta-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}
.news-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:12px;font-weight:700;font-size:10px;letter-spacing:.3px}
.ats-badge{background:linear-gradient(135deg,var(--blue),#2563eb)}
.meta-item{display:inline-flex;align-items:center;gap:3px;color:var(--text-light);font-size:11px}
.meta-item i{font-size:10px}
.official-upload{margin-bottom:20px}
.official-btn,.official-upload a{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 10px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff!important;border-radius:12px;font-family:var(--font-heading);font-weight:700;font-size:16px;letter-spacing:.5px;cursor:pointer;box-shadow:var(--shadow-glow);border:0}
.official-btn:hover,.official-upload a:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,107,53,.5)}
.shortstory-comments{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;list-style:none;padding:0}
.shortstory-comments li{padding:12px 12px 12px 44px;border-radius:10px;font-size:13px;position:relative}
.shortstory-comments li:hover{border-color:var(--primary);background:#fff}
.shortstory-comments li::before{content:"💬";position:absolute;left:12px;top:12px;font-size:20px}
.shortstory-comments li i:first-child,.shortstory-comments li i:first-child img{display:none}
.shortstory-comments li i.nowrap{font-style:normal;font-weight:700;color:var(--text-dark);display:block;margin-bottom:4px}
.shortstory-comments li small{color:var(--text-light);font-size:11px;display:block;margin-bottom:6px}
.shortstory-comments li span{color:var(--text-medium);line-height:1.5;display:block}
.shortstory-comments li a{color:var(--primary);font-size:13px;font-weight:600}
.comment-item-compact{display:flex;gap:10px;padding:10px;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;transition:var(--t)}
.comment-item-compact:hover{background:#fff;border-color:var(--primary)}
.comment-avatar-compact{flex-shrink:0}
.comment-avatar-compact img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}
.comment-content-compact{flex:1;min-width:0}
.comment-header-compact{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.comment-date,.login-blue small{font-size:10px;color:var(--text-light)}
.comment-text-compact{font-size:12px;color:var(--text-medium);line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.comment-link-compact{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--primary);font-weight:600}
.comment-link-compact:hover{color:var(--primary-dark)}
.comment-link-compact i{font-size:10px}
.margin-b25{margin-bottom:24px}
#footer-bar{background:linear-gradient(135deg,#0a1628 0,#0f1f3d 40%,#0d1a35 100%);color:#fff;margin-top:60px;padding:0;position:relative;overflow:hidden;width:100%;box-sizing:border-box}
#footer-bar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#1a56db 0,#00c8f0 35%,#f97316 65%,#9b5cf6 100%)}
#footer-bar::after,.home-text::before{content:"";position:absolute;pointer-events:none}
#footer-bar::after{inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(26,86,219,.025) 60px,rgba(26,86,219,.025) 62px),repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(0,200,240,.018) 60px,rgba(0,200,240,.018) 62px)}
.footer-inner{max-width:var(--max-width);margin:0 auto;padding:36px 20px 0;position:relative;z-index:1}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px 48px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand{display:flex;flex-direction:column;gap:14px}
.footer-logo{display:flex;align-items:center;gap:13px}
.footer-logo-emoji{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,#1a56db,#00c8f0);border-radius:12px;box-shadow:0 4px 18px rgba(26,86,219,.4);flex-shrink:0}
.footer-column ul,.footer-logo-text{display:flex;flex-direction:column}
.footer-column h4,.footer-logo-title{font-family:"Rajdhani","Exo 2",sans-serif;font-weight:800;color:#fff}
.footer-logo-title{font-size:22px;line-height:1;letter-spacing:.5px}
.footer-logo-subtitle{font-size:11px;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:1px;text-transform:uppercase}
.footer-description{font-size:13px;line-height:1.65;color:rgba(255,255,255,.6)}
.footer-social{display:flex;gap:8px;flex-wrap:wrap}
.footer-column ul li a,.footer-social a,.nav-login-modal li a{display:flex;align-items:center;font-size:15px}
.footer-social a{justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);border-radius:8px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}
.footer-social a:hover{background:#1a56db;color:#fff;border-color:#1a56db;box-shadow:0 0 14px rgba(26,86,219,.45)}
.footer-links{display:contents}
.footer-column h4{font-size:13px;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px;padding-bottom:8px;border-bottom:1px solid rgba(26,86,219,.35);position:relative}
.footer-column h4::after{content:"";position:absolute;bottom:-1px;left:0;width:28px;height:1px;background:#00c8f0}
.footer-column ul{gap:7px}
.footer-column ul li a{color:rgba(255,255,255,.6);font-size:13.5px;gap:7px;transition:color .16s,padding-left .16s;padding:1px 0}
.footer-column ul li a:hover{color:#fff;padding-left:5px}
.footer-column ul li a i{font-size:11px;color:#00c8f0;width:13px;text-align:center}
.footer-bottom{padding:18px 0 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.06)}
.footer-copyright{font-size:12.5px;color:rgba(255,255,255,.45);line-height:1.6}
.footer-credits{font-size:12.5px;color:rgba(255,255,255,.4)}
.footer-credits strong{color:rgba(0,200,240,.85)}
.modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);align-items:center;justify-content:center}
.modal.in,.modal.modal-visible,.modal.show{display:flex}
.modal-dialog{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:30px;width:90%;max-width:400px;position:relative;}
.close,.modal-close-btn{position:absolute;top:16px;right:16px;background:0 0;border:0;font-size:24px;cursor:pointer;color:var(--text-light);line-height:1;transition:color .2s;padding:4px}
.close:hover,.modal-close-btn:hover{color:var(--red)}
.login-blue img,.user-avatar-large img{width:50px;height:50px;border-radius:50%;object-fit:cover}
.login-blue small{font-size:13px;display:block;margin-top:4px}
.nav-login-modal{display:flex;flex-direction:column;gap:4px}
.nav-login-modal li a{gap:10px;padding:6px 14px;border-radius:10px;color:var(--text-medium);transition:var(--t);border: 1px solid var(--border);}
.nav-login-modal li a:hover{background:var(--bg-hover);color:var(--primary)}
.counter{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--primary);color:#fff;border-radius:20px;font-size:12px;font-weight:700;margin-left:auto}
.btn,.speedbar{align-items:center;gap:8px}
.btn{display:inline-flex;justify-content:center;padding:12px 20px;background:var(--primary);color:#fff;border:0;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--t);width:100%;font-size:15px}
#scroller,.btn:hover{box-shadow:var(--shadow-glow)}
.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}
.speedbar{display:flex;flex-wrap:wrap;font-size:13px;color:var(--text-light);padding:8px 0 16px}
.profile-section-title i,.speedbar a,.stat-link a{color:var(--primary)}
.speedbar a:hover{color:var(--primary-dark)}
#scroller{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:var(--t3);z-index:999}
#scroller:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(255,107,53,.5)}
.shortf.video-card .shortf-img,.video-card .shortf-img{aspect-ratio:16/9}
.videos-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width: 1024px) {
.film-bar,.videos-wrap{grid-template-columns:repeat(2,1fr)}
.footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.header-top-strip{display:none}
.header-logo-section{flex-direction:column;gap:12px}
.header-search-mobile form,.navbar-nav>li,.searchbar-input{width:100%}
.header-right-section{flex-direction:column;width:100%}
.header-upload-btn{width:100%;justify-content:center}
.navbar-collapse.in,.navbar-header{display:block}
.navbar-collapse{display:none}
.navbar-nav{width:100%;padding:12px 0}
.navbar-nav>li>a{width:100%;justify-content:flex-start}
.navbar-nav,.pg-2col{flex-direction:column}
.pg-side{width:100%;position:static}
.pg-main{width:100%}
.film-bar,.footer-top,.videos-wrap{grid-template-columns:1fr}
.footer-top{gap:30px}
}
@media (max-width: 480px) {
.logo-title{font-size:22px}
.h-red h2,.h-red h3{font-size:14px}
.block-white{padding:16px}
.h-red{margin:-16px -16px 16px;padding:10px 14px}
}
.user-profile-header{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:24px}
.user-profile-banner{height:180px;background:linear-gradient(135deg,var(--primary) 0%,var(--purple) 50%,var(--secondary) 100%);position:relative}
.user-profile-info{padding:0 30px 30px;display:flex;gap:24px;align-items:flex-start;margin-top:-60px;position:relative}
.user-avatar-large{position:relative;flex-shrink:0}
.user-avatar-large img{width:140px;height:140px;border:5px solid #fff;box-shadow:var(--shadow-lg)}
.user-status-badge{position:absolute;bottom:10px;right:10px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;box-shadow:var(--shadow-sm)}
.user-status-badge.online{background:var(--green)}
.user-status-badge.offline{background:var(--text-light)}
.user-details{flex:1;padding-top:70px}
.user-name{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:8px}
.user-group{font-size:15px;color:var(--text-medium);margin-bottom:12px}
.user-time-limit{font-size:13px;color:var(--text-light);margin-left:8px}
.user-rating-display{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),#ffc107);color:var(--text-dark);padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px}
.user-actions{padding-top:70px;flex-direction:column}
.profile-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md)}
.profile-section-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--primary)}
.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.profile-info-item{display:flex;flex-direction:column;gap:4px}
.info-label{font-size:13px;color:var(--text-light);font-weight:600}
.info-value{font-size:15px;color:var(--text-dark)}
.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.stat-card,.stat-icon{display:flex;border-radius:12px}
.stat-card{gap:16px;padding:20px;background:var(--bg-main);border:2px solid var(--border);transition:var(--t18)}
.stat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.stat-icon{width:60px;height:60px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:24px;flex-shrink:0}
.stat-content{flex:1}
.stat-value{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--text-dark);line-height:1}
.stat-label{font-size:14px;color:var(--text-light);margin-top:4px}
.stat-link{margin-top:8px;font-size:13px}
.stat-link a{font-weight:600}
.profile-about{font-size:15px;line-height:1.7;color:var(--text-medium)}
.profile-social-links{display:flex;flex-wrap:wrap;gap:12px}
.home-text-content p,.social-link{color:var(--text-medium);font-size:14px}
.social-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-main);border:2px solid var(--border);border-radius:10px;font-weight:600;transition:var(--t)}
.social-link:hover,.user-ullink li a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.social-link:hover{transform:translateY(-2px)}
.social-link i{font-size:16px}
@media (max-width: 768px) {
.user-profile-info{flex-direction:column;align-items:center;text-align:center;padding:0 20px 20px}
.user-actions,.user-details{padding-top:20px}
.profile-info-grid,.profile-stats-grid{grid-template-columns:1fr}
}
#block-white,#page-input,.home-text{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:24px;border:1px solid var(--border)}
.home-text{padding:32px;position:relative;overflow:hidden;max-width:var(--max-width);margin-left:auto;margin-right:auto}
.home-text::before{top:-20%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,53,.06) 0,transparent 70%)}
.home-text .h-color{font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,var(--primary),var(--purple),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}
.home-text .h-color,.home-text-content{position:relative;z-index:1}
.home-text-content p{line-height:1.7;margin-bottom:12px}
#block-white,#page-input{padding:24px}
.page-block{padding:20px 0}
.row{display:flex;flex-wrap:wrap;gap:20px;margin:0 -10px}
.col-sm-6{flex:0 0 calc(50% - 20px);padding:0 10px}
.col-xs-12{width:100%}
.pm_status,.user-ullink li a{background:var(--bg-main);border:1px solid var(--border)}
.pm_status{border-radius:12px;overflow:hidden}
.pm_status_head{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:12px 16px;font-weight:700;font-size:15px}
.pm_status_content{padding:16px;font-size:14px;color:var(--text-medium)}
.user-ullink{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.ul-infoicon .dl-dropdown.open>.dl-dropdown-menu,.user-ullink li{display:block}
.user-ullink li a{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:10px;color:var(--text-medium);font-weight:600;transition:var(--t)}
.user-ullink li a:hover{transform:translateX(4px)}
.column1,.pheading{color:var(--text-dark)}
.pheading{font-family:var(--font-heading);font-size:20px;font-weight:700;padding:16px 0;border-bottom:3px solid var(--primary);margin-bottom:20px}
.column1{font-weight:600;margin-bottom:8px;font-size:14px}
.impot{color:var(--red);margin-left:4px}
.f_input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:14px;color:var(--text-dark);background:#fff;transition:var(--t);margin-bottom:16px}
.f_input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,107,53,.1)}
.spacer5{height:20px}
.spacer{height:16px}
.editorcomm{margin:16px 0}
.center{text-align:center}
.checkbox{display:flex;align-items:center;gap:8px;padding:12px 0}
.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}
.checkbox label{cursor:pointer;font-size:14px;color:var(--text-medium)}
.fieldsubmit{display:flex;gap:12px;padding:20px 0 0}
.btn-gold{background:linear-gradient(135deg,var(--accent),#ffc107);color:var(--text-dark);font-weight:700}
.btn-gold:hover{background:linear-gradient(135deg,#ffc107,var(--accent))}
.btn-black{background:linear-gradient(135deg,#334155,#1e293b);color:#fff}
.btn-black:hover{background:linear-gradient(135deg,#475569,#334155)}
.btn-default,.ul-stat li{background:var(--bg-main);border-radius:8px;color:var(--text-medium)}
.btn-default,.comment-block{border:1px solid var(--border)}
.btn-default{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:13px;cursor:pointer;transition:var(--t)}
.btn-default:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.comment-block{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px}
.lcol{float:left}
.rcol{float:right}
.clr{clear:both}
.commentavtar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}
.commtext{overflow:hidden}
.commtext h4{font-size:16px}
.commtext ul.reset{list-style:none;padding:0;margin:0 0 12px}
.commtext ul.reset li b{color:var(--text-dark);font-weight:600}
.small{font-size:12px}
.blockquote{background:linear-gradient(135deg,rgba(255,107,53,.05),rgba(155,92,246,.05));border-left:4px solid var(--primary);border-radius:12px;padding:20px 24px;margin:20px 0;font-size:15px;line-height:1.7;color:var(--text-medium)}
.blockquote p,.commtext h4{margin-bottom:12px}
.blockquote b,.commtext h4,.ul-stat li b{color:var(--text-dark);font-weight:700}
.block-input{padding:20px 0}
.infobox,.userstop td{border:1px solid var(--border);background:#fff}
.infobox{border-radius:12px;margin-bottom:20px;overflow:hidden}
.infobox .pheading,.userstop thead td{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.infobox .pheading{padding:14px 20px;margin:0;border:0;font-size:18px}
.infoblock{padding:20px}
.ul-stat{list-style:none;padding:0;margin:0}
.ul-stat li{padding:12px 16px;margin-bottom:8px;font-size:14px;border-left:3px solid var(--primary)}
.box-list li a,.ul-stat li a{color:var(--primary);font-weight:600}
.ul-stat li a:hover{color:var(--primary-dark)}
.font-red{color:var(--red)}
.infobox-content{padding:20px}
.infobox-table{overflow-x:auto}
.userstop{width:100%;border-collapse:collapse;font-size:14px}
.userstop thead td{font-weight:700;text-align:center;padding:12px 8px;border:1px solid var(--primary-dark)}
.userstop td{padding:10px 8px;text-align:center}
.poll-option label:hover,.userstop tbody tr:hover{background:var(--bg-hover)}
.userstop tbody tr td:first-child{font-weight:700;color:var(--primary)}
.class4{clear:both;height:20px}
.fstory-h2{font-family:var(--font-heading);font-size:clamp(20px,4vw,24px);font-weight:700;letter-spacing:.5px;color:var(--text-dark);margin-bottom:16px;line-height:1.3;}
.shortfaq{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:var(--text-light);padding:6px 16px;background:var(--bg-main);border-radius:10px;margin-bottom:20px;border:1px solid var(--border)}
.shortfaq span{display:flex;align-items:center;gap:6px}
.shortfaq i,.shortstory:hover .shortstory-title a{color:var(--primary)}
.film-poster{position:relative;border-radius:16px;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow-md)}
.film-poster img{width:100%;max-height:500px;object-fit:cover}
.message-item{margin-bottom:12px}
.message-inner{padding:14px 18px;border-radius:10px;font-size:14px;display:flex;align-items:center;gap:12px;border:2px solid;font-weight:600;position:relative;overflow:hidden}
.message-inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:currentColor}
.message-inner i{font-size:20px;flex-shrink:0}
.alert-success{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border-color:var(--green);color:#065f46}
.alert-success i{color:var(--green)}
.alert-info{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border-color:var(--blue);color:#1e3a8a}
.alert-info i{color:var(--blue)}
.alert-danger{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border-color:var(--red);color:#7f1d1d}
.alert-danger i{color:var(--red)}
.box-list li b,.box-list li strong,.custom-blue,.custom-white{color:var(--text-dark);font-weight:700}
.custom-blue{color:var(--blue)}
.info1,.info1 a{display:flex;justify-content:center}
.info1{flex-wrap:wrap;gap:12px}
.info1 a{align-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--border);transition:var(--t18)}
.info1 a:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.box-list li,.desc-text.full-text{font-size:15px;line-height:1.8;color:var(--text-medium)}
.block-standart{margin-bottom:24px}
.cap3,.login-p b{font-weight:700;color:var(--text-dark)}
.cap3{font-family:var(--font-heading);font-size:20px;text-align:center}
.box-list{list-style:none;padding:0;margin:0}
.box-list li,.info1 a{background:var(--bg-main)}
.box-list li{padding:6px 16px;margin-bottom:8px;font-size:13px;line-height:1.6;border-bottom:1px solid #E5E3E2}
.profil-popup{overflow:hidden;padding:15px 10px 15px 130px;position:relative;min-height:130px}
.profil-popup-left{position:absolute;left:10px;top:15px;width:100px}
.profil-popup-left img{border:3px solid #304156;width:100px;height:100px;display:block}
.profil-popup-right li{margin-bottom:2px}
.user-foto{position:relative;padding:7px;border:1px solid #F0F0F0;width:130px;margin:0 auto 15px;background:#FFF;border-radius:3px}
.user-foto img{width:100%;display:inline-block;vertical-align:middle}
@media (min-width: 768px) {
.user-ullink{margin:0 15px 0 25px}
.user-ullink.user-ullink1 li{width:33.333333333%;float:left}
.user-ullink.user-ullink1 li a{margin-right:10px}
}
.nav-login{display:flex;align-items:center;gap:12px}
.nav-login-profile{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#fff;border:2px solid var(--border);border-radius:25px;color:var(--text-dark);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}
.nav-login-profile:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:var(--shadow-md)}
.nav-login-foto{display:flex;align-items:center;justify-content:center}
.nav-login-foto img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}
.nav-login-info{display:flex;flex-direction:column;gap:2px}
.nav-login-info span{font-size:12px;color:var(--text-light)}
.login-p{padding:0 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px}
.login-p b{font-size:16px}
.meta-qual{margin-top:8px;font-size:13px;color:var(--text-light)}
.padding-25{padding:8px 0}
.grey{color:var(--text-light)}
.nowrap{white-space:nowrap}
.with-date{font-size:13px;color:var(--text-light)}
.bolder{font-weight:700}
.transition{transition:var(--t18)}
.img-shadow{box-shadow:var(--shadow-md)}
.purple{color:var(--purple)}
.radius-50{border-radius:50%!important}
.radius-50 img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.navigation,.navigation a,.navigation span{display:flex;align-items:center;justify-content:center}
.navigation{gap:8px;padding:24px 0;flex-wrap:wrap}
.navigation a,.navigation span{min-width:40px;height:40px;padding:0 12px;background:#fff;border:2px solid var(--border);border-radius:8px;color:var(--text-medium);font-weight:600;font-size:14px;transition:var(--t)}
.nav-login-profile:hover,.navigation a:hover{transform:translateY(-2px)}
.bar-tags a:hover,.dle-reply a:hover,.navigation a:hover,.navigation span,.reply a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.ignore-select{user-select:none;-webkit-user-select:none;-moz-user-select:none}
.frate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--font-heading, 'Segoe UI', system-ui)}
.rate-plus,.rate-minus{display:flex;align-items:center;gap:8px;padding:3px 12px;border-radius:999px;cursor:pointer;font-size:15px;font-weight:700;border:2px solid transparent;user-select:none;position:relative;overflow:hidden}
.rate-plus{color:#10b981;background:#10b98114;border-color:#10b98166}
.rate-plus:hover{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 0 16px #10b98159;transform:translateY(-1px) scale(1.04)}
.rate-minus{color:#ef4444;background:#ef444414;border-color:#ef444466}
.rate-minus:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 0 16px #ef444459;transform:translateY(-1px) scale(1.04)}
.rate-plus:active,.rate-minus:active{transform:translateY(1px) scale(0.98);box-shadow:inset 0 2px 6px #00000026}
.rate-plus.active{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 0 20px #10b98166}
.rate-minus.active{background:#ef4444;color:#fff;border-color:#dc2626;box-shadow:0 0 20px #ef444466}
.rate-data{font-size:17px;font-weight:800;color:#1e293b;background:#e2e8f099;padding:6px 14px;border-radius:999px;min-width:54px;text-align:center;box-shadow:0 1px 4px #00000014;border:1px solid #cbd5e1cc;padding-right:2px}
.rate-plus::before,.rate-minus::before{font-weight:900;font-size:1.18em;margin-right:2px}
.rating-social-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0;padding:12px 0;border-top:1px solid #e2e8f0}
.social-button{margin:0}
.rating-social-wrapper .ul-rating-story{margin-bottom:0}
.rating-social-wrapper .a2a_kit{display:flex;gap:6px}
.ul-rating-story{flex-wrap:wrap}
#bar-comment .h-red h3,.bar-tags{display:contents}
.bar-tags{padding:12px 0;font-size:13px}
.bar-tags i{color:var(--primary);margin-right:4px}
.bar-tags a,.dle-reply a,.reply a{display:inline-flex;background:var(--bg-main)}
.bar-tags a{padding:2px 8px;border:1px solid var(--border);border-radius:20px;color:var(--text-medium);font-size:12px;margin-bottom: 5px;}
.clearfix::after,.sidebox ul li .clearfix::after{content:"";display:table;clear:both}
.margin-b10{margin-bottom:10px}
.padding-t25{padding-top:24px}
.dle-reply,.reply{margin-top:12px}
.dle-reply a,.reply a{align-items:center;gap:6px;padding:8px 16px;border-radius:8px;color:var(--primary);font-size:14px;font-weight:600;cursor:pointer}
.dle-reply a:hover,.reply a:hover{transform:translateY(-2px)}
#bar-comment .h-red h3{font-family:var(--font-heading);font-weight:700;font-size:18px;margin:0;padding-left:10px;color:#fff}
.dle-comments-list{display:flex;flex-direction:column;gap:16px}
.dle-comment,.dle-reply a,.reply a{border:2px solid var(--border);transition:var(--t)}
.dle-comment{background:#fff;border-radius:12px;padding:16px}
.dle-comment:hover{border-color:var(--primary);box-shadow:0 4px 16px rgba(255,107,53,.1)}
.dle-comment-author{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.dle-comment-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}
.dle-comment-info{flex:1}
.dle-comment-name{font-weight:700;color:var(--text-dark);font-size:15px}
.dle-comment-date{font-size:12px;color:var(--text-light)}
.dle-comment-text{font-size:14px;line-height:1.7;color:var(--text-medium);margin-bottom:12px}
.dle-comment-actions{display:flex;gap:8px;flex-wrap:wrap}
.igroup{margin-bottom:20px}
.igroup-span{display:block;font-weight:600;color:var(--text-dark);margin-bottom:8px;font-size:14px}
.igroup-span-i{display:flex;align-items:center;gap:6px}
.igroup-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:14px;color:var(--text-dark);background:#fff;transition:var(--t);font-family:var(--font-body)}
.addcomments textarea:focus,.igroup-input:focus,.igroup-select select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,107,53,.1)}
.igroup-input:disabled{background:var(--bg-main);color:var(--text-light);cursor:not-allowed}
textarea.igroup-input{min-height:120px;resize:vertical}
.igroup-select select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:10px;font-size:14px;color:var(--text-dark);background:#fff;cursor:pointer;transition:var(--t)}
.igroup-infoblock{font-size:13px;color:var(--text-light);line-height:1.6;padding:12px 16px;background:rgba(59,130,246,.05);border-left:3px solid var(--blue);border-radius:8px;margin:16px 0}
.igroup-20{min-height:80px}
.igroup-30{margin-bottom:24px}
.h-bold,.uheader{font-family:var(--font-heading);font-weight:700;color:var(--text-dark)}
.h-bold{font-size:22px;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid var(--primary)}
.uheader{font-size:18px;margin-bottom:12px}
.tableform{width:100%;margin:20px 0}
.tableform td{padding:12px 8px;border-bottom:1px solid var(--border)}
.tableform td:first-child{font-weight:600;color:var(--text-dark);width:30%}
.btn-info{background:linear-gradient(135deg,var(--blue),#2563eb);color:#fff}
.btn-info:hover{background:linear-gradient(135deg,#2563eb,var(--blue))}
input[type=file]{padding:10px;border:2px dashed var(--border);border-radius:10px;cursor:pointer;transition:var(--t)}
input[type=file]:hover{border-color:var(--primary);background:rgba(255,107,53,.02)}
.pm-progress-bar{width:100%;height:8px;background:var(--bg-main);border-radius:10px;overflow:hidden;margin:8px 0}
.pm-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;transition:width .3s ease}
.shortstory{display:flex;gap:14px;padding:14px;margin-bottom:16px;background:#fff;border:1.5px solid #e6e6e6;border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}
.shortstory:hover{border-color:#ff6b35;box-shadow:0 3px 10px #0000000f}
.short-left{flex-shrink:0}
.short-img{width:200px;height:130px;border-radius:8px;overflow:hidden;position:relative;background:#f4f4f4}
.short-img img{width:100%;height:100%;object-fit:cover;display:block}
.short-iconcat{position:absolute;top:8px;left:8px;background:#ff6b35;color:#fff;font-size:11px;padding:5px 7px;border-radius:5px}
.short-img-meta{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;padding:4px 6px;background:#0000008c;color:#fff}
.short-img-meta span{display:flex;align-items:center;gap:4px}
.short-right{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.short-right h2{font-size:17px;line-height:1.35;margin:0 0 6px}
.short-right h2 a{color:#e1360e;text-decoration:none;font-weight:700}
.short-right h2 a:hover{color:#ff6b35}
.short-text{font-size:13px;color:#555;line-height:1.5;margin-bottom:6px}
.short-bottom{font-size:12px;color:#888;display:flex;gap:12px;flex-wrap:wrap}
.short-bottom small{display:flex;align-items:center;gap:4px}
@media (max-width: 640px) {
.shortstory{flex-direction:column}
.short-img{width:100%;height:180px}
}
.attachment i,.shortstory-meta i{color:var(--primary)}
.shortstory-text{font-size:14px;color:var(--text-medium);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shortstory-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}
.shortstory-category,.shortstory-readmore{color:var(--primary);font-weight:600;align-items:center;gap:4px}
.shortstory-category{display:inline-flex;padding:4px 10px;background:rgba(255,107,53,.1);border-radius:6px;font-size:12px}
.shortstory-readmore{font-size:13px;display:flex}
.shortstory-readmore:hover{color:var(--primary-dark)}
.categorymenu{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0}
.attachment,.categorymenu a{align-items:center;background:var(--bg-main);border-radius:10px}
.categorymenu a{display:inline-flex;gap:6px;padding:8px 16px;border:2px solid var(--border);color:var(--text-medium);font-weight:600;font-size:14px;transition:var(--t)}
.categorymenu a.active,.categorymenu a:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}
.poll{background:#fff;border-radius:12px;padding:20px;margin:20px 0;border:1px solid var(--border)}
.poll-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:16px}
.poll-option{margin-bottom:12px}
.poll-option label{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-main);cursor:pointer}
.poll-option input[type=radio]{width:18px;height:18px;cursor:pointer}
.poll-results{margin-top:16px}
.poll-result-item{margin-bottom:12px}
.poll-result-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px;color:var(--text-medium)}
.poll-result-bar{height:8px;background:var(--bg-main);border-radius:10px;overflow:hidden}
.poll-result-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:10px;transition:width .3s ease}
@media (max-width: 1024px) {
.header-logo-section{gap:16px}
.searchbar-input{width:200px}
.col-sm-6{flex:0 0 100%}
.shortstory{flex-direction:column}
.shortstory-img{width:100%;height:200px}
}
@media (max-width: 768px) {
.logo-title{font-size:24px}
.logo-subtitle{font-size:10px}
.header-main .header-inner{flex-direction:column;gap:16px}
.header-logo-section{width:100%;flex-direction:column}
.header-right-section,.header-search-mobile,.header-search-mobile form,.searchbar-input{width:100%}
.nav-login-profile{width:100%;justify-content:center}
.home-text img{float:none;max-width:100%;margin:0 0 16px}
.row{flex-direction:column}
.col-sm-6{flex:0 0 100%}
.footer-logo img{width:40px;height:40px}
.footer-logo-title{font-size:20px}
.shortstory{padding:12px}
.shortstory-img{height:180px}
.tab{padding:16px}
}
@media (max-width: 480px) {
#pg-wrap{padding:0 16px}
#page-input,.block-white{}
.h-red{padding:0 0 8px;margin:0 0 12px}
.h-red h2,.h-red h3{font-size:16px}
.home-text{padding:20px}
.home-text .h-color{font-size:22px}
.blockquote{padding:16px}
.fstory-h2{font-size:20px}
.shortfaq{font-size:12px;gap:6px 12px}
.info1 a{width:38px;height:38px}
.fieldsubmit{flex-direction:column}
.fieldsubmit button{width:100%}
.shortstory{padding:10px}
.shortstory-img{height:150px}
.tab{padding:12px}
.message-inner{padding:10px 12px;font-size:13px}
.rate-minus,.rate-plus{padding:8px 14px;font-size:14px}
}
@media print {
body{background:#fff}
#footer-bar,#header-bar,.bar-fullstory,.pg-side,.social-button{display:none}
.block-white{box-shadow:none;border:1px solid #ddd}
a{color:#000;text-decoration:underline}
}
@media (prefers-reduced-motion: reduce) {
*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
body{animation:none}
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
@media (prefers-contrast: high) {
:root{--border:#000;--text-light:#333}
.block-white{border:2px solid #000}
}
img[loading=lazy].loaded,img[loading=lazy]:not([src]){opacity:1}

.film-poster img,.shortf-img img{transform:translateZ(0);backface-visibility:hidden}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.a2a_kit,.comment-avatar-compact img,.nav-login-foto img,.shortf-img,.shortstory-img{content-visibility:auto}
.a2a_kit{contain-intrinsic-size:200px 40px}
.addcomments textarea{border:2px solid var(--border);transition:border-color .2s ease}
/* Screenshots section */
.screenshots-section{margin-top:22px}
.screenshots-section__title{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-weight:800;font-size:1rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px;padding-bottom:10px;border-bottom:2px solid var(--primary);margin-bottom:14px}
.screenshots-section__icon{color:var(--primary);font-size:.95rem}
.screenshots-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,var(--primary),#e05a08);color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;font-family:var(--font-heading);box-shadow:0 2px 8px #ff6b3547}
.screenshots-count-badge:empty{display:none}
.screenshots-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.screenshots-grid .scr-item{display:block;flex:0 1 calc(33.333% - 10px);max-width:calc(33.333% - 10px);border-radius:8px;overflow:hidden;border:2px solid var(--border);background:var(--bg-main);transition:border-color .18s,transform .18s,box-shadow .18s}
.screenshots-grid .scr-item:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 6px 18px #ff6b352e}
.screenshots-grid .scr-item img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .28s ease}
.screenshots-grid .scr-item:hover img{transform:scale(1.04)}
@media (max-width: 768px) {
.screenshots-grid .scr-item{flex:0 1 calc(50% - 8px);max-width:calc(50% - 8px)}
}
@media (max-width: 480px) {
.screenshots-grid .scr-item{flex:0 1 calc(50% - 6px);max-width:calc(50% - 6px)}
}
.video-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}
.sidebox{display:block;position:relative;width:100%}
.sidebox ul{border:0;color:#333;padding:10px;margin:5px;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
#bar-comment p,.sidebox ul li{font-size:14px;border-radius:8px}
.sidebox ul li{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:15px;line-height:1.6;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;overflow:hidden}
.sidebox ul li:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,.12)}
.sidebox ul li img{width:100%;max-width:100%;height:150px;display:block;margin-bottom:5px;border-radius:6px}
.sidebox ul li .rtitle{display:block;font-size:14px;font-weight:600;color:#373737;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebox ul li a{color:inherit}
.sidebox ul li a,.sidebox ul li a:hover{text-decoration:none}
.sidebox ul li .right-related{display:block;color:#4b5975}
@media (max-width: 600px) {
.sidebox ul{grid-template-columns:1fr}
}
.bar-fullstory{background:linear-gradient(135deg,rgba(255,107,53,.05),rgba(155,92,246,.05))}
.ul-infoicon .dl-dropdown>a{background:linear-gradient(135deg,var(--green),#059669);color:#fff;font-weight:700}
.ul-infoicon .dl-dropdown>a:hover{background:linear-gradient(135deg,#059669,var(--green));box-shadow:0 4px 16px rgba(16,185,129,.4);border-color:var(--green)}
.ul-infoicon .dl-dropdown-menu{bottom:calc(100% + 10px);top:auto;}
.ul-infoicon .dl-dropdown-menu li{margin:0}
.ul-infoicon .dl-dropdown-menu li a i{color:var(--green);font-size:16px}
.caret{display:inline-block;width:0;height:0;margin-left:4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;opacity:.8}
#bar-comment{margin-top:32px}
#bar-comment .h-red span{font-size:14px;color:rgba(255,255,255,.9);display:flex;align-items:center;gap:6px}
#bar-comment p{color:var(--text-medium);background:rgba(132,132,132,0.07);}
.addcomments{margin-bottom:24px}
.addcomments textarea{width:100%;min-height:120px;padding:14px 16px;border-radius:10px;font-size:14px;font-family:var(--font-body);color:var(--text-dark);background:#fff;resize:vertical}
.addcomments .btn{margin-top:12px}
.comment,.comment-actions a,.comment-actions button{border:1px solid var(--border);transition:var(--t)}
.comment{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px}
.comment:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.comm-ava img,.comment-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}
.comment-info{flex:1}
.comment-author{font-weight:700;font-size:15px;color:var(--text-dark)}
.comment-meta{font-size:12px;color:var(--text-light);margin-top:2px}
.comment-body{font-size:14px;line-height:1.7;color:var(--text-medium);margin-bottom:12px}
.comment-actions{display:flex;gap:8px;flex-wrap:wrap}
.comment-actions a,.comment-actions button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-main);border-radius:8px;color:var(--text-medium);font-size:13px;font-weight:600;cursor:pointer}
.comment-actions a:hover,.comment-actions button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
@media (max-width: 768px) {
.screenshots-full{grid-template-columns:repeat(2,1fr);gap:8px}
.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:8px}
.sidebox-c li{flex-direction:column}
.sidebox-c li img{width:100%;height:auto;aspect-ratio:16/9}
.ul-infoicon{gap:6px}
.ul-infoicon>li>a,.ul-infoicon>li>span>a{padding:8px 12px;font-size:13px}
.ul-infoicon .dl-dropdown-menu{left:auto;right:0}
.home-text{padding:16px}
.home-text .h-color{font-size:18px}
.home-text-content p,.tabs>label{font-size:13px}
.footer-logo-emoji{width:40px;height:40px;font-size:24px}
}
@media (max-width: 480px) {
.screenshots-full{grid-template-columns:1fr}
.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:6px}
.ul-infoicon{flex-direction:column;width:100%}
.ul-infoicon>li{width:100%}
.ul-infoicon>li>a,.ul-infoicon>li>span>a{width:100%;justify-content:center}
.comment-item-compact,.str-item-compact{padding:8px}
.str-title-compact{font-size:12px}
.str-meta-compact{font-size:10px}
.news-badge{font-size:9px;padding:2px 6px}
}
.comm-actions li a,.comm-actions li span,.comm-card{border:1px solid var(--border);transition:var(--t)}
.comm-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px}
.comm-card:hover{box-shadow:var(--shadow-sm);border-color:var(--primary)}
.comm-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.comm-ava img{width:50px;height:50px}
.comm-meta{flex:1}
.comm-author{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.comm-author b{font-size:15px;font-weight:700;color:var(--text-dark)}
.comm-status{font-size:8px}
.comm-status.online{color:var(--green)}
.comm-id,.comm-info,.comm-status.offline{color:var(--text-light)}
.comm-id{font-size:12px;font-weight:400}
.comm-info{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}
.comm-rating{margin-left:auto}
.ul-rating-comment li{display:flex;align-items:center;justify-content:center}
.ul-rating-comment li.rating-plus a{background:var(--green)}
.ul-rating-comment li.rating-minus,.ul-rating-comment li.rating-minus a,.ul-rating-comment li.rating-plus,.ul-rating-comment li.rating-plus a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t)}
.ul-rating-comment li.rating-plus{color:#fff;background:var(--green)}
.ul-rating-comment li.rating-minus,.ul-rating-comment li.rating-minus a{background:var(--red)}
.ul-rating-comment li.rating-minus{color:#fff}
.ul-rating-comment li.rating-plus:hover{background:#059669;transform:translateY(-2px)}
.ul-rating-comment li.rating-minus:hover{background:#dc2626;transform:translateY(-2px)}
.ul-rating-comment li.rating-o{font-size:14px}
.comm-body{margin-bottom:16px}
.comm-title{font-weight:700;color:var(--text-dark);margin-bottom:12px;font-size:15px}
.comm-title a,.sidebox-c li a:hover .rtitle,.tabs label:hover{color:var(--primary)}
.comm-text{font-size:13px;line-height:1.7;color:var(--text-medium)}
.bcomment-signature{margin-top:12px;font-size:13px;color:var(--text-light);font-style:italic}
.bcomment-signature,.comm-footer{border-top:1px solid var(--border);padding-top:12px}
.comm-actions{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.comm-actions li{display:flex}
.comm-actions li a,.comm-actions li span{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-main);border-radius:8px;color:var(--text-medium);font-size:13px;font-weight:600;cursor:pointer}
.comm-actions li a:hover,.comm-actions li span:hover,.ul-infoicon>li>a:hover,.ul-infoicon>li>span>a:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.mass-action,.nav-login-foto.emoji-avatar{display:flex;align-items:center}
.mass-action input[type=checkbox]{width:16px;height:16px;cursor:pointer}
.nav-login-foto.emoji-avatar{justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--purple));border-radius:50%;font-size:20px;border:2px solid var(--primary)}
.nav-login-foto.emoji-avatar::before{content:"👤"}
.bar-fullstory{background:#fff;border:1px solid #e4e7ee;padding:8px 18px;margin:20px 0;position:relative;z-index:50}
.ul-infoicon{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;list-style:none;padding:0;margin:0}
.ul-infoicon>li{display:flex;align-items:center;position:relative}
.ul-infoicon>li>a,.ul-infoicon>li>span>a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1px solid #e3e6ee;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;color:#445066;white-space:nowrap;transition:border-color .15s ease,background .15s ease}
.ul-infoicon>li>a:hover,.ul-infoicon>li>span>a:hover{border-color:#7c5cff;background:#f3f0ff;color:#4c38c2}
.ul-infoicon i{font-size:14px}
.ul-infoicon>li>span{display:contents}
.sidebox-c li{display:flex;gap:12px;align-items:flex-start;padding:12px;background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:10px;transition:var(--t)}
.sidebox-c li:hover{background:#fff;border-color:var(--primary);transform:translateX(4px);box-shadow:var(--shadow-sm)}
.sidebox-c li img{width:70px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}
.sidebox-c li .rtitle{color:var(--text-dark);font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width: 1024px) {
.navbar-nav{gap:2px}
.navbar-nav>li>a{padding:12px 14px;font-size:14px}
.film-bar{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media (max-width: 768px) {
.navbar-header{display:block;padding:12px 0}
.navbar-toggle{display:block;background:rgba(255,255,255,.2);border:0;border-radius:4px;padding:0px 6px;cursor:pointer}
.icon-bar{display:block;width:24px;height:3px;background:#fff;border-radius:2px;margin:5px 0;transition:var(--t18)}
.navbar-collapse{display:none;width:100%}
.navbar-collapse.in,.navbar-nav .dropdown.open .dropdown-menu{display:block}
.navbar-nav{width:100%;padding:12px 0;gap:4px}
.navbar-nav>li{width:100%}
.navbar-nav>li>a{width:100%;justify-content:flex-start;padding:14px 16px;background:rgba(255,255,255,.1);border-radius:8px}
.navbar-nav>li>a:hover{background:rgba(255,255,255,.2)}
.navbar-nav .dropdown-menu{position:static;width:100%;margin-top:8px;background:rgba(255,255,255,.95);box-shadow:none;border:1px solid rgba(255,255,255,.2)}
.navbar-nav,.shortstory{flex-direction:column}
.shortstory-img{width:100%;height:200px}
.film-bar{grid-template-columns:1fr;gap:16px}
.comm-header{flex-wrap:wrap}
.comm-rating{margin-left:0;width:100%;margin-top:12px}
.comm-actions{gap:6px}
.comm-actions li a,.comm-actions li span{padding:8px 12px;font-size:12px}
.ul-infoicon{gap:8px}
.ul-infoicon>li>a,.ul-infoicon>li>span>a{padding:10px 14px;font-size:13px}
.home-text{padding:24px 20px}
.home-text .h-color{font-size:20px}
.home-text-content p{font-size:14px}
}
@media (max-width: 480px) {
.navbar-nav>li>a{padding:12px 14px;font-size:14px}
.dropdown-menu li a{padding:10px 12px;font-size:13px}
.comm-ava img{width:40px;height:40px}
.comm-author b{font-size:14px}
.comm-info{font-size:12px;gap:8px}
.comm-text{font-size:13px}
.comm-actions li a,.comm-actions li span{padding:6px 10px;font-size:12px}
.ul-infoicon{flex-direction:column;width:100%}
.ul-infoicon>li{width:100%}
.ul-infoicon>li>a,.ul-infoicon>li>span>a{width:100%;justify-content:center}
.ul-infoicon .dl-dropdown-menu{left:0;right:0;transform:none;width:100%}
.shortstory-img{height:180px}
.shortstory-title{font-size:16px}
.shortstory-meta{font-size:12px;gap:8px}
.shortstory-text,.sidebox-c li .rtitle{font-size:13px}
.sidebox-c li img{width:60px;height:45px}
}
.login-emoji-avatar{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--purple));border-radius:50%;font-size:28px;flex-shrink:0;box-shadow:var(--shadow-sm)}
.login-blue{display:flex;align-items:center;gap:12px;padding:12px 0 16px;border-bottom:1px solid var(--border);margin-bottom:16px}
.login-blue b{font-size:16px;font-weight:700;flex:1}
.igroup-link,.tabs label{align-items:center;cursor:pointer}
.igroup-link{display:flex!important;justify-content:center;text-decoration:none}
.igroup-link:hover{background:var(--bg-hover)}
.video-responsive{box-shadow:var(--shadow-md);border:2px solid var(--border);contain:layout}
.rating,.unit-rating{width:100%;height:1.2em;position:relative}
.rating{max-width:120px;font-size:1rem}
.unit-rating{background:linear-gradient(90deg,var(--bg-main) 0%,var(--bg-hover) 100%);border-radius:10px;overflow:hidden;z-index:10;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);border:2px solid var(--border)}
.unit-rating li{text-indent:-90000px;float:left;position:relative}
.unit-rating li a{width:1em;text-decoration:none;z-index:17;transition:var(--t)}
.unit-rating li a:hover,.unit-rating li.current-rating{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);z-index:2}
.unit-rating li a,.unit-rating li.current-rating{position:absolute;height:1.2em;display:block;text-indent:-9000px}
.unit-rating li.current-rating{z-index:1;border-radius:8px 0 0 8px;box-shadow:0 0 8px rgba(255,107,53,.5)}
.ul-rating,.ul-rating-comment,.ul-rating-light,.ul-rating-story{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0}
.ul-rating li,.ul-rating-comment li,.ul-rating-light li,.ul-rating-story li{display:inline-block;height:2em;line-height:2em;transition:var(--t)}
.ratingzero,.ul-rating li.rating-o,.ul-rating-comment li.rating-o,.ul-rating-light li.rating-o,.ul-rating-story li.rating-o{font-size:1rem;padding:0 .5em;color:var(--text-medium);font-weight:600}
.ul-rating li a,.ul-rating-comment li a,.ul-rating-light li a,.ul-rating-story li a{display:flex;justify-content:center;align-items:center;height:2em;width:2em;text-align:center;border-radius:50%;transition:var(--t);border:2px solid transparent}
.ul-rating li a i,.ul-rating-comment li a i,.ul-rating-light li a i,.ul-rating-story li a i{font-size:1rem;line-height:2em}
.ul-rating li.rating-plus a,.ul-rating-comment li.rating-plus a,.ul-rating-light li.rating-plus a,.ul-rating-story li.rating-plus a{color:#fff;background:linear-gradient(135deg,var(--green) 0%,#10b981 100%);box-shadow:0 2px 8px rgba(16,185,129,.3);border-color:var(--green)}
.ul-rating li.rating-plus a:hover,.ul-rating-comment li.rating-plus a:hover,.ul-rating-light li.rating-plus a:hover,.ul-rating-story li.rating-plus a:hover{background:linear-gradient(135deg,#10b981 0%,var(--green) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(16,185,129,.4)}
.ul-rating li.rating-minus a,.ul-rating-comment li.rating-minus a,.ul-rating-light li.rating-minus a,.ul-rating-story li.rating-minus a{color:#fff;background:linear-gradient(135deg,var(--red) 0%,#ef4444 100%);box-shadow:0 2px 8px rgba(239,68,68,.3);border-color:var(--red)}
.ul-rating li.rating-minus a:hover,.ul-rating-comment li.rating-minus a:hover,.ul-rating-light li.rating-minus a:hover,.ul-rating-story li.rating-minus a:hover{background:linear-gradient(135deg,#ef4444 0%,var(--red) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(239,68,68,.4)}
.ratingzero{background:var(--bg-main);padding:4px 10px;border-radius:6px;font-size:.9rem;border:2px solid var(--border)}
.ratingtypeplus,.ratingtypeplusminus{padding:0 8px;font-size:.9rem;font-weight:600}
.ratingtypeplus{color:var(--text-medium);display:inline-block;padding:0 0 0 8px}
.ratingminus,.ratingplus{padding:3px 8px;border-radius:6px;font-weight:700;font-size:.9rem}
.ratingplus{background:rgba(16,185,129,.15);color:var(--green);border:2px solid rgba(16,185,129,.3)}
.ratingminus{background:rgba(239,68,68,.15);color:var(--red);border:2px solid rgba(239,68,68,.3)}
.shortf{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(26,86,219,.08),0 1px 3px rgba(0,0,0,.05);border:1.5px solid rgba(26,86,219,.1);/*! transition:box-shadow .22s ease,border-color .22s ease; */contain:layout style;isolation:isolate}
.shortf:hover{box-shadow:0 6px 24px rgba(26,86,219,.15),0 2px 6px rgba(0,0,0,.07);border-color:rgba(26,86,219,.3)}
.shortf-img{position:relative;overflow:hidden;background:#e8eef8;}
.shortf-img img,.shortf-img>a{display:block;height:100%}
.shortf-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.shortf-shadow{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,14,36,.55) 0,transparent 55%);opacity:0;transition:opacity .22s ease;pointer-events:none}
.shortf:hover .shortf-shadow{opacity:1}
.shortf-play--yt{background:rgba(244,49,30,.92);color:#fff}
.shortf:hover .shortf-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
i.fa.shortf-play{display:none}
.shortf-quality{top:8px;right:8px;background:linear-gradient(135deg,#f97316,#e05a08);font-size:.62rem;font-weight:700;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.5px}
.shortf-favor,.shortf-quality,.shortf-rating,.shortf-series,.shortf-update{position:absolute;color:#fff;padding:3px 9px;border-radius:20px}
.shortf-update{top:8px;left:8px;background:linear-gradient(135deg,#22c55e,#15803d);font-size:.62rem;font-weight:700}
.shortf-favor,.shortf-rating,.shortf-series{font-size:.68rem;background:rgba(0,0,0,.55);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s ease;white-space:nowrap}
.shortf-rating{bottom:8px;left:8px}
.shortf-favor{bottom:34px;right:8px}
.shortf-series{bottom:8px;right:8px}
.shortf:hover .shortf-favor,.shortf:hover .shortf-rating,.shortf:hover .shortf-series{opacity:1}
.shortf-body{padding:10px 13px 12px;flex:1;display:flex;flex-direction:column;gap:5px}
.shortf-link{margin:0;line-height:1.35;font-family:"Rajdhani","Exo 2",sans-serif}
.shortf-link a{color:#07172f;font-size:1rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:nowrap}
.shortf-link a:hover{color:#1a56db}
.shortf-author,.shortf-meta{display:flex;align-items:center;gap:6px}
.shortf-author{font-size:.65rem;color:#7b3fe4;padding:6px 10px;border-top:1px solid #ff6b35;background:#f7f9fc;border-radius:0 0 6px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.shortf-author i{color:#9b5cf6;font-size:12px}
.shortf-author b{color:#5a2db0;font-weight:600}
.shortf-author a{color:#7b3fe4;text-decoration:none;font-weight:600}
.shortf-author a:hover{color:#5a2db0;text-decoration:underline}
.sidebar-comments-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.lc-item{display:flex;gap:9px;padding:9px 11px;background:rgba(26,86,219,.04);border:1px solid rgba(26,86,219,.09);border-radius:10px;transition:background .18s,border-color .18s}
.lc-item:hover{background:rgba(26,86,219,.08);border-color:rgba(26,86,219,.2)}
.lc-icon{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a56db,#00c8f0);border-radius:50%;color:#fff;font-size:15px}
.lc-content{flex:1;min-width:0}
.lc-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px;margin-bottom:3px}
.lc-author{font-size:.78rem;font-weight:700;color:#07172f;font-family:"Rajdhani","Exo 2",sans-serif}
.lc-date{font-size:.68rem;color:#5878a0;display:flex;align-items:center;gap:3px}
.lc-text{font-size:.78rem;color:#253d60;line-height:1.45;margin-bottom:4px}
.lc-news-link{font-size:.72rem;color:#1a56db;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;max-width:100%}
.lc-news-link:hover{color:#f97316}
.comm-ava{width:42px;height:42px;flex-shrink:0}
.comm-ava-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a56db 0,#00c8f0 100%);border-radius:50%;color:#fff;font-size:20px;border:2px solid rgba(26,86,219,.25);box-shadow:0 2px 8px rgba(26,86,219,.2)}
#footer-bar .footer-inner{max-width:1260px;margin:0 auto;padding:28px 22px 16px}
.mod-info-badges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.mod-badge,.mod-badge__icon{display:flex;align-items:center}
.mod-badge{gap:9px;padding:9px 15px;border-radius:10px;font-size:.84rem;flex:1 1 auto;min-width:140px;border:1.5px solid;position:relative;overflow:hidden}
.mod-badge::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.mod-badge__icon{width:30px;height:30px;justify-content:center;border-radius:8px;font-size:14px;flex-shrink:0}
.mod-badge__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;opacity:.65;line-height:1;margin-bottom:1px;display:block}
.mod-badge__value,.tabs-gaming>label{font-weight:700;font-family:"Rajdhani","Exo 2",sans-serif}
.mod-badge__value{font-size:.9rem;color:#434445;display:block;line-height:1.2}
.mod-badge>span.mod-badge__icon+*{display:flex;flex-direction:column}
.mod-badge--cat{background:rgba(34,197,94,.06);border-color:rgba(34,197,94,.22);color:#065f46}
.mod-badge--cat::before{background:linear-gradient(180deg,#22c55e,#16a34a)}
.mod-badge--cat .mod-badge__icon{background:rgba(34,197,94,.13);color:#16a34a}
.mod-badge--ver{background:rgba(14,165,233,.06);border-color:rgba(14,165,233,.22);color:#0c4a6e}
.mod-badge--ver::before{background:linear-gradient(180deg,#0ea5e9,#0369a1)}
.mod-badge--ver .mod-badge__icon{background:rgba(14,165,233,.13);color:#0369a1}
.mod-badge--credits{background:rgba(249,115,22,.06);border-color:rgba(249,115,22,.22);color:#7c2d12}
.mod-badge--credits::before{background:linear-gradient(180deg,#f97316,#c2410c)}
.mod-badge--credits .mod-badge__icon{background:rgba(249,115,22,.13);color:#c2410c}
.frate-gaming,.video-responsive{position:relative;overflow:hidden}
.video-responsive{contain:layout;position:relative;overflow:hidden;padding-bottom:56.25%;height:0;border-radius:12px;margin-bottom:14px}
#bar-comment .video-responsive,.comm-body .video-responsive{margin-top:10px}
.frate-gaming{display:flex;flex-direction:column;gap:10px;padding:16px 20px;background:linear-gradient(135deg,rgba(26,86,219,.05) 0,rgba(0,200,240,.04) 100%);border:1.5px solid rgba(26,86,219,.16);border-radius:14px;user-select:none}
.frate-gaming::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1a56db,#00c8f0)}
.frate-gaming__actions,.frate-gaming__label{display:flex;align-items:center;padding-left:10px}
.frate-gaming__label{font-family:"Rajdhani","Exo 2",sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5878a0;gap:6px}
.frate-gaming__actions{gap:12px;flex-wrap:wrap}
.frate-btn,.user-action-btn a,.user-action-btn>span>a{display:inline-flex;align-items:center;gap:7px;border-radius:30px;font-size:.84rem;font-weight:700;font-family:"Rajdhani","Exo 2",sans-serif;transition:var(--t18);border:1.5px solid}
.frate-btn{padding:9px 20px;cursor:pointer;letter-spacing:.3px;user-select:none}
.frate-btn--like{color:#16a34a;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}
.frate-btn--like:hover{background:#22c55e;color:#fff;border-color:#22c55e;box-shadow:0 4px 14px rgba(34,197,94,.35);transform:translateY(-1px)}
.frate-btn--dislike{color:#dc2626;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3)}
.frate-btn--dislike:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 14px rgba(239,68,68,.35);transform:translateY(-1px)}
.frate-gaming__score{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 14px;background:rgba(26,86,219,.07);border-radius:10px;border:1px solid rgba(26,86,219,.14)}
.frate-gaming__num{font-family:"Rajdhani","Exo 2",sans-serif;font-size:1.4rem;font-weight:800;color:#1a56db;line-height:1}
.frate-gaming__votes{font-size:.65rem;color:#5878a0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
@media (max-width: 600px) {
.mod-info-badges{flex-direction:column;gap:7px}
.mod-badge{flex:1 1 100%}
.frate-gaming__actions{gap:8px}
.frate-btn{padding:8px 14px;font-size:.8rem}
.lc-item{padding:8px 9px}
}
@media print {
.comm-ava-icon,.frate-gaming,.video-responsive{display:none!important}
}
@media (max-width: 900px) {
.footer-top{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width: 560px) {
.footer-top{grid-template-columns:1fr;gap:22px}
.footer-bottom{flex-direction:column;text-align:center}
}
.user-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
.user-action-btn a,.user-action-btn>span>a{padding:9px 18px;letter-spacing:.4px;text-decoration:none;white-space:nowrap}
.user-action-btn--email a{color:#1a56db;background:rgba(26,86,219,.07);border-color:rgba(26,86,219,.28)}
.user-action-btn--email a:hover{background:#1a56db;color:#fff;border-color:#1a56db;box-shadow:0 4px 16px rgba(26,86,219,.38)}
.user-action-btn--email a::before{content:"";font-family:FontAwesome;font-style:normal}
.user-action-btn--pm a{color:#7c3aed;background:rgba(124,58,237,.07);border-color:rgba(124,58,237,.28)}
.user-action-btn--pm a:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 16px rgba(124,58,237,.35)}
.user-action-btn--edit a::before,.user-action-btn--pm a::before{content:"";font-family:FontAwesome;font-style:normal}
.user-action-btn--edit a{color:#059669;background:rgba(5,150,105,.07);border-color:rgba(5,150,105,.28)}
.user-action-btn--edit a:hover{background:#059669;color:#fff;border-color:#059669;box-shadow:0 4px 16px rgba(5,150,105,.35)}
.user-action-btn--edit a::before{content:""}
.berrors.gaming-notice{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:rgba(26,86,219,.06);border:1.5px solid rgba(26,86,219,.2);border-left:4px solid #1a56db;border-radius:12px;margin:14px 0;position:relative;overflow:hidden}
.berrors.gaming-notice::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#1a56db,transparent 70%)}
.berrors-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a56db,#00c8f0);border-radius:10px;color:#fff;font-size:17px;box-shadow:0 2px 10px rgba(26,86,219,.3)}
.berrors-body{flex:1;min-width:0}
.berrors-title{font-family:"Rajdhani","Exo 2",sans-serif;font-size:1rem;font-weight:800;color:#07172f;margin:0 0 5px;text-transform:uppercase;letter-spacing:.5px}
.berrors-text{font-size:.875rem;color:#253d60;line-height:1.6}
.berrors-text a{color:#1a56db;font-weight:600}
.berrors-text a:hover{color:#f97316}
.clouds_large,.clouds_medium,.clouds_small,.clouds_xlarge,.clouds_xsmall{display:inline-flex;align-items:center;background:rgba(26,86,219,.07);border:1px solid rgba(26,86,219,.15);color:#253d60;border-radius:20px;padding:3px 10px;margin:0 3px 5px 0;transition:background .15s,color .15s;font-weight:600}
.clouds_large,.clouds_medium,.clouds_xlarge{font-weight:700}
.clouds_large:hover,.clouds_medium:hover,.clouds_small:hover,.clouds_xlarge:hover,.clouds_xsmall:hover{background:#1a56db;color:#fff;border-color:#1a56db}
.qq-upload-button{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;background:linear-gradient(135deg,#1a56db,#1340b8);color:#fff;font-weight:700;font-size:.84rem;font-family:"Rajdhani","Exo 2",sans-serif;border:0;cursor:pointer;box-shadow:0 2px 10px rgba(26,86,219,.3);transition:box-shadow .18s}
.qq-upload-button:hover{box-shadow:0 4px 18px rgba(26,86,219,.48)}
.guide-card .card-number,.guide-card h3{font-family:"Rajdhani","Exo 2",sans-serif;font-weight:800}
.guide-card .card-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#1a56db,#00c8f0);color:#fff;border-radius:50%;font-size:.9rem;box-shadow:0 2px 10px rgba(26,86,219,.35);flex-shrink:0}
.pg-side{contain:layout style}
.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.guide-card{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:rgba(26,86,219,.05);border:1.5px solid rgba(26,86,219,.14);border-radius:12px;transition:border-color .18s,box-shadow .18s}
.guide-card:hover{border-color:rgba(26,86,219,.3);box-shadow:0 4px 18px rgba(26,86,219,.1)}
.guide-card .card-icon{font-size:1.5rem;flex-shrink:0}
.guide-card h3{font-size:.95rem;color:#07172f;margin:0 0 4px}
.guide-card p{font-size:.82rem;color:#5878a0;margin:0;line-height:1.5}
@media (max-width: 600px) {
.guide-cards{grid-template-columns:1fr}
}

.gaming-comment-form{background:linear-gradient(135deg,rgba(13,27,62,.03),rgba(255,107,53,.02));border:1.5px solid rgba(26,86,219,.13);border-radius:14px;padding:20px;position:relative;overflow:hidden}
.gaming-comment-form::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1a56db,#7c3aed,#ff6b35);border-radius:3px 0 0 3px}
.gcf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.gcf-field{margin-bottom:0!important}
.gcf-security{margin-top:10px}
.gcf-submit{margin-top:14px;text-align:right}
.gcf-submit-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 28px;background:linear-gradient(135deg,#1a56db 0%,#7c3aed 60%,#ff6b35 100%);background-size:200% 100%;color:#fff;border:none;border-radius:30px;font-size:.92rem;font-weight:800;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:var(--t);box-shadow:0 4px 16px rgba(26,86,219,.3);position:relative;overflow:hidden}
.gcf-submit-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.12) 50%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .2s ease}
.gcf-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,86,219,.4),0 0 0 3px rgba(26,86,219,.15);background-position:right center}
.gcf-submit-btn:hover::before{opacity:1}
.gcf-submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(26,86,219,.3)}
.support-author-box{background:linear-gradient(135deg,rgba(26,86,219,.04) 0%,rgba(14,165,233,.04) 100%);border:1.5px solid rgba(26,86,219,.15);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}
.support-author-header{display:flex;align-items:center;gap:16px}
.support-author-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff6b9d,#f97316);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 4px 16px rgba(249,115,22,.3)}
.support-author-title{font-family:"Rajdhani","Exo 2",sans-serif;font-size:1.15rem;font-weight:800;color:#07172f;margin:0 0 4px}
.support-author-sub{font-size:.82rem;color:#5878a0;margin:0}
.official-dl-btn{display:flex;align-items:center;gap:14px;padding:6px 20px;background:linear-gradient(135deg,#1a56db 0%,#0ea5e9 100%);color:#fff!important;border-radius:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 20px rgba(26,86,219,.35)}
.official-dl-btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(26,86,219,.45)}
.official-dl-btn__icon{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.official-dl-btn__text{flex:1;display:flex;flex-direction:column;gap:2px}
.official-dl-btn__label{font-size:.95rem;font-weight:800;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.3px}
.official-dl-btn__sub{font-size:.74rem;opacity:.8}
.official-dl-btn__arrow{font-size:16px;opacity:.7}
.support-reasons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.support-reasons li{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:rgba(255,255,255,.7);border:1px solid rgba(26,86,219,.1);border-radius:10px;font-size:.875rem;color:#253d60;line-height:1.5}
.support-icon{font-size:18px;flex-shrink:0;margin-top:1px}
.support-socials{display:flex;flex-wrap:wrap;gap:10px}
.support-social-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:30px;font-size:.8rem;font-weight:700;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.3px;transition:transform .2s,box-shadow .2s;text-decoration:none;color:#fff!important}
.support-social-btn:hover{transform:translateY(-2px)}
.support-social-btn--paypal{background:#003087;box-shadow:0 3px 10px rgba(0,48,135,.3)}
.support-social-btn--fb{background:#4267B2;box-shadow:0 3px 10px rgba(66,103,178,.3)}
.support-social-btn--steam{background:#171a21;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.support-social-btn--web{background:#475569;box-shadow:0 3px 10px rgba(71,85,105,.3)}
.support-social-btn--scs{background:#f3750f;box-shadow:0 3px 10px rgba(243,117,15,.3)}
.sidebox-c{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.related-item{display:block}
.related-link{display:flex;gap:12px;align-items:flex-start;padding:10px;background:rgba(255,255,255,.6);border:1px solid rgba(26,86,219,.1);border-radius:10px;text-decoration:none;transition:var(--t);color:inherit}
.related-link:hover{background:#fff;border-color:rgba(26,86,219,.25);transform:translateX(3px);box-shadow:0 3px 12px rgba(26,86,219,.1)}
.related-img-wrap{width:80px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#e2e8f0;display:block}
.related-img-wrap--fallback{background:#dde6f5}
.related-img{width:100%;height:100%;object-fit:cover;display:block!important}
.right-related{flex:1;display:flex;flex-direction:column;gap:5px}
.rtitle{font-size:.85rem;font-weight:700;color:#07172f;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rexcerpt{font-size:.78rem;color:#5878a0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.top-liders-bg{background:linear-gradient(135deg,#07172f 0%,#1a56db 60%,#0ea5e9 100%);padding:18px 22px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.tl-title{color:#fff;font-family:"Rajdhani","Exo 2",sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;display:flex;align-items:center;gap:9px}
.tl-title i{color:#ffd93d;font-size:1.2rem}
.tl-subtitle{color:rgba(255,255,255,.65);font-size:.78rem;font-weight:600;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.4px;text-transform:uppercase}
.top-liders--ranked{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:18px 0;list-style:none;margin:0;counter-reset:top-rank}
.tops-item{display:block;counter-increment:top-rank}
.tops-link{display:block;text-decoration:none;color:inherit}
.tops-img{position:relative;overflow:hidden;border-radius:10px;background:#dde6f5;border:2px solid transparent;transition:border-color .2s,box-shadow .2s}
.tops-item:hover .tops-img{border-color:#1a56db;box-shadow:0 6px 18px rgba(26,86,219,.25)}
.tops-img img{width:100%;display:block;transition:transform .35s ease}
.tops-item:hover .tops-img img{transform:scale(1.06)}
.tops-rank{position:absolute;top:7px;left:7px;min-width:26px;height:26px;padding:0 7px;background:linear-gradient(135deg,#ffd93d,#f97316);color:#07172f;font-weight:800;font-size:12px;font-family:"Rajdhani","Exo 2",sans-serif;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.tops-rank::before{content:counter(top-rank)}
.tops-item:nth-child(1) .tops-rank{background:linear-gradient(135deg,#ffd93d,#f59e0b);font-size:14px;min-width:30px;height:30px}
.tops-item:nth-child(2) .tops-rank{background:linear-gradient(135deg,#e2e8f0,#94a3b8);color:#334155}
.tops-item:nth-child(3) .tops-rank{background:linear-gradient(135deg,#fb923c,#b45309)}
.tops-stats{position:absolute;bottom:0;left:0;right:0;padding:5px 7px;opacity:0;background:linear-gradient(to top,rgba(7,23,47,.85) 0%,transparent 100%);transition:opacity .22s ease;font-size:11px;display:flex;gap:8px;color:#fff;align-items:center}
.tops-item:hover .tops-stats{opacity:1}
.tops-title{display:block;margin-top:7px;font-size:.78rem;font-weight:600;color:#253d60;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tops-item:hover .tops-title{color:#1a56db}
@media(max-width: 768px) {
.top-liders--ranked{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
}
@media(max-width: 480px) {
.top-liders--ranked{grid-template-columns:repeat(3,1fr);gap:8px}
}
.film-poster{position:relative}
.shortf-reason{position:absolute!important;top:12px;left:12px;z-index:10;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff!important;border-radius:20px;font-size:.72rem;font-weight:700;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 3px 10px rgba(34,197,94,.4);border:none!important;margin:0!important}
.shortf-reason i{font-size:.72rem}
.tabs{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;align-items:flex-start;gap:0}
.tabs input[type="radio"]{display:none}
.tabs label{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;cursor:pointer;font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.4px;color:var(--text-medium);border:none;border-bottom:3px solid transparent;background:transparent;margin-right:3px;position:relative;z-index:2;transition:color .15s ease,border-color .15s ease;order:1;flex:0 0 auto;width:auto}
.tabs label:hover{color:var(--primary);border-bottom-color:#ff6b3559}
.tabs input[type="radio"]:checked+label{color:var(--primary);border-bottom-color:var(--primary)}
.tabs .screenshots-grid-3col{order:1;flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;margin-left:auto;}
.tabs .screenshots-grid-3col .screenshots-title{grid-column:1/-1;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-medium);display:flex;align-items:center;gap:5px;margin-bottom:0;/*! border-top: 1px solid #fbd2c2; */margin-top: 20px;}
.tabs .screenshots-grid-3col .screenshots-title i{color:var(--primary)}
.tabs .screenshots-grid-3col a{display:block;border-radius:6px;overflow:hidden;aspect-ratio:16/9;background:var(--bg-main);border:2px solid var(--border);transition:border-color .2s,transform .2s}
.tabs .screenshots-grid-3col a:hover{border-color:var(--primary);transform:translateY(-2px)}
.tabs .screenshots-grid-3col a img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.tabs .screenshots-grid-3col a:hover img{transform:scale(1.05)}
.tabs::before{content:'';display:block;height:2px;background:var(--border);order:2;width:100%;margin-bottom:4px}
.tabs .tab{display:none;order:99;width:100%;padding:18px 4px 8px;background:transparent;border:none;border-radius:0;font-size:14px}
#tabone:checked~#tab1,#tabtwo:checked~#tab2,#tabthree:checked~#tab3,#tabfour:checked~#tab4,#tabfive:checked~#tab5{display:block}
@keyframes tabFadeIn {
from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}
}
@media(max-width: 1200px) {
.tabs .screenshots-grid-3col{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 900px) {
.tabs{flex-direction:column}
.tabs .screenshots-grid-3col{order:3;width:100%;padding-left:0;margin-top:12px;grid-template-columns:repeat(3,1fr)}
}
@media(max-width: 600px) {
.tabs label{padding:7px 11px;font-size:.8rem}
.tabs .screenshots-grid-3col{grid-template-columns:repeat(2,1fr)}
}
#content:has(.shortf--grid){display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.shortf-grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.shortf--grid{display:flex;flex-direction:column;height:100%}
.shortf-img img,.shortf--grid .shortf-img img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width: 1024px) {
#content:has(.shortf--grid),.shortf-grid-wrap{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 640px) {
#content:has(.shortf--grid),.shortf-grid-wrap{grid-template-columns:1fr}
}
.shortf--trailer .shortf-img{aspect-ratio:16/9}
.shortf--trailer .shortf-img img{display:block;width:100%;height:100%;object-fit:cover}
.screenshots-count-badge:empty{display:none}
.dl-dropdown-menu--premium{min-width:280px;padding:8px;background:#fff;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.14);border:1.5px solid rgba(26,86,219,.12)}
.dl-link-item{display:flex!important;align-items:center;gap:12px;padding:10px 12px!important;border-radius:10px;color:#253d60!important;text-decoration:none;transition:background .15s,transform .15s;border:1px solid transparent}
.dl-link-item:hover{background:rgba(26,86,219,.06)!important;border-color:rgba(26,86,219,.15);transform:translateX(3px)!important;padding-left:12px!important}
.dl-link-icon{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#1a56db,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}
.dl-link-item--alt .dl-link-icon{background:linear-gradient(135deg,#059669,#10b981)}
.dl-link-item--alt2 .dl-link-icon{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}
.dl-link-text{flex:1;display:flex;flex-direction:column;gap:1px}
.dl-link-label{font-size:.88rem;font-weight:700;color:#07172f;font-family:"Rajdhani","Exo 2",sans-serif}
.dl-link-sub{font-size:.74rem;color:#5878a0}
.dl-link-ext{color:#9db3c8;font-size:12px}

.related-mods-section{margin:24px 0;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000008}
.related-mods-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #f1f5f9;position:relative}
.related-mods-header::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary,#3b82f6)}
.related-mods-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary,#3b82f6),var(--purple,#8b5cf6));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;box-shadow:0 4px 10px #3b82f633}
.related-mods-title{font-family:var(--font-heading, inherit);font-weight:800;font-size:1.1rem;color:#1e293b;text-transform:uppercase;letter-spacing:.8px}
.related-mods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;padding:0;margin:0}
.related-card{border-radius:12px;overflow:hidden;background:#fff;border:1px solid #f1f5f9;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;height:100%}
.related-card:hover{border-color:var(--primary,#3b82f6);box-shadow:0 8px 20px #0000000f;transform:translateY(-4px)}
.related-card__link{display:flex;flex-direction:column;text-decoration:none;height:100%}
.related-card__img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f8fafc;flex-shrink:0}
.related-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.related-card__overlay{display:none}
.related-card__body{padding:14px;display:flex;flex-direction:column;gap:6px;flex-grow:1}
.related-card__title{font-family:var(--font-heading, inherit);font-size:.95rem;font-weight:700;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}
.related-card:hover .related-card__title{color:var(--primary,#3b82f6)}
.related-card__excerpt{font-size:.8rem;color:#64748b;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-card__meta{margin-top:auto;padding-top:10px;font-size:.75rem;font-weight:600;color:var(--primary,#3b82f6);text-transform:uppercase;letter-spacing:.5px}
@media(max-width: 1024px) {
.mods-grid,.mods-grid-3col,.videos-grid,.videos-grid-3col{grid-template-columns:repeat(2,1fr)}
.related-mods-grid{grid-template-columns:repeat(2,1fr)}
.screenshots-grid-3col{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 768px) {
.mods-grid,.mods-grid-3col,.videos-grid,.videos-grid-3col{grid-template-columns:repeat(2,1fr)}
.related-mods-grid{grid-template-columns:repeat(2,1fr)}
.screenshots-grid-3col{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 600px) {
.related-mods-grid{grid-template-columns:repeat(2,1fr)}
.screenshots-grid-3col{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 380px) {
.related-mods-grid,.screenshots-grid-3col{grid-template-columns:1fr}
}
.breadcrumb{padding:6px 0 14px;margin:0}
.breadcrumb__list{align-items:center;gap:0;list-style:none;padding:0;margin:0;background:linear-gradient(90deg,rgba(26,86,219,.07),rgba(26,86,219,.03));border:1px solid rgba(26,86,219,.12);border-radius:30px;display:inline-flex;padding:5px 14px 5px 6px;font-size:.78rem}
.breadcrumb__item{display:flex;align-items:center}
.breadcrumb__link--home{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#1a56db;color:#fff;border-radius:50%;font-size:12px;flex-shrink:0;transition:background .2s}
.breadcrumb__link--home:hover{background:#0ea5e9}
.breadcrumb__item--trail{display:flex;align-items:center}
.breadcrumb__item--trail::before{content:"";display:inline-block;width:4px;height:4px;background:#94a3b8;border-radius:50%;margin:0 8px;flex-shrink:0}
#dle-speedbar{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;color:#5878a0}
#dle-speedbar a{color:#1a56db;font-weight:600;padding:1px 4px;border-radius:4px;transition:color .15s}
#dle-speedbar a:hover{color:#0ea5e9;background:rgba(26,86,219,.08)}
#dle-speedbar .delimiter,#dle-speedbar .sep{color:#94a3b8;margin:0 3px}
.cat-seo-box{margin-bottom:20px;background:linear-gradient(135deg,rgba(26,86,219,.04) 0%,rgba(14,165,233,.03) 100%);border:1px solid rgba(26,86,219,.12);border-radius:14px;overflow:hidden}
.cat-seo-content{display:grid;grid-template-columns:1fr;gap:0}
.cat-seo-title{padding:16px 20px 14px;margin:0;font-family:"Rajdhani","Exo 2",sans-serif;font-size:1.05rem;font-weight:800;color:#07172f;letter-spacing:.3px;border-bottom:1px solid rgba(26,86,219,.1);display:flex;align-items:center;gap:8px}
.cat-seo-title p{margin:0;display:contents}
.cat-seo-title b{font-weight:800}
.cat-seo-text{padding:14px 20px;font-size:.85rem;line-height:1.7;color:#4b5975;max-height:100px;overflow:hidden;position:relative;transition:max-height .35s ease}
.cat-seo-text.expanded{max-height:1000px}
.cat-seo-text::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(240,244,255,.95),transparent);pointer-events:none;transition:opacity .3s}
.cat-seo-text.expanded::after{opacity:0}
.cat-seo-text img{float:right;max-width:260px;border-radius:10px;margin:0 0 12px 16px;box-shadow:0 4px 14px rgba(0,0,0,.1)}
.cat-seo-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;font-size:.75rem;font-weight:700;color:#1a56db;cursor:pointer;letter-spacing:.3px;text-transform:uppercase;font-family:"Rajdhani","Exo 2",sans-serif;border-top:1px solid rgba(26,86,219,.1);background:rgba(26,86,219,.03);transition:background .15s}
.cat-seo-toggle:hover{background:rgba(26,86,219,.08)}
.cat-seo-toggle i{transition:transform .3s}
.cat-seo-toggle.open i{transform:rotate(180deg)}
.pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 0 8px;flex-wrap:wrap}
.pager__prev,.pager__next{display:flex}
.pager__prev a,.pager__next a{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#1a56db,#0ea5e9);color:#fff!important;border-radius:30px;font-size:.8rem;font-weight:700;font-family:"Rajdhani","Exo 2",sans-serif;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 3px 12px rgba(26,86,219,.3);transition:transform .18s,box-shadow .18s}
.pager__prev a:hover,.pager__next a:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(26,86,219,.4)}
.pager__numbers{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}
.pager__numbers a,.pager__numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;font-size:.85rem;font-weight:600;border:1.5px solid rgba(26,86,219,.18);color:#5878a0;background:#fff;transition:var(--t18)}
.pager__numbers a:hover{background:#1a56db;color:#fff;border-color:#1a56db;box-shadow:0 3px 10px rgba(26,86,219,.3);transform:translateY(-1px)}
.pager__numbers span.current,.pager__numbers .current-page,.pager__numbers span:not(a){background:linear-gradient(135deg,#1a56db,#0ea5e9);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(26,86,219,.3)}
.pager__numbers .pages-sep{background:none;border:none;color:#94a3b8;font-size:16px;min-width:20px;padding:0}
#content:has(.shortf--trailer){display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.shortf--trailer{display:flex;flex-direction:column;height:100%}
.shortf--trailer .shortf-img{aspect-ratio:16/9;border-radius:14px 14px 0 0}
.shortf--trailer .shortf-img img{display:block!important;width:100%;height:100%;object-fit:cover}
@media(max-width: 768px) {
#content:has(.shortf--trailer){grid-template-columns:1fr}
}
.shortf-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75);width:32px;height:32px;background:rgba(255,255,255,.95);color:#1a56db;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;box-shadow:0 2px 14px rgba(26,86,219,.28)}
.shortf-play--yt{background:rgba(244,49,30,.92);color:#fff}
.shortf:hover .shortf-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
i.fa.shortf-play{display:none}
.shortf:hover{transform:none;box-shadow:0 6px 24px rgba(26,86,219,.15)}
.shortf-img img{transition:transform .28s ease}
.shortf:hover .shortf-img img{transform:scale(1.04)}
.video-card .shortf-img img{width:100%;height:100%;object-fit:cover;display:block}
.shortf-meta-row{display:flex;gap:10px;font-size:.76rem;color:#5878a0}
.shortf-meta-stat{display:inline-flex;align-items:center;gap:4px}
.shortf-meta-stat--views .fa{color:#0DB9DD}
.shortf-meta-stat--comments .fa{color:#8bc34a}

/*Download Section*/
.dl-mod-wrap{display:flex;justify-content:center;/*! margin:24px 0; */}
.dl-mod-card{background:#fff;border:2px solid #e4e6ed;border-radius:5px;width:100%;overflow:hidden;font-family:inherit;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;position:relative;contain:layout style}
.dl-mod-card::before{content:'';position:absolute;top:0;left:0;right:0;/*! height:1px; *//*! background:linear-gradient(90deg,#FF6B35 0%,#f59e0b 35%,#3b82f6 65%,#8b5cf6 100%); */pointer-events:none}
.dl-mod-card__head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #f0f1f6;flex-wrap:wrap}
.dl-mod-card__icon-wrap{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#FF6B35,#e05a08);border:2px solid rgba(255,107,53,.2);display:flex;align-items:center;justify-content:center;font-size:19px;color:#fff;flex-shrink:0;box-shadow:0 3px 12px rgba(255,107,53,.3)}
.dl-mod-card__label{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#FF6B35;text-transform:uppercase;display:block;margin-bottom:2px}
.dl-mod-card__title{font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:1.05rem;font-weight:700;color:#1e2d45;margin:0;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-mod-card__badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-left:auto;flex-shrink:0}
.dl-mod-badge{font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.68rem;font-weight:700;border-radius:20px;padding:3px 10px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.dl-mod-badge--verified{color:#065f46;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22)}
.dl-mod-badge--views{color:#1e40af;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22)}
.dl-mod-badge--admin{color:#fff;background:linear-gradient(135deg,#FF6B35,#e05a08);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase}
.dl-mod-warning{display:flex;align-items:flex-start;gap:12px;background:#fffbea;border-bottom:1px solid #f5e8bb;padding:12px 22px}
.dl-mod-warning__icon{width:34px;height:34px;border-radius:50%;background:#fef3c7;border:1.5px solid #fcd34d;display:flex;align-items:center;justify-content:center;font-size:14px;color:#b45309;flex-shrink:0;margin-top:1px}
.dl-mod-warning__title{display:block;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:#92400e;text-transform:uppercase;margin-bottom:3px}
.dl-mod-warning__text{font-size:.78rem;color:#78350f;line-height:1.5;margin:0}
.dl-mod-warning__text a{color:#b45309;font-weight:700;text-decoration:underline}
/* Download links header row */
.dl-mod-links-header{display:flex;align-items:center;gap:10px;padding:14px 22px;background:linear-gradient(135deg,rgba(255,107,53,.05),rgba(249,115,22,.02));border-bottom:1px solid rgba(255,107,53,.12);flex-wrap:wrap}
.dl-mod-links-header__icon{width:30px;height:30px;background:linear-gradient(135deg,#FF6B35,#e05a08);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.dl-mod-links-header__title{flex:1;font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.9rem;font-weight:700;color:#1e2d45;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.dl-mod-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:#fff;color:#323b4a;border:none;border-radius:30px;font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.82rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;box-shadow:0 3px 12px rgba(255,107,53,.3);flex-shrink:0;white-space:nowrap;/*! transition:box-shadow .18s,transform .15s */border: solid 1px #f49160;}
.dl-mod-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,.45)}
.dl-mod-toggle .dl-toggle-icon{font-size:.72rem;transition:transform .25s ease}
/* Download body (hidden by default) */
.dl-mod-body{padding:18px 22px 14px;border-bottom:1px solid #f2f3f8}
/* Decorative text flanking the buttons */
.dl-mod-flanked{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.dl-mod-flank-text{font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#b0bac8;text-transform:uppercase;white-space:nowrap;flex-shrink:0}
.dl-mod-flank-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,107,53,.15),transparent)}
.dl-mod-flank-line--r{background:linear-gradient(270deg,rgba(255,107,53,.15),transparent)}
/* Buttons grid */
.dl-mod-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:0}
.dl-mod-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:2px solid;border-radius:12px;text-decoration:none;font-size:.83rem;font-weight:700;transition:transform .15s,box-shadow .15s;white-space:nowrap;position:relative;overflow:hidden}
.dl-mod-btn:hover{transform:translateY(-3px)}
.dl-mod-btn__num{width:24px;height:24px;min-width:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.72rem;font-weight:900;border:2px solid currentColor;flex-shrink:0;opacity:.75}
.dl-mod-btn__icon{font-size:1rem;flex-shrink:0}
.dl-mod-btn__text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.dl-mod-btn__label{font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.88rem;font-weight:700;line-height:1;color:#0d1829}
.dl-mod-btn__sub{font-size:.7rem;opacity:.6;line-height:1}
.dl-mod-btn__ext{font-size:.7rem;opacity:.35;margin-left:auto;flex-shrink:0}
.dl-mod-btn--1{color:#e05a08;border-color:rgba(255,107,53,.3);box-shadow:0 2px 10px rgba(255,107,53,.1)}
.dl-mod-btn--1:hover{border-color:#FF6B35;box-shadow:0 6px 18px rgba(255,107,53,.22)}
.dl-mod-btn--2{color:#1d4ed8;border-color:rgba(59,130,246,.3);box-shadow:0 2px 10px rgba(59,130,246,.1)}
.dl-mod-btn--2:hover{border-color:#3b82f6;box-shadow:0 6px 18px rgba(59,130,246,.22)}
.dl-mod-btn--3{color:#6d28d9;border-color:rgba(139,92,246,.3);box-shadow:0 2px 10px rgba(139,92,246,.1)}
.dl-mod-btn--3:hover{border-color:#8b5cf6;box-shadow:0 6px 18px rgba(139,92,246,.22)}
/* Safety tips row */
.dl-mod-safety{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 0 0}
.dl-mod-safety__item{display:flex;align-items:center;gap:5px;font-size:.74rem;color:#7a8899}
.dl-mod-safety__item .fa{color:#16a34a;font-size:.85rem}
.dl-mod-author{padding:16px 22px 10px;background:linear-gradient(135deg,rgba(255,107,53,.03),rgba(255,255,255,1));border-bottom:1px solid #f2f3f8;text-align:center}
.dl-mod-author__heading{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#e05a08;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.dl-mod-author__heading::before,.dl-mod-author__heading::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,53,.22))}
.dl-mod-author__heading::after{background:linear-gradient(270deg,transparent,rgba(255,107,53,.22))}
.dl-mod-author__links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}
.dl-mod-author__link{display:inline-flex;align-items:center;gap:7px;border-radius:30px;padding:8px 16px;font-family:'Barlow Condensed','Rajdhani',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.3px;text-decoration:none;border:1.5px solid transparent;transition:transform .15s,opacity .15s;white-space:nowrap}
.dl-mod-author__link:hover{transform:translateY(-2px);opacity:.9}
.dl-mod-author__link i{font-size:13px}
.dl-mod-author__link--paypal{background:#e8f0fe;border-color:#c7d9fb;color:#003087}
.dl-mod-author__link--site{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.dl-mod-author__link--fb{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.dl-mod-author__link--steam{background:#f5f5f5;border-color:#d4d4d4;color:#171a21}
.dl-mod-author__link--scs{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.dl-mod-author__link--web{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.dl-mod-author__sub{font-size:.73rem;color:#b0bac8;margin:0 0 6px;line-height:1.4}
.dl-mod-attachment{margin:0 22px 14px;padding:10px 14px;background:rgba(26,86,219,.05);border:1px solid rgba(26,86,219,.14);border-radius:10px;font-size:.82rem;}
.dl-mod-disclaimer{font-size:.76rem;color:#8a9bb0;padding:9px 22px 14px;margin:0;border-top:1px solid #f2f3f8;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;text-align:center;line-height:1.5}
.dl-mod-disclaimer a{color:#7a9fd4;font-weight:600}
.dl-mod-disclaimer a:hover{color:#FF6B35}
/* Mobile DL */
@media(max-width:768px){
.dl-mod-card__head{padding:14px 16px;gap:10px}
.dl-mod-card__icon-wrap{width:38px;height:38px;font-size:16px}
.dl-mod-card__badges{width:100%;margin-left:0}
.dl-mod-links-header{padding:12px 16px;gap:8px}
.dl-mod-links-header__title{font-size:.82rem}
.dl-mod-toggle{padding:7px 14px;font-size:.78rem}
.dl-mod-body{padding:14px 16px}
.dl-mod-btns{grid-template-columns:1fr;gap:8px}
.dl-mod-warning{padding:10px 16px}
.dl-mod-author{padding:14px 16px 10px}
.dl-mod-disclaimer{padding:8px 16px 12px;font-size:.72rem}
}
@media(max-width:480px){
.dl-mod-card{border-radius:12px}
.dl-mod-card__icon-wrap{display:none}
.dl-mod-card__title{font-size:.92rem;white-space:normal}
.dl-mod-toggle{width:100%;justify-content:center}
.dl-mod-links-header{flex-direction:column;align-items:flex-start;gap:8px}
.dl-mod-links-header__title{white-space:normal}
.dl-mod-btn__sub{display:none}
.dl-mod-author__link{padding:7px 12px;font-size:.75rem}
.dl-mod-safety{flex-direction:column;gap:5px}
.dl-mod-flanked{gap:8px}
.dl-mod-flank-text{font-size:.65rem}
}

/*Static Page*/
.static-page{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin:20px 0;overflow:hidden}.static-header{padding:10px 20px;border-bottom:1px solid #ff3506b5}.static-title{font-size:16px;color:#132034;margin:0;text-transform:uppercase;letter-spacing:1px}.static-content{padding:30px;background:#f9f9f9;color:#333;line-height:1.6}.static-content .clearfix{clear:both}.static-pagination{padding:20px;text-align:center;background:#fff;border-top:1px solid #e0e0e0}.static-pagination a,.static-pagination span{display:inline-block;padding:8px 15px;margin:0 5px;background:#667eea;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background .3s ease}.static-pagination a:hover{background:#764ba2}.static-pagination span.active{background:#764ba2}@media (max-width: 768px){.static-title{font-size:22px}.static-header,.static-content{padding:20px 15px}}

/*Various Fixes*/
:root{--font-heading:'Barlow Condensed',Rajdhani,sans-serif;--font-body:Barlow,system-ui,sans-serif;--text-dark:#0d1829;--text-medium:#1e3352;--text-light:#3d5275}
body{font-family:var(--font-body);color:var(--text-dark)}
h1,h2,h3,h4,h5,h6,.fstory-h2,.h-red h2,.h-red h3,.h-sidebar,.cap3,.shortf-link a,.lc-author,.comm-author b,.related-mods-title,.tl-title,.tabs label,.mod-badge__value,.dl-link-label,.dl-mod-card__label,.dl-mod-card__title,.gcf-submit-btn,.footer-logo-title,.official-dl-btn__label{font-family:'Barlow Condensed','Rajdhani',sans-serif;letter-spacing:.3px}
.desc-text.full-text,.comm-text,.comm-body,.dle-comment-text,.comment-body,.box-list li,.shortfaq,.home-text-content p,.support-author-sub,.dl-mod-warning__text,.dl-mod-disclaimer,.dl-mod-author__sub{color:#1e3352;font-size:13px}
.shortf-link a{font-size:1.3rem}.shortf-meta{font-size:.9rem}.str-title{font-size:13px}.str-title-compact{font-size:12px}.str-date{font-size:11px}.comm-author b{font-size:13px}.comm-info{font-size:11px}.comm-text{font-size:13px;line-height:1.65;color:#1e3352}.comm-title{font-size:13px}.bcomment-signature{font-size:11px}.fstory-h2{font-size:clamp(1.15rem,2.8vw,1.6rem);color:#0d1829}.shortfaq{font-size:12px}.shortfaq span{font-size:12px}.bar-tags a{font-size:11px}.speedbar{font-size:12px}.a-small{font-size:11px}.navigation a,.navigation span{font-size:12px}.poll-option label{font-size:13px}.btn{font-size:.9rem}.igroup-input{font-size:13px}.f_input{font-size:13px}.h-sidebar{font-size:.9rem}.h-red h2,.h-red h3{font-size:1.5rem}.tabs label{font-size:.8rem}.mod-badge__value{font-size:.9rem}.mod-badge__label{font-size:.8rem}.lc-author{font-size:.9rem}.lc-text{font-size:1rem}.lc-date{font-size:.8rem}.footer-description{font-size:12px}.footer-column ul li a{font-size:12px}.footer-copyright,.footer-credits{font-size:11px}.dl-mod-card__title{font-size:1.2rem}.dl-mod-btn{font-size:.9rem}.dl-mod-warning__text,.dl-mod-disclaimer{font-size:.9rem}
.comm-text iframe,.comm-body iframe,.dle-comments-list iframe,.comments-tree-list iframe{height:auto!important;width:100%!important;max-width:100%!important;aspect-ratio:16 / 9!important;display:block;border:0;border-radius:10px;margin:10px 0}
.comm-text .video-box,.comm-body .video-box,.comm-text .video-responsive,.comm-body .video-responsive,.dle-comments-list .video-box,.dle-comments-list .video-responsive{position:relative!important;padding-bottom:56.25%!important;height:0!important;width:100%!important;max-width:100%!important;overflow:hidden;border-radius:10px;background:#000;margin:12px 0;display:block}
.comm-text .video-box iframe,.comm-body .video-box iframe,.comm-text .video-responsive iframe,.comm-body .video-responsive iframe,.dle-comments-list .video-box iframe,.dle-comments-list .video-responsive iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;aspect-ratio:unset!important;border:0;border-radius:9px}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100%!important;height:100%!important;max-width:100%!important}
.comm-text iframe,.comm-body iframe{max-width:100%;display:block}
.full-text iframe,.full-text embed,.full-text object,.desc-text iframe,.news-text iframe{display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;border:2px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);background:#000}

.comm-card{background:#fffffff5;border:1px solid #1a56db1a;border-radius:10px;padding:14px 16px;margin-bottom:10px;transition:border-color .15s ease,box-shadow .15s ease}
.comm-card:hover{border-color:#1a56db38;box-shadow:0 3px 14px #1a56db17}
.comm-ava img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #1a56db2e}
.comm-author b{color:#0d1829;font-size:13px}
.comm-info{font-size:11px;color:#2c4a6e}
.comm-text{font-size:13px;color:#1e3352;line-height:1.65}
.addcomments,.gaming-comment-form{background:#fffffff2;border:1.5px solid #1a56db1f;border-radius:10px;padding:16px;margin-bottom:16px}
.desc-text.full-text,.desc-text.full-text p,.desc-text.full-text li,.desc-text.full-text span{color:#1e3352;font-size:13px;line-height:1.7}
body{animation:none!important}
.str-item:hover,.str-item-compact:hover,.a-small:hover,.link-sidebar:hover,.header-upload-btn:hover{transform:none}
.shortf:hover{transform:none;box-shadow:0 4px 16px #1a56db1f}
.shortf-img img{transition:transform .22s ease}
.tabs .tab{animation:none}
.modal-dialog{will-change:transform}

@media (max-width: 768px) {
.video-wrap{border-radius:8px}
.video-label{font-size:.7rem;padding:7px 10px}
.comm-text .video-responsive,.comm-body .video-responsive{border-radius:7px}
}

html{scroll-behavior:auto}
}

/*Performance & Mobile Speed*/
/* Critical: reduce paint cost on scroll-heavy elements */
.shortf,.str-item,.dl-mod-card,.comm-card,.block-white{contain:layout style}
/* Force GPU layer only on elements that actually animate */
.shortf-img img,.film-poster img{will-change:transform;transform:translateZ(0)}

/* Remove heavy backdrop-filter on mobile — biggest mobile perf killer */
@media(max-width:768px){
#header-bar,#footer-bar{backdrop-filter:none;-webkit-backdrop-filter:none}
.block-white{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
.shortf{backdrop-filter:none;-webkit-backdrop-filter:none}
.navbar-nav .dropdown-menu{backdrop-filter:none;-webkit-backdrop-filter:none}
/* Reduce transition complexity on mobile */
.shortf-img img,.screenshots-grid .scr-item img{transition:none}
.screenshots-grid .scr-item:hover{transform:none;box-shadow:0 3px 10px rgba(255,107,53,.14)}
.dl-mod-btn:hover{transform:none}
.dl-mod-author__link:hover{transform:none}
/* Fix mobile tap highlight */
a,button{-webkit-tap-highlight-color:rgba(255,107,53,.1)}
/* Reduce body bg complexity on mobile */
body{background-image:radial-gradient(ellipse 80% 55% at 0 0,rgba(255,107,53,.07) 0,transparent 62%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(59,130,246,.06) 0,transparent 58%)}
}
/* content-visibility for off-screen sections */
#bar-comment{content-visibility:auto;contain-intrinsic-size:0 600px}
.related-mods-section{content-visibility:auto;contain-intrinsic-size:0 300px}
/* Lazy decode for non-critical images */
.screenshots-grid .scr-item img{image-rendering:auto}
/* Font display: avoid invisible text during load */
@font-face{font-display:swap}