:root{--tinggi-header: 56px}.twin-header{position:fixed;top:0;left:0;right:0;height:var(--tinggi-header);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;box-sizing:border-box;overflow:hidden;flex-wrap:nowrap;background:linear-gradient(180deg,#0e2033,#0a1725);border-bottom:1px solid #1c3a58;font:13px/1.2 Segoe UI,system-ui,sans-serif;color:#cfe3f5}.twin-header .hd-ikon{margin-right:6px}.hd-tanggal{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#10243a;border:1px solid #1f3d5c;border-radius:8px;white-space:nowrap}.hd-tanggal b{color:#eaf3fb}.hd-tanggal span{opacity:.65}.hd-kiri{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;overflow:hidden;flex-wrap:nowrap}.hd-jam{display:flex;align-items:center;gap:7px;padding:7px 12px;background:#10243a;border:1px solid #1f3d5c;border-radius:8px;white-space:nowrap}.hd-titik{width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:#46d18a;box-shadow:0 0 8px #46d18a;animation:hd-denyut 2s infinite}@keyframes hd-denyut{50%{opacity:.3}}.hd-waktu{color:#eaf3fb;font-variant-numeric:tabular-nums;letter-spacing:.02em}.hd-cuaca{padding:7px 12px;white-space:nowrap;color:#cfe3f5;background:#10243a;border:1px solid #1f3d5c;border-radius:8px}.hd-tengah{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}.hd-jangkar{font-size:20px;color:#4db3ff}.hd-judul{display:flex;flex-direction:column;line-height:1.15;min-width:0}.hd-judul b,.hd-judul span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-judul b{font-size:17px;letter-spacing:.14em;color:#fff}.hd-judul span{font-size:10px;letter-spacing:.28em;color:#4fd0d8}.hd-kanan{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex:0 0 auto}.hd-menu{display:inline-flex;align-items:center;padding:8px 11px;border-radius:8px;background:transparent;border:1px solid transparent;color:#cfe3f5;font:inherit;cursor:pointer;white-space:nowrap}.hd-menu:hover:not(:disabled){background:#16304b}.hd-menu.on{background:#16304b;border-color:#2f6fb5;color:#fff}.hd-menu.utama{background:#1fa8a8;border-color:#35c9c9;color:#04222a;font-weight:600}.hd-menu.utama.on{background:#35c9c9}.hd-menu:disabled{opacity:.35;cursor:default}.hd-pisah{width:1px;align-self:stretch;margin:12px 6px;background:#ffffff24}.hd-menu.bahaya{background:#c2413a;border-color:#d8564e;color:#fff;font-weight:600}.hd-menu.bahaya:hover:not(:disabled){background:#d8564e}.hd-akun{display:inline-flex;align-items:center;padding:8px 11px;margin-left:6px;background:#10243a;border:1px solid #1f3d5c;border-radius:8px}.twin-laci{position:fixed;top:56px;right:14px;z-index:39;width:330px;padding:12px 14px;box-sizing:border-box;background:#0a1725f5;border:1px solid #1f3d5c;border-radius:0 0 10px 10px;color:#cfe3f5;font:12px/1.45 Segoe UI,system-ui,sans-serif;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.twin-laci.buka{transform:translateY(0);opacity:1;pointer-events:auto}.twin-laci h3{margin:0 0 10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.twin-laci .baris{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;align-items:center}.twin-laci .label{width:100%;opacity:.6;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.twin-laci button{padding:6px 10px;border-radius:7px;background:#16304b;border:1px solid #23496e;color:#cfe3f5;font:inherit;cursor:pointer}.twin-laci button.on{background:#2f6fb5;border-color:#4a90d9;color:#fff}.twin-laci .catatan{margin:2px 0 0;opacity:.6;line-height:1.5}.twin-laci .panah{opacity:.55}.twin-laci select{padding:6px 8px;border-radius:7px;background:#16304b;border:1px solid #23496e;color:#cfe3f5;font:inherit;min-width:88px}.twin-laci .kabar-antar{margin:-4px 0 10px;min-height:15px;opacity:.8}.panel.setelan-alat{position:fixed;top:calc(var(--hud-atas, 118px) + 8px);left:14px;z-index:39;width:208px;padding:10px;box-sizing:border-box}.setelan-alat h2{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.setelan-tutup{width:20px;height:20px;border-radius:6px;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:inherit;font-size:13px;line-height:1;padding:0}.setelan-daftar{display:flex;flex-direction:column;gap:5px}.setelan-baris{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:9px;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.11);color:inherit;font:inherit;font-size:12px;text-align:left}.setelan-baris:hover:not(:disabled){background:#ffffff1f}.setelan-baris.on{background:#16304b;border-color:#2f6fb5}.setelan-baris:disabled{opacity:.38;cursor:default}.setelan-nama{flex:1}.setelan-status{font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border-radius:5px;background:#ffffff17;opacity:.8}.setelan-baris.on .setelan-status{background:#2f6fb5;color:#fff;opacity:1}body.pakai-header .hud-top,body.pakai-header .panel.buildinsp{margin-top:var(--tinggi-header)}body.pakai-header .hud-top{background:linear-gradient(180deg,#0a1725eb,#0a172500)}.panel-simulasi .segmented{margin-bottom:10px}.panel-simulasi .viewctl-sub{margin:0 0 6px}.panel-simulasi .sim-antar{margin-top:2px}.bilah-kamera{position:fixed;top:66px;left:240px;right:14px;z-index:38;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;box-sizing:border-box;background:#0a1725f0;border:1px solid #1f3d5c;border-radius:999px;color:#cfe3f5;font:12px/1.2 Segoe UI,system-ui,sans-serif}.bk-tutup{width:26px;height:26px;flex:none;border-radius:50%;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:inherit;font-size:12px;line-height:1;padding:0}.bk-judul{display:inline-flex;align-items:center;gap:7px;font-weight:600}.bk-ikon{font-size:14px}.bk-bacaan{padding:5px 10px;border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}.bk-bacaan b{font-weight:600;margin-right:4px}.bk-pos{background:#3fb6ff29;border:1px solid rgba(63,182,255,.35)}.bk-rot{background:#c484fc29;border:1px solid rgba(196,132,252,.35)}.bk-mode{margin-left:auto;opacity:.7}.bk-tombol{padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap;background:#16304b;border:1px solid #23496e;color:#cfe3f5;font:inherit}.bk-tombol.on{background:#2f6fb5;border-color:#4a90d9;color:#fff}.bk-tombol:disabled{opacity:.4;cursor:default}.bk-pilih{padding:6px 10px;border-radius:999px;background:#16304b;border:1px solid #23496e;color:#cfe3f5;font:inherit}.hd-kpi{display:flex;align-items:center;gap:5px;min-width:0}.hd-chip{display:inline-flex;align-items:baseline;gap:5px;padding:6px 10px;background:#10243a;border:1px solid #1f3d5c;border-radius:8px;white-space:nowrap;color:#cfe3f5;font:inherit}.hd-chip-ikon{align-self:center;font-size:12px;opacity:.85}.hd-chip b{color:#eaf3fb;font-variant-numeric:tabular-nums}.hd-chip small{display:none;font-size:10px;letter-spacing:.04em;opacity:.55;text-transform:uppercase}button.hd-chip{cursor:pointer}button.hd-chip:hover{background:#16304b;border-color:#2f6fb5}.hd-chip.waspada{border-color:#6b5a22}.hd-chip.waspada b{color:#ffd166}.hd-chip.buruk{border-color:#6d2230}.hd-chip.buruk b{color:#ff6b6b}@media (min-width: 2200px){.hd-chip small{display:inline}}@media (max-width: 2000px){.hd-tanggal{display:none}}@media (max-width: 1700px){.hd-judul span{display:none}}@media (max-width: 1560px){.hd-tengah{display:none}}@media (max-width: 1500px){.hd-cuaca{display:none}}@media (max-width: 1400px){.hd-kpi .hd-chip[data-id=cargo]{display:none}}@media (max-width: 1280px){.hd-kpi .hd-chip[data-id=alat]{display:none}}@media (max-width: 1150px){.hd-kpi .hd-chip[data-id=kapal]{display:none}}.hd-tanggal,.hd-jam,.hd-cuaca,.hd-kpi,.hd-chip,.hd-menu{flex:0 0 auto}