/* navis-portal.css — NAVIS COMMAND PORTAL (Tahap 1 uji coba). Bahasa visual = layar login NAVIS (HUD sian, reaktor, radar, menara, pesawat).
   Aplikasi = modul yang mengorbit inti NAVIS, tersambung jalur laser. Tanpa angka keuangan. */
:root{--c:#00F0FF;--c2:#7ff8ff;--amb:#ffb347;--ok:#5df2a6;--bad:#ff6b6b;--bg:#030a10;--redup:#7f9aa6;--teks:#dff8ff;
  --mono:"Share Tech Mono",ui-monospace,monospace;--orb:"Orbitron","Rajdhani",system-ui,sans-serif;--raj:"Rajdhani","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--teks);font:15px/1.45 var(--raj);overflow-x:hidden}
button{font:inherit;color:inherit}
.np-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- latar ---------- */
.np-latar{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:radial-gradient(1100px 620px at 50% 48%,rgba(0,90,120,.28),transparent 70%),radial-gradient(900px 600px at 100% 0,rgba(0,60,90,.35),transparent 60%),var(--bg)}
.np-latar .lap{position:absolute;inset:0}
.np-latar .grid{background-image:linear-gradient(rgba(0,240,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.045) 1px,transparent 1px);background-size:96px 96px;
  -webkit-mask:radial-gradient(ellipse at 50% 45%,#000 25%,transparent 78%);mask:radial-gradient(ellipse at 50% 45%,#000 25%,transparent 78%)}
.np-latar .lantai{top:auto;height:46%;background-image:linear-gradient(rgba(0,240,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.12) 1px,transparent 1px);background-size:70px 46px;
  transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask:linear-gradient(transparent,#000 70%);mask:linear-gradient(transparent,#000 70%);opacity:.5;animation:npLantai 6s linear infinite}
.np-latar .debu{background-image:radial-gradient(circle,rgba(0,240,255,.7) 1px,transparent 1.7px),radial-gradient(circle,rgba(127,248,255,.4) 1px,transparent 1.5px),radial-gradient(circle,rgba(0,240,255,.25) .8px,transparent 1.3px);
  background-size:190px 230px,120px 150px,70px 90px;animation:npDebu 60s linear infinite}
.np-latar .radar{position:absolute;right:-180px;top:-180px;width:600px;height:600px;border-radius:50%;opacity:.5;background:repeating-radial-gradient(circle,transparent 0 74px,rgba(0,240,255,.15) 74px 75px);box-shadow:inset 0 0 90px rgba(0,240,255,.12)}
.np-latar .radar .sw{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,rgba(0,240,255,.35) 358deg,transparent 360deg);animation:npPutar 12s linear infinite}
.np-latar .radar .bl{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--c2);box-shadow:0 0 12px var(--c);animation:npBlip 4.5s ease-in-out infinite}
.np-latar .menara{position:absolute;left:-14px;bottom:34px;width:260px;height:450px;opacity:.26}
.np-latar .sudut{position:absolute;width:46px;height:46px;border:0 solid var(--c);filter:drop-shadow(0 0 4px var(--c))}
.np-latar .lampu{animation:npLampu 1.6s ease-in-out infinite}

/* ---------- kepala ---------- */
.np-kepala{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 44px;padding:26px 6px 14px;border-bottom:1px solid rgba(0,240,255,.28)}
.np-id{display:flex;align-items:center;gap:16px}
.np-logo{position:relative;width:74px;height:74px;flex:none}
.np-logo img{position:absolute;left:9px;top:9px;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 0 22px rgba(0,240,255,.45)}
.np-logo svg{position:absolute;inset:0;animation:npPutar 34s linear infinite}
.np-t1{font:700 23px/1 var(--orb);letter-spacing:5px}.np-t1 b{color:var(--c);text-shadow:0 0 18px rgba(0,240,255,.6)}
.np-t2{font:13px/1 var(--mono);letter-spacing:3px;color:var(--c);margin-top:9px}
.np-t3{font:12px/1 var(--mono);letter-spacing:3px;color:var(--redup);margin-top:7px}
.np-uji{color:var(--amb);border:1px solid rgba(255,179,71,.55);padding:1px 7px;margin-left:6px;letter-spacing:2px;white-space:nowrap}
.np-kanan{display:flex;align-items:center;gap:24px}
.np-koord{font:12.5px/1.7 var(--mono);letter-spacing:2px;color:var(--redup);text-align:right;padding-right:22px;border-right:1px solid rgba(0,240,255,.25)}
.np-koord b{color:var(--amb);font-weight:400}
.np-jam{font:500 38px/1 var(--orb);color:var(--c);text-shadow:0 0 18px rgba(0,240,255,.55);letter-spacing:2px;text-align:right}
.np-jam span{opacity:.55}
.np-tgl{font:12.5px/1 var(--mono);letter-spacing:3px;color:var(--redup);margin-top:8px;text-align:right}

/* ---------- bilah pengguna ---------- */
.np-pengguna{position:relative;z-index:3;display:flex;align-items:center;gap:12px;margin:12px 50px 0;font:13px/1 var(--mono);letter-spacing:3px;color:var(--c2)}
.np-titik{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:npDenyut 1.6s infinite;flex:none}
.np-sela{flex:1}
.np-btn{background:rgba(0,240,255,.06);border:1px solid rgba(0,240,255,.4);padding:8px 14px;font:12px/1 var(--mono);letter-spacing:2.5px;cursor:pointer;white-space:nowrap;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:background .2s,box-shadow .2s}
.np-btn:hover,.np-btn:focus-visible{background:rgba(0,240,255,.18);outline:none;box-shadow:0 0 14px rgba(0,240,255,.4)}
.np-suara{padding:6px 10px;font-size:13px}

/* ---------- dek: panel kiri · panggung · panel kanan ---------- */
.np-dek{position:relative;z-index:2;display:grid;grid-template-columns:270px minmax(0,1fr) 300px;gap:18px;margin:10px 44px 46px;align-items:start}
.np-panel{position:relative;min-width:0;padding:16px 18px;background:linear-gradient(180deg,rgba(4,22,32,.72),rgba(3,14,22,.6));border:1px solid rgba(0,240,255,.35);
  backdrop-filter:blur(8px);box-shadow:inset 0 0 40px rgba(0,240,255,.06);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  opacity:0;transform:translateY(10px);transition:opacity .8s,transform .8s}
body:not([data-st="boot"]) .np-panel{opacity:1;transform:none}
.np-detail{transition-delay:.15s}
.np-panel h2{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font:500 12.5px/1 var(--orb);letter-spacing:3px;color:var(--c)}
.np-h2b{margin-top:18px!important;padding-top:14px;border-top:1px dashed rgba(0,240,255,.25)}
.np-live{font:11px/1 var(--mono);letter-spacing:2px;color:var(--ok)}
.np-st .r{margin-bottom:10px;font:12.5px/1.2 var(--mono);letter-spacing:1px}
.np-st .a{display:flex;justify-content:space-between;gap:8px}.np-st .l{color:var(--redup)}.np-st .v{color:var(--redup);text-align:right}
.np-st .b{height:3px;background:rgba(0,240,255,.12);margin-top:5px}.np-st .b i{display:block;height:100%;width:25%;background:#5f7a86;transition:width .9s,background .4s}
.np-st .r.ok .v{color:var(--ok)}.np-st .r.ok .b i{width:100%;background:var(--ok);box-shadow:0 0 8px var(--ok)}
.np-st .r.info .v{color:var(--c)}.np-st .r.info .b i{width:100%;background:var(--c);box-shadow:0 0 8px var(--c)}
.np-st .r.warn .v{color:var(--amb)}.np-st .r.warn .b i{width:60%;background:var(--amb)}
.np-st .r.bad .v{color:var(--bad)}.np-st .r.bad .b i{width:20%;background:var(--bad)}
.np-spark{display:block;width:100%;height:26px;margin-top:6px}
.np-log{font:12px/1.55 var(--mono);color:#b8d6df;max-height:150px;overflow:hidden}
.np-log div{animation:npMasuk .4s ease both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-log .w{color:#56717c}.np-log .ok{color:var(--ok)}.np-log .info{color:var(--c)}.np-log .warn{color:var(--amb)}.np-log .bad{color:var(--bad)}

/* detail modul */
.np-dt-ikon{width:58px;height:58px;float:left;margin:0 12px 6px 0}
.np-dt-nama{font:700 19px/1.15 var(--orb);letter-spacing:1px;color:#fff}
.np-dt-kode{font:11.5px/1 var(--mono);letter-spacing:2px;color:var(--redup);margin-top:7px}
.np-dt-ket{clear:both;margin:10px 0 8px;color:#b9d3dc;font-size:15px}
.np-dt-isi{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px;padding:0;list-style:none}
.np-dt-isi li{font:11.5px/1 var(--mono);letter-spacing:1px;padding:5px 7px;border:1px solid rgba(0,240,255,.25);color:#a9cbd6;background:rgba(0,240,255,.04)}
.np-dt-baris{display:flex;justify-content:space-between;gap:10px;font:12px/1.9 var(--mono);letter-spacing:1px;border-bottom:1px dashed rgba(0,240,255,.12)}
.np-dt-baris span:first-child{color:var(--redup)}.np-dt-baris span:last-child{text-align:right}
.np-luncur{display:block;width:100%;margin-top:14px;padding:13px 10px;font:700 14px/1 var(--orb);letter-spacing:4px;color:#021016;background:linear-gradient(90deg,#00d8ec,#7ff8ff);border:0;cursor:pointer;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 22px rgba(0,240,255,.5);position:relative;overflow:hidden}
.np-luncur::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:npKilau 2.6s ease-in-out infinite}
.np-luncur:hover,.np-luncur:focus-visible{filter:brightness(1.12);outline:none}
.np-luncur[disabled]{cursor:default;color:var(--amb);background:rgba(255,179,71,.08);border:1px solid rgba(255,179,71,.45);box-shadow:none}
.np-luncur[disabled]::after{display:none}
/* peta integrasi */
.np-peta .t{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;margin-bottom:9px;font:12.5px/1.2 var(--mono);letter-spacing:.5px;color:#9db8c2}
.np-peta .n{width:26px;height:26px;display:grid;place-items:center;font:700 12px/1 var(--orb);background:rgba(0,240,255,.1);color:var(--redup);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.np-peta .s{font-size:11px;letter-spacing:1.5px;color:#56717c}
.np-peta .t.jalan .n{background:var(--c);color:#021016}
.np-peta .t.jalan{color:#fff}.np-peta .t.jalan .s{color:var(--c);animation:npDenyut 1.6s infinite}

/* ---------- panggung orbit ---------- */
.np-panggung{position:relative;height:clamp(470px,calc(100vh - 250px),820px);min-height:470px}
.np-jalur{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.np-jalur .orbit{fill:none;stroke:rgba(0,240,255,.13);stroke-dasharray:2 9}
.np-jalur .orbit2{fill:none;stroke:rgba(0,240,255,.07)}
.np-jalur .dasar{fill:none;stroke:rgba(0,240,255,.22);stroke-width:1.2;transition:stroke .3s,stroke-width .3s}
.np-jalur .dasar.tutup{stroke:rgba(255,179,71,.18);stroke-dasharray:3 6}
.np-jalur .laser{fill:none;stroke:var(--c);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:70 930;filter:drop-shadow(0 0 5px var(--c));animation:npLaser 2.8s linear infinite}
.np-jalur .laser.inti{stroke:#fff;stroke-width:1.1;stroke-dasharray:24 976;filter:none}
.np-jalur .laser.tutup{stroke:var(--amb);stroke-width:1.6;stroke-dasharray:30 970;opacity:.55;filter:drop-shadow(0 0 4px var(--amb));animation-duration:6.5s}
.np-jalur .hidup .dasar{stroke:rgba(0,240,255,.6);stroke-width:1.6}
.np-jalur .hidup .dasar.tutup{stroke:rgba(255,179,71,.5)}
.np-jalur .hidup .laser{stroke-width:3.2;animation-duration:1.1s}
.np-jalur .hidup .laser.tutup{opacity:1;animation-duration:2.2s}
.np-jalur .simpul{fill:var(--c2);filter:drop-shadow(0 0 6px var(--c))}
.np-jalur .simpul.tutup{fill:var(--amb);filter:drop-shadow(0 0 5px var(--amb))}

/* reaktor */
.np-reaktor{position:absolute;left:50%;top:50%;width:min(52vh,40%,440px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:transform 1.2s cubic-bezier(.2,.9,.2,1.1),opacity .9s;pointer-events:none}
body:not([data-st="boot"]) .np-reaktor{transform:translate(-50%,-50%);opacity:1}
.np-reaktor svg{width:100%;height:100%;overflow:visible}
.np-reaktor .p1{animation:npPutar 34s linear infinite}.np-reaktor .p2{animation:npBalik 52s linear infinite}.np-reaktor .p3{animation:npPutar 12s linear infinite}.np-reaktor .p4{animation:npBalik 90s linear infinite}
body[data-st="boot"] .np-reaktor .p1,body[data-st="boot"] .np-reaktor .p3,body.np-meluncur .np-reaktor .p1,body.np-meluncur .np-reaktor .p3{animation-duration:1.6s}
body[data-st="boot"] .np-reaktor .p2,body.np-meluncur .np-reaktor .p2{animation-duration:2.4s}
.np-reaktor .gb rect{fill:var(--c);transform-box:fill-box;transform-origin:center;animation:npGb 1s ease-in-out infinite}
.np-reaktor .nama{font:900 30px/1 var(--orb);letter-spacing:7px;fill:#fff;filter:drop-shadow(0 0 10px rgba(0,240,255,.9))}
.np-reaktor .sub{font:9.5px/1 var(--mono);letter-spacing:3px;fill:var(--c2)}
.np-reaktor .ring{fill:none;stroke:var(--c);transform-box:fill-box;transform-origin:center;animation:npRing 3.2s ease-out infinite;opacity:0}
.np-reaktor .ring.r2{animation-delay:1.6s}

/* simpul aplikasi */
.np-node-lapis{position:absolute;inset:0}
.np-node{position:absolute;width:200px;transform:translate(-50%,-50%) scale(.3);opacity:0;padding:0;border:0;background:none;cursor:pointer;text-align:left;
  transition:transform .7s cubic-bezier(.2,.9,.25,1.2),opacity .6s,filter .3s}
body:not([data-st="boot"]) .np-node{transform:translate(-50%,-50%);opacity:1}
.np-node .kotak{position:relative;display:flex;gap:11px;align-items:center;padding:11px 12px 11px 11px;background:linear-gradient(135deg,rgba(4,28,40,.92),rgba(3,14,22,.88));
  border:1px solid rgba(0,240,255,.38);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:border-color .25s,box-shadow .25s,background .25s}
.np-node .kotak::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(0,240,255,.16) 50%,transparent 65%);background-size:250% 100%;animation:npPindai 5s linear infinite;pointer-events:none}
.np-node .ik{width:42px;height:42px;flex:none}
.np-node .nm{display:block;font:700 13.5px/1.15 var(--orb);letter-spacing:.6px;color:#fff}
.np-node .st{display:block;white-space:nowrap;margin-top:5px;font:11px/1 var(--mono);letter-spacing:1.8px;color:var(--ok)}
.np-node .st::before{content:"● "}
.np-node .no{position:absolute;right:9px;top:6px;font:10px/1 var(--mono);letter-spacing:1px;color:rgba(0,240,255,.45)}
.np-node .baru{font:10px/1 var(--mono);letter-spacing:1.5px;color:#021016;background:var(--c);padding:2px 5px;margin-left:4px;vertical-align:2px}
.np-node.tutup .kotak{border-color:rgba(255,179,71,.3);background:linear-gradient(135deg,rgba(20,18,14,.85),rgba(6,12,16,.85))}
.np-node.tutup .nm{color:#c9d4d8}.np-node.tutup .st{color:var(--amb)}.np-node.tutup .ik{opacity:.65}
.np-node.tutup .kotak::before{display:none}
.np-node:hover .kotak,.np-node:focus-visible .kotak,.np-node.pilih .kotak{border-color:var(--c);box-shadow:inset 0 0 26px rgba(0,240,255,.25);background:linear-gradient(135deg,rgba(0,60,80,.95),rgba(3,22,32,.92))}
.np-node.tutup:hover .kotak,.np-node.tutup:focus-visible .kotak,.np-node.tutup.pilih .kotak{border-color:var(--amb);box-shadow:inset 0 0 26px rgba(255,179,71,.18);background:linear-gradient(135deg,rgba(50,36,12,.9),rgba(10,14,16,.9))}
.np-node:focus-visible{outline:none}
.np-node.pilih{filter:drop-shadow(0 0 12px rgba(0,240,255,.5));z-index:2}
.np-node.tutup.pilih{filter:drop-shadow(0 0 10px rgba(255,179,71,.35))}
.np-node .sudut4{position:absolute;inset:-6px;pointer-events:none;opacity:0;transition:opacity .25s,inset .25s}
.np-node .sudut4 i{position:absolute;width:10px;height:10px;border:0 solid var(--c)}
.np-node .sudut4 i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.np-node .sudut4 i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}
.np-node .sudut4 i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.np-node .sudut4 i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
.np-node.pilih .sudut4{opacity:1;inset:-9px;animation:npKedip 2.4s infinite}
.np-node.tutup .sudut4 i{border-color:var(--amb)}

/* ---------- pita ---------- */
.np-pita{position:fixed;left:0;right:0;bottom:0;z-index:4;height:30px;background:linear-gradient(90deg,rgba(0,240,255,.12),rgba(2,10,16,.92) 30%,rgba(2,10,16,.92) 70%,rgba(0,240,255,.12));border-top:1px solid rgba(0,240,255,.35);overflow:hidden}
.np-pita>div{display:flex;width:max-content;height:30px;align-items:center;gap:60px;white-space:nowrap;font:12px/1 var(--mono);letter-spacing:2.5px;color:#7fbfcc;animation:npJalan 46s linear infinite}

/* ---------- lompatan (meluncur ke aplikasi) ---------- */
.np-warp{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden}
.np-warp i{position:absolute;left:var(--wx,50%);top:var(--wy,50%);width:120px;height:120px;margin:-60px;border-radius:50%;border:2px solid var(--c);box-shadow:0 0 30px var(--c),inset 0 0 30px var(--c);opacity:0}
.np-warp b{position:absolute;inset:0;background:radial-gradient(circle at var(--wx,50%) var(--wy,50%),#fff,rgba(160,250,255,.9) 30%,rgba(0,240,255,.4) 60%,transparent 80%);opacity:0}
body.np-meluncur .np-warp{visibility:visible}
body.np-meluncur .np-warp i{animation:npWarpCincin 1.1s cubic-bezier(.5,0,.9,.6) forwards}
body.np-meluncur .np-warp i:nth-child(2){animation-delay:.12s}body.np-meluncur .np-warp i:nth-child(3){animation-delay:.24s}
body.np-meluncur .np-warp b{animation:npKilat 1.25s ease-in forwards}
body.np-meluncur .np-dek,body.np-meluncur .np-kepala,body.np-meluncur .np-pengguna{transition:transform 1.2s cubic-bezier(.6,0,.9,.5),filter 1.2s,opacity 1.2s;transform:scale(1.35);filter:blur(3px) brightness(1.6);opacity:.2}

/* ---------- animasi ---------- */
@keyframes npPutar{to{transform:rotate(360deg)}}@keyframes npBalik{to{transform:rotate(-360deg)}}
@keyframes npDebu{to{background-position:0 -600px,0 -380px,0 -220px}}
@keyframes npLantai{to{background-position:0 46px,0 0}}
@keyframes npBlip{0%,100%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1)}70%{opacity:.25}}
@keyframes npLampu{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes npDenyut{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes npMasuk{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes npKilau{0%{left:-40%}60%,100%{left:120%}}
@keyframes npJalan{to{transform:translateX(-50%)}}
@keyframes npLaser{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes npGb{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes npRing{0%{transform:scale(.55);opacity:.8}100%{transform:scale(1.45);opacity:0}}
@keyframes npPindai{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes npKedip{0%,88%,100%{opacity:1}90%{opacity:.25}93%{opacity:1}95%{opacity:.4}}
@keyframes npWarpCincin{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(18)}}
@keyframes npKilat{0%,45%{opacity:0}85%,100%{opacity:1}}

/* ---------- layar sedang & HP ---------- */
@media (max-width:1280px){.np-dek{grid-template-columns:240px minmax(0,1fr) 270px}.np-node{width:178px}.np-node .ik{width:36px;height:36px}.np-node .nm{font-size:12.5px}}
@media (max-width:1100px){
  .np-dek{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:10px 24px 46px}
  .np-panggung{grid-column:1 / -1;order:-1}
  .np-kepala{margin:0 24px}.np-pengguna{margin:12px 28px 0}
}
@media (max-width:760px){
  .np-latar .radar,.np-latar .menara,.np-koord{display:none}
  .np-kepala{margin:0 14px;padding:16px 0 12px}.np-logo{transform:scale(.8);margin:-6px}
  .np-t1{font-size:16px;letter-spacing:3px}.np-t2{font-size:10.5px;letter-spacing:1.5px}.np-t3{display:none}
  .np-jam{font-size:24px}.np-tgl{font-size:10px;letter-spacing:1px}
  .np-pengguna{margin:10px 16px 0;font-size:11px;letter-spacing:1.5px}
  .np-dek{grid-template-columns:minmax(0,1fr);margin:8px 14px 46px}
  .np-kepala{flex-wrap:wrap}.np-kanan{margin-left:auto}
  .np-pengguna{flex-wrap:wrap;line-height:1.5}#npSalam{flex:1 1 100%;order:-1}.np-titik{display:none}
  .np-panggung{height:auto;min-height:0;padding-top:min(80vw,340px)}
  .np-reaktor{top:min(40vw,170px);width:min(76vw,320px)}
  .np-jalur{display:none}
  .np-node-lapis{position:relative;inset:auto;display:grid;grid-template-columns:1fr;gap:10px}
  .np-node{position:relative;left:auto!important;top:auto!important;width:100%;transform:translateY(12px)}
  body:not([data-st="boot"]) .np-node{transform:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .np-jalur .laser{display:none}
}