/* ============================================================================
   NAVBAR MEGA MENÜSİ — OYUN PANELİ  (mn-*)
   ----------------------------------------------------------------------------
   Sürüm geçmişi ve neden bu kural:
     gnp-* (ilk sürüm)  Her kart kendi rengini metin rengi, rozet dolgusu
                        ve arka plan filigranı olarak taşıyordu. Dokuz farklı
                        renk bir arada geldiğinde panel bir bütün olarak
                        okunmuyor, göz yoruyordu.
     mn-* v1            Renkler tamamen kaldırıldı, tek mavi vurguya geçildi.
                        Okunabilirlik düzeldi ama oyun kimliği kayboldu;
                        menü "canlı" görünmüyordu.

   Güncel kural — renk kenardadır:
     Yüzey siyah, metin gri/beyaz, vurgu mavi. Oyunun kendi rengi yalnızca
     üst/sol RAY, kart kenarlığı ve hover parıltısı olarak görünür. Banner
     hover'da tam renge döner. Böylece kart kendi oyununa benzer, ama panel
     hâlâ tek bir bütün olarak okunur.
   ========================================================================== */

.mn{
  --mn-bg:#080b12;
  --mn-card:#0e1420;
  --mn-card-2:#141d2c;
  --mn-line:rgba(255,255,255,.085);
  --mn-line-2:rgba(255,255,255,.16);
  --mn-white:#ffffff;
  --mn-body:#b3bfce;
  --mn-mute:#8b98aa;
  --mn-faint:#7e8b9d;
  --mn-blue:#3d9bfd;
  --mn-blue-2:#7cc0ff;
  --mn-blue-ink:#04101f;
  --mn-blue-soft:rgba(61,155,253,.13);
  --mn-blue-line:rgba(61,155,253,.34);

  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(720px 220px at 84% -8%, rgba(61,155,253,.16), transparent 62%),
    var(--mn-bg);
  border:1px solid var(--mn-line-2);
  box-shadow:0 28px 60px -24px rgba(2,6,18,.9);
}
.mn-inner{ padding:22px 24px 24px; }

/* ---- Başlık satırı ---- */
.mn-head{
  display:flex; flex-wrap:wrap; align-items:flex-start;
  justify-content:space-between; gap:14px;
  padding-bottom:16px; margin-bottom:16px;
  border-bottom:1px solid var(--mn-line);
}
.mn-title{ margin:0; font-size:17px; font-weight:750; letter-spacing:-.02em; color:var(--mn-white); }
.mn-sub{ margin:4px 0 0; font-size:12.5px; line-height:1.5; color:var(--mn-mute); }

