:root{
  --nl4-bg:#05060a;
  --nl4-bg2:#090b12;
  --nl4-panel:rgba(12,14,23,.86);
  --nl4-panel-solid:#0d0f18;
  --nl4-panel2:rgba(18,21,34,.68);
  --nl4-text:#f5f7ff;
  --nl4-muted:#8c94aa;
  --nl4-line:rgba(255,255,255,.09);
  --nl4-line-hi:rgba(255,255,255,.16);
  --nl4-cyan:#35d9ff;
  --nl4-blue:#4c7dff;
  --nl4-violet:#8a4dff;
  --nl4-magenta:#da43ff;
  --nl4-green:#5df29a;
  --nl4-red:#ff5b72;
  --nl4-shadow:0 28px 80px rgba(0,0,0,.42);
}
body.light{
  --nl4-bg:#e9edf7;
  --nl4-bg2:#f6f8fc;
  --nl4-panel:rgba(255,255,255,.86);
  --nl4-panel-solid:#fff;
  --nl4-panel2:rgba(255,255,255,.64);
  --nl4-text:#10131d;
  --nl4-muted:#606a7d;
  --nl4-line:rgba(16,19,29,.10);
  --nl4-line-hi:rgba(16,19,29,.17);
  --nl4-shadow:0 28px 65px rgba(46,54,75,.15);
}

html{scroll-behavior:smooth;background:var(--nl4-bg)}
body{
  margin:0!important;
  min-height:100vh;
  color:var(--nl4-text)!important;
  background:
    radial-gradient(900px 700px at 8% -10%, rgba(138,77,255,.15), transparent 60%),
    radial-gradient(900px 650px at 100% 15%, rgba(53,217,255,.10), transparent 58%),
    linear-gradient(180deg,var(--nl4-bg),var(--nl4-bg2) 48%,var(--nl4-bg))!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  overflow-x:hidden;
}
body:before,body:after{display:none!important}
*{box-sizing:border-box}
a{color:inherit}
.nl4-shell{width:min(1440px,calc(100% - 44px));margin:0 auto}
.nl4-main{padding:104px 0 36px;position:relative;z-index:2}

.nl4-bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
body.light .nl4-bg-grid{opacity:.8;background-image:linear-gradient(rgba(16,19,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,29,.035) 1px,transparent 1px)}
.nl4-bg-glow{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.17}
.nl4-bg-glow-a{width:360px;height:360px;background:var(--nl4-magenta);left:-180px;top:22vh}
.nl4-bg-glow-b{width:420px;height:420px;background:var(--nl4-cyan);right:-260px;top:55vh}

