/* =====================================================================
   Modsfree.com 1.0 — wygląd serwisu (na bazie motywu FSmods): czarne tło, jaskrawa zieleń,
   pogrubione kursywy nagłówków, dwupoziomowy nagłówek z belką menu, baner gier i kafelki.
   Ładowany po fsx-theme.css; motywy kolorystyczne (accent/) nadal działają.
   ===================================================================== */
:root{
  --mf-bg:#060807;--mf-bg2:#0b0f0b;--mf-panel:#0e1310;--mf-panel2:#121914;--mf-line:rgba(118,214,40,.16);--mf-line2:rgba(255,255,255,.07);
  --mf-g:#7bd62a;--mf-g2:#a6f04a;--mf-gd:#3f9a0f;--mf-txt:#f3f7ef;--mf-mut:#9aa69a;
  --mf-btn:linear-gradient(180deg,#8fe23a 0%,#5fb81a 55%,#3f9a0f 100%);
  --mf-head:"FSX Display","Montserrat","Segoe UI Black","Arial Black",Inter,system-ui,sans-serif;
  --fsx-page-w:min(1600px,calc(100% - 40px));
}
html[data-theme="dark"] body.fsx-body,body.fsx-body{background:radial-gradient(1200px 520px at 50% -180px,rgba(123,214,42,.13),transparent 70%),radial-gradient(900px 600px at 105% 30%,rgba(123,214,42,.05),transparent 60%),var(--mf-bg)!important}
html[data-theme="dark"] body.fsx-body main{background:transparent}

/* ---------- nagłówek ---------- */
.nhx .mf-logo-ico{display:block;flex:0 0 auto;width:62px;height:62px;filter:drop-shadow(0 0 14px rgba(123,214,42,.45))}
.nhx .mf-logo-ico svg{width:100%;height:100%}
.mf-logo-txt{display:flex;flex-direction:column;justify-content:center;margin-left:12px;min-width:0}
.mf-logo-w{display:block;font:italic 900 40px/1 var(--mf-head);letter-spacing:-.025em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 22px rgba(0,0,0,.6);white-space:nowrap}
.mf-logo-w b{color:var(--mf-g);font-weight:900;text-shadow:0 0 18px rgba(123,214,42,.45),0 2px 0 rgba(0,0,0,.6)}
.mf-logo-w i{font-style:italic;color:var(--mf-g);font-size:.62em;margin-left:1px}
.mf-logo-w.is-sm{font-size:24px}
.mf-logo-txt small{display:block;margin-top:5px;font:italic 800 15px/1.1 var(--mf-head);color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.mf-logo-txt small b{color:var(--mf-g2);font-weight:800}
.nhx .nhx-logo{position:relative;z-index:2}

@media (min-width:1181px){
  .nhx-spacer{height:178px}
  .nhx{background:linear-gradient(180deg,#070a07 0%,#0a0f0a 100%)!important;border-bottom:0!important;box-shadow:none!important}
  .nhx::before{display:none!important}
  .nhx::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,rgba(123,214,42,.85) 15%,var(--mf-g2) 50%,rgba(123,214,42,.85) 85%,transparent);box-shadow:0 0 16px rgba(123,214,42,.65),0 0 40px rgba(123,214,42,.25);pointer-events:none}
  .nhx:not(.is-compact) .nhx-r1{height:112px;gap:16px;position:relative}
  .nhx:not(.is-compact) .nhx-r2{height:60px;align-items:center;margin-bottom:6px;padding:0 6px;border-radius:12px;background:linear-gradient(180deg,rgba(20,27,20,.96),rgba(12,17,12,.96));border:1px solid var(--mf-line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 26px rgba(0,0,0,.45)}
  .nhx:not(.is-compact) .nhx-logo{height:auto;padding:0;border:0}
  .nhx:not(.is-compact) .nhx-search{max-width:360px;margin:0 0 0 auto;position:relative;z-index:2}
  .nhx:not(.is-compact) .nhx-acts{margin-left:10px;position:relative;z-index:2}
  .nhx:not(.is-compact) .nhx-search-f{height:48px;border-radius:12px;background:rgba(6,9,6,.82)!important;border:1px solid rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .nhx:not(.is-compact) .nhx-search .nhx-game,.nhx:not(.is-compact) .nhx-search .nhx-kbd{display:none!important}
  .nhx:not(.is-compact) .nhx-search .nhx-q input{font-size:15px}
  .nhx:not(.is-compact) .nhx-search{width:340px;flex:0 1 340px}
  .nhx .nhx-add{height:48px!important;padding:0 18px!important;border-radius:11px!important;background:var(--mf-btn)!important;color:#fff!important;font-weight:800!important;font-size:15px!important;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:0 0 0 1px rgba(166,240,74,.35) inset,0 8px 22px rgba(95,184,26,.35)!important}
  .nhx .nhx-add svg{width:20px;height:20px;stroke-width:3}
  .nhx:not(.is-compact) .nhx-chip,.nhx:not(.is-compact) .nhx-btn-ghost{height:48px;border-radius:11px;background:rgba(6,9,6,.82)!important;border:1px solid rgba(255,255,255,.14)!important}
  /* grafiki modów w tle górnej belki (zamiast postaci z gier) */
  .mf-hdr-art{position:absolute;top:0;bottom:0;left:min(470px,30%);right:-20px;display:flex;gap:0;pointer-events:none;z-index:0;-webkit-mask:linear-gradient(90deg,transparent 0,#000 14%,#000 70%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 14%,#000 70%,transparent 100%)}
  .mf-hdr-art span{flex:1 1 0;margin-left:-26px;background:center/cover no-repeat;clip-path:polygon(26px 0,100% 0,calc(100% - 26px) 100%,0 100%);filter:saturate(1.15) brightness(.78)}
  .mf-hdr-art span:first-child{margin-left:0}
  .mf-hdr-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,7,.15),rgba(7,10,7,.55) 75%,#0a0f0a)}
  .nhx.is-compact .mf-hdr-art{display:none}
  /* zakładki */
  .nhx .mf-tabs{gap:4px}
  .nhx .mf-tabs .nhx-tab{height:48px;padding:0 15px;border-radius:9px;background:transparent!important;box-shadow:none!important;color:#f2f6ee!important;font-size:15px;font-weight:700;gap:9px}
  .nhx .mf-tabs .nhx-tab>svg:not(.nhx-tab-c){display:block!important;width:19px;height:19px;flex:0 0 19px;color:#e9f1e3;opacity:.92}
  .nhx .mf-tabs .nhx-tab:hover{background:rgba(255,255,255,.06)!important}
  .nhx .mf-tabs .nhx-tab:hover>svg:not(.nhx-tab-c){color:var(--mf-g2)}
  .nhx .mf-tabs .nhx-tab.is-cur{background:var(--mf-btn)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(166,240,74,.45),0 0 18px rgba(123,214,42,.35)!important}
  .nhx .mf-tabs .nhx-tab.is-cur>svg:not(.nhx-tab-c){color:#fff;opacity:1}
  .nhx .mf-tabs .nhx-tab.is-home{width:auto!important;padding:0 15px!important;justify-content:flex-start}
  .nhx .mf-tabs .nhx-tab.is-home>span{display:inline!important}
  .nhx .mf-tabs .nhx-tab.is-home>svg{display:block!important}
  .nhx .nhx-util{gap:6px}
  .nhx .nhx-online{display:none}
  /* zwinięta belka po przewinięciu */
  .nhx.is-compact .mf-logo-txt small{display:none}
  .nhx.is-compact .mf-logo-w{font-size:24px}
  .nhx.is-compact .mf-logo-ico{width:38px;height:38px}
  .nhx.is-compact .mf-tabs .nhx-tab{height:40px;padding:0 10px;font-size:13.5px}
}
@media (min-width:1181px) and (max-width:1560px){
  .nhx .mf-tabs .nhx-tab{padding:0 10px;font-size:14px;gap:7px}
  .nhx.is-compact .mf-tabs .nhx-tab>span{display:none}
  .nhx.is-compact .mf-tabs .nhx-tab.is-cur>span{display:inline}
}
@media (min-width:1181px) and (max-width:1380px){
  .nhx:not(.is-compact) .mf-tabs .nhx-tab>svg:not(.nhx-tab-c){display:none!important}
  .mf-logo-w{font-size:34px}
  .nhx:not(.is-compact) .nhx-search{max-width:260px}
}
@media (max-width:1180px){
  .nhx .mf-logo-ico{width:40px;height:40px}
  .mf-logo-txt{margin-left:8px}
  .mf-logo-w{font-size:24px}
  .mf-logo-txt small{display:none}
  .mf-hdr-art{display:none}
  .nhx .mf-tabs .nhx-tab.is-cur{background:var(--mf-btn)!important;color:#fff!important;border-color:transparent!important}
}
/* menu „Gry” i „Kategorie” */
.nhx-mega.mf-mega-games{left:0;width:min(780px,calc(100vw - 40px))}
.mf-mg-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;max-height:min(520px,calc(100vh - 240px));overflow:auto}
.mf-mg-games a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#eef4e8!important;transition:border-color .15s,background .15s}
.mf-mg-games a:hover,.mf-mg-games a.is-cur{border-color:var(--gc,var(--mf-g));background:color-mix(in srgb,var(--gc,#7bd62a) 12%,transparent)}
.mf-mg-games img{border-radius:9px;flex:0 0 34px}
.mf-mg-games strong{display:block;font-size:13.5px;font-weight:800;line-height:1.25}
.mf-mg-games small{display:block;margin-top:2px;font-size:12px;color:var(--mf-mut)}
.mf-mg-games small b{color:var(--mf-g2)}
.nhx-mega.mf-mega-cats{left:0;right:0}
.mf-mg-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 18px;padding:16px 18px;max-height:min(560px,calc(100vh - 240px));overflow:auto}
.mf-mg-cats section{padding:6px 0 10px}
.mf-mg-cats h5{margin:0 0 6px}
.mf-mg-cats h5 a{display:flex;align-items:center;gap:8px;color:#fff!important;font:italic 900 15px/1.2 var(--mf-head)}
.mf-mg-cats h5 a span{border-bottom:2px solid var(--gc,var(--mf-g))}
.mf-mg-cats h5 img{border-radius:6px}
.mf-mg-cats section>a{display:block;padding:4px 0 4px 28px;font-size:13px;color:#c7d1c0!important}
.mf-mg-cats section>a:hover{color:var(--mf-g2)!important}

/* ---------- wspólne: przyciski, nagłówki sekcji ---------- */
.mf-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:12px;background:var(--mf-btn);color:#fff!important;font:italic 900 19px/1 var(--mf-head);text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(166,240,74,.45),0 10px 28px rgba(95,184,26,.38);transition:transform .15s,box-shadow .15s}
.mf-btn:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(200,255,130,.6),0 14px 34px rgba(95,184,26,.5)}
.mf-btn svg{width:20px;height:20px;stroke-width:2.6}
.mf-btn b{font-size:22px;font-style:normal;margin-left:2px}
.mf-btn.is-sm{height:42px;padding:0 16px;font-size:15px}
.mf-link{color:var(--mf-g2)!important;font-weight:700}
.mf-home{width:var(--fsx-page-w);margin:14px auto 40px;color:var(--mf-txt)}
.mf-sec{margin-top:18px;padding:16px 18px 18px;border-radius:16px;background:linear-gradient(180deg,rgba(16,22,17,.92),rgba(10,14,11,.92));border:1px solid var(--mf-line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 40px rgba(0,0,0,.35)}
.mf-sh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.mf-sh h2{display:flex;align-items:center;gap:12px;margin:0;font:italic 900 27px/1.1 var(--mf-head);letter-spacing:-.01em;color:#fff}
.mf-sh h2>i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--mf-btn);color:#fff;box-shadow:0 0 16px rgba(123,214,42,.35),inset 0 0 0 1px rgba(200,255,130,.35);font-style:normal}
.mf-sh h2>i svg{width:22px;height:22px;stroke-width:2.4}
.mf-sh>a{display:inline-flex;align-items:center;gap:6px;color:var(--mf-g2)!important;font-weight:700;font-size:14.5px;white-space:nowrap}
.mf-sh>a:hover{color:#d4ff9a!important}
.mf-empty{color:var(--mf-mut);font-size:14px;margin:6px 0}
.mf-empty a{color:var(--mf-g2)!important;font-weight:700}

/* ---------- baner ---------- */
.mf-hero{position:relative;height:clamp(240px,17vw,290px);border-radius:16px;overflow:hidden;background:#080b08;border:1px solid var(--mf-line2);box-shadow:0 0 0 1px rgba(123,214,42,.12),0 22px 50px rgba(0,0,0,.55)}
.mf-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--mf-g2),transparent);box-shadow:0 0 14px rgba(123,214,42,.7);z-index:4}
.mf-hero-track,.mf-slide{position:absolute;inset:0}
.mf-slide{display:grid;grid-template-columns:minmax(470px,35%) 1fr;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.mf-slide.is-on{opacity:1;visibility:visible}
.mf-hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px 20px 30px 72px;background:radial-gradient(420px 260px at 20% 50%,rgba(123,214,42,.16),transparent 70%),linear-gradient(90deg,#070a07 60%,rgba(7,10,7,0))}
.mf-hero-h{margin:0;font:italic 900 clamp(32px,2.85vw,52px)/.98 var(--mf-head);white-space:nowrap;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.6)}
.mf-hero-h span{display:block}
.mf-hero-h b{display:block;color:var(--mf-g);font-weight:900;text-shadow:0 0 26px rgba(123,214,42,.45),0 3px 0 rgba(0,0,0,.65)}
.mf-hero-sub{display:flex;align-items:center;gap:10px;margin:12px 0 16px;font:italic 900 clamp(17px,1.5vw,25px)/1 var(--mf-head);color:#fff}
.mf-hero-sub i{color:var(--mf-g);font-style:normal}
.mf-hero-n{margin-top:12px;font-size:13px;color:var(--mf-mut)}
.mf-hero-n b{color:#fff}
.mf-panels{position:relative;display:flex;margin-left:-60px;z-index:2}
.mf-panel{position:relative;flex:1 1 0;margin-left:-34px;clip-path:polygon(44px 0,100% 0,calc(100% - 44px) 100%,0 100%);overflow:hidden;color:#fff!important;transition:flex-grow .35s ease}
.mf-panel:first-child{margin-left:0}
.mf-panel:hover{flex-grow:1.35}
.mf-panel-bg{position:absolute;inset:0;background:var(--bg,linear-gradient(135deg,color-mix(in srgb,var(--gc) 55%,#000),#070a07)) center/cover no-repeat;transition:transform .5s ease}
.mf-panel:hover .mf-panel-bg{transform:scale(1.06)}
.mf-panel::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.78) 100%),linear-gradient(90deg,rgba(0,0,0,.35),transparent 30%,transparent 70%,rgba(0,0,0,.35))}
.mf-panel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;z-index:2;background:var(--gc);box-shadow:0 0 18px var(--gc)}
.mf-panel-t{position:absolute;z-index:2;left:52px;right:52px;top:58%;transform:translateY(-50%);font:italic 900 clamp(18px,1.55vw,28px)/1 var(--mf-head);text-transform:uppercase;letter-spacing:-.01em;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 18px rgba(0,0,0,.9),0 0 26px color-mix(in srgb,var(--gc) 60%,transparent)}
.mf-panel-n{position:absolute;z-index:2;left:0;right:0;bottom:16px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12.5px;font-weight:700;color:#e8efe2}
.mf-panel-n b{color:#fff}
.mf-hero-arr{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:rgba(10,14,10,.82);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;transition:background .15s,border-color .15s}
.mf-hero-arr:hover{background:rgba(25,34,24,.95);border-color:var(--mf-g)}
.mf-hero-arr.is-prev{left:14px}.mf-hero-arr.is-next{right:14px}
.mf-dots{position:absolute;z-index:5;left:68px;bottom:12px;display:flex;gap:7px}
.mf-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer}
.mf-dots button.is-on{background:var(--mf-g2);box-shadow:0 0 8px var(--mf-g)}

/* ---------- popularne gry ---------- */
.mf-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.mf-games.is-all{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.mf-game{position:relative;display:block;aspect-ratio:5/3.05;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--gc,#7bd62a) 30%,#060906);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px rgba(0,0,0,.45);color:#fff!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.mf-game:hover{transform:translateY(-3px);border-color:var(--mf-g);box-shadow:0 0 0 1px rgba(123,214,42,.45),0 14px 32px rgba(0,0,0,.5),0 0 24px rgba(123,214,42,.22)}
.mf-game-img{position:absolute;inset:0;background:center/cover no-repeat;transition:transform .4s ease}
.mf-game:hover .mf-game-img{transform:scale(1.06)}
.mf-game::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.08) 20%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.82) 100%)}
.mf-game-t{position:absolute;z-index:2;left:10px;right:10px;top:42%;transform:translateY(-50%);text-align:center;font:italic 900 clamp(17px,1.35vw,24px)/1 var(--mf-head);text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 2px 0 rgba(0,0,0,.75),0 0 16px rgba(0,0,0,.95),0 0 26px color-mix(in srgb,var(--gc,#7bd62a) 55%,transparent)}
.mf-game-n{position:absolute;z-index:2;left:50%;bottom:10px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(5,8,5,.82);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:700;white-space:nowrap;color:#fff}
.mf-game-n svg{color:var(--mf-g2)}
.mf-game-box{display:flex;flex-direction:column;gap:8px}
.mf-game-cats{display:flex;flex-wrap:wrap;gap:6px}
.mf-game-cats a{padding:4px 9px;border-radius:999px;font-size:12px;color:#d6dfcf!important;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.mf-game-cats a:hover{border-color:var(--gc,var(--mf-g));color:#fff!important}

/* ---------- nowe mody + top 5 ---------- */
.mf-row{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.mf-row>.mf-sec{margin-top:18px}
.mf-row.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mf-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.mf-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#151b16;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.4);color:#fff!important;transition:transform .2s,border-color .2s}
.mf-card:hover{transform:translateY(-3px);border-color:rgba(123,214,42,.55)}
.mf-card-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0f0b}
.mf-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.mf-card:hover .mf-card-img img{transform:scale(1.05)}
.mf-hot{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:rgba(235,88,30,.9);font-size:11.5px;font-style:normal;font-weight:800}
.mf-card-b{display:flex;flex-direction:column;gap:7px;padding:10px 11px 11px;flex:1}
.mf-card-b strong{font-size:15.5px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mf-gb{align-self:flex-start;display:inline-block;padding:3px 8px;border-radius:5px;background:var(--gc,#4caf1f);color:#fff;font-size:11.5px;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 1px rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.mf-card-f{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px;font-size:13.5px;font-weight:700;color:#e6ece0}
.mf-card-f span{display:inline-flex;align-items:center;gap:5px}
.mf-rt svg{color:#f5b52e;fill:#f5b52e}
.mf-dl svg{color:#d6dfcf}
.mf-top-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mf-top-list a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:#fff!important;border:1px solid transparent;transition:background .15s,border-color .15s}
.mf-top-list a:hover{background:rgba(255,255,255,.04);border-color:rgba(123,214,42,.25)}
.mf-top-n{flex:0 0 28px;text-align:center;font:italic 900 24px/1 var(--mf-head);color:#fff}
.mf-top-list li:first-child .mf-top-n{color:#f5c23a;text-shadow:0 0 12px rgba(245,194,58,.5)}
.mf-top-list img{flex:0 0 64px;width:64px;height:40px;border-radius:6px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}
.mf-top-list strong{display:block;font-size:14.5px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.mf-top-list small{display:block;margin-top:2px;font-size:12.5px;color:var(--mf-mut)}
.mf-top-list small b{color:#d9e2d3}
.mf-top-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:10px;border-radius:10px;border:1px solid var(--mf-line);color:var(--mf-g2)!important;font-weight:700;font-size:14px}
.mf-top-more:hover{background:rgba(123,214,42,.08)}

/* ---------- społeczność ---------- */
.mf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.mf-list a{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;border-radius:9px;color:#fff!important}
.mf-list a:hover{background:rgba(255,255,255,.04)}
.mf-list-ic{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(123,214,42,.12);color:var(--mf-g2)}
.mf-list strong{display:block;font-size:14px;font-weight:700;line-height:1.3}
.mf-list small{display:block;margin-top:2px;font-size:12.5px;color:var(--mf-mut)}
.mf-chat-sec{min-width:0}
.mf-chat-sec .chx{margin:0!important;max-width:none!important;width:auto!important}
.mf-chat-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 14px;border-radius:12px;border:1px dashed var(--mf-line);color:#fff}
.mf-chat-cta>svg{color:var(--mf-g2)}
.mf-chat-cta strong{font:italic 900 19px/1.2 var(--mf-head)}
.mf-chat-cta p{margin:0 0 6px;color:var(--mf-mut);font-size:14px}

/* ---------- strona „Wszystkie gry” ---------- */
.mf-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 28px;border-radius:16px;background:radial-gradient(600px 240px at 0 0,rgba(123,214,42,.18),transparent 70%),linear-gradient(180deg,#101711,#0a0e0b);border:1px solid var(--mf-line2)}
.mf-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--mf-g2);font-size:12.5px;font-weight:900;letter-spacing:.1em}
.mf-page-hero h1{margin:8px 0 6px;font:italic 900 46px/1 var(--mf-head);color:#fff}
.mf-page-hero p{margin:0;color:var(--mf-mut);max-width:620px}
.mf-page-stats{display:flex;gap:10px}
.mf-page-stats span{min-width:110px;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--mf-line2);text-align:center}
.mf-page-stats b{display:block;font:italic 900 26px/1 var(--mf-head);color:#fff}
.mf-page-stats small{color:var(--mf-mut);font-size:12.5px}

/* ---------- cały serwis: nagłówki stron i sekcji w stylu Modsfree ---------- */
body.fsx-body main :is(.fxr-hero h1,.fxp-hero h1,.kh h1,.fxr-sechead h2,.mpx-ch h2,.fm-hero h1,.fz-hero h1,.ppx-hero h1,.fxg-hero h1,.gxh-hero h1){font-style:italic;font-weight:900;letter-spacing:-.015em}
body.fsx-body main :is(.fxr-btn.is-primary,.fxr-btn.is-lime,.btn.primary,.fm-btn.is-primary){background:var(--mf-btn)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 0 0 1px rgba(166,240,74,.4),0 8px 22px rgba(95,184,26,.3)}
.mf-game-choices{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}
.mf-tax-games{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.mf-tax-games a{padding:6px 11px;border-radius:999px;border:1px solid var(--mf-line2);font-size:13px;font-weight:700;color:#cfd8c8!important}
.mf-tax-games a.is-on{background:var(--mf-btn);color:#fff!important;border-color:transparent}
.mf-ag-table{width:100%;border-collapse:collapse}
.mf-ag-table th,.mf-ag-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;font-size:14px}
.mf-ag-table tr.is-off{opacity:.55}
.mf-ag-name{display:flex;align-items:center;gap:10px}
.mf-ag-name img{border-radius:8px}
.mf-ag-name b{display:block}
.mf-ag-name small{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aab6a5}
.mf-ag-name small i{width:10px;height:10px;border-radius:3px;background:var(--c)}
.mf-ag-actions{display:flex;gap:10px}
.mf-ag-del{margin-top:12px}

/* ---------- jasny motyw ---------- */
html[data-theme="light"] body.fsx-body{background:radial-gradient(1200px 520px at 50% -180px,rgba(95,184,26,.14),transparent 70%),#eef3ea!important}
html[data-theme="light"] .mf-sec{background:#fff;border-color:#dfe7d8;box-shadow:0 10px 30px rgba(40,60,30,.08)}
html[data-theme="light"] .mf-sh h2,html[data-theme="light"] .mf-home{color:#14200f}
html[data-theme="light"] .mf-card{background:#f7faf4;border-color:#e0e8d9;color:#14200f!important}
html[data-theme="light"] .mf-card-f{color:#3b4a35}
html[data-theme="light"] .mf-top-list a,html[data-theme="light"] .mf-list a{color:#14200f!important}
html[data-theme="light"] .mf-top-n{color:#14200f}
html[data-theme="light"] .mf-page-hero{background:#fff;border-color:#dfe7d8}
html[data-theme="light"] .mf-page-hero h1,html[data-theme="light"] .mf-page-stats b{color:#14200f}

/* ---------- mniejsze ekrany ---------- */
@media (max-width:1400px){.mf-row{grid-template-columns:minmax(0,1fr) 330px}.mf-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.mf-cards>.mf-card:nth-child(5){display:none}.mf-cards.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mf-cards.is-5>.mf-card:nth-child(5){display:flex}}
@media (max-width:1180px){.mf-games{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-row,.mf-row.is-3{grid-template-columns:minmax(0,1fr)}.mf-cards,.mf-cards.is-5{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-cards>.mf-card:nth-child(n+4){display:none}.mf-top-list strong{max-width:none}
  .mf-slide{grid-template-columns:1fr}.mf-hero-copy{padding:22px 24px 34px;background:linear-gradient(90deg,rgba(7,10,7,.92) 55%,rgba(7,10,7,.25))}.mf-panels{position:absolute;inset:0;margin:0;z-index:1}.mf-panel-t,.mf-panel-n{display:none}.mf-dots{left:24px}.mf-hero-arr{display:none}.mf-hero{height:260px}}
@media (max-width:760px){.mf-home{width:calc(100% - 24px);margin-top:10px}.mf-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mf-cards,.mf-cards.is-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mf-cards>.mf-card:nth-child(n+4){display:flex}.mf-cards>.mf-card:nth-child(n+5){display:none}
  .mf-sh h2{font-size:21px}.mf-sh h2>i{width:34px;height:34px}.mf-sec{padding:14px 12px}.mf-hero-h{font-size:32px}.mf-page-hero h1{font-size:34px}.mf-page-stats span{min-width:0;flex:1}}
.nfx-logo .mf-logo-w{font-size:34px}
.nfx-cat i img{border-radius:4px;display:block}
/* ===== „Nowe mody <gra>” — osobna sekcja dla każdej gry, kafelki w kolorze gry ===== */
.mf-gnew-col{display:flex;flex-direction:column;min-width:0}
.mf-gnew{--gc:#4caf1f;position:relative;border-color:color-mix(in srgb,var(--gc) 45%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 16%,#0e130f) 0%,#0d120e 55%)!important;overflow:hidden}
.mf-gnew::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gc),transparent 75%)}
.mf-gnew .mf-sh h2>i{background:color-mix(in srgb,var(--gc) 85%,#000);box-shadow:0 0 16px color-mix(in srgb,var(--gc) 45%,transparent),inset 0 0 0 1px rgba(255,255,255,.25);overflow:hidden}
.mf-gnew .mf-sh h2>i img{width:30px;height:30px;border-radius:7px;object-fit:cover}
.mf-gnew .mf-sh h2 em{font-style:inherit;color:var(--gc);filter:brightness(1.35) saturate(1.1)}
.mf-gnew .mf-sh>a{color:color-mix(in srgb,var(--gc) 55%,#fff)!important}
.mf-gnew .mf-card{background:linear-gradient(180deg,color-mix(in srgb,var(--gc) 26%,#141a15),color-mix(in srgb,var(--gc) 10%,#111612));border-color:color-mix(in srgb,var(--gc) 40%,transparent)}
.mf-gnew .mf-card:hover{border-color:var(--gc);box-shadow:0 12px 28px rgba(0,0,0,.45),0 0 0 1px var(--gc),0 0 22px color-mix(in srgb,var(--gc) 35%,transparent)}
.mf-gnew .mf-card-img::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--gc)}
.mf-gnew .mf-dl{color:color-mix(in srgb,var(--gc) 45%,#fff)}


html[data-theme="light"] .mf-gnew{background:linear-gradient(135deg,color-mix(in srgb,var(--gc) 14%,#fff),#f7faf4 60%)!important}
html[data-theme="light"] .mf-gnew .mf-card{background:linear-gradient(180deg,color-mix(in srgb,var(--gc) 14%,#fff),#f7faf4);color:#14200f!important}
html[data-theme="light"] .mf-gnew .mf-sh h2 em{filter:none}
html[data-theme="light"] .mf-gnew .mf-sh>a{color:color-mix(in srgb,var(--gc) 75%,#000)!important}
html[data-theme="light"] .mf-gnew .mf-dl{color:color-mix(in srgb,var(--gc) 70%,#000)}