.mn-all{
  display:inline-flex; align-items:center; gap:7px;
  padding:9px 15px; border-radius:10px;
  font-size:12.5px; font-weight:700; text-decoration:none; white-space:nowrap;
  color:var(--mn-blue-2); background:var(--mn-blue-soft);
  border:1px solid var(--mn-blue-line);
  transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
.mn-all:hover{ background:var(--mn-blue); border-color:var(--mn-blue); color:var(--mn-blue-ink); }
.mn-all svg{ transition:transform .15s ease; }
.mn-all:hover svg{ transform:translateX(3px); }

/* ---- Bölüm etiketi ---- */
.mn-sect{
  display:flex; align-items:center; gap:9px; margin:0 0 11px;
  font-size:10.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
  color:var(--mn-faint);
}
.mn-sect::before{
  content:''; width:16px; height:2px; border-radius:2px; background:var(--mn-blue);
}
.mn-sect--second{ margin-top:18px; }

/* ---- Öne çıkanlar ---- */
.mn-pop{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media(max-width:1100px){ .mn-pop{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ .mn-pop{ grid-template-columns:minmax(0,1fr); } }

.mn-pop__item{
  --g:#3d9bfd; --g-soft:rgba(61,155,253,.34); --g-glow:rgba(61,155,253,.50);
  position:relative; display:block; overflow:hidden;
  border-radius:13px;
  border:1px solid var(--g-soft);
  background:var(--mn-card); text-decoration:none;
  aspect-ratio:16/10;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
/* Oyun rengi yalnızca üst rayda; metin rengi değil */
.mn-pop__item::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px; z-index:3;
  background:var(--g); box-shadow:0 0 16px -1px var(--g-glow);
}
.mn-pop__item:hover{
  border-color:var(--g);
  transform:translateY(-3px);
  box-shadow:0 16px 36px -18px var(--g-glow);
}

/* Dar ekranda kart oranı düşürülür; aksi halde 2x2 ızgara paneli
   ~950px'e çıkarıp sayfa içeriğini ekranın altına itiyor.
   Oyun ızgarası 3 kolona indiği için kart açıklamalarının
   kırpılmaması adına yükseklikten ödün verilir. */
@media(max-width:1100px){ .mn-pop__item{ aspect-ratio:16/6; } }
@media(max-width:640px){ .mn-pop__item{ aspect-ratio:16/7; } }

.mn-pop__bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover;
  filter:saturate(.92) brightness(.70);
  transition:filter .35s ease, transform .45s ease;
}
.mn-pop__item:hover .mn-pop__bg{
  filter:saturate(1.18) brightness(.80) contrast(1.04);
  transform:scale(1.05);
}

/* Alt yazının okunur kalması için koyu geçiş */
.mn-pop__veil{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(6,10,17,0) 34%, rgba(6,10,17,.88) 100%);
}

.mn-pop__foot{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  display:flex; align-items:center; gap:10px;
  padding:11px 13px;
}
.mn-pop__icon{
  width:34px; height:34px; flex:none; object-fit:contain;
  padding:3px; border-radius:10px;
  background:rgba(8,12,20,.62);
  box-shadow:inset 0 0 0 1px var(--g-glow), 0 3px 10px rgba(0,0,0,.55);
}
.mn-pop__txt{ min-width:0; display:block; }
.mn-pop__name{
  display:block; font-size:13.5px; font-weight:700; color:var(--mn-white);
  line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mn-pop__desc{
  display:block; margin-top:2px; font-size:11px; line-height:1.35;
  color:#c3ced9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ---- Diğer oyunlar ---- */
.mn-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
@media(max-width:1100px){ .mn-grid{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:720px){ .mn-grid{ grid-template-columns:repeat(2,1fr); } }

.mn-item{
  --g:#3d9bfd; --g-soft:rgba(61,155,253,.30); --g-glow:rgba(61,155,253,.46);
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:10px;
  padding:9px 11px 9px 13px; border-radius:11px;
  text-decoration:none; min-width:0;
  background:var(--mn-card); border:1px solid var(--g-soft);
  transition:border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
/* Oyun rengi yalnızca sol rayda */
.mn-item::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--g); opacity:.9;
  transition:width .16s ease, opacity .16s ease;
}
.mn-item:hover{
  border-color:var(--g); background:var(--mn-card-2);
  box-shadow:0 10px 24px -14px var(--g-glow);
}
.mn-item:hover::before{ width:4px; opacity:1; }
.mn-item.is-coming{ opacity:.8; }
.mn-item.is-coming:hover{ opacity:1; }

.mn-item__icon{
  width:30px; height:30px; flex:none; object-fit:contain;
  border-radius:9px; padding:3px;
  background:var(--g-soft);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  transition:transform .16s ease, box-shadow .16s ease;
}
.mn-item:hover .mn-item__icon{
  transform:scale(1.06);
  box-shadow:inset 0 0 0 1px var(--g-glow);
}
.mn-item__txt{ min-width:0; flex:1; }
.mn-item__name{
  display:block; font-size:12.5px; font-weight:650; color:var(--mn-white); line-height:1.3;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mn-item__desc{
  display:block; margin-top:1px; font-size:10.5px; line-height:1.35; color:var(--mn-faint);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mn-item__go{ flex:none; color:var(--g); opacity:.45; transition:opacity .16s ease, transform .16s ease; }
.mn-item:hover .mn-item__go{ opacity:1; transform:translateX(2px); }
.mn-item.is-coming .mn-item__go{ color:var(--mn-faint); }
.mn-item.is-coming .mn-item__desc{ color:var(--mn-mute); }

/* ---- Erişilebilirlik ---- */
.mn :focus-visible{ outline:2px solid var(--mn-blue); outline-offset:2px; border-radius:8px; }

/* Web hosting mega menu: restrained corporate layout with a clear product path. */
.whm-menu{
  display:grid; grid-template-columns:minmax(0,1.55fr) minmax(250px,.78fr);
  overflow:hidden; border:1px solid #dce3eb; border-radius:14px;
  background:#fff; color:#172437;
  box-shadow:0 22px 48px -24px rgba(15,35,60,.32);
}
.whm-menu__main{padding:22px 24px 24px}
.whm-menu__heading{padding-bottom:15px;border-bottom:1px solid #e8edf2}
.whm-menu__heading>span,.whm-menu__aside-label{
  display:inline-flex;align-items:center;gap:7px;color:#315c86;
  font-size:9px;font-weight:800;letter-spacing:.13em
}
.whm-menu__heading h3{margin:7px 0 0;color:#172437;font-size:18px;font-weight:750;letter-spacing:-.02em}
.whm-menu__heading p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.whm-menu__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}
.whm-menu__link{display:flex;min-width:0;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:10px;color:inherit;text-decoration:none;transition:background .16s,border-color .16s}
.whm-menu__link:hover{border-color:#dce6f0;background:#f7f9fc}
.whm-menu__icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid #e5ebf2;border-radius:9px;background:#fff;color:#315c86}
.whm-menu__icon img{width:26px;height:26px;object-fit:contain}
.whm-menu__copy{display:grid;min-width:0;gap:3px;flex:1}
.whm-menu__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#1e2e42;font-size:12px;font-weight:700;line-height:1.35}
.whm-menu__name small{padding:2px 6px;border-radius:99px;background:#edf3f8;color:#476985;font-size:9px;font-weight:700}
.whm-menu__desc{overflow:hidden;color:#718096;font-size:10.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.whm-menu__arrow{flex:none;color:#8292a5;transition:transform .16s,color .16s}
.whm-menu__link:hover .whm-menu__arrow{transform:translateX(2px);color:#315c86}
.whm-menu__aside{display:flex;flex-direction:column;padding:22px;background:#f5f8fb;border-left:1px solid #e5ebf2}
.whm-menu__aside-label{color:#60758b}
.whm-menu__aside h4{margin:16px 0 0;color:#1b2b40;font-size:16px;font-weight:750;letter-spacing:-.015em}
.whm-menu__aside>p{margin:8px 0 0;color:#627286;font-size:11.5px;line-height:1.65}
.whm-menu__features{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e0e7ef}
.whm-menu__features span{display:flex;align-items:center;gap:7px;color:#41546a;font-size:11px;font-weight:600}
.whm-menu__features svg{color:#2f8068}
.whm-menu__cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;margin-top:auto;padding:9px 12px;border-radius:8px;background:#173c62;color:#fff!important;font-size:11.5px;font-weight:700;text-decoration:none;transition:background .16s}
.whm-menu__cta:hover{background:#24537f}
html[data-theme="dark"] .whm-menu{border-color:#dce3eb;background:#fff;color:#172437}
@media(max-width:760px){.whm-menu{grid-template-columns:1fr}.whm-menu__aside{border-top:1px solid #e5ebf2;border-left:0}.whm-menu__aside h4{margin-top:10px}.whm-menu__features{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.whm-menu__features span{font-size:10px}}
@media(max-width:520px){.whm-menu__main,.whm-menu__aside{padding:17px}.whm-menu__links{grid-template-columns:1fr}.whm-menu__features{grid-template-columns:1fr}}

/* Roomier hosting menu: clearer hierarchy and larger, easier targets. */
.whm-menu{width:100%;min-height:360px;grid-template-columns:minmax(0,1.65fr) minmax(300px,.82fr);border-radius:16px}
.whm-menu__main{padding:30px 34px 32px}
.whm-menu__heading{padding-bottom:21px}
.whm-menu__heading h3{font-size:23px}
.whm-menu__heading p{font-size:13px}
.whm-menu__links{gap:10px 12px;margin-top:20px}
.whm-menu__link{min-height:88px;gap:13px;padding:14px;border-color:#e8edf2;background:#fff}
.whm-menu__link:hover{border-color:#cbd9e7;background:#f8fafc}
.whm-menu__icon{width:48px;height:48px;border-radius:11px;background:#f8fafc}
.whm-menu__icon img{width:32px;height:32px}
.whm-menu__name{font-size:13px}
.whm-menu__desc{font-size:11.5px}
.whm-menu__aside{padding:30px 28px}
.whm-menu__aside h4{margin-top:22px;font-size:19px}
.whm-menu__aside>p{font-size:12.5px;line-height:1.7}
.whm-menu__features{gap:10px;margin-top:20px;padding-top:18px}
.whm-menu__features span{font-size:12px}
.whm-menu__cta{min-height:44px;font-size:12.5px}
@media(max-width:900px){.whm-menu{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr)}.whm-menu__main{padding:24px}.whm-menu__aside{padding:24px 20px}}
@media(max-width:760px){.whm-menu{grid-template-columns:1fr}.whm-menu__aside{border-top:1px solid #e5ebf2;border-left:0}.whm-menu__aside h4{margin-top:12px}}
@media(max-width:520px){.whm-menu__main,.whm-menu__aside{padding:18px}.whm-menu__links{grid-template-columns:1fr}.whm-menu__link{min-height:76px}}

/* VDS menu uses a clean package catalog, distinct from hosting's split panel. */
.vds-menu{width:100%;overflow:hidden;border:1px solid #dce3eb;border-radius:16px;background:#fff;color:#172437;box-shadow:0 22px 48px -24px rgba(15,35,60,.32)}
.vds-menu__head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px 20px;border-bottom:1px solid #e8edf2}
.vds-menu__eyebrow{color:#526f8b;font-size:9px;font-weight:800;letter-spacing:.14em}
.vds-menu__head h3{margin:6px 0 0;color:#172437;font-size:22px;font-weight:750;letter-spacing:-.025em}
.vds-menu__head p{margin:4px 0 0;color:#64748b;font-size:12.5px;line-height:1.5}
.vds-menu__all{display:inline-flex;flex:none;align-items:center;gap:8px;padding:11px 14px;border:1px solid #ccd9e6;border-radius:9px;color:#254b70!important;font-size:12px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s}
.vds-menu__all:hover{border-color:#aebfd0;background:#f5f8fb}
.vds-menu__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:20px 24px}
.vds-menu__item{display:flex;min-width:0;min-height:86px;align-items:center;gap:12px;padding:13px;border:1px solid #e5ebf2;border-radius:11px;background:#fff;color:inherit;text-decoration:none;transition:border-color .16s,background .16s,transform .16s}
.vds-menu__item:hover{transform:translateY(-1px);border-color:#bdcddd;background:#f8fafc}
.vds-menu__icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border:1px solid #e7edf3;border-radius:10px;background:#f8fafc;color:#315c86}
.vds-menu__icon img{width:31px;height:31px;object-fit:contain}
.vds-menu__copy{display:grid;min-width:0;flex:1;gap:4px}
.vds-menu__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#1e2e42;font-size:12px;font-weight:700;line-height:1.35}
.vds-menu__name small{padding:2px 6px;border-radius:99px;background:#edf3f8;color:#476985;font-size:9px;font-weight:700}
.vds-menu__desc{overflow:hidden;color:#718096;font-size:10.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.vds-menu__arrow{flex:none;color:#8292a5;transition:transform .16s,color .16s}
.vds-menu__item:hover .vds-menu__arrow{transform:translate(1px,-1px);color:#315c86}
.vds-menu__foot{display:flex;align-items:center;gap:10px;padding:13px 25px;border-top:1px solid #e8edf2;background:#f8fafc;color:#63758a;font-size:11px}
.vds-menu__foot>span:first-child{display:inline-flex;align-items:center;gap:7px;flex:none;color:#315c86}
.vds-menu__foot strong{font-weight:700}
@media(max-width:900px){.vds-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.vds-menu__head{padding:22px 22px 17px}}
@media(max-width:560px){.vds-menu__head{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}.vds-menu__grid{grid-template-columns:1fr;gap:8px;padding:12px}.vds-menu__foot{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 16px}}

/* Corporate menu: company and policy links in a quiet, consistent grid. */
.corp-menu{width:100%;overflow:hidden;border:1px solid #dce3eb;border-radius:16px;background:#fff;color:#172437;box-shadow:0 22px 48px -24px rgba(15,35,60,.32)}
.corp-menu__head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px 20px;border-bottom:1px solid #e8edf2}
.corp-menu__head>div>span{color:#526f8b;font-size:9px;font-weight:800;letter-spacing:.14em}
.corp-menu__head h3{margin:6px 0 0;color:#172437;font-size:21px;font-weight:750;letter-spacing:-.025em}
.corp-menu__head p{margin:4px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.corp-menu__about{display:inline-flex;flex:none;align-items:center;gap:7px;padding:10px 13px;border:1px solid #d4dee8;border-radius:8px;color:#315578!important;font-size:11.5px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s}
.corp-menu__about:hover{border-color:#b8c8d8;background:#f7f9fb}
.corp-menu__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:20px 24px 22px}
.corp-menu__item{display:flex;min-width:0;min-height:76px;align-items:center;gap:10px;padding:11px;border:1px solid #e5ebf2;border-radius:10px;color:inherit;text-decoration:none;transition:border-color .16s,background .16s}
.corp-menu__item:hover{border-color:#c6d4e1;background:#f8fafc}
.corp-menu__icon{display:grid;width:40px;height:40px;flex:none;place-items:center;border:1px solid #e7edf3;border-radius:9px;background:#f8fafc;color:#315c86}
.corp-menu__icon img{width:27px;height:27px;object-fit:contain}
.corp-menu__copy{display:grid;min-width:0;flex:1;gap:3px}
.corp-menu__name{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#233449;font-size:11.5px;font-weight:700;line-height:1.35}
.corp-menu__name small{padding:2px 5px;border-radius:99px;background:#edf3f8;color:#476985;font-size:8.5px;font-weight:700}
.corp-menu__desc{overflow:hidden;color:#718096;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.corp-menu__arrow{flex:none;color:#8b9aac;transition:transform .16s,color .16s}
.corp-menu__item:hover .corp-menu__arrow{transform:translateX(2px);color:#315c86}
.corp-menu__support{display:flex;min-width:0;min-height:76px;align-items:center;gap:10px;padding:11px 13px;border:1px solid #e1e8ef;border-radius:10px;background:#f6f8fa;color:#26394e!important;text-decoration:none;transition:border-color .16s,background .16s}
.corp-menu__support:hover{border-color:#c6d4e1;background:#f0f4f7}
.corp-menu__support>span:first-child{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:9px;background:#e7edf3;color:#315c86}
.corp-menu__support>span:nth-child(2){display:grid;min-width:0;flex:1;gap:3px}
.corp-menu__support strong{font-size:11.5px;font-weight:700}
.corp-menu__support small{overflow:hidden;color:#718096;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
.corp-menu__support>svg{flex:none;color:#7c8da0}
@media(max-width:900px){.corp-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.corp-menu__head{padding:22px}}
@media(max-width:620px){.corp-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.corp-menu__head{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:420px){.corp-menu__grid{grid-template-columns:1fr}.corp-menu__head{padding:18px}.corp-menu__grid{padding:12px}}

/* Game panel: keep game art and identity, with the calmer hierarchy of the corporate menus. */
.mn{--mn-bg:#0b1420;--mn-card:#111d2b;--mn-card-2:#162536;--mn-line:rgba(255,255,255,.09);--mn-line-2:rgba(255,255,255,.13);--mn-mute:#a9b6c5;--mn-faint:#91a0b2;border-radius:15px;background:var(--mn-bg);box-shadow:0 22px 48px -26px rgba(2,8,18,.72)}
.mn-inner{padding:25px 28px 18px}
.mn-head{align-items:center;padding-bottom:17px;margin-bottom:16px;border-color:var(--mn-line)}
.mn-kicker{display:block;margin-bottom:5px;color:#82a6ca;font-size:9px;font-weight:800;letter-spacing:.15em}
.mn-title{font-size:19px;font-weight:720;letter-spacing:-.025em}
.mn-sub{margin-top:5px;color:#aab7c6;font-size:12px}
.mn-all{padding:9px 13px;border-color:rgba(134,171,207,.28);background:rgba(106,149,190,.11);color:#d1e1f0}
.mn-all:hover{border-color:#8fb0d0;background:#8fb0d0;color:#102033}
.mn-sect{margin-bottom:9px;color:#a3b0bf;font-size:9px;letter-spacing:.12em}
.mn-sect::before{width:12px;background:#7398bc}
.mn-sect--second{margin-top:15px}
.mn-pop{gap:10px}
.mn-pop__item{aspect-ratio:16/8;border-color:rgba(255,255,255,.14);border-radius:11px;background:#142131;transition:border-color .18s,transform .18s}
.mn-pop__item::before{height:2px;box-shadow:none;opacity:.85}
.mn-pop__item:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.34);box-shadow:0 10px 24px -16px var(--g-glow)}
.mn-pop__bg{filter:saturate(.78) brightness(.67)}
.mn-pop__item:hover .mn-pop__bg{filter:saturate(.95) brightness(.73);transform:scale(1.025)}
.mn-pop__veil{background:linear-gradient(180deg,rgba(6,10,17,.04) 14%,rgba(6,10,17,.78) 100%)}
.mn-pop__foot{gap:9px;padding:10px 11px}
.mn-pop__icon{width:35px;height:35px;padding:4px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(9,16,25,.82);box-shadow:none}
.mn-pop__name{font-size:12.5px;font-weight:700}
.mn-pop__desc{margin-top:2px;color:#d0d8e2;font-size:10px}
.mn-grid{gap:7px}
.mn-item{gap:9px;padding:8px 9px 8px 11px;border-color:rgba(255,255,255,.10);border-radius:9px;background:#101b29;transition:border-color .16s,background .16s}
.mn-item::before{width:2px;opacity:.7}
.mn-item:hover{border-color:rgba(255,255,255,.23);background:#142233;box-shadow:none}
.mn-item:hover::before{width:3px;opacity:.9}
.mn-item__icon{width:28px;height:28px;padding:3px;border-radius:7px;background:rgba(255,255,255,.06);box-shadow:none}
.mn-item__name{font-size:11.5px;font-weight:650;color:#eef3f8}
.mn-item__desc{margin-top:2px;font-size:9.5px;color:#9aa8b8}
.mn-item__go{color:#afc0d2;opacity:.55}
.mn-item:hover .mn-item__go{transform:translateX(1px);color:#e0eaf4}
.mn-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:16px;padding:12px 2px 1px;border-top:1px solid var(--mn-line);color:#aab7c6;font-size:10.5px}
.mn-foot span,.mn-foot a{display:inline-flex;align-items:center;gap:7px}
.mn-foot svg{color:#91abc5}
.mn-foot a{margin-left:auto;color:#d1deeb;text-decoration:none}
.mn-foot a:hover{color:#fff}
@media(max-width:1100px){.mn-pop__item{aspect-ratio:16/7}.mn-inner{padding:22px}}
@media(max-width:720px){.mn-inner{padding:17px}.mn-head{align-items:flex-start}.mn-foot{gap:10px 15px}.mn-foot a{margin-left:0}}
@media(max-width:480px){.mn-head{display:grid}.mn-all{justify-self:start}.mn-foot{display:grid;grid-template-columns:1fr 1fr}.mn-foot a{grid-column:1/-1}}