/*
Theme Name: XSGames Resource
Version: 0.3.0
*/
:root{--bg:#0b1020;--bg2:#11182c;--panel:#151d31;--panel2:#1a2238;--text:#edf2ff;--muted:#98a4c2;--border:#26314e;--brand:#60a5fa;--brand2:#34d399;--orange:#fb923c;--chip:#24314d}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;background:#0b1020;color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block;height:auto}.container{width:min(1260px,calc(100% - 28px));margin:0 auto}.site-header{background:#0d1426;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:30}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{font-size:28px;font-weight:900}.brand span{color:var(--brand2)}.nav-links{display:flex;gap:18px;flex-wrap:wrap}.nav-links a{font-size:14px;color:var(--muted)}.nav-links a:hover{color:#fff}.hero{padding:20px 0 16px}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{background:linear-gradient(180deg,#141c30,#11182b);border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.18)}.hero-main{padding:24px}.hero-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.18);color:#bfdbfe;font-size:12px;font-weight:700}.hero h1{font-size:42px;line-height:1.1;margin:14px 0 10px}.hero p{margin:0 0 18px;color:#c9d2e7;font-size:15px}.search-bar{display:flex;gap:10px}.search-bar input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:#0d1528;color:#fff}.btn{padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#09101c;font-weight:800;border:none}.hero-side{padding:20px}.side-title,.section-title{font-size:20px;font-weight:800;margin:0 0 14px}.quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick-links a{padding:11px 12px;border-radius:12px;background:#0f1528;border:1px solid rgba(255,255,255,.05);font-size:13px;color:#dbe5ff}.section{padding:10px 0 4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.top-feature{overflow:hidden;position:relative;min-height:360px}.top-feature .media{position:absolute;inset:0}.top-feature .media img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.top-feature .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,15,.06),rgba(4,8,15,.9))}.top-feature .info{position:absolute;left:20px;right:20px;bottom:18px;z-index:2}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.chip{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;background:#1f2c46;color:#cbe0ff;border:1px solid rgba(96,165,250,.16)}.chip.orange{background:rgba(251,146,60,.12);color:#fdba74;border-color:rgba(251,146,60,.2)}.chip.green{background:rgba(52,211,153,.12);color:#86efac;border-color:rgba(52,211,153,.18)}.top-feature h2{font-size:34px;line-height:1.12;margin:0 0 10px}.compact-list{padding:18px}.compact-item{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.compact-item:last-child{border-bottom:0}.compact-thumb{width:86px;height:64px;border-radius:12px;overflow:hidden;background:#11182d}.compact-thumb img{width:100%;height:100%;object-fit:cover}.compact-item h4{margin:0 0 4px;font-size:15px;line-height:1.3}.compact-meta{font-size:12px;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.resource-card{overflow:hidden}.resource-thumb{aspect-ratio:1/1.08;background:#11182d}.resource-thumb img{width:100%;height:100%;object-fit:cover}.resource-body{padding:12px}.resource-title{font-size:15px;line-height:1.35;min-height:42px;font-weight:700;margin-bottom:8px}.resource-meta{font-size:12px;color:var(--muted);margin-top:6px}.portal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.category-wall{padding:18px}.category-pills{display:flex;flex-wrap:wrap;gap:10px}.category-pills a{padding:9px 12px;border-radius:999px;background:#202c48;font-size:13px;color:#dbe6ff}.notice-card{padding:18px;background:rgba(251,146,60,.08);border:1px solid rgba(251,146,60,.2);border-radius:16px;color:#ffd7ba}.single-wrap{padding:22px 0 46px}.single-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.article-card,.sidebar-card{padding:22px}.article-card h1{font-size:34px;line-height:1.2;margin:10px 0 14px}.article-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:16px}.featured-image{overflow:hidden;border-radius:16px;margin-bottom:18px}.entry-content p,.entry-content li{color:#d8def0}.entry-content h2,.entry-content h3{margin-top:24px}.entry-content img{border-radius:14px;margin:14px 0}.sidebar-box{padding:16px;border-radius:16px;background:#0f1528;border:1px solid rgba(255,255,255,.05);margin-bottom:16px}.sidebar-box h3{margin-top:0;font-size:18px}.facts{display:grid;gap:10px}.facts div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#131c31}.download-cta{display:grid;gap:10px}.download-btn{display:flex;align-items:center;justify-content:center;padding:13px 16px;border-radius:12px;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#08101d;font-weight:800}.related-list{display:grid;gap:10px}.related-list a{display:block;padding:10px 12px;border-radius:12px;background:#131c31}.site-footer{margin-top:34px;padding:26px 0 44px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}@media(max-width:1180px){.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.top-layout,.portal-grid,.hero-grid,.single-main{grid-template-columns:1fr}}@media(max-width:860px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-links{display:none}.hero h1{font-size:34px}}@media(max-width:640px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-bar{flex-direction:column}.compact-item{grid-template-columns:1fr}.compact-thumb{width:100%;height:180px}}@media(max-width:420px){.resource-grid{grid-template-columns:1fr}}
.section-title{font-size:21px;font-weight:900}.notice-card strong{display:block;font-size:16px}
.category-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;margin-bottom:18px}.category-hero h1{margin:8px 0 10px;font-size:34px}.category-hero p{margin:0;color:#cdd7ea;max-width:760px}.category-side-stat{min-width:220px;padding:18px;border-radius:16px;background:#10182b;text-align:center}.category-side-stat strong{display:block;font-size:34px}.download-panel{border:1px solid rgba(96,165,250,.18);background:linear-gradient(180deg,rgba(96,165,250,.08),rgba(52,211,153,.06))}.download-btn.secondary{background:linear-gradient(90deg,#fb923c,#facc15)}.download-meta{display:grid;gap:10px;margin-top:14px}.download-meta div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#131c31}
.two-topic-grid{grid-template-columns:1fr 1fr}.topic-block{padding:18px}.topic-list{display:grid;gap:10px}.topic-item{display:block;padding:12px 14px;border-radius:12px;background:#131c31;border:1px solid rgba(255,255,255,.05);font-size:14px}.topic-item:hover{border-color:rgba(96,165,250,.3)}
.xsg-download-box{padding:16px;border-radius:16px;background:#10182c;border:1px solid rgba(96,165,250,.18);margin:16px 0}.xsg-download-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.xsg-download-row:last-child{border-bottom:0}.xsg-download-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.xsg-download-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,#60a5fa,#34d399);color:#08101d;font-weight:800}.xsg-download-link.secondary{background:linear-gradient(90deg,#fb923c,#facc15)}
/* readability fix for generated download/notice blocks */
.entry-content .xsg-download-box,
.entry-content .wp-block-group,
.entry-content .download-box,
.entry-content .notice-box,
.entry-content .download-section,
.entry-content .download-template,
.entry-content [class*='download'],
.entry-content [class*='notice']{
  background:#f8fafc !important;
  color:#0f172a !important;
  border:1px solid #dbe3f0 !important;
  box-shadow:none !important;
}
.entry-content .xsg-download-box *,
.entry-content .wp-block-group *,
.entry-content .download-box *,
.entry-content .notice-box *,
.entry-content .download-section *,
.entry-content .download-template *,
.entry-content [class*='download'] *,
.entry-content [class*='notice'] *{
  color:#0f172a !important;
}
.entry-content .xsg-download-box a,
.entry-content .download-box a,
.entry-content .download-section a,
.entry-content .download-template a,
.entry-content [class*='download'] a{
  color:#0b57d0 !important;
  font-weight:700;
}
.entry-content .xsg-download-box .xsg-download-link,
.entry-content .download-box .xsg-download-link,
.entry-content .download-section .xsg-download-link,
.entry-content .download-template .xsg-download-link,
.entry-content [class*='download'] .xsg-download-link{
  color:#fff !important;
}
/* stronger CTA button styling for generated download areas */
.entry-content .xsg-download-link,
.entry-content .download-btn,
.entry-content a[href*='#'].download-btn,
.entry-content a[class*='download-link'],
.entry-content a[class*='download-btn']{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:148px !important;
  padding:14px 22px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 55%,#1e40af 100%) !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1 !important;
  border:1px solid #1e40af !important;
  box-shadow:0 10px 24px rgba(37,99,235,.28) !important;
  text-decoration:none !important;
  opacity:1 !important;
}
.entry-content .xsg-download-link:hover,
.entry-content .download-btn:hover,
.entry-content a[class*='download-link']:hover,
.entry-content a[class*='download-btn']:hover{
  background:linear-gradient(135deg,#3b82f6 0%,#2563eb 55%,#1d4ed8 100%) !important;
  color:#ffffff !important;
  transform:translateY(-1px);
}
.entry-content .xsg-download-link:visited,
.entry-content .download-btn:visited,
.entry-content a[class*='download-link']:visited,
.entry-content a[class*='download-btn']:visited{
  color:#ffffff !important;
}
.entry-content .xsg-download-actions,
.entry-content .download-actions,
.entry-content [class*='download-actions']{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin:14px 0 !important;
}
/* orange primary CTA for download */
.entry-content .xsg-download-link.primary,
.entry-content .download-btn.primary,
.entry-content a.primary[class*='download'],
.entry-content .xsg-download-actions .xsg-download-link:first-child,
.entry-content .download-actions a:first-child,
.entry-content [class*='download-actions'] a:first-child{
  background:linear-gradient(135deg,#fb923c 0%,#f97316 55%,#ea580c 100%) !important;
  color:#ffffff !important;
  border:1px solid #ea580c !important;
  box-shadow:0 12px 28px rgba(249,115,22,.34) !important;
}
.entry-content .xsg-download-link.primary:hover,
.entry-content .download-btn.primary:hover,
.entry-content a.primary[class*='download']:hover,
.entry-content .xsg-download-actions .xsg-download-link:first-child:hover,
.entry-content .download-actions a:first-child:hover,
.entry-content [class*='download-actions'] a:first-child:hover{
  background:linear-gradient(135deg,#fdba74 0%,#fb923c 50%,#f97316 100%) !important;
  color:#ffffff !important;
}
.entry-content .xsg-download-link.secondary,
.entry-content .download-btn.secondary,
.entry-content a.secondary[class*='download'],
.entry-content .xsg-download-actions .xsg-download-link:nth-child(2),
.entry-content .download-actions a:nth-child(2),
.entry-content [class*='download-actions'] a:nth-child(2){
  background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%) !important;
  color:#e2e8f0 !important;
  border:1px solid #334155 !important;
  box-shadow:none !important;
}
.entry-content .xsg-download-link.secondary:hover,
.entry-content .download-btn.secondary:hover,
.entry-content a.secondary[class*='download']:hover,
.entry-content .xsg-download-actions .xsg-download-link:nth-child(2):hover,
.entry-content .download-actions a:nth-child(2):hover,
.entry-content [class*='download-actions'] a:nth-child(2):hover{
  background:linear-gradient(135deg,#334155 0%,#1e293b 100%) !important;
  color:#ffffff !important;
}
/* force override for generated immediate-download buttons */
.entry-content a,
.entry-content button { transition: all .2s ease; }

.entry-content a[href="#"],
.entry-content a[href*="download"],
.entry-content a[href*="quark"],
.entry-content a[href*="pan"],
.entry-content .wp-block-button__link,
.entry-content .xsg-download-link,
.entry-content .download-btn,
.entry-content [class*="download"] a,
.entry-content [class*="button"] a,
.entry-content p > a:only-child {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:150px !important;
  padding:14px 24px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#fb923c 0%,#f97316 55%,#ea580c 100%) !important;
  color:#fff !important;
  border:1px solid #ea580c !important;
  box-shadow:0 12px 28px rgba(249,115,22,.30) !important;
  font-weight:800 !important;
  font-size:15px !important;
  line-height:1 !important;
  text-decoration:none !important;
  opacity:1 !important;
}

.entry-content a[href="#"]:hover,
.entry-content a[href*="download"]:hover,
.entry-content a[href*="quark"]:hover,
.entry-content a[href*="pan"]:hover,
.entry-content .wp-block-button__link:hover,
.entry-content .xsg-download-link:hover,
.entry-content .download-btn:hover,
.entry-content [class*="download"] a:hover,
.entry-content [class*="button"] a:hover,
.entry-content p > a:only-child:hover {
  background:linear-gradient(135deg,#fdba74 0%,#fb923c 50%,#f97316 100%) !important;
  color:#fff !important;
}
/* unified download module */
.entry-content .xsg-download-box{margin:18px 0 22px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#0f172a,#131c31) !important;border:1px solid #334155 !important;box-shadow:0 16px 36px rgba(0,0,0,.22)}
.entry-content .xsg-download-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.entry-content .xsg-download-header strong{font-size:18px;color:#f8fafc !important}
.entry-content .xsg-download-header span{font-size:13px;color:#94a3b8 !important}
.entry-content .xsg-download-actions{display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin:0 0 16px !important}
.entry-content .xsg-download-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:156px !important;padding:14px 22px !important;border-radius:14px !important;font-size:15px !important;font-weight:800 !important;line-height:1 !important;text-decoration:none !important}
.entry-content .xsg-download-link.primary{background:linear-gradient(135deg,#fb923c 0%,#f97316 55%,#ea580c 100%) !important;color:#fff !important;border:1px solid #ea580c !important;box-shadow:0 12px 28px rgba(249,115,22,.30) !important}
.entry-content .xsg-download-link.secondary{background:linear-gradient(135deg,#334155 0%,#1e293b 100%) !important;color:#e2e8f0 !important;border:1px solid #475569 !important;box-shadow:none !important}
.entry-content .xsg-download-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.entry-content .xsg-download-item{padding:14px 16px;border-radius:14px;background:#0b1220 !important;border:1px solid #243244 !important}
.entry-content .xsg-download-item span{display:block;font-size:12px;color:#94a3b8 !important;margin-bottom:6px}
.entry-content .xsg-download-item strong{font-size:16px;color:#f8fafc !important}
@media(max-width:640px){.entry-content .xsg-download-meta{grid-template-columns:1fr}}
/* precise override for legacy inline download template */
.entry-content .download-section{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  margin:20px 0 26px !important;
}
.entry-content .download-section > div:first-child{
  padding:22px !important;
  border:1px solid #334155 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#0f172a,#131c31) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22) !important;
}
.entry-content .download-section > div:first-child p,
.entry-content .download-section > div:first-child span,
.entry-content .download-section > div:first-child strong{
  color:#e2e8f0 !important;
}
.entry-content .download-section > div:first-child p:first-child{
  color:#f8fafc !important;
  font-size:22px !important;
  font-weight:800 !important;
}
.entry-content .download-section > div:first-child p:nth-child(2),
.entry-content .download-section > div:first-child p:nth-child(3){
  color:#94a3b8 !important;
}
.entry-content .download-section > div:first-child a,
.entry-content .download-section > div:first-child a[style]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:156px !important;
  padding:14px 24px !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#fb923c 0%,#f97316 55%,#ea580c 100%) !important;
  color:#ffffff !important;
  border:1px solid #ea580c !important;
  box-shadow:0 12px 28px rgba(249,115,22,.30) !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.entry-content .download-section > div:first-child a:hover,
.entry-content .download-section > div:first-child a[style]:hover{
  background:linear-gradient(135deg,#fdba74 0%,#fb923c 50%,#f97316 100%) !important;
  color:#ffffff !important;
}
.entry-content .download-section > div:last-child{
  padding:20px !important;
  border:1px solid #243244 !important;
  border-radius:16px !important;
  background:#0b1220 !important;
}
.entry-content .download-section > div:last-child p:first-child{
  color:#f8fafc !important;
  font-size:18px !important;
  font-weight:700 !important;
}
.entry-content .download-section > div:last-child li,
.entry-content .download-section > div:last-child ul{
  color:#cbd5e1 !important;
}
/* remove white gap between legacy download cards */
.entry-content .download-section{
  background:transparent !important;
  gap:14px !important;
}
.entry-content .download-section > div{
  margin:0 !important;
}
.entry-content .download-section > div:first-child{
  margin-bottom:0 !important;
}
.entry-content .download-section > div:last-child{
  margin-top:0 !important;
}
.entry-content .download-section::before,
.entry-content .download-section::after{
  display:none !important;
  content:none !important;
}
.entry-content .download-section > div + div{
  border-top:none !important;
}
/* remove outer white border around legacy download block */
.entry-content .download-section,
.entry-content .download-section[style]{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
}
.entry-content .download-section > div:first-child,
.entry-content .download-section > div:last-child{
  border-color:#243244 !important;
}
/* homepage card layout v2 */
.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important}
.resource-card{
  background:linear-gradient(180deg,#121a2d,#0f1729) !important;
  border:1px solid #243244 !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-shadow:0 14px 34px rgba(0,0,0,.18) !important;
}
.resource-thumb{
  aspect-ratio:16/11 !important;
  background:#0b1220 !important;
}
.resource-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.resource-body{
  padding:14px 15px 16px !important;
}
.resource-body .chips{
  margin-bottom:10px !important;
}
.resource-body .chip{
  padding:5px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
}
.resource-body .chip.orange{
  background:rgba(249,115,22,.14) !important;
  color:#fdba74 !important;
  border:1px solid rgba(249,115,22,.2) !important;
}
.resource-title{
  min-height:44px !important;
  font-size:16px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  color:#f8fafc !important;
  margin-bottom:8px !important;
}
.resource-title a{
  color:#f8fafc !important;
}
.resource-title a:hover{
  color:#93c5fd !important;
}
.resource-meta{
  color:#94a3b8 !important;
  font-size:12px !important;
  margin-bottom:8px !important;
}
.resource-desc{
  color:#cbd5e1 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  min-height:42px !important;
}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:760px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:480px){.resource-grid{grid-template-columns:1fr !important}}
/* unify recommendation and topic blocks */
.compact-list{
  padding:18px !important;
}
.compact-item{
  grid-template-columns:96px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px !important;
  border:1px solid #243244 !important;
  border-radius:16px !important;
  background:#10182b !important;
  margin-bottom:10px !important;
}
.compact-item:last-child{margin-bottom:0 !important}
.compact-thumb{
  width:96px !important;
  height:72px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#0b1220 !important;
}
.compact-thumb img{width:100% !important;height:100% !important;object-fit:cover !important}
.compact-item h4{
  margin:0 0 6px !important;
  font-size:15px !important;
  line-height:1.4 !important;
  color:#f8fafc !important;
}
.compact-meta{
  color:#94a3b8 !important;
  font-size:12px !important;
}
.topic-block{
  padding:18px !important;
}
.topic-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
}
.topic-item{
  display:flex !important;
  align-items:center !important;
  min-height:68px !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  background:#10182b !important;
  border:1px solid #243244 !important;
  color:#f8fafc !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}
.topic-item:hover,
.compact-item:hover{
  border-color:#3b82f6 !important;
  box-shadow:0 10px 24px rgba(59,130,246,.10) !important;
}
@media(max-width:760px){
  .topic-list{grid-template-columns:1fr !important}
  .compact-item{grid-template-columns:88px 1fr !important}
}
/* overlay tag card style */
.resource-card-overlay{
  overflow:hidden !important;
}
.overlay-thumb{
  position:relative !important;
  aspect-ratio:16/11 !important;
  overflow:hidden !important;
  display:block !important;
}
.overlay-thumb::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:42%;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(2,6,23,.82));
  pointer-events:none;
}
.thumb-overlay-tags{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:2;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.overlay-tag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#fff;
  line-height:1;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}
.overlay-tag.tag-red{background:linear-gradient(135deg,#ef4444,#dc2626)}
.overlay-tag.tag-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.overlay-tag.tag-orange{background:linear-gradient(135deg,#fb923c,#f97316)}
.overlay-tag.tag-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.overlay-tag.tag-dark{background:rgba(15,23,42,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12)}
.resource-card-overlay .resource-body{
  padding:14px 15px 16px !important;
}
.resource-card-overlay .resource-title{
  min-height:44px !important;
  margin-bottom:8px !important;
}
.resource-card-overlay .resource-desc{
  min-height:42px !important;
  margin-bottom:8px !important;
}
.resource-card-overlay .resource-meta{
  color:#94a3b8 !important;
  font-size:12px !important;
}
/* top-right filter tabs */
.filter-tabs{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px;
  border-radius:999px;
  background:#0f172a;
  border:1px solid #243244;
}
.filter-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  padding:8px 14px;
  border-radius:999px;
  color:#cbd5e1;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
.filter-tabs a.active,
.filter-tabs a:hover{
  background:linear-gradient(135deg,#8b5cf6,#7c3aed);
  color:#fff;
}
@media(max-width:640px){
  .section-head{gap:12px;align-items:flex-start !important;flex-direction:column !important}
}
.xsg-pagination{display:flex;justify-content:center;padding:28px 0 10px}.xsg-pagination .nav-links{display:flex !important;gap:8px !important}.xsg-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;background:#10182b;border:1px solid #243244;color:#cbd5e1;text-decoration:none;font-weight:700}.xsg-pagination .page-numbers.current,.xsg-pagination .page-numbers:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#7c3aed}
.logo-brand{display:flex;align-items:center}.logo-brand img{height:44px;width:auto;display:block}
@media(max-width:640px){.logo-brand img{height:38px}}

/* hide top hero-ish image inside article body if first visual block */
.entry-content > figure:first-child,
.entry-content > p:first-child img,
.entry-content > .wp-block-image:first-child,
.entry-content > article > h2 + h3 + p + p + p + p + h3 + .download-section + h3 + .game-screenshots:first-child {display:none !important}

.xsg-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.xsg-main-col{min-width:0}
.ranking-panel{padding:18px;position:sticky;top:86px}
.ranking-list{display:grid;gap:12px}
.ranking-item{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#10182b;border:1px solid #243244;color:#f8fafc;text-decoration:none}
.ranking-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-size:12px;font-weight:800;color:#fff}
.ranking-text{font-size:14px;line-height:1.45;color:#e2e8f0}
@media(max-width:980px){.xsg-list-layout{grid-template-columns:1fr}.ranking-panel{position:static}}
.xsg-list-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.xsg-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.xsg-list-page .category-hero{margin-bottom:0}.xsg-list-page .ranking-panel{padding:18px;position:sticky;top:86px}.xsg-list-page .ranking-list{display:grid;gap:12px}.xsg-list-page .ranking-item{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#10182b;border:1px solid #243244;color:#f8fafc;text-decoration:none}.xsg-list-page .ranking-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);font-size:12px;font-weight:800;color:#fff}.xsg-list-page .ranking-text{font-size:14px;line-height:1.45;color:#e2e8f0}@media(max-width:1200px){.xsg-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.xsg-list-shell{grid-template-columns:1fr}}@media(max-width:640px){.xsg-feed-grid{grid-template-columns:1fr}}.xsg-list-page .ranking-panel{position:static}