.nl4-topbar{position:fixed;z-index:100;left:0;right:0;top:0;padding:14px 0;background:linear-gradient(180deg,rgba(5,6,10,.94),rgba(5,6,10,.72));border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px)}
body.light .nl4-topbar{background:linear-gradient(180deg,rgba(246,248,252,.94),rgba(246,248,252,.75));border-color:var(--nl4-line)}
.nl4-topbar-inner{min-height:58px;display:flex;align-items:center;gap:30px}
.nl4-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.nl4-brand img{width:43px;height:43px;object-fit:cover;border-radius:10px;box-shadow:0 0 26px rgba(138,77,255,.24)}
.nl4-brand span{display:flex;flex-direction:column;line-height:1}
.nl4-brand b{font-size:15px;letter-spacing:.18em}.nl4-brand small{margin-top:7px;font-size:9px;color:var(--nl4-muted);letter-spacing:.16em}
.nl4-nav{display:flex;align-items:center;gap:5px;margin:auto}
.nl4-nav a{text-decoration:none;color:var(--nl4-muted);font-size:12px;font-weight:700;letter-spacing:.05em;padding:10px 13px;border-radius:8px;transition:.2s}
.nl4-nav a:hover{color:var(--nl4-text);background:rgba(255,255,255,.05)}
.nl4-top-actions{display:flex;align-items:center;gap:8px}
.nl4-icon-btn,.nl4-top-donate{height:40px;border:1px solid var(--nl4-line);background:rgba(255,255,255,.035);color:var(--nl4-text);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nl4-icon-btn{width:40px;cursor:pointer;font-size:0}.nl4-icon-btn:after{content:"◐";font-size:17px}
.nl4-top-donate{padding:0 15px;font-size:12px;font-weight:800;letter-spacing:.04em;gap:8px}
.nl4-top-donate span{color:var(--nl4-cyan)}

.hero.nl4-hero{margin:0!important;padding:0!important;min-height:610px;border:1px solid var(--nl4-line)!important;border-radius:18px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 410px!important;gap:0!important;overflow:hidden!important;position:relative!important;background:#080a10!important;box-shadow:var(--nl4-shadow)!important;isolation:isolate}
.hero.nl4-hero:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background-image:linear-gradient(90deg,rgba(5,6,10,.96) 0%,rgba(5,6,10,.78) 42%,rgba(5,6,10,.48) 69%,rgba(5,6,10,.68) 100%),linear-gradient(180deg,rgba(5,6,10,.08),rgba(5,6,10,.72)),var(--hero-map-bg,url('/assets/maps/default.jpg'))!important;background-position:center!important;background-size:cover!important;opacity:1!important;filter:saturate(.82) contrast(1.08)!important;z-index:-3!important;transition:background-image .35s ease!important}
.hero.nl4-hero:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,transparent 0 65%,rgba(53,217,255,.035) 65% 65.15%,transparent 65.15%),linear-gradient(180deg,transparent 0 88%,rgba(218,67,255,.08))!important;z-index:-1!important}
body.light .hero.nl4-hero:before{background-image:linear-gradient(90deg,rgba(242,245,252,.97) 0%,rgba(242,245,252,.87) 44%,rgba(242,245,252,.54) 72%,rgba(242,245,252,.76) 100%),linear-gradient(180deg,rgba(242,245,252,.2),rgba(242,245,252,.7)),var(--hero-map-bg,url('/assets/maps/default.jpg'))!important;filter:saturate(.7) contrast(.95)!important}
.nl4-hero-noise{position:absolute;inset:0;z-index:-1;opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:screen}
.nl4-hero-watermark{position:absolute;left:35px;bottom:-34px;font-size:clamp(90px,14vw,210px);font-weight:950;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.055);white-space:nowrap;z-index:-1;user-select:none}
body.light .nl4-hero-watermark{-webkit-text-stroke-color:rgba(16,19,29,.07)}
.nl4-hero-copy{padding:86px 58px 58px;align-self:center;max-width:850px;position:relative;z-index:2}
.nl4-overline{font-size:10px;letter-spacing:.24em;color:#c9cfdd;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:23px}.nl4-overline span{width:42px;height:2px;background:linear-gradient(90deg,var(--nl4-magenta),var(--nl4-cyan));box-shadow:0 0 18px rgba(53,217,255,.45)}
body.light .nl4-overline{color:#626b7e}
.nl4-hero h1{margin:0!important;font-size:clamp(48px,5.5vw,86px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:900!important;color:var(--nl4-text)!important;max-width:780px}
.nl4-hero h1 em{font-style:normal;background:linear-gradient(95deg,#f4a8ff 0%,#a674ff 35%,#53dfff 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px rgba(138,77,255,.12)}
.nl4-hero-copy>p{max-width:710px!important;margin:24px 0 0!important;color:#aab1c1!important;font-size:15px!important;line-height:1.75!important}
body.light .nl4-hero-copy>p{color:#596274!important}
.nl4-connect-row{display:flex;gap:10px;align-items:stretch;margin-top:34px;flex-wrap:wrap}
.nl4-play{appearance:none;border:0;cursor:pointer;text-align:left;min-height:64px;padding:0 24px 0 17px;border-radius:10px;color:#fff;background:linear-gradient(105deg,#7f46ff,#4f6dff 52%,#23cdec);box-shadow:0 16px 38px rgba(91,82,255,.25);display:inline-flex;align-items:center;gap:13px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.nl4-play:before{content:"";position:absolute;inset:-100% auto -100% -40%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:left .55s ease}.nl4-play:hover:before{left:120%}.nl4-play:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(91,82,255,.32)}
.nl4-play-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:11px;padding-left:2px}
.nl4-play span:nth-child(2){display:flex;flex-direction:column;gap:4px}.nl4-play b{font-size:12px;letter-spacing:.11em}.nl4-play small{font-size:10px;opacity:.78;letter-spacing:.05em}
.nl4-copy{border:1px solid var(--nl4-line-hi);background:rgba(7,8,13,.46);color:#d4d9e5;border-radius:10px;padding:0 18px;cursor:pointer;font-size:11px;font-weight:750;letter-spacing:.04em;backdrop-filter:blur(14px);transition:.2s}.nl4-copy:hover{background:rgba(255,255,255,.08);color:#fff}
body.light .nl4-copy{background:rgba(255,255,255,.62);color:#374052}
.nl4-hero-tags{margin-top:28px;display:flex;gap:16px;flex-wrap:wrap}.nl4-hero-tags span{font-size:9px;letter-spacing:.17em;color:#747e92;font-weight:800;position:relative;padding-left:10px}.nl4-hero-tags span:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--nl4-cyan);transform:translateY(-50%);opacity:.8}

.nl4-monitor{margin:22px;align-self:stretch;padding:27px;position:relative;z-index:3;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:linear-gradient(180deg,rgba(10,12,19,.88),rgba(8,10,16,.72));box-shadow:0 28px 70px rgba(0,0,0,.32);backdrop-filter:blur(20px);display:flex;flex-direction:column}
body.light .nl4-monitor{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,248,253,.76));border-color:rgba(16,19,29,.11)}
.nl4-monitor:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,var(--nl4-magenta),var(--nl4-cyan));border-radius:13px 13px 0 0}
.nl4-monitor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nl4-monitor-head>div:first-child{display:flex;flex-direction:column}.nl4-monitor-head small,.nl4-panel-head small{font-size:9px;letter-spacing:.19em;color:#697287;font-weight:800}.nl4-monitor-head b{font-size:14px;margin-top:6px;letter-spacing:.03em}
.nl4-status{display:inline-flex;align-items:center;gap:7px;color:#aab2c2;font-size:9px;font-weight:800;letter-spacing:.05em;text-align:right}.nl4-status .statusDot{width:7px;height:7px;flex:none}
.nl4-online{appearance:none;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer;margin:48px 0 34px;display:flex;flex-direction:column;align-items:flex-start}.nl4-online-num{font-size:clamp(38px,4vw,60px);font-weight:900;letter-spacing:-.055em;line-height:1}.nl4-online-label{margin-top:8px;font-size:10px;color:#70798d;letter-spacing:.08em;text-transform:uppercase}
.nl4-monitor-mapline{border-left:2px solid var(--nl4-cyan);padding:3px 0 3px 12px;color:#aab1c1;font-size:11px;line-height:1.5;min-height:22px}
body.light .nl4-monitor-mapline{color:#596274}
.nl4-monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--nl4-line);border:1px solid var(--nl4-line);margin-top:28px}.nl4-monitor-grid>div{background:rgba(8,10,16,.76);padding:14px 13px;min-height:65px;display:flex;flex-direction:column;justify-content:center;min-width:0}.nl4-monitor-grid small{font-size:8px;letter-spacing:.15em;color:#697287}.nl4-monitor-grid strong{margin-top:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nl4-monitor-grid strong[id="statNow"]{font-size:13px}
body.light .nl4-monitor-grid>div{background:rgba(255,255,255,.75)}
.nl4-server-code{margin-top:auto;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.nl4-server-code span{font-size:8px;letter-spacing:.17em;color:#687185;font-weight:800}.nl4-server-code code{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9f1ff}
body.light .nl4-server-code code{color:#415a83}

.nl4-promo{margin-top:14px;min-height:86px;border:1px solid var(--nl4-line);background:linear-gradient(90deg,rgba(138,77,255,.09),rgba(53,217,255,.035));display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:13px 18px;border-radius:12px;position:relative;overflow:hidden}.nl4-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 45%,rgba(255,255,255,.025) 50%,transparent 55%);animation:nl4Sweep 5s linear infinite;pointer-events:none}.nl4-promo-mark{width:50px;height:50px;border-radius:9px;background:linear-gradient(145deg,#7c47ff,#32ccf2);display:grid;place-items:center;font-weight:950;font-size:21px;color:#fff;box-shadow:0 10px 30px rgba(103,76,255,.22)}.nl4-promo-copy{display:flex;flex-direction:column;gap:4px}.nl4-promo-copy small{font-size:8px;letter-spacing:.2em;color:#70798d}.nl4-promo-copy b{font-size:13px}.nl4-promo-time{display:flex;flex-direction:column;align-items:flex-end}.nl4-promo-time span{font-size:9px;color:#6f778a}.nl4-promo-time strong{font-size:13px;margin-top:4px}.nl4-promo>a{text-decoration:none;border-left:1px solid var(--nl4-line);padding:10px 4px 10px 20px;color:#cdd3df;font-size:11px;font-weight:700;white-space:nowrap}.nl4-promo>a span{color:var(--nl4-cyan);margin-left:8px}
@keyframes nl4Sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

.nlPassBanner{margin-top:14px!important;border-radius:12px!important;border-color:var(--nl4-line)!important;box-shadow:none!important;background:linear-gradient(105deg,rgba(138,77,255,.08),rgba(53,217,255,.035))!important;padding:20px!important}.nlPassBanner h2{font-size:18px!important}.nlPassStatus{border-radius:6px!important;font-size:10px!important;letter-spacing:.08em!important}.nlPassTimeItem{border-radius:7px!important;background:rgba(255,255,255,.03)!important}.nlPassActions .badge{border-radius:7px!important}

.nl4-section{padding:92px 0 0}.nl4-section-title{display:grid;grid-template-columns:74px minmax(260px,1fr) minmax(260px,470px);align-items:end;gap:22px;margin-bottom:28px}.nl4-index{font:800 42px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);letter-spacing:-.08em}.nl4-section-title small,.nl4-about-copy>small{display:block;color:#687185;font-size:9px;font-weight:850;letter-spacing:.22em;margin-bottom:8px}.nl4-section-title h2,.nl4-about h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.04;letter-spacing:-.035em}.nl4-section-title>p{margin:0;color:var(--nl4-muted);font-size:12px;line-height:1.65;justify-self:end;max-width:430px}
body.light .nl4-index{-webkit-text-stroke-color:rgba(16,19,29,.20)}

.nl4-services{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:10px}.nl4-service{text-decoration:none;border:1px solid var(--nl4-line);background:linear-gradient(180deg,var(--nl4-panel),rgba(10,12,19,.72));padding:23px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;position:relative;overflow:hidden;border-radius:11px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.nl4-service:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-100px;bottom:-110px;background:var(--nl4-cyan);filter:blur(60px);opacity:.04;transition:.25s}.nl4-service:hover{transform:translateY(-4px);border-color:rgba(83,217,255,.25)}.nl4-service:hover:before{opacity:.12}.nl4-service-main{grid-column:span 2;min-height:245px;background:linear-gradient(135deg,rgba(19,22,35,.94),rgba(10,12,19,.82))}.nl4-service-main:after{content:"";position:absolute;right:-30px;top:-30px;width:190px;height:190px;border:1px solid rgba(53,217,255,.10);transform:rotate(45deg)}.nl4-service-vip:before{background:var(--nl4-magenta)}.nl4-service-top{display:flex;align-items:center;justify-content:space-between;color:#727b8f;font-size:9px;font-weight:850;letter-spacing:.16em}.nl4-service-icon{width:34px;height:34px;border:1px solid var(--nl4-line);display:grid;place-items:center;border-radius:8px;color:#cbd2df;font-size:15px;letter-spacing:0}.nl4-service h3{margin:0 0 8px;font-size:18px;letter-spacing:-.02em}.nl4-service-main h3{font-size:26px}.nl4-service p{margin:0;color:var(--nl4-muted);font-size:11px;line-height:1.6;max-width:430px}.nl4-arrow{position:absolute;right:20px;bottom:18px;color:#737c90;font-size:15px;transition:.2s}.nl4-service:hover .nl4-arrow{color:var(--nl4-cyan);transform:translate(2px,-2px)}
body.light .nl4-service{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,255,.76))}

.nl4-live-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.75fr);gap:10px}.nl4-live-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.nl4-panel{border:1px solid var(--nl4-line);background:var(--nl4-panel);border-radius:11px;padding:22px;min-width:0;position:relative;overflow:hidden;box-shadow:none}.nl4-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.nl4-panel-head h3{margin:5px 0 0;font-size:16px;letter-spacing:-.02em}.nl4-panel-head>span,.nl4-panel-head>a{font-size:8px;color:#717a8e;letter-spacing:.13em;text-decoration:none;font-weight:800}.nl4-panel-head>a:hover{color:var(--nl4-cyan)}.nl4-chart-panel{min-height:400px}.nl4-chart-wrap{height:300px;position:relative}.nl4-chart-wrap #onlineChart{height:300px!important;width:100%!important}.nl4-chart-meta{border-top:1px solid var(--nl4-line);margin-top:12px;padding-top:14px;display:flex;gap:18px;flex-wrap:wrap;color:#767f92;font-size:9px;font-weight:700;letter-spacing:.04em}.nl4-chart-points{margin-left:auto}.nl4-data-body,.nl4-stream-body{color:#9da5b5;font-size:11px;line-height:1.65;min-height:50px}.nl4-stream-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.nl4-stream-grid .nl4-panel{min-height:310px}.nl4-stream-body{max-height:235px;overflow:auto;padding-right:5px}.nl4-stream-body::-webkit-scrollbar,.nl4-data-body::-webkit-scrollbar{width:4px}.nl4-stream-body::-webkit-scrollbar-thumb,.nl4-data-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:10px}

/* Dynamic live-content classes created by the existing JS */
.recordRow{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;padding:10px 0!important;border-bottom:1px solid var(--nl4-line)!important}.recordRow:last-child{border-bottom:0!important}.eventLine{padding:8px 0!important;border-bottom:1px solid var(--nl4-line)!important}.chatLine{padding:6px 0!important;border-bottom:1px dashed rgba(255,255,255,.055)!important}.chatTime{color:#5c6476!important;font-family:ui-monospace,Consolas,monospace!important;font-size:9px!important}.chatNameBlue{color:#61cfff!important}.chatNameRed{color:#ff6b82!important}.chatNameWhite{color:#dce2ed!important}body.light .chatNameWhite{color:#252b37!important}

.nl4-editorial{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:10px}.nl4-news-panel{min-height:480px}.nl4-news-body{font-size:12px}.nl4-ranking-stack{display:grid;grid-template-rows:1fr 1fr;gap:10px}.nl4-ranking-stack .nl4-panel{min-height:235px}
/* Re-skin embedded news instead of inheriting the old home-card look */
.nl4-news-body .nw-embed-wrap,.nl4-news-body .nw-embed-card{background:transparent!important;border-color:var(--nl4-line)!important;box-shadow:none!important}.nl4-news-body .nw-embed-card{border-radius:8px!important}.nl4-news-body .nw-embed-textbox{border-radius:7px!important;background:rgba(255,255,255,.025)!important}.nl4-news-body img{max-width:100%;height:auto}

.nl4-social-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.nl4-social{min-height:210px;text-decoration:none;border:1px solid var(--nl4-line);background:var(--nl4-panel);border-radius:11px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}.nl4-social:before{content:"";position:absolute;inset:auto -50px -80px auto;width:160px;height:160px;border-radius:50%;filter:blur(50px);opacity:.08;background:var(--nl4-cyan);transition:.2s}.nl4-social:hover{transform:translateY(-4px);border-color:var(--nl4-line-hi)}.nl4-social:hover:before{opacity:.16}.nl4-social-logo{width:43px;height:43px;border:1px solid var(--nl4-line-hi);border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:900;letter-spacing:.06em;margin-bottom:auto}.nl4-social div{margin-top:28px}.nl4-social small{font-size:8px;color:#717a8d;letter-spacing:.17em;font-weight:800}.nl4-social b{display:block;font-size:17px;margin-top:6px}.nl4-social p{font-size:10px;color:var(--nl4-muted);line-height:1.55;margin:8px 0 0}.nl4-social em{position:absolute;right:18px;top:18px;font-style:normal;color:#6d7587}.nl4-vk:before{background:#4f91ff}.nl4-tg:before{background:#24c3f3}.nl4-ds:before{background:#777dff}

.nl4-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.nl4-about-copy{position:sticky;top:110px}.nl4-about-copy .nl4-index{display:block;margin-bottom:24px}.nl4-about h2{font-size:clamp(36px,4.2vw,64px)}.nl4-about-copy p{color:var(--nl4-muted);font-size:12px;line-height:1.75;max-width:520px;margin:24px 0 0}.nl4-about-points{border-top:1px solid var(--nl4-line)}.nl4-about-points>div{display:grid;grid-template-columns:54px minmax(150px,.7fr) 1fr;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid var(--nl4-line)}.nl4-about-points span{font:700 10px ui-monospace,Consolas,monospace;color:#6f7789}.nl4-about-points b{font-size:14px}.nl4-about-points p{margin:0;color:var(--nl4-muted);font-size:10px;line-height:1.55}

.nl4-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nl4-faq details{border:1px solid var(--nl4-line);background:var(--nl4-panel);border-radius:10px;overflow:hidden}.nl4-faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:13px}.nl4-faq summary::-webkit-details-marker{display:none}.nl4-faq summary:after{content:"+";margin-left:auto;color:#778094;font-size:18px;font-weight:400}.nl4-faq details[open] summary:after{content:"−"}.nl4-faq summary span{font:700 9px ui-monospace,Consolas,monospace;color:var(--nl4-cyan)}.nl4-faq details>div{border-top:1px solid var(--nl4-line);padding:18px 22px;color:var(--nl4-muted);font-size:11px;line-height:1.7}.nl4-faq code{font:700 10px ui-monospace,Consolas,monospace;color:#c5f5ff}.nl4-faq a{color:var(--nl4-cyan)}
body.light .nl4-faq code{color:#335b82}

.nl4-final-cta{margin-top:92px;min-height:240px;border:1px solid var(--nl4-line);border-radius:14px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(138,77,255,.10),rgba(53,217,255,.045)),var(--nl4-panel)}.nl4-final-cta:before{content:"NL";position:absolute;right:180px;top:50%;transform:translateY(-53%);font-size:220px;font-weight:950;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045)}.nl4-final-cta small{font-size:9px;color:#6e7789;letter-spacing:.22em;font-weight:800}.nl4-final-cta h2{font-size:clamp(32px,4vw,56px);margin:8px 0 5px;letter-spacing:-.045em}.nl4-final-cta p{margin:0;color:var(--nl4-muted);font:700 11px ui-monospace,Consolas,monospace}.nl4-play-compact{min-width:210px;z-index:1}
.nl4-footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--nl4-line);margin-top:34px}.nl4-footer-brand{display:flex;align-items:center;gap:11px}.nl4-footer-brand img{width:36px;height:36px;border-radius:8px}.nl4-footer-brand span{display:flex;flex-direction:column}.nl4-footer-brand b{font-size:11px;letter-spacing:.18em}.nl4-footer-brand small{font-size:9px;color:#727a8c;margin-top:5px}.nl4-footer-links{display:flex;gap:22px}.nl4-footer-links a{text-decoration:none;color:#747d90;font-size:10px}.nl4-footer-links a:hover{color:var(--nl4-text)}

.nl4-modal{position:fixed;inset:0;z-index:9998;background:rgba(2,3,7,.82);backdrop-filter:blur(15px);padding:6vh 18px;overflow:auto}.nl4-modal-dialog{width:min(840px,100%);margin:0 auto;border:1px solid var(--nl4-line-hi);border-radius:13px;background:#0b0d14;box-shadow:0 35px 100px rgba(0,0,0,.55);overflow:hidden}.nl4-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px;border-bottom:1px solid var(--nl4-line)}.nl4-modal-head small{font-size:8px;color:#697286;letter-spacing:.2em}.nl4-modal-head h3{font-size:22px;margin:5px 0 0}.nl4-modal-head p{font:700 10px ui-monospace,Consolas,monospace;color:#747d8f;margin:7px 0 0}.nl4-modal-head button{width:38px;height:38px;border:1px solid var(--nl4-line);border-radius:8px;background:rgba(255,255,255,.04);color:#d8dee9;font-size:24px;line-height:1;cursor:pointer}.nl4-players-body{padding:18px 24px 24px;max-height:68vh;overflow:auto}.nl4-empty{color:#7b8497;font-size:12px;padding:30px;text-align:center}.nl4-players-body .plist>div{border-bottom-color:var(--nl4-line)!important}
body.light .nl4-modal-dialog{background:#fff}.nl4-loader{position:fixed!important;inset:0!important;z-index:10000!important;background:#05060a!important;display:grid!important;place-items:center!important}.nl4-loader-core{text-align:center;display:flex;flex-direction:column;align-items:center}.nl4-loader img{width:76px;height:76px;border-radius:15px;box-shadow:0 0 40px rgba(138,77,255,.28)}.nl4-loader-name{font-size:13px;letter-spacing:.35em;font-weight:900;margin-top:20px}.nl4-loader-line{width:180px;height:2px;background:rgba(255,255,255,.07);margin:14px 0 10px;overflow:hidden}.nl4-loader-line i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--nl4-magenta),var(--nl4-cyan));animation:nl4Load 1s ease-in-out infinite}.nl4-loader span{font-size:9px;color:#697286;letter-spacing:.12em}.nl-stage-mark{position:fixed!important;right:12px!important;bottom:12px!important;z-index:9997!important;background:#0a0c13!important;color:#8d96a8!important;border:1px solid var(--nl4-line)!important;border-radius:6px!important;padding:7px 9px!important;font-size:8px!important;letter-spacing:.14em!important;box-shadow:none!important}@keyframes nl4Load{0%{transform:translateX(-100%)}50%{transform:translateX(150%)}100%{transform:translateX(400%)}}

/* Preserve old generated player list but adapt it to V4 */
#playersBody .plist{border:1px solid var(--nl4-line)!important;border-radius:8px!important;overflow:hidden!important}#playersBody .plist>div{padding:10px 12px!important}#playersBody .plist>div:first-child{background:rgba(255,255,255,.035)!important;color:#777f91!important;font-size:9px!important;letter-spacing:.08em!important}

@media(max-width:1180px){
  .hero.nl4-hero{grid-template-columns:1fr 360px!important}.nl4-hero-copy{padding:70px 40px 48px}.nl4-social-grid{grid-template-columns:repeat(3,1fr)}.nl4-services{grid-template-columns:repeat(3,1fr)}.nl4-service-main{grid-column:span 3}.nl4-section-title{grid-template-columns:60px 1fr}.nl4-section-title>p{grid-column:2;justify-self:start}.nl4-about{gap:40px}
}
@media(max-width:900px){
  .nl4-shell{width:min(100% - 28px,1440px)}.nl4-nav{display:none}.nl4-topbar-inner{gap:12px}.nl4-top-actions{margin-left:auto}.hero.nl4-hero{grid-template-columns:1fr!important}.nl4-hero-copy{padding:62px 32px 36px}.nl4-monitor{margin:0 18px 18px;min-height:430px}.nl4-monitor-grid{grid-template-columns:repeat(3,1fr)}.nl4-online{margin:32px 0 24px}.nl4-services{grid-template-columns:repeat(2,1fr)}.nl4-service-main{grid-column:span 1}.nl4-live-layout,.nl4-editorial{grid-template-columns:1fr}.nl4-live-side,.nl4-ranking-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.nl4-social-grid{grid-template-columns:repeat(2,1fr)}.nl4-about{grid-template-columns:1fr}.nl4-about-copy{position:static}.nl4-about-points>div{grid-template-columns:40px .8fr 1fr}.nl4-promo{grid-template-columns:50px 1fr auto}.nl4-promo>a{grid-column:2/4;border-left:0;border-top:1px solid var(--nl4-line);padding:12px 0 0}
}
@media(max-width:620px){
  .nl4-shell{width:calc(100% - 20px)}.nl4-main{padding-top:88px}.nl4-topbar{padding:10px 0}.nl4-topbar-inner{min-height:48px}.nl4-brand img{width:38px;height:38px}.nl4-brand small{display:none}.nl4-top-donate{font-size:0;padding:0;width:40px}.nl4-top-donate span{font-size:10px}.hero.nl4-hero{min-height:auto!important;border-radius:12px!important}.nl4-hero-copy{padding:48px 22px 30px}.nl4-overline{font-size:8px;letter-spacing:.17em}.nl4-hero h1{font-size:45px!important}.nl4-hero-copy>p{font-size:12px!important;line-height:1.65!important}.nl4-connect-row{align-items:stretch}.nl4-play{width:100%;justify-content:flex-start}.nl4-copy{height:45px;width:100%}.nl4-hero-tags{gap:10px}.nl4-hero-tags span{font-size:7px}.nl4-monitor{margin:0 10px 10px;padding:20px}.nl4-monitor-grid{grid-template-columns:1fr 1fr}.nl4-online-num{font-size:40px}.nl4-promo{grid-template-columns:42px 1fr;padding:12px}.nl4-promo-mark{width:42px;height:42px}.nl4-promo-time{grid-column:1/3;align-items:flex-start;padding-top:10px;border-top:1px solid var(--nl4-line)}.nl4-promo>a{grid-column:1/3}.nl4-section{padding-top:68px}.nl4-section-title{grid-template-columns:42px 1fr;gap:13px;margin-bottom:20px}.nl4-index{font-size:29px}.nl4-section-title h2{font-size:28px}.nl4-section-title>p{grid-column:1/3;font-size:10px}.nl4-services{grid-template-columns:1fr;gap:8px}.nl4-service,.nl4-service-main{grid-column:auto;min-height:170px;padding:18px}.nl4-service-main h3{font-size:21px}.nl4-live-side,.nl4-ranking-stack,.nl4-stream-grid{grid-template-columns:1fr}.nl4-panel{padding:18px}.nl4-chart-panel{min-height:340px}.nl4-chart-wrap,.nl4-chart-wrap #onlineChart{height:245px!important}.nl4-social-grid{grid-template-columns:1fr}.nl4-social{min-height:160px}.nl4-about{gap:32px}.nl4-about h2{font-size:38px}.nl4-about-points>div{grid-template-columns:34px 1fr;padding:20px 0}.nl4-about-points p{grid-column:2}.nl4-faq-grid{grid-template-columns:1fr}.nl4-final-cta{margin-top:68px;padding:28px 20px;min-height:250px;align-items:flex-start;flex-direction:column}.nl4-final-cta:before{right:-30px;font-size:170px}.nl4-play-compact{width:100%}.nl4-footer{align-items:flex-start;flex-direction:column;padding:28px 0}.nl4-footer-links{flex-wrap:wrap;gap:14px}.nlPassBanner{padding:16px!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.nl4-promo:after,.nl4-loader-line i{animation:none!important}.nl4-service,.nl4-social,.nl4-play{transition:none!important}}


/* V4.1 performance pass — visual design intentionally unchanged */
.nl4-section,
.nl4-final-cta,
.nl4-footer{
  content-visibility:auto;
  contain-intrinsic-size:1px 720px;
}
.nl4-service,.nl4-panel,.nl4-social{contain:layout paint style}

@media(max-width:900px){
  .nl4-bg-glow{display:none}
  .nl4-topbar,.nl4-monitor,.nl4-copy{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .nl4-hero-noise{mix-blend-mode:normal;opacity:.10}
}
@media(max-width:620px){
  .nl4-bg-grid{position:absolute;bottom:auto;height:100vh}
  .hero.nl4-hero:before{filter:saturate(.78) contrast(1.04)!important}
  .nl4-service:before,.nl4-social:before{filter:blur(42px)}
}
@media(prefers-reduced-motion:reduce){
  .hero.nl4-hero:before{transition:none!important}
  .nl4-play:before,.nl4-promo:after{display:none!important}
}


/* V4.2 — SVG UI + monitor fit pass */
.nl4-svg{
  width:1em;
  height:1em;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.nl4-icon-btn:after{display:none!important}
.nl4-icon-btn #themeIcon{display:grid;place-items:center}
.nl4-icon-btn .nl4-svg{width:18px;height:18px}

.nl4-play-icon{padding-left:0}
.nl4-play-icon .nl4-svg{width:16px;height:16px}
.nl4-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.nl4-copy-icon{display:grid;place-items:center}
.nl4-copy-icon .nl4-svg{width:14px;height:14px}

.nl4-service-icon .nl4-svg{width:18px;height:18px}
.nl4-arrow{display:grid;place-items:center}
.nl4-arrow .nl4-svg{width:16px;height:16px}

.nl4-online{min-width:0;width:100%}
.nl4-online-num{
  display:block;
  width:100%;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:clamp(34px,3.45vw,54px);
}
.nl4-monitor-mapline{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nl4-monitor-grid strong{max-width:100%}

.nl4-social-logo{
  width:48px;
  height:48px;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.nl4-social-logo .nl4-svg{width:25px;height:25px;stroke-width:1.7}
.nl4-social em{display:grid;place-items:center}
.nl4-social em .nl4-svg{width:15px;height:15px}
.nl4-social:hover .nl4-social-logo{transform:translateY(-2px)}
.nl4-vk .nl4-social-logo{color:#7eafff;background:rgba(79,145,255,.055);border-color:rgba(79,145,255,.20)}
.nl4-tg .nl4-social-logo{color:#63dcff;background:rgba(36,195,243,.055);border-color:rgba(36,195,243,.20)}
.nl4-ds .nl4-social-logo{color:#a6aaff;background:rgba(119,125,255,.055);border-color:rgba(119,125,255,.20)}

@media(max-width:620px){
  .nl4-online-num{font-size:clamp(34px,11vw,44px)}
  .nl4-monitor-mapline{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* ===== V4.3 — live monitor + players drawer ===== */
.nl4-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.nl4-monitor{padding:24px}
.nl4-monitor-head{align-items:center}
.nl4-status{min-height:28px;padding:0 10px;border:1px solid var(--nl4-line);border-radius:999px;background:rgba(255,255,255,.025);white-space:nowrap;transition:border-color .2s ease,background .2s ease,color .2s ease}
.nl4-status[data-state="ok"]{border-color:rgba(67,224,157,.20);background:rgba(67,224,157,.055);color:#aeeed0}
.nl4-status[data-state="warn"]{border-color:rgba(255,194,84,.20);background:rgba(255,194,84,.055);color:#f1d39a}
.nl4-status[data-state="bad"]{border-color:rgba(255,91,117,.20);background:rgba(255,91,117,.055);color:#ffb0bd}
.nl4-status .status-ok{box-shadow:0 0 0 4px rgba(67,224,157,.08),0 0 16px rgba(67,224,157,.28)}

.nl4-online{margin:31px 0 21px;padding:0 0 20px;border-bottom:1px solid var(--nl4-line);transition:opacity .2s ease}
.nl4-online:hover{opacity:.92}
.nl4-online-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#697287;font-size:8px;font-weight:850;letter-spacing:.16em}
.nl4-online-open{display:inline-flex;align-items:center;gap:3px;color:#7f899e;transition:color .2s ease,transform .2s ease}
.nl4-online-open .nl4-svg{width:13px;height:13px}
.nl4-online:hover .nl4-online-open{color:var(--nl4-cyan);transform:translateX(2px)}
.nl4-online-num{margin-top:10px;display:flex!important;align-items:baseline;gap:8px!important;width:auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:inherit!important;letter-spacing:-.06em!important}
.nl4-online-num b{font-size:clamp(68px,5.5vw,88px);line-height:.92;font-weight:950;color:var(--nl4-text)}
.nl4-online-num i{font-style:normal;font-size:30px;font-weight:500;color:#474f61;letter-spacing:-.08em}
.nl4-online-num>span{font-size:31px;font-weight:800;color:#818a9d;letter-spacing:-.05em}
.nl4-online-bar{width:100%;height:4px;margin-top:16px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden;display:block}
.nl4-online-bar>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--nl4-magenta),var(--nl4-cyan));box-shadow:0 0 18px rgba(53,217,255,.28);transition:width .45s cubic-bezier(.2,.7,.2,1)}
body.light .nl4-online-bar{background:rgba(16,19,29,.08)}

.nl4-telemetry{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,1fr);gap:7px}
.nl4-telemetry-item{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 9px;border:1px solid var(--nl4-line);border-radius:8px;background:rgba(255,255,255,.022);transition:border-color .2s ease,background .2s ease}
.nl4-telemetry-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex:0 0 28px;background:rgba(53,217,255,.055);color:#6fdff7}
.nl4-telemetry-icon .nl4-svg{width:15px;height:15px}
.nl4-telemetry-item>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.nl4-telemetry-item small{font-size:7px;letter-spacing:.16em;color:#687185;font-weight:850}
.nl4-telemetry-item strong{display:block;min-width:0;max-width:100%;font-size:10px;color:#cbd2df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl4-telemetry-item[data-state="good"] .nl4-telemetry-icon{color:#74e4b3;background:rgba(67,224,157,.055)}
.nl4-telemetry-item[data-state="warn"] .nl4-telemetry-icon{color:#f0ca79;background:rgba(255,194,84,.055)}
.nl4-telemetry-item[data-state="bad"] .nl4-telemetry-icon{color:#ff8297;background:rgba(255,91,117,.055)}
body.light .nl4-telemetry-item{background:rgba(255,255,255,.48)}

.nl4-monitor-grid-compact{margin-top:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.nl4-monitor-grid-compact>div{min-height:58px;padding:12px 13px}
.nl4-monitor-grid-compact strong{font-size:11px;margin-top:5px}
.nl4-monitor-grid-compact #statRecord,.nl4-monitor-grid-compact #statAdmins{font-size:14px}
.nl4-server-code{padding-top:18px}

html.nl4-modal-open,html.nl4-modal-open body{overflow:hidden}
.nl4-player-drawer{padding:0;background:rgba(2,3,7,.72);backdrop-filter:blur(10px)}
.nl4-player-drawer .nl4-drawer-dialog{width:min(560px,calc(100vw - 24px));height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:16px 0 0 16px;border-top:0;border-bottom:0;border-right:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0c0e16,#080a10);animation:nl4DrawerIn .24s cubic-bezier(.2,.7,.2,1)}
body.light .nl4-player-drawer .nl4-drawer-dialog{background:linear-gradient(180deg,#fbfcff,#f3f6fc)}
@keyframes nl4DrawerIn{from{transform:translateX(28px);opacity:.25}to{transform:translateX(0);opacity:1}}
.nl4-drawer-head{padding:24px 22px 20px}
.nl4-drawer-head h3{font-size:25px;letter-spacing:-.035em}
.nl4-drawer-actions{display:flex;gap:7px;flex:none}
.nl4-drawer-actions button{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid var(--nl4-line)!important;border-radius:9px!important;background:rgba(255,255,255,.035)!important;color:#b7bfce!important;padding:0!important}
.nl4-drawer-actions button:hover{color:#fff!important;border-color:rgba(53,217,255,.25)!important;background:rgba(53,217,255,.06)!important}
.nl4-drawer-actions .nl4-svg{width:17px;height:17px}
.nl4-drawer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-bottom:1px solid var(--nl4-line);font-size:9px;color:#747d90;letter-spacing:.04em}
.nl4-drawer-meta b{color:#c8d0de;font-size:11px}
.nl4-players-body{flex:1;min-height:0;max-height:none;padding:14px 14px 18px;overflow:auto}
.nl4-player-list{border:1px solid var(--nl4-line);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.012)}
.nl4-player-list-head,.nl4-player-row{display:grid;grid-template-columns:34px minmax(0,1fr) 58px 78px;align-items:center;gap:8px}
.nl4-player-list-head{min-height:36px;padding:0 12px;background:rgba(255,255,255,.025);color:#687185;font-size:7px;font-weight:850;letter-spacing:.14em}
.nl4-player-list-head span:nth-child(3),.nl4-player-list-head span:nth-child(4){text-align:right}
.nl4-player-row{min-height:54px;padding:8px 12px;border-top:1px solid var(--nl4-line);transition:background .16s ease}
.nl4-player-row:hover{background:rgba(53,217,255,.025)}
.nl4-player-rank{font:750 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#5f687a}
.nl4-player-name{display:flex;align-items:center;min-width:0;gap:7px}
.nl4-player-name b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d6dce7}
.nl4-admin-badge{flex:none;padding:3px 5px;border:1px solid rgba(53,217,255,.18);border-radius:4px;background:rgba(53,217,255,.055);color:#6eddf5;font-size:6px!important;font-weight:900;letter-spacing:.12em}
.nl4-player-score{text-align:right;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#e1e6ee}
.nl4-player-time{text-align:right;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#777f91}
.nl4-drawer-warning{margin-top:10px;padding:11px 12px;border:1px solid rgba(255,194,84,.14);border-radius:8px;background:rgba(255,194,84,.04);color:#bca777;font-size:9px;line-height:1.5}
.nl4-empty-player{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.nl4-empty-player>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--nl4-line);border-radius:12px;color:#687185;background:rgba(255,255,255,.02)}
.nl4-empty-player>span .nl4-svg{width:23px;height:23px}
.nl4-empty-player b{font-size:13px;color:#cbd2df}
.nl4-empty-player small{max-width:290px;color:#6e778a;line-height:1.6}
.nl4-drawer-footer{padding:14px;border-top:1px solid var(--nl4-line);background:rgba(8,10,16,.9)}
body.light .nl4-drawer-footer{background:rgba(247,249,253,.94)}
.nl4-drawer-footer .nl4-play{width:100%;min-height:54px;justify-content:flex-start}

@media(max-width:620px){
  .nl4-monitor{padding:18px}
  .nl4-monitor-head b{font-size:12px}
  .nl4-status{padding:0 8px;font-size:8px}
  .nl4-online{margin:26px 0 18px;padding-bottom:17px}
  .nl4-online-num b{font-size:clamp(62px,20vw,82px)}
  .nl4-online-num i{font-size:25px}.nl4-online-num>span{font-size:26px}
  .nl4-telemetry{grid-template-columns:1fr 1fr}
  .nl4-telemetry-item:first-child{grid-column:1/3}
  .nl4-telemetry-item{padding:9px}
  .nl4-monitor-grid-compact{grid-template-columns:1fr 1fr}
  .nl4-player-drawer{display:block}
  .nl4-player-drawer .nl4-drawer-dialog{width:100%;height:min(88dvh,760px);max-height:88dvh;margin:12dvh 0 0;border-radius:18px 18px 0 0;border:1px solid var(--nl4-line);border-bottom:0;animation:nl4DrawerUp .24s cubic-bezier(.2,.7,.2,1)}
  @keyframes nl4DrawerUp{from{transform:translateY(28px);opacity:.3}to{transform:translateY(0);opacity:1}}
  .nl4-drawer-head{padding:20px 16px 16px}.nl4-drawer-head h3{font-size:22px}
  .nl4-drawer-meta{padding:10px 16px}.nl4-drawer-meta>span:last-child{display:none}
  .nl4-players-body{padding:10px}
  .nl4-player-list-head,.nl4-player-row{grid-template-columns:26px minmax(0,1fr) 48px 63px;gap:6px}
  .nl4-player-list-head{padding:0 8px}.nl4-player-row{padding:8px;min-height:50px}
  .nl4-player-name{gap:4px}.nl4-admin-badge{display:none}
  .nl4-player-time{font-size:8px}
}

@media(max-width:390px){
  .nl4-monitor-grid-compact>div{padding:10px;min-height:54px}
  .nl4-online-topline{font-size:7px}
  .nl4-online-num b{font-size:60px}.nl4-online-num i{font-size:23px}.nl4-online-num>span{font-size:24px}
  .nl4-player-list-head,.nl4-player-row{grid-template-columns:24px minmax(0,1fr) 42px 56px}
}

/* V4.4 — Project Systems launchpad */
.nl4-launchpad{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:dense;
  gap:10px;
}
.nl4-module{
  --module-accent:53,217,255;
  min-width:0;
  min-height:205px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:22px;
  border:1px solid var(--nl4-line);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(var(--module-accent),.035),transparent 38%),
    linear-gradient(145deg,rgba(15,18,28,.96),rgba(8,10,16,.86));
  color:var(--nl4-text);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,box-shadow .22s ease;
  contain:layout paint style;
}
.nl4-module:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.46;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(135deg,#000,transparent 72%);
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);
}
.nl4-module:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:230px;
  height:230px;
  right:-115px;
  bottom:-130px;
  border-radius:50%;
  background:rgb(var(--module-accent));
  filter:blur(72px);
  opacity:.075;
  transition:opacity .22s ease,transform .35s ease;
}
.nl4-module:hover{
  transform:translateY(-4px);
  border-color:rgba(var(--module-accent),.28);
  box-shadow:0 18px 55px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025);
}
.nl4-module:hover:after{opacity:.15;transform:translate(-12px,-8px) scale(1.12)}
.nl4-module-feature{grid-column:span 6;min-height:305px;padding:26px}
.nl4-module-compact{grid-column:span 3;min-height:225px}
.nl4-module-wide{grid-column:span 6;min-height:205px}
.nl4-module-stats{--module-accent:53,217,255}
.nl4-module-vip{--module-accent:174,100,255}
.nl4-module-bans{--module-accent:255,91,117}
.nl4-module-check{--module-accent:67,224,157}
.nl4-module-rules{--module-accent:255,194,84}
.nl4-module-admin{--module-accent:123,118,255}
.nl4-module-music{--module-accent:74,161,255}
.nl4-module-models{--module-accent:89,223,201}

.nl4-module-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  position:relative;
  z-index:2;
  font:800 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.14em;
  color:#626b7d;
}
.nl4-module-top em{
  font-style:normal;
  padding:5px 7px;
  border:1px solid rgba(var(--module-accent),.14);
  border-radius:999px;
  color:rgba(var(--module-accent),.82);
  background:rgba(var(--module-accent),.045);
  white-space:nowrap;
}
.nl4-module-glyph{
  position:absolute;
  z-index:-1;
  right:18px;
  top:48px;
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  color:rgb(var(--module-accent));
  opacity:.09;
  transform:rotate(-8deg);
  transition:opacity .22s ease,transform .35s cubic-bezier(.2,.7,.2,1);
}
.nl4-module-glyph .nl4-svg{width:100%;height:100%;stroke-width:1.05}
.nl4-module-feature .nl4-module-glyph{width:170px;height:170px;right:28px;top:55px;opacity:.075}
.nl4-module:hover .nl4-module-glyph{opacity:.17;transform:rotate(-3deg) scale(1.04)}
.nl4-module-copy{margin-top:auto;position:relative;z-index:2;max-width:80%}
.nl4-module-copy small{display:block;margin-bottom:9px;color:rgb(var(--module-accent));font-size:8px;font-weight:900;letter-spacing:.2em}
.nl4-module-copy h3{margin:0;font-size:21px;line-height:1.04;letter-spacing:-.035em}
.nl4-module-feature .nl4-module-copy h3{font-size:clamp(28px,2.5vw,38px)}
.nl4-module-copy p{max-width:450px;margin:10px 0 0;color:#7e8799;font-size:10px;line-height:1.65}
.nl4-module-feature .nl4-module-copy p{font-size:11px;max-width:520px}
.nl4-module-foot{
  position:relative;
  z-index:2;
  margin-top:20px;
  padding-top:13px;
  border-top:1px solid var(--nl4-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#656e80;
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}
.nl4-module-foot b{display:flex;align-items:center;gap:6px;color:#a8b0bf;font-size:8px;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.nl4-module-foot b .nl4-svg{width:13px;height:13px;color:rgb(var(--module-accent))}
.nl4-module:hover .nl4-module-foot b{color:rgb(var(--module-accent));transform:translateX(2px)}

.nl4-module-feature .nl4-module-top:before{
  content:"";
  width:38px;
  height:2px;
  margin-right:1px;
  flex:none;
  background:linear-gradient(90deg,rgb(var(--module-accent)),transparent);
  box-shadow:0 0 18px rgba(var(--module-accent),.24);
}
.nl4-module-feature .nl4-module-top>span{margin-right:auto}

body.light .nl4-module{
  background:
    linear-gradient(180deg,rgba(var(--module-accent),.035),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,248,253,.84));
}
body.light .nl4-module:before{
  background:
    linear-gradient(90deg,rgba(16,19,29,.035) 1px,transparent 1px),
    linear-gradient(rgba(16,19,29,.025) 1px,transparent 1px);
  background-size:34px 34px;
}
body.light .nl4-module-copy p{color:#687184}
body.light .nl4-module-foot{color:#747d8e}
body.light .nl4-module-foot b{color:#525c70}

@media(max-width:1180px){
  .nl4-module-feature{grid-column:span 6}
  .nl4-module-compact{grid-column:span 6}
  .nl4-module-wide{grid-column:span 6}
}
@media(max-width:760px){
  .nl4-launchpad{grid-template-columns:1fr 1fr;gap:8px}
  .nl4-module,.nl4-module-feature,.nl4-module-compact,.nl4-module-wide{grid-column:span 1;min-height:205px;padding:18px}
  .nl4-module-feature{grid-column:1/-1;min-height:255px;padding:21px}
  .nl4-module-feature .nl4-module-copy h3{font-size:29px}
  .nl4-module-feature .nl4-module-glyph{width:135px;height:135px;right:18px;top:52px}
  .nl4-module-copy{max-width:88%}
}
@media(max-width:520px){
  .nl4-launchpad{grid-template-columns:1fr}
  .nl4-module,.nl4-module-feature,.nl4-module-compact,.nl4-module-wide{grid-column:1;min-height:185px;padding:18px}
  .nl4-module-feature{min-height:235px}
  .nl4-module-feature .nl4-module-copy h3{font-size:27px}
  .nl4-module-glyph{width:90px;height:90px;right:14px;top:48px}
  .nl4-module-feature .nl4-module-glyph{width:122px;height:122px;right:12px;top:48px}
  .nl4-module-top{font-size:7px}
  .nl4-module-copy{max-width:82%}
  .nl4-module-copy h3{font-size:20px}
  .nl4-module-copy p{font-size:10px}
  .nl4-module-foot{margin-top:16px}
  .nl4-module-foot>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .nl4-module,.nl4-module-glyph,.nl4-module-foot b{transition:none!important}
}

/* ===== V4.5 — compact live monitor + scalable connection routes ===== */

/* The monitor should be a compact instrument panel, not a full-height column. */
.hero.nl4-hero .nl4-monitor{
  align-self:center;
  min-height:0;
  height:auto;
}
.hero.nl4-hero .nl4-server-code{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid var(--nl4-line);
}

/* Three equal telemetry cells give PING/UPTIME enough real width. */
.nl4-telemetry{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.nl4-telemetry-item{
  gap:7px;
  padding:9px 8px;
}
.nl4-telemetry-icon{
  width:26px;
  height:26px;
  flex-basis:26px;
}
.nl4-telemetry-item strong{
  font-size:9.5px;
  letter-spacing:-.015em;
}
#miniPing,#miniUptime{
  overflow:visible;
  text-overflow:clip;
}

/* Connection routes */
.nl4-routes{
  margin-top:14px;
  border:1px solid var(--nl4-line);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(12,14,23,.80),rgba(8,10,16,.70));
  overflow:hidden;
}
body.light .nl4-routes{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,249,253,.78));
}
.nl4-routes-head{
  min-height:55px;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid var(--nl4-line);
}
.nl4-routes-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}
.nl4-routes-head small{
  color:#687185;
  font-size:8px;
  font-weight:850;
  letter-spacing:.19em;
}
.nl4-routes-head b{font-size:13px;letter-spacing:-.01em}
.nl4-routes-head>span{
  flex:none;
  color:#747e92;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nl4-routes-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.nl4-route-card{
  appearance:none;
  border:0;
  border-right:1px solid var(--nl4-line);
  border-radius:0;
  min-width:0;
  min-height:92px;
  padding:15px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  text-align:left;
  color:var(--nl4-text);
  background:transparent;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  transition:background .18s ease;
}
.nl4-route-card:last-child{border-right:0}
.nl4-route-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--nl4-violet),var(--nl4-cyan));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.nl4-route-card:hover{background:rgba(53,217,255,.025)}
.nl4-route-card:hover:before,.nl4-route-card.is-primary:before{transform:scaleX(1)}
.nl4-route-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--nl4-line);
  border-radius:9px;
  color:#7b87a0;
  background:rgba(255,255,255,.02);
}
.nl4-route-icon .nl4-svg{width:17px;height:17px}
.nl4-route-card.is-primary .nl4-route-icon{
  color:#75e5fb;
  border-color:rgba(53,217,255,.18);
  background:rgba(53,217,255,.05);
}
.nl4-route-copy{display:flex;flex-direction:column;min-width:0}
.nl4-route-title{display:flex;align-items:center;gap:7px;min-width:0}
.nl4-route-title small{font:800 7px ui-monospace,SFMono-Regular,Consolas,monospace;color:#697287;letter-spacing:.10em}
.nl4-route-title b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl4-route-title em{
  font-style:normal;
  padding:2px 4px;
  border:1px solid rgba(53,217,255,.16);
  border-radius:4px;
  color:#72dff6;
  background:rgba(53,217,255,.045);
  font-size:5.5px;
  font-weight:900;
  letter-spacing:.10em;
}
.nl4-route-copy code{
  margin-top:5px;
  font:750 10px ui-monospace,SFMono-Regular,Consolas,monospace;
  color:#c8d0de;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.nl4-route-desc{margin-top:3px;color:#687185;font-size:7.5px}
.nl4-route-action{
  min-width:37px;
  height:34px;
  padding:0 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--nl4-line);
  border-radius:8px;
  color:#778196;
  background:rgba(255,255,255,.018);
  transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.nl4-route-action .nl4-svg{width:14px;height:14px}
.nl4-route-action span{display:none;font-size:7px;font-weight:850;letter-spacing:.12em}
.nl4-route-card:hover .nl4-route-action{
  color:#9feeff;
  border-color:rgba(53,217,255,.20);
  background:rgba(53,217,255,.045);
}

@media(min-width:1180px){
  .nl4-route-action{min-width:88px}
  .nl4-route-action span{display:inline}
}

@media(max-width:1050px){
  .hero.nl4-hero .nl4-monitor{min-height:0;margin:0 18px 18px}
}

@media(max-width:760px){
  .nl4-routes-grid{grid-template-columns:1fr}
  .nl4-route-card{border-right:0;border-bottom:1px solid var(--nl4-line);min-height:76px}
  .nl4-route-card:last-child{border-bottom:0}
  .nl4-route-action{min-width:88px}
  .nl4-route-action span{display:inline}
}

@media(max-width:620px){
  .nl4-telemetry{grid-template-columns:1fr 1fr}
  .nl4-telemetry-item:first-child{grid-column:1/3}
  .nl4-telemetry-item strong{font-size:10px}
  .nl4-routes-head{align-items:flex-start;flex-direction:column;gap:4px}
  .nl4-routes-head>div{align-items:flex-start;flex-direction:column;gap:3px}
  .nl4-route-card{grid-template-columns:32px minmax(0,1fr) 38px;padding:13px}
  .nl4-route-action{min-width:38px;padding:0}
  .nl4-route-action span{display:none}
}

/* ===== V4.6 — Live Dashboard ===== */
.nl46-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);
  gap:10px;
}
.nl46-chart-panel{min-height:430px;padding:22px 22px 18px}
.nl46-panel-head{align-items:center}
.nl46-now{
  display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(53,217,255,.13);
  border-radius:7px;background:rgba(53,217,255,.035);color:#aeb8c9;font-size:8px;font-weight:800;letter-spacing:.07em;white-space:nowrap
}
.nl46-now i,.nl46-live-pill i{width:6px;height:6px;border-radius:50%;background:#47ddb0;box-shadow:0 0 0 4px rgba(71,221,176,.07);animation:nl46Pulse 2.2s ease-in-out infinite}
.nl46-now b{font-size:12px;color:#eef4ff;margin-right:3px}
.nl46-chart-stage{position:relative;min-height:292px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.016),transparent);overflow:hidden}
.nl46-chart-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 25%,12.5% 100%;pointer-events:none}
.nl46-chart-stage .nl4-chart-wrap{height:290px;position:relative;z-index:2}
.nl46-chart-stage .nl4-chart-wrap #onlineChart{height:290px!important}
.nl46-chart-watermark{position:absolute;right:18px;top:9px;font:900 58px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.09em;color:rgba(255,255,255,.018);pointer-events:none;z-index:1}
.nl46-chart-meta{margin-top:10px;padding-top:12px;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 22px}
.nl46-chart-meta span{padding-left:10px;border-left:1px solid var(--nl4-line)}
.nl46-chart-meta span:first-child{padding-left:0;border-left:0}
.nl46-chart-meta .nl4-chart-points{margin-left:0;color:#596275}
.nl46-kpi-stack{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}
.nl46-kpi-card{min-height:0;padding:20px;display:flex;flex-direction:column;isolation:isolate}
.nl46-kpi-card:before{content:"";position:absolute;right:-55px;top:-70px;width:180px;height:180px;border-radius:50%;filter:blur(0);pointer-events:none;z-index:-1}
.nl46-kpi-records:before{background:radial-gradient(circle,rgba(255,190,78,.10),transparent 67%)}
.nl46-kpi-admins:before{background:radial-gradient(circle,rgba(53,217,255,.09),transparent 67%)}
.nl46-kpi-icon{position:absolute;right:18px;bottom:15px;color:rgba(255,255,255,.035);pointer-events:none}
.nl46-kpi-icon .nl4-svg{width:72px;height:72px;stroke-width:1.2}
.nl46-kpi-card .nl4-panel-head{margin-bottom:12px;padding-right:45px}
.nl46-records{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;min-height:0}
.nl46-record-item{padding:13px 11px;border:1px solid var(--nl4-line);border-radius:8px;background:rgba(255,255,255,.018);display:flex;flex-direction:column;min-width:0}
.nl46-record-item small{font-size:7px;letter-spacing:.16em;color:#687185;font-weight:850}
.nl46-record-item strong{font-size:28px;line-height:1;margin-top:11px;letter-spacing:-.045em;color:#f2f5fb}
.nl46-record-item span{margin-top:7px;color:#747e91;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl46-admins{margin-top:auto;min-height:0}
.nl46-admin-empty,.nl46-admin-summary{display:flex;align-items:baseline;gap:10px}
.nl46-admin-empty strong,.nl46-admin-summary strong{font-size:42px;line-height:1;letter-spacing:-.055em;color:#f1f5fb}
.nl46-admin-empty span,.nl46-admin-summary span{font-size:9px;color:#737d90}
.nl46-admin-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.nl46-admin-list>span{display:flex;align-items:center;gap:6px;max-width:100%;padding:6px 8px;border:1px solid rgba(53,217,255,.10);border-radius:6px;background:rgba(53,217,255,.025)}
.nl46-admin-list i{width:5px;height:5px;border-radius:50%;background:#48ddb0;flex:none}
.nl46-admin-list b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.nl46-feed-grid,.nl46-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.nl46-feed-panel{min-height:335px;padding:20px}
.nl46-head-with-icon{display:flex;align-items:center;gap:10px}
.nl46-head-with-icon>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--nl4-line);border-radius:8px;background:rgba(255,255,255,.018);color:#77839a}
.nl46-head-with-icon>span .nl4-svg{width:16px;height:16px}
.nl46-live-pill{display:flex!important;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(71,221,176,.11);border-radius:6px;color:#749286!important;background:rgba(71,221,176,.025)}
.nl46-event-feed,.nl46-chat-feed{height:250px;max-height:250px;padding-right:7px}
.nl46-event-row{display:grid;grid-template-columns:7px 58px minmax(0,1fr);align-items:start;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.nl46-event-row:last-child{border-bottom:0}
.nl46-event-row>i{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#6d768a}
.nl46-event-row[data-kind="join"]>i{background:#48dda9;box-shadow:0 0 12px rgba(72,221,169,.18)}
.nl46-event-row[data-kind="leave"]>i{background:#ff778d}
.nl46-event-row time{font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#626c7f}
.nl46-event-row span{min-width:0;color:#abb4c4;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.nl46-chat-feed .chatLine{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:7px!important;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.042)!important;line-height:1.45!important}
.nl46-chat-feed .chatTime{grid-column:1;color:#626c7f!important}
.nl46-chat-feed .chatNameBlue,.nl46-chat-feed .chatNameRed,.nl46-chat-feed .chatNameWhite{grid-column:2;min-width:0;overflow-wrap:anywhere}

.nl46-insights-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.nl46-ranking-panel,.nl46-history-panel{min-height:285px;padding:20px}
.nl46-top-list,.nl46-map-history{min-height:0}
.nl46-top-player{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 0;border-bottom:1px solid var(--nl4-line)}
.nl46-top-player:last-child{border-bottom:0}
.nl46-rank{font:900 20px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#535d70;letter-spacing:-.06em}
.nl46-top-player[data-rank="1"] .nl46-rank{color:#e8bd6a}
.nl46-top-player[data-rank="2"] .nl46-rank{color:#9dabc0}
.nl46-top-player[data-rank="3"] .nl46-rank{color:#ad7d67}
.nl46-player-main{display:flex;flex-direction:column;min-width:0;gap:4px}
.nl46-player-main b{font-size:11px;color:#dce3ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl46-player-main small{font-size:6.5px;letter-spacing:.14em;color:#626c80;font-weight:850}
.nl46-top-player>strong{display:flex;align-items:flex-end;gap:5px;font-size:20px;letter-spacing:-.04em;color:#eef3fb}
.nl46-top-player>strong small{font-size:6px;letter-spacing:.12em;color:#687286;margin-bottom:2px}
.nl46-map-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid rgba(255,255,255,.045)}
.nl46-map-row:last-child{border-bottom:0}
.nl46-map-no{font:800 8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#525c70}
.nl46-map-row b{font-size:9.5px;color:#bbc4d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl46-map-row time{font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;color:#687286}
.nl46-empty-row{display:grid;place-items:center;min-height:140px;color:#657084;font-size:9px;letter-spacing:.04em}
.nl46-news-wide{min-height:240px}

body.light .nl46-chart-stage{background:linear-gradient(180deg,rgba(33,49,77,.025),transparent);border-color:rgba(16,19,29,.06)}
body.light .nl46-chart-stage:before{background-image:linear-gradient(rgba(16,19,29,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,29,.03) 1px,transparent 1px)}
body.light .nl46-now b,body.light .nl46-record-item strong,body.light .nl46-admin-empty strong,body.light .nl46-admin-summary strong,body.light .nl46-top-player>strong{color:#171c26}
body.light .nl46-player-main b,body.light .nl46-map-row b{color:#303744}
body.light .nl46-record-item{background:rgba(255,255,255,.52)}
body.light .nl46-event-row,body.light .nl46-chat-feed .chatLine,body.light .nl46-map-row{border-bottom-color:rgba(16,19,29,.065)!important}

@keyframes nl46Pulse{0%,100%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}

@media(max-width:1000px){
  .nl46-dashboard{grid-template-columns:1fr}
  .nl46-kpi-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .nl46-kpi-card{min-height:190px}
}
@media(max-width:760px){
  .nl46-feed-grid,.nl46-insights-grid{grid-template-columns:1fr}
  .nl46-feed-panel{min-height:310px}
  .nl46-ranking-panel,.nl46-history-panel{min-height:0}
}
@media(max-width:620px){
  .nl46-chart-panel{padding:16px;min-height:365px}
  .nl46-chart-stage{min-height:235px}
  .nl46-chart-stage .nl4-chart-wrap,.nl46-chart-stage .nl4-chart-wrap #onlineChart{height:235px!important}
  .nl46-chart-watermark{font-size:42px}
  .nl46-chart-meta{grid-template-columns:1fr 1fr;gap:8px 10px}
  .nl46-chart-meta span{padding:0;border:0}
  .nl46-kpi-stack{grid-template-columns:1fr}
  .nl46-kpi-card{min-height:170px}
  .nl46-feed-panel,.nl46-ranking-panel,.nl46-history-panel{padding:16px}
  .nl46-event-feed,.nl46-chat-feed{height:230px;max-height:230px}
  .nl46-event-row{grid-template-columns:7px 48px minmax(0,1fr);gap:6px}
  .nl46-chat-feed .chatLine{grid-template-columns:48px minmax(0,1fr)!important}
  .nl46-panel-head{gap:8px}
  .nl46-now{padding:6px 7px}
  .nl46-now span{font-size:7px}
  .nl46-head-with-icon>span{width:31px;height:31px}
}
@media(prefers-reduced-motion:reduce){.nl46-now i,.nl46-live-pill i{animation:none!important}}
.nl46-chat-message{min-width:0;display:flex;flex-wrap:wrap;gap:3px 7px;align-items:baseline;color:#aeb7c7;font-size:10px;line-height:1.45}
.nl46-chat-message>b{max-width:45%;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl46-chat-message>span{min-width:0;overflow-wrap:anywhere}
body.light .nl46-chat-message{color:#4f5969}

/* =========================================================
   V4.7 — Dispatch / Community / Help / Footer polish
   ========================================================= */

/* campaign strip */
.nl47-campaign-strip{
  min-height:92px;
  grid-template-columns:56px minmax(0,1fr) auto auto;
  gap:20px;
  padding:14px 18px;
  border-color:rgba(126,102,255,.18);
  background:
    linear-gradient(90deg,rgba(122,71,255,.095),rgba(53,217,255,.025) 68%,rgba(53,217,255,.055)),
    var(--nl4-panel);
}
.nl47-campaign-strip:before{content:"DROP";position:absolute;right:200px;top:50%;transform:translateY(-54%);font:950 54px/1 Arial,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.018);pointer-events:none}
.nl47-campaign-icon{position:relative;isolation:isolate;border:1px solid rgba(100,205,255,.22);background:linear-gradient(145deg,rgba(137,72,255,.9),rgba(46,201,238,.82));box-shadow:0 13px 38px rgba(76,75,228,.18)}
.nl47-campaign-icon span{font-size:18px;font-weight:950}
.nl47-campaign-strip .nl4-promo-copy span{font-size:8px;color:#646e81;letter-spacing:.03em;margin-top:2px}
.nl47-campaign-strip .nl4-promo-time{min-width:130px}
.nl47-campaign-strip>a{display:flex;align-items:center;gap:8px;padding-right:5px}
.nl47-campaign-strip>a .nl4-svg{width:14px;height:14px}

/* legacy season-pass include re-skinned for the portal */
main .nlPassBanner{
  margin-top:10px!important;
  border:1px solid var(--nl4-line)!important;
  border-radius:12px!important;
  padding:18px!important;
  background:
    linear-gradient(110deg,rgba(251,191,36,.055),transparent 35%),
    linear-gradient(270deg,rgba(53,217,255,.045),transparent 38%),
    var(--nl4-panel)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
main .nlPassBanner.nlPassWinter{background:linear-gradient(110deg,rgba(96,165,250,.065),transparent 35%),linear-gradient(270deg,rgba(220,240,255,.045),transparent 38%),var(--nl4-panel)!important}
main .nlPassBanner.nlPassEnded{opacity:.86!important;background:var(--nl4-panel)!important}
main .nlPassInner{gap:24px!important}
main .nlPassInfo{min-width:0!important}
main .nlPassStatus{border-radius:7px!important;padding:6px 9px!important;background:rgba(255,255,255,.025)!important;border-color:var(--nl4-line)!important;font-size:8px!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:800!important}
main .nlPassBanner h2{font-size:18px!important;letter-spacing:-.02em!important}
main .nlPassBanner p{font-size:10px!important;line-height:1.6!important;color:var(--nl4-muted)!important;max-width:720px}
main .nlPassTimerBox{min-width:300px!important;gap:8px!important}
main .nlPassTimerLabel{font-size:8px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#6f798c!important}
main .nlPassTimer{gap:6px!important}
main .nlPassTimeItem{min-width:58px!important;padding:9px 8px!important;border-radius:8px!important;border-color:var(--nl4-line)!important;background:rgba(255,255,255,.025)!important}
main .nlPassTimeItem b{font-size:16px!important}
main .nlPassTimeItem span{font-size:7px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#667084!important}
main .nlPassActions{gap:7px!important}
main .nlPassActions .badge{border-radius:7px!important;font-size:8px!important;letter-spacing:.06em!important}

/* news / dispatch */
.nl47-news-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.45fr);gap:10px;align-items:stretch}
.nl47-news-main{min-height:480px;padding:22px;overflow:hidden;position:relative}
.nl47-news-main:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--nl4-cyan),rgba(120,75,255,.55),transparent 68%);opacity:.65}
.nl47-news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:17px;border-bottom:1px solid var(--nl4-line)}
.nl47-text-link{display:inline-flex;align-items:center;gap:7px;color:#768197;text-decoration:none;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;transition:.18s}
.nl47-text-link:hover{color:var(--nl4-cyan)}
.nl47-text-link .nl4-svg{width:13px;height:13px}
.nl47-news-body{margin-top:12px}
.nl47-news-body .nw-embed{margin:0!important;max-width:none!important}
.nl47-news-body .nw-embed-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 0 12px!important;border:0!important}
.nl47-news-body .nw-embed-title{font:850 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.16em!important;color:#636e82!important;text-transform:uppercase!important}
.nl47-news-body .nw-embed-nav{display:flex!important;align-items:center!important;gap:6px!important;width:auto!important}
.nl47-news-body .nw-embed-btn{width:auto!important;min-width:68px!important;height:31px!important;padding:0 10px!important;border:1px solid var(--nl4-line)!important;border-radius:7px!important;background:rgba(255,255,255,.02)!important;color:#778297!important;font:750 8px/1 Arial,sans-serif!important;transition:.18s!important}
.nl47-news-body .nw-embed-btn:hover{border-color:rgba(53,217,255,.25)!important;color:var(--nl4-text)!important;background:rgba(53,217,255,.035)!important}
.nl47-news-body .nw-embed-count{font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#5d687c!important;min-width:32px!important;text-align:center!important}
.nl47-news-body .nw-embed-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.58fr)!important;min-height:330px!important;border:1px solid var(--nl4-line)!important;border-radius:10px!important;background:rgba(255,255,255,.012)!important;overflow:hidden!important}
.nl47-news-body .nw-embed-top{padding:30px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
.nl47-news-body .nw-embed-meta{order:0!important;margin:0 0 13px!important;font:800 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.12em!important;color:#657087!important;text-transform:uppercase!important}
.nl47-news-body .nw-embed-h3{order:1!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 17px!important;color:var(--nl4-text)!important;max-width:720px!important}
.nl47-news-body .nw-embed-textbox{order:2!important;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;max-width:760px!important}
.nl47-news-body .nw-embed-text{font-size:10.5px!important;line-height:1.75!important;color:var(--nl4-muted)!important;display:-webkit-box!important;-webkit-line-clamp:7!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.nl47-news-body .nw-embed-media{grid-column:2!important;grid-row:1!important;min-height:330px!important;border:0!important;border-left:1px solid var(--nl4-line)!important;border-radius:0!important;margin:0!important;background:#090c12!important;overflow:hidden!important}
.nl47-news-body .nw-embed-img{width:100%!important;height:100%!important;min-height:330px!important;object-fit:cover!important;display:block!important;filter:saturate(.78) contrast(1.05)!important;transition:transform .45s ease,filter .45s ease!important}
.nl47-news-body .nw-embed-media:hover .nw-embed-img{transform:scale(1.025);filter:saturate(.95) contrast(1.03)!important}

.nl47-news-rail{display:grid;grid-template-rows:1fr auto auto;gap:10px}
.nl47-dispatch-card{position:relative;min-height:280px;border:1px solid var(--nl4-line);border-radius:11px;background:linear-gradient(150deg,rgba(112,65,255,.065),rgba(53,217,255,.018) 60%),var(--nl4-panel);padding:23px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.nl47-dispatch-card:before{content:"";position:absolute;width:190px;height:190px;right:-80px;top:-80px;border-radius:50%;background:rgba(75,189,255,.10);filter:blur(62px)}
.nl47-dispatch-no{position:absolute;right:18px;top:12px;font:950 62px/1 Arial,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.035)}
.nl47-dispatch-card>small{font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#626d82;margin-bottom:9px}
.nl47-dispatch-card>strong{font:950 31px/.9 Arial,sans-serif;letter-spacing:-.055em;color:#eef3fb}
.nl47-dispatch-card>p{font-size:9px;line-height:1.65;color:#788297;margin:13px 0 20px;max-width:250px}
.nl47-dispatch-line{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--nl4-line);padding-top:13px;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#677287}
.nl47-dispatch-line i{width:6px;height:6px;border-radius:50%;background:#39d8cf;box-shadow:0 0 14px rgba(57,216,207,.55)}
.nl47-dispatch-line b{font-size:7px;color:#6fd9d4}
.nl47-news-shortcut{min-height:76px;border:1px solid var(--nl4-line);border-radius:10px;background:var(--nl4-panel);padding:13px 14px;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:11px;text-decoration:none;color:var(--nl4-text);transition:.18s;overflow:hidden}
.nl47-news-shortcut:hover{transform:translateX(-3px);border-color:var(--nl4-line-hi);background:rgba(255,255,255,.025)}
.nl47-news-shortcut>span{width:38px;height:38px;border:1px solid var(--nl4-line);border-radius:8px;display:grid;place-items:center;color:#79dfff;background:rgba(53,217,255,.025)}
.nl47-news-shortcut>span .nl4-svg{width:20px;height:20px}
.nl47-news-shortcut div{display:flex;flex-direction:column;gap:4px;min-width:0}
.nl47-news-shortcut small{font-size:6.5px;letter-spacing:.14em;color:#616c80;font-weight:850}
.nl47-news-shortcut b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl47-news-shortcut em{color:#586378;font-style:normal}.nl47-news-shortcut em .nl4-svg{width:14px;height:14px}

/* community bento */
.nl47-community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(175px,auto);gap:10px}
.nl47-social-card{position:relative;border:1px solid var(--nl4-line);border-radius:11px;background:var(--nl4-panel);padding:20px;text-decoration:none;color:var(--nl4-text);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,background .2s;isolation:isolate}
.nl47-social-card:before{content:"";position:absolute;right:-45px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:var(--nl47-accent,rgba(53,217,255,.12));filter:blur(55px);opacity:.5;z-index:-1;transition:.25s}
.nl47-social-card:hover{transform:translateY(-4px);border-color:var(--nl4-line-hi);background:rgba(255,255,255,.024)}
.nl47-social-card:hover:before{opacity:.85;transform:scale(1.08)}
.nl47-social-feature{grid-column:span 2;min-height:265px}
.nl47-social-wide{grid-column:span 2;min-height:185px}
.nl47-social-compact{min-height:185px}
.nl47-social-tg{--nl47-accent:rgba(43,194,239,.18)}
.nl47-social-vk{--nl47-accent:rgba(81,139,255,.18)}
.nl47-social-chat{--nl47-accent:rgba(127,93,255,.12)}
.nl47-social-discord{--nl47-accent:rgba(122,126,255,.18)}
.nl47-social-top{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px}
.nl47-social-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--nl4-line-hi);border-radius:9px;color:#c9d8ed;background:rgba(255,255,255,.018)}
.nl47-social-icon .nl4-svg{width:23px;height:23px}
.nl47-social-top em{font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#5f6a7e;font-style:normal}
.nl47-social-top>i{color:#596479;font-style:normal}.nl47-social-top>i .nl4-svg{width:14px;height:14px}
.nl47-social-copy{margin-top:auto;padding-top:28px;max-width:620px}
.nl47-social-copy small{font-size:7px;letter-spacing:.15em;color:#687287;font-weight:850}
.nl47-social-copy h3{font-size:24px;line-height:1.05;letter-spacing:-.035em;margin:7px 0 0}
.nl47-social-compact .nl47-social-copy h3{font-size:17px}
.nl47-social-copy p{font-size:9.5px;line-height:1.6;color:#7c8699;margin:9px 0 0;max-width:500px}
.nl47-social-foot{border-top:1px solid var(--nl4-line);padding-top:13px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#626d80}
.nl47-social-foot b{color:#a9b4c5;font-size:7px}

/* manifesto */
.nl47-manifesto{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:56px;align-items:center;padding-top:105px}
.nl47-manifesto-copy{position:sticky;top:110px;align-self:start}
.nl47-manifesto-copy>.nl4-index{display:block;margin-bottom:22px}
.nl47-manifesto-copy>small{font-size:8px;letter-spacing:.19em;color:#677287;font-weight:850}
.nl47-manifesto-copy h2{font-size:48px;line-height:.98;letter-spacing:-.055em;margin:12px 0 20px}
.nl47-manifesto-copy h2 span{color:#6d7789}
.nl47-manifesto-copy p{font-size:11px;line-height:1.8;color:#818b9e;max-width:560px;margin:0 0 22px}
.nl47-manifesto-copy>a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#9aa6b8;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nl47-manifesto-copy>a:hover{color:var(--nl4-cyan)}.nl47-manifesto-copy>a .nl4-svg{width:13px}
.nl47-manifesto-board{position:relative;border-top:1px solid var(--nl4-line);border-bottom:1px solid var(--nl4-line);padding:0 0 0 120px;overflow:hidden}
.nl47-manifesto-mark{position:absolute;left:0;top:50%;transform:translateY(-50%);font:950 54px/.74 Arial,sans-serif;letter-spacing:-.075em;color:rgba(255,255,255,.035);writing-mode:vertical-rl;rotate:180deg}
.nl47-principle{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:28px 0;border-bottom:1px solid var(--nl4-line)}
.nl47-principle:last-child{border-bottom:0}
.nl47-principle>span{font:900 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#525d70;letter-spacing:-.04em}
.nl47-principle b{font-size:16px;letter-spacing:.06em}
.nl47-principle p{font-size:9.5px;color:#7a8498;line-height:1.55;margin:6px 0 0;max-width:640px}

/* help / faq */
.nl47-help-grid{display:grid;grid-template-columns:minmax(300px,.66fr) minmax(0,1.34fr);gap:10px;align-items:stretch}
.nl47-help-console{position:relative;min-height:410px;border:1px solid var(--nl4-line);border-radius:11px;padding:25px;background:linear-gradient(150deg,rgba(53,217,255,.045),transparent 45%),#090c13;overflow:hidden;display:flex;flex-direction:column;color:#eaf0f8}
.nl47-help-console:before{content:">_";position:absolute;right:-12px;bottom:-25px;font:950 132px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:rgba(255,255,255,.025);letter-spacing:-.12em}
.nl47-help-console-top{display:flex;align-items:center;gap:10px;color:#64dce8}.nl47-help-console-top>span{width:31px;height:31px;border:1px solid rgba(76,218,231,.18);border-radius:7px;display:grid;place-items:center;background:rgba(53,217,255,.035)}.nl47-help-console-top .nl4-svg{width:15px}.nl47-help-console-top small{font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#68768a}
.nl47-help-console h3{font-size:30px;line-height:1.02;letter-spacing:-.045em;margin:54px 0 18px;max-width:350px}
.nl47-help-console>code{display:block;border:1px solid rgba(53,217,255,.13);background:rgba(53,217,255,.025);border-radius:8px;padding:14px;font:800 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8de4f0;overflow-wrap:anywhere}
.nl47-help-console>button{margin-top:9px;min-height:42px;border:1px solid var(--nl4-line);border-radius:8px;background:rgba(255,255,255,.025);color:#aab5c6;display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;font-weight:800;cursor:pointer;transition:.18s}.nl47-help-console>button:hover{border-color:rgba(53,217,255,.24);color:#e6edf7;background:rgba(53,217,255,.045)}.nl47-help-console>button .nl4-svg{width:14px}
.nl47-help-console-foot{margin-top:auto;padding-top:17px;border-top:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#59677a}.nl47-help-console-foot i{width:6px;height:6px;background:#37d7a4;border-radius:50%;box-shadow:0 0 14px rgba(55,215,164,.45)}.nl47-help-console-foot b{font-size:7px;color:#8390a3}
.nl47-faq-list{border:1px solid var(--nl4-line);border-radius:11px;background:var(--nl4-panel);overflow:hidden}
.nl47-faq-list details{border:0!important;border-bottom:1px solid var(--nl4-line)!important;border-radius:0!important;background:transparent!important;overflow:hidden}
.nl47-faq-list details:last-child{border-bottom:0!important}
.nl47-faq-list summary{min-height:88px;padding:18px 22px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 25px!important;align-items:center!important;gap:15px!important;list-style:none;cursor:pointer}
.nl47-faq-list summary:after{display:none!important}
.nl47-faq-list summary>span{font:900 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;color:#515d71!important}
.nl47-faq-list summary>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.nl47-faq-list summary small{font-size:6.5px;letter-spacing:.15em;color:#626e82;font-weight:850}
.nl47-faq-list summary b{font-size:13px;color:var(--nl4-text)}
.nl47-faq-list summary em{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--nl4-line);border-radius:7px;color:#647084;font-style:normal;transition:transform .18s,color .18s,border-color .18s}.nl47-faq-list summary em .nl4-svg{width:12px;height:12px}.nl47-faq-list details[open] summary em{transform:rotate(90deg);color:var(--nl4-cyan);border-color:rgba(53,217,255,.18)}
.nl47-faq-list details>div{padding:17px 22px 20px 71px!important;border-top:1px solid rgba(255,255,255,.035)!important;color:#818b9e!important;font-size:10px!important;line-height:1.72!important;background:rgba(255,255,255,.012)}
.nl47-faq-list code{font:750 9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#8ee6ef}.nl47-faq-list a{color:var(--nl4-cyan)}

/* final connect */
.nl47-final-cta{position:relative;min-height:360px;margin-top:95px;border:1px solid var(--nl4-line);border-radius:13px;overflow:hidden;background:linear-gradient(120deg,rgba(110,62,255,.065),transparent 42%),linear-gradient(300deg,rgba(53,217,255,.055),transparent 42%),#090c13;padding:38px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:28px;color:#eef2f8;isolation:isolate}
.nl47-final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.022) 50%,transparent 50.15%),linear-gradient(transparent 49.85%,rgba(255,255,255,.018) 50%,transparent 50.15%);background-size:76px 76px;mask-image:linear-gradient(to left,#000,transparent 72%);z-index:-1;opacity:.65}
.nl47-final-bg{position:absolute;right:-10px;bottom:-44px;font:950 210px/.78 Arial,sans-serif;letter-spacing:-.09em;color:rgba(255,255,255,.025);z-index:-1;user-select:none}
.nl47-final-status{grid-column:1/3;display:flex;align-items:center;gap:9px;font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#667286}.nl47-final-status i{width:6px;height:6px;border-radius:50%;background:#39d7a5;box-shadow:0 0 16px rgba(57,215,165,.5)}.nl47-final-status b{margin-left:auto;color:#596579}
.nl47-final-copy{align-self:end}.nl47-final-copy small{font-size:7px;letter-spacing:.18em;color:#697589;font-weight:850}.nl47-final-copy h2{font-size:52px;line-height:.92;letter-spacing:-.06em;margin:12px 0 20px}.nl47-final-copy p{font:850 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8fe8f0;letter-spacing:.05em;margin:0}
.nl47-final-actions{align-self:end;display:flex;flex-direction:column;gap:8px;width:min(330px,100%)}
.nl47-final-play{width:100%;min-height:68px;justify-content:flex-start}
.nl47-final-copybtn{min-height:46px;border:1px solid var(--nl4-line);border-radius:9px;background:rgba(255,255,255,.022);color:#8c98aa;display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;font-weight:800;cursor:pointer;transition:.18s}.nl47-final-copybtn:hover{color:#e3e9f2;border-color:var(--nl4-line-hi);background:rgba(255,255,255,.035)}.nl47-final-copybtn .nl4-svg{width:14px}

/* footer */
.nl47-footer{min-height:145px;margin-top:12px;border-top:1px solid var(--nl4-line);display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr) auto;align-items:center;gap:30px;padding:26px 0}
.nl47-footer-brand{display:flex;align-items:center;gap:12px}.nl47-footer-brand img{width:39px;height:39px;border-radius:9px}.nl47-footer-brand div{display:flex;flex-direction:column;gap:5px}.nl47-footer-brand b{font-size:11px;letter-spacing:.17em}.nl47-footer-brand small{font-size:6.5px;letter-spacing:.12em;color:#626d81}
.nl47-footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 22px}.nl47-footer-nav a{text-decoration:none;color:#6b768a;font-size:8px;font-weight:750}.nl47-footer-nav a:hover{color:var(--nl4-text)}
.nl47-footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:750 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;color:#596579}.nl47-footer-meta a{text-decoration:none;color:#768398}.nl47-footer-meta a:hover{color:var(--nl4-cyan)}.nl47-footer-meta b{margin-left:5px}

/* light */
body.light .nl47-dispatch-card,body.light .nl47-news-shortcut,body.light .nl47-social-card,body.light .nl47-faq-list{background:rgba(255,255,255,.56)}
body.light .nl47-help-console,body.light .nl47-final-cta{background:#f4f7fb;color:#151b25}
body.light .nl47-help-console:before,body.light .nl47-final-bg,body.light .nl47-dispatch-no,body.light .nl47-manifesto-mark{color:rgba(18,24,35,.035)}
body.light .nl47-help-console>code{color:#256574;background:rgba(37,155,177,.04)}
body.light .nl47-faq-list details>div{background:rgba(16,19,29,.018);border-top-color:rgba(16,19,29,.05)!important}
body.light .nl47-news-body .nw-embed-card{background:rgba(255,255,255,.38)!important}
body.light .nl47-news-body .nw-embed-h3,body.light .nl47-dispatch-card>strong{color:#161c26!important}
body.light .nl47-final-copy p{color:#2d7581}
body.light main .nlPassBanner{background:linear-gradient(110deg,rgba(251,191,36,.07),transparent 35%),linear-gradient(270deg,rgba(53,217,255,.05),transparent 38%),rgba(255,255,255,.52)!important}

/* layout */
@media(max-width:1100px){
  .nl47-news-grid{grid-template-columns:minmax(0,1fr) 280px}
  .nl47-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nl47-social-feature,.nl47-social-wide{grid-column:span 1}
  .nl47-manifesto{gap:35px;grid-template-columns:minmax(290px,.68fr) minmax(0,1.32fr)}
  .nl47-manifesto-copy h2{font-size:40px}
  .nl47-help-grid{grid-template-columns:340px minmax(0,1fr)}
}
@media(max-width:900px){
  .nl47-campaign-strip{grid-template-columns:50px 1fr auto}
  .nl47-campaign-strip>a{grid-column:2/4;border-left:0;border-top:1px solid var(--nl4-line);padding:12px 0 0}
  .nl47-news-grid{grid-template-columns:1fr}
  .nl47-news-rail{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.nl47-dispatch-card{grid-column:1/3;min-height:220px}
  .nl47-manifesto{grid-template-columns:1fr;gap:34px}.nl47-manifesto-copy{position:static}.nl47-manifesto-board{padding-left:90px}
  .nl47-help-grid{grid-template-columns:1fr}.nl47-help-console{min-height:340px}
  .nl47-final-cta{grid-template-columns:1fr;grid-template-rows:auto auto auto}.nl47-final-status{grid-column:1}.nl47-final-actions{width:100%}.nl47-final-copy h2{font-size:46px}
  .nl47-footer{grid-template-columns:1fr auto}.nl47-footer-nav{grid-column:1/3;grid-row:2;justify-content:flex-start}.nl47-footer-meta{grid-column:2;grid-row:1}
}
@media(max-width:620px){
  .nl47-campaign-strip{grid-template-columns:42px 1fr!important;gap:12px!important}.nl47-campaign-strip .nl4-promo-time{grid-column:1/3;min-width:0}.nl47-campaign-strip>a{grid-column:1/3!important}.nl47-campaign-strip:before{display:none}
  main .nlPassInner{display:block!important}main .nlPassTimerBox{width:100%!important;min-width:0!important;align-items:stretch!important;margin-top:17px}main .nlPassTimer{display:grid!important;grid-template-columns:repeat(4,1fr)!important}main .nlPassTimeItem{min-width:0!important;padding:8px 4px!important}
  .nl47-news-main{padding:16px;min-height:0}.nl47-news-head{align-items:flex-start;flex-direction:column}.nl47-news-body .nw-embed-head{align-items:stretch!important}.nl47-news-body .nw-embed-nav{width:100%!important}.nl47-news-body .nw-embed-btn{flex:1!important}.nl47-news-body .nw-embed-card{grid-template-columns:1fr!important;min-height:0!important}.nl47-news-body .nw-embed-top{padding:22px 18px!important}.nl47-news-body .nw-embed-h3{font-size:22px!important}.nl47-news-body .nw-embed-text{-webkit-line-clamp:6!important}.nl47-news-body .nw-embed-media{grid-column:1!important;grid-row:2!important;min-height:210px!important;border-left:0!important;border-top:1px solid var(--nl4-line)!important}.nl47-news-body .nw-embed-img{min-height:210px!important;height:210px!important}
  .nl47-news-rail{grid-template-columns:1fr;grid-template-rows:auto}.nl47-dispatch-card{grid-column:auto;min-height:220px}.nl47-news-shortcut:hover{transform:none}
  .nl47-community-grid{grid-template-columns:1fr}.nl47-social-feature,.nl47-social-wide{grid-column:auto}.nl47-social-card{min-height:165px;padding:17px}.nl47-social-feature{min-height:215px}.nl47-social-copy{padding-top:22px}.nl47-social-copy h3{font-size:21px}.nl47-social-card:hover{transform:none}
  .nl47-manifesto{padding-top:75px}.nl47-manifesto-copy h2{font-size:36px}.nl47-manifesto-board{padding-left:0}.nl47-manifesto-mark{display:none}.nl47-principle{grid-template-columns:40px 1fr;gap:10px;padding:22px 0}
  .nl47-help-console{min-height:320px;padding:20px}.nl47-help-console h3{font-size:27px;margin-top:40px}.nl47-faq-list summary{grid-template-columns:28px minmax(0,1fr) 25px!important;gap:10px!important;min-height:80px;padding:15px!important}.nl47-faq-list details>div{padding:15px 15px 18px 53px!important}
  .nl47-final-cta{min-height:410px;margin-top:72px;padding:25px 20px}.nl47-final-bg{font-size:125px;bottom:-18px}.nl47-final-copy h2{font-size:39px}.nl47-final-play{min-height:62px}
  .nl47-footer{grid-template-columns:1fr;gap:20px;padding:28px 0}.nl47-footer-nav{grid-column:1;grid-row:auto;justify-content:flex-start}.nl47-footer-meta{grid-column:1;grid-row:auto;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.nl47-social-card,.nl47-news-shortcut,.nl47-news-body .nw-embed-img{transition:none!important}}

/* perf containment for new lower-page modules */
.nl47-news-section,.nl47-community,.nl47-manifesto,.nl47-help,.nl47-final-cta,.nl47-footer{content-visibility:auto;contain-intrinsic-size:1px 680px}
.nl47-social-card,.nl47-dispatch-card,.nl47-news-shortcut,.nl47-help-console,.nl47-faq-list{contain:layout paint style}
/* news card gracefully collapses when a post has no cover image */
.nl47-news-body .nw-embed-card{grid-template-columns:1fr!important}
.nl47-news-body .nw-embed-card:has(.nw-embed-media){grid-template-columns:minmax(0,1fr) minmax(220px,.58fr)!important}
@media(max-width:620px){.nl47-news-body .nw-embed-card:has(.nw-embed-media){grid-template-columns:1fr!important}}

/* =========================================================
   V4.8 — компактные новости + расширенная помощь
   ========================================================= */
.nl48-news-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:10px;align-items:stretch}
.nl48-news-feature{min-height:350px;border:1px solid var(--nl4-line);border-radius:12px;background:var(--nl4-panel);display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);overflow:hidden;text-decoration:none;color:var(--nl4-text);position:relative;transition:border-color .2s ease,transform .2s ease,background .2s ease}
.nl48-news-feature:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,var(--nl4-cyan),rgba(119,75,255,.58),transparent 70%);opacity:.78;z-index:2}
.nl48-news-feature:hover{border-color:var(--nl4-line-hi);transform:translateY(-2px);background:rgba(255,255,255,.018)}
.nl48-news-feature-media{position:relative;min-width:0;overflow:hidden;background:linear-gradient(145deg,rgba(53,217,255,.08),rgba(109,63,255,.06)),#090c13;border-right:1px solid var(--nl4-line)}
.nl48-news-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(8,11,17,.18)),linear-gradient(0deg,rgba(8,11,17,.24),transparent 45%);pointer-events:none}
.nl48-news-feature-media img{width:100%;height:100%;min-height:350px;display:block;object-fit:cover;object-position:center 32%;filter:saturate(.82) contrast(1.04);transition:transform .45s ease,filter .45s ease}
.nl48-news-feature:hover .nl48-news-feature-media img{transform:scale(1.025);filter:saturate(.98) contrast(1.03)}
.nl48-news-feature-media.is-empty{display:grid;place-items:center;color:rgba(102,220,239,.34)}.nl48-news-feature-media.is-empty .nl4-svg{width:74px;height:74px}
.nl48-news-feature-copy{padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.nl48-news-feature-copy time,.nl48-news-item-copy time{font:800 7px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#657186}
.nl48-news-feature-copy>strong{font-size:30px;line-height:1.04;letter-spacing:-.045em;margin:14px 0 17px;overflow-wrap:anywhere}
.nl48-news-feature-copy>span{font-size:10.5px;line-height:1.7;color:#8792a5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.nl48-news-feature-copy>b{margin-top:24px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.04em;color:#77dce9}.nl48-news-feature-copy>b .nl4-svg{width:13px;height:13px}
.nl48-news-side{min-height:350px;border:1px solid var(--nl4-line);border-radius:12px;background:var(--nl4-panel);padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;overflow:hidden}
.nl48-news-side-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 2px 13px;border-bottom:1px solid var(--nl4-line)}
.nl48-news-side-head>div{display:flex;flex-direction:column;gap:5px}.nl48-news-side-head small{font-size:6.5px;font-weight:850;letter-spacing:.15em;color:#626e82}.nl48-news-side-head b{font-size:12px}
.nl48-news-side-head>a{text-decoration:none;color:#758195;font-size:7.5px;font-weight:800;display:flex;align-items:center;gap:5px;white-space:nowrap}.nl48-news-side-head>a:hover{color:var(--nl4-cyan)}.nl48-news-side-head>a .nl4-svg{width:11px;height:11px}
.nl48-news-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;min-height:0}
.nl48-news-item{display:grid;grid-template-columns:70px minmax(0,1fr) 20px;gap:11px;align-items:center;min-height:78px;padding:7px;border:1px solid rgba(255,255,255,.045);border-radius:9px;text-decoration:none;color:var(--nl4-text);background:rgba(255,255,255,.012);transition:.18s;overflow:hidden}
.nl48-news-item:not(:has(.nl48-news-thumb)){grid-template-columns:minmax(0,1fr) 20px;padding-left:12px}
.nl48-news-item:hover{border-color:rgba(53,217,255,.16);background:rgba(53,217,255,.025);transform:translateX(-2px)}
.nl48-news-thumb{width:70px;height:62px;border-radius:7px;overflow:hidden;background:#090c13}.nl48-news-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;filter:saturate(.75)}
.nl48-news-item-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.nl48-news-item-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nl48-news-item-copy small{font-size:7.5px;color:#707b90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl48-news-item>em{font-style:normal;color:#526075;display:grid;place-items:center}.nl48-news-item>em .nl4-svg{width:12px;height:12px}
.nl48-news-follow{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nl48-news-follow>a{min-height:54px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:rgba(255,255,255,.012);padding:9px 11px;display:grid;grid-template-columns:28px 1fr 12px;align-items:center;gap:8px;text-decoration:none;color:var(--nl4-text);transition:.18s}.nl48-news-follow>a:hover{border-color:rgba(53,217,255,.16);background:rgba(53,217,255,.025)}
.nl48-news-follow>a>span{width:28px;height:28px;border:1px solid var(--nl4-line);border-radius:7px;display:grid;place-items:center;color:#78deea}.nl48-news-follow>a>span .nl4-svg{width:14px;height:14px}.nl48-news-follow>a>div{display:flex;flex-direction:column;gap:3px;min-width:0}.nl48-news-follow small{font-size:6px;letter-spacing:.12em;color:#667286;font-weight:850}.nl48-news-follow b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nl48-news-follow>a>.nl4-svg{width:11px;height:11px;color:#59667a}
.nl48-news-empty{border:1px solid var(--nl4-line);border-radius:12px;padding:35px;color:var(--nl4-muted);background:var(--nl4-panel)}

/* FAQ: левая колонка больше не растягивается на всю высоту списка */
.nl48-help-grid{align-items:start;grid-template-columns:minmax(310px,.62fr) minmax(0,1.38fr)}
.nl48-help-console{min-height:0;align-self:start;position:sticky;top:86px}
.nl48-help-console h3{margin:38px 0 18px}
.nl48-help-shortcuts{display:grid;gap:7px;margin:17px 0 22px}.nl48-help-shortcuts>a{min-height:54px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:31px minmax(0,1fr) 13px;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;color:#dfe7f2;transition:.18s}.nl48-help-shortcuts>a:hover{border-color:rgba(53,217,255,.2);background:rgba(53,217,255,.03);transform:translateX(2px)}
.nl48-help-shortcuts>a>span{width:31px;height:31px;border:1px solid rgba(53,217,255,.1);border-radius:7px;display:grid;place-items:center;color:#6cdde9;background:rgba(53,217,255,.025)}.nl48-help-shortcuts>a>span .nl4-svg{width:15px;height:15px}.nl48-help-shortcuts>a>div{display:flex;flex-direction:column;gap:4px;min-width:0}.nl48-help-shortcuts small{font-size:6px;letter-spacing:.13em;color:#657286;font-weight:850}.nl48-help-shortcuts b{font-size:9px}.nl48-help-shortcuts>a>.nl4-svg{width:11px;height:11px;color:#586579}
.nl48-faq-list summary{min-height:76px!important}
.nl48-faq-list details>div{font-size:10.5px!important;line-height:1.78!important;padding-top:18px!important;padding-bottom:21px!important}
.nl48-faq-list details[open] summary{background:rgba(53,217,255,.018)}

body.light .nl48-news-feature,body.light .nl48-news-side,body.light .nl48-news-empty{background:rgba(255,255,255,.56)}
body.light .nl48-news-feature-media{background:#eaf0f7}
body.light .nl48-news-feature-media:after{background:linear-gradient(90deg,transparent 70%,rgba(238,243,249,.18))}
body.light .nl48-news-item,body.light .nl48-news-follow>a{background:rgba(16,19,29,.018);border-color:rgba(16,19,29,.055)}
body.light .nl48-help-shortcuts>a{background:rgba(16,19,29,.018);border-color:rgba(16,19,29,.06);color:#222a36}

@media(max-width:1100px){
  .nl48-news-layout{grid-template-columns:minmax(0,1fr) 350px}
  .nl48-news-feature{grid-template-columns:230px minmax(0,1fr)}
  .nl48-news-feature-copy{padding:24px}.nl48-news-feature-copy>strong{font-size:26px}
  .nl48-help-grid{grid-template-columns:330px minmax(0,1fr)}
}
@media(max-width:900px){
  .nl48-news-layout{grid-template-columns:1fr}.nl48-news-feature{min-height:310px}.nl48-news-feature-media img{min-height:310px}.nl48-news-side{min-height:0}
  .nl48-help-grid{grid-template-columns:1fr}.nl48-help-console{position:static;top:auto;width:100%}
}
@media(max-width:620px){
  .nl48-news-feature{grid-template-columns:1fr;min-height:0}.nl48-news-feature-media{height:190px;border-right:0;border-bottom:1px solid var(--nl4-line)}.nl48-news-feature-media img{height:190px;min-height:190px;object-position:center 30%}.nl48-news-feature-copy{padding:20px}.nl48-news-feature-copy>strong{font-size:24px;margin:11px 0 13px}.nl48-news-feature-copy>span{-webkit-line-clamp:4}.nl48-news-feature-copy>b{margin-top:18px}
  .nl48-news-side{padding:13px}.nl48-news-side-head{align-items:flex-start;flex-direction:column}.nl48-news-list{grid-template-rows:auto}.nl48-news-item{grid-template-columns:62px minmax(0,1fr) 18px;min-height:74px}.nl48-news-thumb{width:62px;height:58px}.nl48-news-follow{grid-template-columns:1fr}
  .nl48-help-console{padding:20px}.nl48-help-console h3{margin-top:34px}.nl48-faq-list summary{min-height:74px!important}.nl48-faq-list details>div{padding-left:53px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.nl48-news-feature,.nl48-news-feature-media img,.nl48-news-item,.nl48-help-shortcuts>a{transition:none!important}}
.nl48-news-section{content-visibility:auto;contain-intrinsic-size:1px 520px}

/* V4.9 — news redesign + readability pass */
.nl49-news-section{padding-top:82px}
.nl49-news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.nl49-news-title{display:flex;align-items:flex-end;gap:22px;min-width:0}
.nl49-news-number{font:850 38px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);letter-spacing:-.08em}
.nl49-news-title>div{min-width:0}
.nl49-news-title small{display:block;margin-bottom:7px;color:#788397;font-size:10px;font-weight:850;letter-spacing:.18em}
.nl49-news-title h2{margin:0;font-size:clamp(30px,2.5vw,40px);line-height:1;letter-spacing:-.04em}
.nl49-news-title p{margin:9px 0 0;color:#8d98aa;font-size:13px;line-height:1.55}
.nl49-news-archive{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--nl4-line);border-radius:8px;background:rgba(255,255,255,.018);text-decoration:none;color:#a6b0c0;font-size:11px;font-weight:800;white-space:nowrap;transition:.18s}
.nl49-news-archive:hover{color:var(--nl4-text);border-color:rgba(53,217,255,.2);background:rgba(53,217,255,.025)}
.nl49-news-archive .nl4-svg{width:13px;height:13px}
.nl49-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.nl49-news-card{min-width:0;border:1px solid var(--nl4-line);border-radius:11px;background:var(--nl4-panel);overflow:hidden;text-decoration:none;color:var(--nl4-text);transition:transform .2s ease,border-color .2s ease,background .2s ease;display:flex;flex-direction:column}
.nl49-news-card:hover{transform:translateY(-3px);border-color:rgba(53,217,255,.2);background:rgba(255,255,255,.018)}
.nl49-news-card.is-latest{border-color:rgba(53,217,255,.16)}
.nl49-news-media{height:142px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,rgba(53,217,255,.08),rgba(110,62,255,.08)),#090c13;overflow:hidden;color:rgba(86,219,237,.35)}
.nl49-news-media img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;filter:saturate(.82) contrast(1.04);transition:transform .35s ease,filter .35s ease}
.nl49-news-card:hover .nl49-news-media img{transform:scale(1.025);filter:saturate(.98) contrast(1.03)}
.nl49-news-media>.nl4-svg{width:48px;height:48px}
.nl49-news-media>b{position:absolute;left:11px;top:11px;padding:6px 8px;border:1px solid rgba(53,217,255,.18);border-radius:6px;background:rgba(5,8,13,.78);backdrop-filter:blur(8px);color:#8cebf4;font-size:9px;letter-spacing:.11em}
.nl49-news-copy{padding:17px 17px 16px;display:flex;flex-direction:column;min-height:190px;min-width:0}
.nl49-news-copy time{font:800 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#768196;letter-spacing:.04em}
.nl49-news-copy>strong{margin:10px 0 9px;font-size:17px;line-height:1.16;letter-spacing:-.02em;overflow-wrap:anywhere}
.nl49-news-copy>span{color:#919bad;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nl49-news-copy>em{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-style:normal;color:#76dce8;font-size:11px;font-weight:800}
.nl49-news-copy>em .nl4-svg{width:13px;height:13px}
body.light .nl49-news-card{background:rgba(255,255,255,.6)}
body.light .nl49-news-media{background:#eaf0f7}

/* Readability: important interface text should not be micro-text. */
.nl4-section-title small,.nl4-about-copy>small{font-size:10.5px}
.nl4-section-title>p{font-size:13px}
.nl4-brand small{font-size:10px}
.nl4-overline{font-size:11px}
.nl4-hero-copy>p{font-size:14px!important;line-height:1.65!important}
.nl4-play small{font-size:11px}
.nl4-hero-tags span{font-size:10px}
.nl4-monitor-head small,.nl4-panel-head small{font-size:10.5px}
.nl4-status{font-size:10px}
.nl4-online-topline{font-size:10px}
.nl4-telemetry-item small{font-size:9.5px}
.nl4-telemetry-item strong{font-size:12px}
.nl4-monitor-grid>div small{font-size:9.5px}
.nl4-server-code span{font-size:10px}
.nl4-module-copy small{font-size:10px}
.nl4-module-copy p,.nl4-module-feature .nl4-module-copy p{font-size:12px;line-height:1.6}
.nl4-module-foot b{font-size:10px}
.nl4-route-desc{font-size:10.5px}
.nl46-record-item small{font-size:9.5px}
.nl46-admin-empty span,.nl46-admin-summary span{font-size:11px}
.nl46-admin-list b{font-size:10.5px}
.nl46-event-row span{font-size:12px}
.nl46-player-main b{font-size:12px}
.nl46-player-main small{font-size:9px}
.nl46-top-player>strong small{font-size:9px}
.nl46-map-row b{font-size:11px}
.nl46-empty-row{font-size:11px}
.nl46-now span{font-size:10px}
.nl46-chat-message{font-size:12px}
.nl46-chat-message>b{font-size:11.5px}
.nl47-social-copy small{font-size:9.5px}
.nl47-social-copy p{font-size:12px;line-height:1.6}
.nl47-social-foot b{font-size:9.5px}
.nl47-manifesto-copy>small{font-size:10px}
.nl47-manifesto-copy>a{font-size:10.5px}
.nl47-principle p{font-size:12px;line-height:1.55}
.nl47-help-console>button{font-size:10.5px}
.nl47-help-console-foot{font-size:9.5px}
.nl47-faq-list summary small{font-size:9.5px}
.nl47-faq-list summary b{font-size:15px}
.nl47-faq-list details>div,.nl48-faq-list details>div{font-size:12.5px!important;line-height:1.7!important}
.nl47-faq-list code{font-size:11px}
.nl48-help-shortcuts>a div small{font-size:9px}
.nl48-help-shortcuts>a div b{font-size:11.5px}
.nl47-final-copy small{font-size:10px}
.nl47-final-copybtn{font-size:10.5px}
.nl47-footer-brand small{font-size:9px}
.nl47-footer-nav a{font-size:10.5px}

@media(max-width:1180px){
  .nl49-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nl49-news-media{height:165px}
}
@media(max-width:620px){
  .nl49-news-section{padding-top:64px}
  .nl49-news-head{align-items:flex-start;flex-direction:column;gap:16px}
  .nl49-news-title{gap:13px;align-items:flex-start}
  .nl49-news-number{font-size:28px}
  .nl49-news-title h2{font-size:28px}
  .nl49-news-title p{font-size:12.5px}
  .nl49-news-archive{width:100%;justify-content:center}
  .nl49-news-grid{grid-template-columns:1fr}
  .nl49-news-media{height:180px}
  .nl49-news-copy{min-height:175px;padding:16px}
  .nl49-news-copy>strong{font-size:18px}
  .nl49-news-copy>span{font-size:13px}
  .nl4-section-title>p{font-size:12.5px!important}
  .nl4-overline{font-size:10px}
  .nl4-hero-tags span{font-size:9px}
  .nl4-module-copy p{font-size:12px}
  .nl46-event-row span,.nl46-chat-message{font-size:11.5px}
  .nl47-social-copy p,.nl47-principle p{font-size:11.5px}
  .nl47-faq-list details>div,.nl48-faq-list details>div{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.nl49-news-card,.nl49-news-media img{transition:none!important}}
/* A hard floor for auxiliary text: decorative labels may be compact, but never unreadable. */
.nl4-main small{font-size:10px!important}
@media(max-width:620px){.nl4-main small{font-size:10px!important}}

/* =========================================================
   V5.0 — final polish of the home portal
   No structural redesign: spacing, type, rhythm and responsive fit.
   ========================================================= */

html{scroll-padding-top:92px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(53,217,255,.24);color:var(--nl4-text)}
.nl4-main a:focus-visible,.nl4-main button:focus-visible,.nl4-topbar a:focus-visible,.nl4-topbar button:focus-visible{
  outline:2px solid rgba(53,217,255,.72);outline-offset:3px
}

/* Global vertical rhythm: keep the portal dense without feeling cramped. */
.nl4-main{padding-top:98px;padding-bottom:24px}
.nl4-section{padding-top:80px}
.nl4-section-title{grid-template-columns:62px minmax(260px,1fr) minmax(280px,440px);gap:18px;margin-bottom:24px}
.nl4-index{font-size:36px;opacity:.9}
.nl4-section-title small,.nl4-about-copy>small{font-size:11px!important;letter-spacing:.17em}
.nl4-section-title h2{font-size:clamp(30px,2.75vw,40px);text-wrap:balance}
.nl4-section-title>p{font-size:13.5px;line-height:1.6;max-width:420px;text-wrap:pretty}

/* Hero: slightly tighter and better balanced on common 1440/1920 displays. */
.hero.nl4-hero{min-height:590px;grid-template-columns:minmax(0,1fr) 400px!important}
.nl4-hero-copy{padding:76px 52px 52px}
.nl4-overline{font-size:11px;letter-spacing:.19em;margin-bottom:20px}
.nl4-hero h1{font-size:clamp(48px,5.1vw,80px)!important;max-width:740px;text-wrap:balance}
.nl4-hero-copy>p{max-width:680px!important;font-size:15px!important;line-height:1.68!important;text-wrap:pretty}
.nl4-connect-row{margin-top:30px}
.nl4-hero-tags{margin-top:24px;gap:13px 18px}
.nl4-hero-tags span{font-size:10.5px;letter-spacing:.12em}

/* Compact monitor, but do not squeeze meaningful values. */
.hero.nl4-hero .nl4-monitor{margin:18px;padding:23px;align-self:center;min-height:0}
.nl4-monitor-head small,.nl4-panel-head small{font-size:11px!important;letter-spacing:.14em}
.nl4-monitor-head b{font-size:15px}
.nl4-status{font-size:10.5px}
.nl4-online{margin:32px 0 22px}
.nl4-online-topline{font-size:10.5px}
.nl4-telemetry{gap:7px}
.nl4-telemetry-item{padding:11px 10px;gap:9px}
.nl4-telemetry-item small{font-size:10px!important;letter-spacing:.11em}
.nl4-telemetry-item strong{font-size:12.5px;line-height:1.25}
.nl4-monitor-grid-compact>div{min-height:60px;padding:12px 13px}
.nl4-monitor-grid>div small{font-size:10px!important}
.nl4-monitor-grid-compact strong{font-size:12px}
.nl4-server-code span{font-size:10.5px}
.nl4-server-code code{font-size:11.5px}

/* Connection routes: make hostnames and route purpose readable at a glance. */
.nl4-routes{margin-top:12px}
.nl4-routes-head{min-height:58px;padding:13px 16px}
.nl4-routes-head small{font-size:10.5px!important;letter-spacing:.14em}
.nl4-routes-head b{font-size:14px}
.nl4-routes-head>span{font-size:10px}
.nl4-route-card{min-height:96px;padding:15px 16px}
.nl4-route-title small{font-size:10px!important}
.nl4-route-title b{font-size:12.5px}
.nl4-route-title em{font-size:9px;padding:3px 5px}
.nl4-route-copy code{font-size:11.5px;margin-top:6px}
.nl4-route-desc{font-size:10.5px!important;margin-top:4px}
.nl4-route-action span{font-size:9.5px}

/* Project systems: improve text hierarchy and remove "micro label" feel. */
.nl4-launchpad{gap:11px}
.nl4-module{border-radius:12px}
.nl4-module-top{font-size:10px;letter-spacing:.10em}
.nl4-module-copy small{font-size:10.5px!important;letter-spacing:.14em}
.nl4-module-copy h3{font-size:22px}
.nl4-module-feature .nl4-module-copy h3{font-size:clamp(29px,2.35vw,36px)}
.nl4-module-copy p,.nl4-module-feature .nl4-module-copy p{font-size:13px;line-height:1.58;max-width:520px}
.nl4-module-foot{font-size:10.5px;letter-spacing:.045em}
.nl4-module-foot b{font-size:10.5px}

/* Live dashboard: readable event data, more consistent panel density. */
.nl46-dashboard,.nl46-feed-grid,.nl46-insights-grid{gap:11px}
.nl46-chart-panel{min-height:410px;padding:21px}
.nl46-chart-stage{min-height:276px}
.nl46-chart-stage .nl4-chart-wrap,.nl46-chart-stage .nl4-chart-wrap #onlineChart{height:274px!important}
.nl46-chart-meta{font-size:10.5px;gap:8px 18px}
.nl46-now span{font-size:10.5px}
.nl46-kpi-card,.nl46-feed-panel,.nl46-ranking-panel,.nl46-history-panel{padding:19px}
.nl46-record-item small{font-size:10px!important}
.nl46-record-item span{font-size:10px}
.nl46-admin-list b{font-size:11px}
.nl46-event-row{grid-template-columns:7px 64px minmax(0,1fr);padding:10px 0}
.nl46-event-row time{font-size:10px}
.nl46-event-row span{font-size:12.5px;line-height:1.48}
.nl46-chat-feed .chatLine{grid-template-columns:64px minmax(0,1fr)!important;padding:9px 0!important}
.nl46-chat-feed .chatTime{font-size:10px!important}
.nl46-chat-message{font-size:12.5px;line-height:1.5}
.nl46-chat-message>b{font-size:12px}
.nl46-player-main b{font-size:12.5px}
.nl46-player-main small{font-size:10px!important}
.nl46-top-player>strong small{font-size:10px!important}
.nl46-map-no,.nl46-map-row time{font-size:10px}
.nl46-map-row b{font-size:11.5px}
.nl46-empty-row{font-size:11.5px}

/* News V4.9 stays structurally intact; only normalize spacing and type. */
.nl49-news-section{padding-top:80px}
.nl49-news-head{margin-bottom:20px}
.nl49-news-title small{font-size:11px!important;letter-spacing:.15em}
.nl49-news-title p{font-size:13.5px}
.nl49-news-grid{gap:11px}
.nl49-news-copy{padding:18px;min-height:194px}
.nl49-news-copy time{font-size:10.5px}
.nl49-news-copy>strong{font-size:18px;line-height:1.2}
.nl49-news-copy>span{font-size:13px;line-height:1.58}
.nl49-news-copy>em{font-size:11.5px}

/* Community: readable labels and a slightly calmer rhythm. */
.nl47-community-grid{gap:11px}
.nl47-social-card{padding:21px}
.nl47-social-top em{font-size:10px;letter-spacing:.09em}
.nl47-social-copy{padding-top:24px}
.nl47-social-copy small{font-size:10.5px!important;letter-spacing:.12em}
.nl47-social-copy h3{font-size:23px}
.nl47-social-compact .nl47-social-copy h3{font-size:18px}
.nl47-social-copy p{font-size:13px;line-height:1.55}
.nl47-social-foot{font-size:10px;line-height:1.25;letter-spacing:.04em}
.nl47-social-foot b{font-size:10px}

/* Manifesto: reduce empty vertical space and make the principles useful to read. */
.nl47-manifesto{gap:44px;padding-top:82px;align-items:start}
.nl47-manifesto-copy h2{font-size:clamp(38px,3.5vw,48px);line-height:1.01;margin:11px 0 17px;text-wrap:balance}
.nl47-manifesto-copy p{font-size:13.5px;line-height:1.68;max-width:520px}
.nl47-manifesto-copy>a{font-size:11px;letter-spacing:.045em;text-transform:none}
.nl47-manifesto-board{padding-left:82px}
.nl47-manifesto-mark{font-size:47px}
.nl47-principle{grid-template-columns:46px minmax(0,1fr);gap:15px;padding:23px 0}
.nl47-principle>span{font-size:16px}
.nl47-principle b{font-size:17px;letter-spacing:.035em}
.nl47-principle p{font-size:13px;line-height:1.55;margin-top:7px}

/* FAQ: dense enough to scan, large enough to actually read. */
.nl48-help-grid{grid-template-columns:minmax(330px,.58fr) minmax(0,1.42fr);gap:11px}
.nl48-help-console{top:94px}
.nl47-help-console-top small{font-size:10px!important}
.nl47-help-console h3{font-size:29px;line-height:1.06;margin:34px 0 17px}
.nl47-help-console>code{font-size:11.5px;line-height:1.45}
.nl47-help-console>button{font-size:11px}
.nl47-help-console-foot{font-size:10px;line-height:1.25;letter-spacing:.06em}
.nl47-help-console-foot b{font-size:10px}
.nl48-help-shortcuts>a{min-height:58px;padding:9px 11px}
.nl48-help-shortcuts>a div small{font-size:10px!important}
.nl48-help-shortcuts>a div b{font-size:12px}
.nl47-faq-list summary{min-height:82px!important;padding:17px 20px!important}
.nl47-faq-list summary small{font-size:10px!important;letter-spacing:.11em}
.nl47-faq-list summary b{font-size:15.5px;line-height:1.3}
.nl47-faq-list details>div,.nl48-faq-list details>div{font-size:13px!important;line-height:1.68!important;padding-top:17px!important;padding-bottom:20px!important}
.nl47-faq-list code{font-size:11.5px}

/* Final CTA + footer: readable ending, less oversized empty area. */
.nl47-final-cta{min-height:330px;margin-top:80px;padding:34px;gap:24px}
.nl47-final-status{font-size:10px;line-height:1.2;letter-spacing:.08em}
.nl47-final-copy small{font-size:10.5px!important;letter-spacing:.14em}
.nl47-final-copy h2{font-size:clamp(42px,4vw,52px);margin:10px 0 17px}
.nl47-final-copy p{font-size:10.5px;line-height:1.35}
.nl47-final-copybtn{font-size:11px}
.nl47-footer{min-height:126px;margin-top:10px;padding:24px 0}
.nl47-footer-brand b{font-size:12px}
.nl47-footer-brand small{font-size:10px!important}
.nl47-footer-nav a{font-size:11.5px}
.nl47-footer-meta{font-size:10px;line-height:1.35;letter-spacing:.05em}

/* A real readability floor for semantic auxiliary text. */
.nl4-main small{font-size:10.5px!important;line-height:1.35}

@media(max-width:1180px){
  .hero.nl4-hero{grid-template-columns:minmax(0,1fr) 360px!important}
  .nl4-hero-copy{padding:66px 38px 44px}
  .nl4-section-title{grid-template-columns:56px 1fr}
  .nl4-section-title>p{grid-column:2;justify-self:start;max-width:620px}
  .nl47-manifesto-board{padding-left:64px}
  .nl48-help-grid{grid-template-columns:320px minmax(0,1fr)}
}

@media(max-width:900px){
  .nl4-main{padding-top:92px}
  .nl4-section{padding-top:68px}
  .hero.nl4-hero{min-height:0}
  .nl4-hero-copy{padding:56px 30px 34px}
  .hero.nl4-hero .nl4-monitor{margin:0 16px 16px;padding:21px}
  .nl47-manifesto{padding-top:68px;gap:30px}
  .nl47-manifesto-board{padding-left:0}
  .nl47-manifesto-mark{display:none}
  .nl48-help-grid{grid-template-columns:1fr}
  .nl48-help-console{position:static;top:auto}
}

@media(max-width:620px){
  html{scroll-padding-top:78px}
  .nl4-shell{width:calc(100% - 22px)}
  .nl4-main{padding-top:82px;padding-bottom:18px}
  .nl4-section{padding-top:56px}
  .nl4-section-title{grid-template-columns:36px minmax(0,1fr);gap:10px;margin-bottom:17px}
  .nl4-index{font-size:25px}
  .nl4-section-title h2{font-size:27px;line-height:1.08}
  .nl4-section-title>p{grid-column:1/3;font-size:13px!important;line-height:1.55}
  .nl4-hero-copy{padding:42px 20px 27px}
  .nl4-overline{font-size:10px;letter-spacing:.13em}
  .nl4-hero h1{font-size:42px!important;line-height:1!important}
  .nl4-hero-copy>p{font-size:13.5px!important;line-height:1.58!important}
  .nl4-hero-tags span{font-size:10px}
  .hero.nl4-hero .nl4-monitor{margin:0 9px 9px;padding:18px}
  .nl4-monitor-head b{font-size:14px}
  .nl4-status{font-size:10px}
  .nl4-telemetry-item strong{font-size:12px}
  .nl4-routes-head>span{display:none}
  .nl4-route-card{min-height:80px;padding:12px 13px}
  .nl4-route-title b{font-size:12px}
  .nl4-route-copy code{font-size:11px}
  .nl4-module,.nl4-module-feature,.nl4-module-compact,.nl4-module-wide{padding:18px}
  .nl4-module-top{font-size:9.5px!important}
  .nl4-module-copy p,.nl4-module-feature .nl4-module-copy p{font-size:12.5px;line-height:1.55}
  .nl46-chart-panel{min-height:360px;padding:17px}
  .nl46-chart-stage{min-height:230px}.nl46-chart-stage .nl4-chart-wrap,.nl46-chart-stage .nl4-chart-wrap #onlineChart{height:228px!important}
  .nl46-feed-panel,.nl46-ranking-panel,.nl46-history-panel{padding:17px}
  .nl46-event-feed,.nl46-chat-feed{height:230px;max-height:230px}
  .nl46-event-row{grid-template-columns:7px 52px minmax(0,1fr);gap:7px}
  .nl46-event-row time{font-size:9.5px}
  .nl46-chat-feed .chatLine{grid-template-columns:52px minmax(0,1fr)!important}
  .nl49-news-section{padding-top:56px}
  .nl49-news-title h2{font-size:27px}
  .nl49-news-title p{font-size:13px}
  .nl49-news-copy>span{font-size:13px}
  .nl47-social-card{padding:18px}
  .nl47-social-copy p{font-size:12.5px}
  .nl47-manifesto{padding-top:56px}
  .nl47-manifesto-copy h2{font-size:34px}
  .nl47-manifesto-copy p{font-size:13px}
  .nl47-principle{grid-template-columns:34px 1fr;gap:10px;padding:19px 0}
  .nl47-principle b{font-size:16px}
  .nl47-principle p{font-size:12.5px}
  .nl47-help-console{padding:18px}
  .nl47-help-console h3{font-size:27px;margin-top:30px}
  .nl47-faq-list summary{min-height:76px!important;padding:14px!important;grid-template-columns:28px minmax(0,1fr) 25px!important;gap:9px!important}
  .nl47-faq-list details>div,.nl48-faq-list details>div{font-size:13px!important;padding:14px 14px 18px 51px!important}
  .nl47-final-cta{min-height:370px;margin-top:58px;padding:23px 18px}
  .nl47-final-copy h2{font-size:38px}
  .nl47-footer{padding:24px 0;gap:18px}
  .nl47-footer-nav{gap:10px 18px}
  .nl47-footer-nav a{font-size:11.5px}
  .nl47-footer-meta{font-size:10px}
  .nl4-main small{font-size:10.5px!important}
}

@media(max-width:390px){
  .nl4-shell{width:calc(100% - 16px)}
  .nl4-hero h1{font-size:38px!important}
  .nl4-route-desc{display:none}
  .nl47-faq-list details>div,.nl48-faq-list details>div{padding-left:14px!important}
}

/* =========================================================
   V5.1 — final home shell + light theme
   Remove legacy tabs UI from home, use one native V5 header.
   ========================================================= */
.nl4-topbar-inner{position:relative}
.nl4-top-actions{margin-left:0}
.nl4-top-live,.nl4-top-login,.nl4-menu-btn{
  height:40px;border:1px solid var(--nl4-line);border-radius:9px;
  background:rgba(255,255,255,.035);color:var(--nl4-text);
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none
}
.nl4-top-live{gap:8px;padding:0 12px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.nl4-top-live i{width:8px;height:8px;border-radius:50%;background:#f0b84e;box-shadow:0 0 0 4px rgba(240,184,78,.08)}
.nl4-top-live i[data-state="ok"]{background:#40dfa0;box-shadow:0 0 0 4px rgba(64,223,160,.08),0 0 14px rgba(64,223,160,.28)}
.nl4-top-live i[data-state="bad"]{background:#ff5b72;box-shadow:0 0 0 4px rgba(255,91,114,.08)}
.nl4-top-login{gap:7px;padding:0 13px;font-size:11px;font-weight:800}
.nl4-top-login>span{display:grid;place-items:center}.nl4-top-login .nl4-svg{width:15px;height:15px}
.nl4-top-live:hover,.nl4-top-login:hover,.nl4-icon-btn:hover{background:rgba(255,255,255,.07);border-color:var(--nl4-line-hi)}
.nl4-menu-btn{display:none;width:40px;padding:0;cursor:pointer}.nl4-menu-btn .nl4-svg{width:18px;height:18px}
.nl4-mobile-nav{display:none}

/* Light mode: make every large surface deliberately light instead of merely inverted. */
body.light{color-scheme:light;background:
  radial-gradient(900px 700px at 8% -10%,rgba(126,86,255,.10),transparent 60%),
  radial-gradient(900px 650px at 100% 15%,rgba(53,191,224,.09),transparent 58%),
  linear-gradient(180deg,#f2f5fb,#e9eef7 52%,#f4f7fb)!important
}
body.light .nl4-bg-glow{opacity:.08}
body.light .nl4-topbar{background:rgba(247,249,253,.91);border-bottom-color:rgba(28,38,58,.10);box-shadow:0 10px 32px rgba(30,43,70,.06)}
body.light .nl4-nav a:hover,body.light .nl4-top-live:hover,body.light .nl4-top-login:hover,body.light .nl4-icon-btn:hover{background:rgba(25,39,65,.055)}
body.light .nl4-top-live,body.light .nl4-top-login,body.light .nl4-icon-btn,body.light .nl4-top-donate{background:rgba(255,255,255,.72);border-color:rgba(28,38,58,.12);box-shadow:0 4px 16px rgba(31,45,72,.04)}
body.light .hero.nl4-hero{background:#f7f9fd!important;border-color:rgba(28,38,58,.11)!important;box-shadow:0 28px 70px rgba(42,56,82,.13)!important}
body.light .hero.nl4-hero:after{background:linear-gradient(90deg,transparent 0 65%,rgba(42,145,174,.055) 65% 65.15%,transparent 65.15%),linear-gradient(180deg,transparent 0 88%,rgba(125,76,230,.045))!important}
body.light .nl4-hero-noise{opacity:.04;mix-blend-mode:multiply}
body.light .nl4-hero-tags span{color:#59667a}
body.light .nl4-copy:hover{background:#fff;color:#161c27;border-color:rgba(28,38,58,.18)}
body.light .nl4-monitor{box-shadow:0 18px 42px rgba(49,61,87,.10)}
body.light .nl4-status{background:rgba(31,45,72,.035);color:#536074}
body.light .nl4-online-topline,body.light .nl4-monitor-head small,body.light .nl4-monitor-grid small,body.light .nl4-server-code span{color:#657185}
body.light .nl4-telemetry-item,body.light .nl4-monitor-grid>div{background:rgba(255,255,255,.72)!important}
body.light .nl4-routes,body.light .nl4-module,body.light .nl4-panel,body.light .nl46-chart-panel,body.light .nl46-kpi-card,body.light .nl46-feed-panel,body.light .nl46-ranking-panel,body.light .nl46-history-panel,body.light .nl49-news-card,body.light .nl47-social-card,body.light .nl47-faq-list,body.light .nl48-help-console,body.light .nl47-final-cta{
  border-color:rgba(28,38,58,.10);box-shadow:0 12px 32px rgba(42,56,82,.055)
}
body.light .nl4-module,body.light .nl4-panel,body.light .nl46-chart-panel,body.light .nl46-kpi-card,body.light .nl46-feed-panel,body.light .nl46-ranking-panel,body.light .nl46-history-panel,body.light .nl49-news-card,body.light .nl47-social-card,body.light .nl47-faq-list{background:rgba(255,255,255,.68)}
body.light .nl46-event-row span,body.light .nl46-chat-message,body.light .nl49-news-copy>span,body.light .nl47-social-copy p,body.light .nl47-manifesto-copy p,body.light .nl47-principle p,body.light .nl47-faq-list details>div{color:#536074!important}
body.light .nl46-event-row,body.light .nl46-chat-feed .chatLine,body.light .nl46-map-row,body.light .nl47-principle,body.light .nl47-footer{border-color:rgba(28,38,58,.09)!important}
body.light .nl47-final-status,body.light .nl47-footer-meta,body.light .nl47-footer-brand small{color:#5d697c}
body.light .nl-stage-mark{background:rgba(255,255,255,.88)!important;color:#6a7587!important;border-color:rgba(28,38,58,.12)!important}

@media(max-width:1180px){
  .nl4-nav{gap:2px}.nl4-nav a{padding:10px 9px;font-size:11px}
  .nl4-top-donate{padding:0 11px}.nl4-top-login{padding:0 10px}
}
@media(max-width:900px){
  .nl4-nav{display:none}
  .nl4-top-donate{display:none}
  .nl4-menu-btn{display:inline-flex}
  .nl4-top-actions{margin-left:auto}
  .nl4-mobile-nav{
    position:absolute;display:grid;visibility:hidden;opacity:0;pointer-events:none;
    right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 28px));padding:10px;
    border:1px solid var(--nl4-line);border-radius:12px;background:rgba(10,12,19,.97);
    box-shadow:0 24px 60px rgba(0,0,0,.34);transform:translateY(-6px);transition:.18s;z-index:130
  }
  .nl4-mobile-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .nl4-mobile-nav a{padding:12px 13px;border-radius:8px;text-decoration:none;color:var(--nl4-muted);font-size:12px;font-weight:800}
  .nl4-mobile-nav a:hover{background:rgba(255,255,255,.055);color:var(--nl4-text)}
  .nl4-mobile-nav>span{height:1px;background:var(--nl4-line);margin:6px 5px}
  body.light .nl4-mobile-nav{background:rgba(250,252,255,.98);box-shadow:0 24px 60px rgba(42,56,82,.16)}
  body.light .nl4-mobile-nav a:hover{background:rgba(28,38,58,.055)}
}
@media(max-width:620px){
  .nl4-topbar-inner{gap:8px}
  .nl4-brand b{font-size:13px}.nl4-brand img{width:36px;height:36px}
  .nl4-top-live{padding:0 9px;font-size:10px}
  .nl4-top-login{display:none}
  .nl4-icon-btn,.nl4-menu-btn{width:38px;height:38px}
}
@media(max-width:390px){
  .nl4-brand span{display:none}
  .nl4-top-live{font-size:9.5px;padding:0 8px}
}

/* ===== V5.2 — clearer hero + proper light/mobile composition ===== */
.nl52-hero-game{
  display:inline-block;
  margin-top:10px;
  font-size:.40em;
  line-height:1.15;
  letter-spacing:.015em;
  font-weight:800;
  color:#a9b2c5;
}
body.light .nl52-hero-game{color:#4e5b70}

/* Light hero: preserve the map and separate content from background. */
body.light .hero.nl4-hero:before{
  background-image:
    linear-gradient(90deg,rgba(247,249,253,.91) 0%,rgba(247,249,253,.80) 42%,rgba(247,249,253,.54) 68%,rgba(247,249,253,.69) 100%),
    linear-gradient(180deg,rgba(234,239,248,.08),rgba(234,239,248,.34)),
    var(--hero-map-bg,url('/assets/maps/default.jpg'))!important;
  filter:saturate(.88) contrast(1.04)!important;
}
body.light .nl4-hero-copy{
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
body.light .nl4-monitor{
  background:rgba(255,255,255,.84)!important;
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  border-color:rgba(34,46,70,.12)!important;
  box-shadow:0 20px 50px rgba(40,54,80,.14)!important;
}
body.light .nl4-monitor:before{opacity:.78}
body.light .nl4-online-num b{color:#111827!important}
body.light .nl4-online-num i,body.light .nl4-online-num span{color:#7a869b!important}
body.light .nl4-online-bar{background:rgba(20,31,52,.09)!important}
body.light .nl4-telemetry-item{
  background:rgba(247,249,253,.90)!important;
  border-color:rgba(34,46,70,.10)!important;
}
body.light .nl4-telemetry-item strong{color:#273247!important}
body.light .nl4-monitor-grid{border-color:rgba(34,46,70,.12)!important}
body.light .nl4-monitor-grid>div{background:rgba(250,251,254,.83)!important;border-color:rgba(34,46,70,.10)!important}
body.light .nl4-monitor-grid strong{color:#131a27!important}
body.light .nl4-server-code code{color:#385775!important}

/* Avoid excessive hero height on ordinary notebook widths. */
@media(max-width:1180px) and (min-width:901px){
  .hero.nl4-hero{min-height:540px!important;grid-template-columns:minmax(0,1fr) 350px!important}
  .nl4-hero-copy{padding:58px 36px 42px}
  .nl4-hero h1{font-size:clamp(44px,5vw,68px)!important}
  .hero.nl4-hero .nl4-monitor{margin:14px;padding:20px}
}

/* Tablet/mobile: hero is purpose-built instead of desktop columns stacked vertically. */
@media(max-width:900px){
  .hero.nl4-hero{
    display:block!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .hero.nl4-hero:before{
    background-position:center top!important;
  }
  .nl4-hero-watermark{display:none}
  .nl4-hero-copy{
    max-width:none;
    padding:46px 28px 26px!important;
  }
  .nl4-hero h1{
    max-width:620px;
    font-size:clamp(42px,8vw,62px)!important;
    line-height:.97!important;
  }
  .nl52-hero-game{font-size:.38em;margin-top:9px}
  .nl4-hero-copy>p{
    max-width:620px!important;
    margin-top:18px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  .nl4-connect-row{margin-top:22px!important}
  .nl4-hero-tags{margin-top:18px!important}
  .hero.nl4-hero .nl4-monitor{
    margin:0 18px 18px!important;
    padding:20px!important;
    border-radius:13px!important;
  }
  .nl4-online{margin:22px 0 18px!important}
  .nl4-online-num{margin-top:12px!important}
  .nl4-online-num b{font-size:58px!important}
  .nl4-telemetry{gap:7px!important}
  .nl4-monitor-grid-compact{margin-top:10px!important}
  .nl4-server-code{margin-top:12px!important;padding-top:12px!important}
}

@media(max-width:620px){
  .hero.nl4-hero{border-radius:11px!important}
  .hero.nl4-hero:before{
    background-image:
      linear-gradient(180deg,rgba(6,8,13,.72) 0%,rgba(6,8,13,.88) 48%,rgba(6,8,13,.96) 100%),
      var(--hero-map-bg,url('/assets/maps/default.jpg'))!important;
    background-position:center top!important;
  }
  body.light .hero.nl4-hero:before{
    background-image:
      linear-gradient(180deg,rgba(246,248,252,.78) 0%,rgba(246,248,252,.91) 50%,rgba(246,248,252,.98) 100%),
      var(--hero-map-bg,url('/assets/maps/default.jpg'))!important;
    filter:saturate(.82) contrast(1.03)!important;
  }
  .nl4-hero-copy{padding:34px 18px 22px!important}
  .nl4-overline{font-size:9px!important;letter-spacing:.12em!important}
  .nl4-hero h1{font-size:40px!important;letter-spacing:-.045em!important}
  .nl52-hero-game{display:block;font-size:17px;line-height:1.25;margin-top:11px;letter-spacing:0}
  .nl4-hero-copy>p{font-size:13.5px!important;line-height:1.5!important;margin-top:16px!important}
  .nl4-connect-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .nl4-play,.nl4-copy{width:100%!important;min-width:0!important}
  .nl4-hero-tags{gap:12px!important;margin-top:16px!important}
  .nl4-hero-tags span{font-size:10px!important}

  .hero.nl4-hero .nl4-monitor{margin:0 8px 8px!important;padding:16px!important;border-radius:11px!important}
  .nl4-monitor-head{align-items:flex-start!important;gap:10px!important}
  .nl4-monitor-head>div:first-child small{font-size:10px!important}
  .nl4-monitor-head>div:first-child b{font-size:15px!important}
  .nl4-status{padding:6px 8px!important;font-size:9px!important;white-space:nowrap}
  .nl4-online{margin:18px 0 14px!important;padding-bottom:16px!important}
  .nl4-online-topline{font-size:10px!important}
  .nl4-online-open{font-size:9px!important}
  .nl4-online-num{display:flex!important;align-items:baseline!important;gap:8px!important;margin-top:8px!important}
  .nl4-online-num b{font-size:54px!important;line-height:.95!important}
  .nl4-online-num i{font-size:24px!important}
  .nl4-online-num span{font-size:28px!important}

  .nl4-telemetry{grid-template-columns:1.25fr .75fr!important;gap:7px!important}
  .nl4-telemetry-item:first-child{grid-column:1/3!important}
  .nl4-telemetry-item{min-height:58px!important;padding:9px 10px!important}
  .nl4-telemetry-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  .nl4-telemetry-item small{font-size:9px!important}
  .nl4-telemetry-item strong{font-size:11px!important;line-height:1.25!important}

  .nl4-monitor-grid-compact{grid-template-columns:1fr 1fr!important}
  .nl4-monitor-grid-compact>div{min-height:70px!important;padding:11px 10px!important}
  .nl4-monitor-grid small{font-size:9px!important}
  .nl4-monitor-grid strong{font-size:12px!important}
  .nl4-server-code{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
  .nl4-server-code span{font-size:9px!important}
  .nl4-server-code code{font-size:10px!important;text-align:right!important;overflow-wrap:anywhere}
}

@media(max-width:390px){
  .nl4-hero h1{font-size:36px!important}
  .nl52-hero-game{font-size:16px}
  .nl4-hero-copy>p{font-size:13px!important}
  .nl4-monitor-head{display:grid!important;grid-template-columns:1fr!important}
  .nl4-status{justify-self:start}
  .nl4-online-num b{font-size:48px!important}
  .nl4-telemetry{grid-template-columns:1fr 1fr!important}
  .nl4-monitor-grid-compact>div{min-height:66px!important}
}

/* ===== V5.3 — stronger map contrast in light mode + separate mobile map ===== */
/* Desktop light theme: make the current map visually present instead of washed out. */
body.light .hero.nl4-hero:before{
  background-image:
    linear-gradient(90deg,rgba(241,244,250,.78) 0%,rgba(241,244,250,.62) 40%,rgba(241,244,250,.28) 68%,rgba(241,244,250,.40) 100%),
    linear-gradient(180deg,rgba(228,233,242,.02),rgba(228,233,242,.18)),
    var(--hero-map-bg,url('/assets/maps/default.jpg'))!important;
  filter:brightness(.82) saturate(.98) contrast(1.18)!important;
}
body.light .nl4-hero-copy{
  background:linear-gradient(90deg,rgba(248,250,253,.56) 0%,rgba(248,250,253,.32) 58%,rgba(248,250,253,0) 100%);
}
body.light .nl4-monitor{
  background:rgba(255,255,255,.90)!important;
}

/* Phones: do not hide the map under the text. Show it as a dedicated visual strip. */
@media(max-width:620px){
  .hero.nl4-hero:before{
    background:linear-gradient(180deg,#080a10,#0b0e16)!important;
    filter:none!important;
  }
  .nl4-hero-copy{
    padding-top:0!important;
    background:none!important;
  }
  .nl4-hero-copy:before{
    content:"";
    display:block;
    height:168px;
    margin:0 -18px 26px;
    border-bottom:1px solid rgba(255,255,255,.10);
    background-image:
      linear-gradient(180deg,rgba(5,7,12,.08) 0%,rgba(5,7,12,.20) 58%,rgba(5,7,12,.68) 100%),
      var(--hero-map-bg,url('/assets/maps/default.jpg'));
    background-position:center 38%;
    background-size:cover;
    filter:saturate(.96) contrast(1.18) brightness(.88);
  }
  body.light .hero.nl4-hero:before{
    background:linear-gradient(180deg,#eef2f7,#f7f9fc)!important;
    filter:none!important;
  }
  body.light .nl4-hero-copy:before{
    border-bottom-color:rgba(29,41,63,.12);
    background-image:
      linear-gradient(180deg,rgba(232,236,244,.06) 0%,rgba(232,236,244,.14) 64%,rgba(232,236,244,.34) 100%),
      var(--hero-map-bg,url('/assets/maps/default.jpg'));
    filter:saturate(.98) contrast(1.22) brightness(.76);
  }
  .nl4-overline{margin-top:0!important}
}

@media(max-width:420px){
  .nl4-hero-copy:before{
    height:150px;
    margin-left:-18px;
    margin-right:-18px;
    background-position:center 42%;
  }
}

/* NewLife Commercial Update V1.0 */
.nl47-campaign-strip{border-color:rgba(53,217,255,.22)!important;background:linear-gradient(100deg,rgba(138,77,255,.13),rgba(53,217,255,.055))!important}
.nl47-campaign-strip .nl4-promo-time strong{font-size:20px!important;letter-spacing:-.04em;color:#d9f8ff}
.nl-commercial-offer-link{color:var(--nl4-muted);text-decoration:none;font-size:9px;font-weight:800}
.nl-commercial-offer-link:hover{color:var(--nl4-cyan)}
#onlineChart .apexcharts-tooltip-text-y-label,#onlineChart .apexcharts-tooltip-text-z-label{display:none!important}