.msfrt-header{border-bottom:1px solid #e7ecef;background:rgba(255,255,255,.96);box-shadow:0 6px 24px rgba(15,23,42,.045);backdrop-filter:saturate(125%) blur(12px)}
.msfrt-headerIn{gap:18px}
.msfrt-brand{display:flex;align-items:center;flex:0 0 auto}
.msfrt-brand img{display:block;width:auto;max-height:49px}
.msfrt-search{position:relative;display:flex;align-items:stretch;min-width:0;height:42px;border:1px solid #d7dfe5;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.025);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.msfrt-search:focus-within{border-color:#b8cf97;background:#fff;box-shadow:0 0 0 3px rgba(127,197,30,.11)}
.msfrt-search input[type="search"]{min-width:0;height:40px;border:0!important;outline:0!important;background:transparent!important;color:#25313c!important;box-shadow:none!important}
.msfrt-search input[type="search"]::placeholder{color:#7f8b96;opacity:1}
.msfrt-search button,.msfrt-serversLink{height:40px;min-width:88px;padding:0 15px!important;background:#f7f9fa!important;color:#2d3b47!important;font-size:13px!important;font-weight:850!important;letter-spacing:.015em;border-radius:0;text-decoration:none!important;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.msfrt-search button{border:0!important;border-left:1px solid #e4e9ed!important}
.msfrt-serversLink{display:inline-flex!important;align-items:center;justify-content:center;height:42px;border:1px solid #d7dfe5!important;border-radius:10px;background:#f7f9fa!important;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.msfrt-search button:hover,.msfrt-serversLink:hover{background:#eef6e5!important;color:#426d11!important;border-color:#bfd49f!important}
.msfrt-serversLink[aria-expanded="true"]{background:#eef6e5!important;color:#426d11!important;border-color:#aeca85!important;box-shadow:0 0 0 3px rgba(127,197,30,.09)}
.msfrt-headerNav{display:flex;align-items:center;justify-content:flex-end;gap:6px}

html.msfNavOpen,body.msfNavOpen{overflow:hidden}
.msfNavSource{display:none!important}
.msfNavOverlay{position:fixed;inset:0;z-index:2147483600;background:rgba(15,23,42,.34);backdrop-filter:blur(4px)}
.msfNavPanel{position:fixed;z-index:2147483601;left:50%;top:5vh;transform:translateX(-50%);width:min(1140px,calc(100vw - 32px));max-height:90vh;overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #dfe6eb;border-radius:16px;background:#fff;box-shadow:0 34px 110px rgba(15,23,42,.22);color:#41505e;scrollbar-color:#cbd5dc #f7f9fa}
.msfNavHead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #e8edf0}
.msfNavHead h2{margin:0;color:#111827;font-size:clamp(24px,2.6vw,32px);line-height:1.08;letter-spacing:-.035em;font-weight:900}
.msfNavClose{flex:0 0 auto;min-height:40px;padding:0 13px;border:1px solid #dfe5e9;border-radius:8px;background:#f8fafb;color:#41505e;font:800 12px/1 inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease,color .14s ease}
.msfNavClose:hover{border-color:#cfd8df;background:#f1f4f6;color:#17212b}
.msfNavActions{padding:14px 0}
.msfNavSearch{display:flex;width:100%;min-width:0;border:1px solid #dce3e8;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.msfNavSearch:focus-within{border-color:#b9cf9a;box-shadow:0 0 0 3px rgba(127,197,30,.09)}
.msfNavSearch input{flex:1 1 auto;min-width:0;height:42px;padding:0 13px;border:0!important;outline:0;background:transparent!important;color:#25313c!important;box-shadow:none!important;font-size:13px}
.msfNavSearch input::placeholder{color:#8a96a1}
.msfNavSearch button{height:42px;min-width:88px;padding:0 15px;border:0;border-left:1px solid #e4e9ed;background:#f7f9fa;color:#34424f;font:850 12px/1 inherit;cursor:pointer;transition:background .14s ease,color .14s ease}
.msfNavSearch button:hover{background:#eef6e5;color:#426d11}
.msfNavSection{padding-top:17px;border-top:1px solid #edf1f3}
.msfNavSection+.msfNavSection{margin-top:18px}
.msfNavSectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px}
.msfNavSectionHead h3{margin:0;color:#263440;font-size:13px;line-height:1.2;font-weight:900;letter-spacing:.01em}
.msfNavSectionHead span{color:#8a96a0;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.msfNavGrid{display:grid;gap:8px}
.msfNavGrid--popular{grid-template-columns:repeat(5,minmax(0,1fr))}
.msfNavGrid--more{grid-template-columns:repeat(6,minmax(0,1fr))}
.msfNavGrid a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 9px;border:1px solid #e1e7eb;border-radius:8px;background:#fff;color:#41505e!important;text-align:center;text-decoration:none;font-size:12px;line-height:1.25;font-weight:800;overflow-wrap:anywhere;box-shadow:0 1px 2px rgba(15,23,42,.02);transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease}
.msfNavGrid--popular a{border-color:#d7e5c6;background:#f9fcf5;color:#365c0e!important}
.msfNavGrid a:hover{border-color:#bfd69f;background:#f4f9ed;color:#365c0e!important;transform:translateY(-1px);box-shadow:0 5px 12px rgba(52,83,17,.05)}
.msfNavFeatures{display:flex;flex-wrap:wrap;gap:8px}
.msfNavFeatures a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #e1e7eb;border-radius:999px;background:#fafbfc;color:#596977!important;text-decoration:none;font-size:11px;font-weight:760;transition:border-color .14s ease,background .14s ease,color .14s ease}
.msfNavFeatures a:hover{border-color:#c9dbaf;color:#426d11!important;background:#f4f9ed}

@media(max-width:900px){
  .msfNavGrid--popular{grid-template-columns:repeat(4,minmax(0,1fr))}
  .msfNavGrid--more{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
  .msfrt-headerIn{gap:9px}
  .msfrt-serversLink{min-width:76px;height:34px;padding:0 10px!important;font-size:11px!important}
  .msfNavPanel{top:8px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px;border-radius:13px}
  .msfNavHead{gap:12px;padding-bottom:12px}
  .msfNavHead h2{font-size:24px}
  .msfNavActions{padding:12px 0}
  .msfNavSearch input{height:40px}
  .msfNavSearch button{height:40px;min-width:78px;padding:0 12px}
  .msfNavGrid--popular,.msfNavGrid--more{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msfNavSection{padding-top:14px}
  .msfNavSection+.msfNavSection{margin-top:15px}
}
@media(prefers-reduced-motion:reduce){
  .msfrt-search,.msfrt-search button,.msfrt-serversLink,.msfNavGrid a,.msfNavClose,.msfNavFeatures a{transition:none!important}
}